/*memo couleurs
typo bleue #2e4486;
typo bleue gris (encart excl) #02748c;
typo gris foncé #6d6969;
orange #dd7716;
bleu pacte et comité soutien #2f417f;
bleu présidentiel #02758d;
vert observatoire #609718;
violet #8d0471;
rouge (filets) #870103;
marron international #8e5508;
-------------------*/

/*accueil du portail*/

.left { float: left; }
.interviewrep { font-style:italic; } /*juste pour mettre en italique des bouts de pages eco-electeur, titre de la classe pas cohérent*/

/*home page Pacte municipales*/
.imgbloc {display: block; }
#homeinfos { width: 280px; padding: 53px 24px 0 0; background: url(../municipales/img/actuhome.gif) top left no-repeat; margin-top: 20px; }
#homeinfos a { color: #6d6969; }
.infosobstitre { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #609718; padding: 0 0 2px 15px; background: url(../img/puceverte.gif) 0 2px no-repeat; }
.infosinternattitre { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #8e5508; padding: 0 0 2px 15px; background: url(../img/pucemarron.gif) 0 2px no-repeat; }
.infoslegtitre { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #8d0471; padding: 0 0 2px 15px; background: url(../img/puceviolet.gif) 0 2px no-repeat; }
.infoshulottitre { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #2f417f; padding: 0 0 2px 15px; background: url(../img/pucebleue.gif) 0 2px no-repeat; }
#homeinfos a.suiteobs { color: #609718; }
#homeinfos a.suitehulot { color: #2f417f; }
#homeinfos a.suiteleg { color: #8d0471; }
#homeinfos a.suiteinternat { color: #8e5508; }
#homeinfos .text { padding-bottom: 15px; }

.grisdroite { width: 290px; margin: 10px 0 10px 0; padding: 5px 5px 0 5px; background: url(img/smallrectgrishaut.gif) top left no-repeat; background-color: #ccc; color: #2e4486; float: left; line-height: 18px; }
.grisdroite a { color: #2e4486; }
.grisdroite p { padding: 0 0 5px; 15px; }
.basgris { width: 295px; background: url(img/smallrectgrisbas.gif) top right no-repeat; height: 10px; }

#editomuni { width: 384px; height: 180px; }
#munitexte { float : left; width: 260px; }
#munitexte p { padding: 0 10px 10px 30px; }
#munimage { float : right; width: 120px; }
#munititre { width: 384px; text-align: left; padding-bottom: 5px; color: #2f417f; font-size: 20px; font-weight: bold; }
#munititre a { color: #8d0471; }
#thematiques{ width: 384px; margin-top:10px; padding-top: 60px; padding-right: 7px; background: url(../municipales/img/themes.gif) top left no-repeat; margin-top:10px; }
.partenaires{ width: 350px; padding: 5px 7px 5px 0; background: url(../municipales/img/flechemauveright.gif) top left no-repeat; margin-top:10px; font-size:18px; font-weight:bold; color: #8d0471; }
.partenaires p { text-indent:30px; }
.partenaires a { color: #8d0471; font-size:18px; font-weight:bold; text-decoration:none; }
.partenaires a:hover { color: #8d0471; font-size:18px; font-weight:bold; text-decoration:underline; }
#avis { width: 391px; height: 315px; margin-top:10px; }
#expertavis { float: left; padding-top: 50px; padding-right:7px; background: url(../municipales/img/avis_expert.gif) top left no-repeat; width: 185px; }
#expertavisnew { float: left; padding-top: 50px; padding-right:15px; background: url(../municipales/img/avis_expert2.gif) top left no-repeat; width: 215px; }
#expertavis p { padding: 0 0 2px 0; }
#expertavisnew p { padding: 0 0 2px 0; }
#votreavis { float: right; padding-top: 50px; padding-right:7px; width: 185px; background: url(../municipales/img/votre_avis.gif) top right no-repeat; margin-right:2px; }
#votreAvis { background: url(../municipales/img/modulevote_mid.gif) top left repeat-y; width: 148px; }
#votreavisnew { float: right; width: 148px; margin-top:40px; margin-right:2px; }
#votreavismuni { width: 148px; margin-top:20px; }

#modulevote { width: 180px; text-align: center; padding: 15px 0 15px 0; }
.personne { color:#870103; font-size:14px; padding: 5px 0 0 0; }
#videomuni { width:180px; height:150px; }
#videomuninew { width:210px; height:177px; margin-bottom:10px; }
#videoban {
	width:182px;
	height:141px;
	position: absolute;
	left: 673px;
	top: 0px;
}

/*le menu du haut*/
#topmenumuni { float: left; width: 700px; border-left: 1px solid #2f417f;  background: url(img/titrepactemuni.gif) top left no-repeat; position: relative; padding: 38px 0 0 16px; }
#topmenumuni p { color: #2f417f; }

/*le menu de droite*/
#rightmenu { float: right; width: 137px; padding: 10px 50px 0 0; }
#rightmenu a { color: #2f417f; }
#droitegris { background:url(img/encardmauve.gif) top left repeat-y; width: 130px; padding : 4px 47px 4px 10px; }
.droiteblanc { background:url(img/encardblanc.gif) top left repeat-y; width: 130px; padding : 4px 77px 4px 7px; color:#8d0471; }
.titrevideo { background:url(img/encardhaut.gif) top left repeat-y; width: 133px; padding : 14px 47px 4px 7px; text-align:center; color:#8d0471; font-weight:bold; font-size:14px;  }
#videomunismall { width:140px; height:115px; }

/*tous les contenus au centre entre les deux menus*/
#conteneurindex { float: left; width: 524px; height: 1300px; padding: 10px 0 15px 16px; border-left: 1px solid #2f417f; position: relative; }
#conteneurnorm { float: left; width: 524px; padding: 10px 0 5px 16px; border-left: 1px solid #2f417f; position: relative; }
#conteneurlong { float: left; width: 524px; padding: 10px 0 5px 16px; height: 1500px; border-left: 1px solid #2f417f; position: relative; }
#conteneurnorm a { color: #8d0471;  }
#conteneursmall { float: left; width: 524px; height:400px; padding: 10px 0 15px 16px; border-left: 1px solid #2f417f; position: relative; }
.guidetxt { text-indent: 18px;}
.mauve { color: #8d0471; text-transform: uppercase; text-decoration: none; font-weight: bold; }

#citationfin { color: #2f417f; font-size:14px; text-align: right; font-style:italic; }
#citationaut { color: #2f417f; font-size:14px; text-align: right; }

/*sommaire*/
#sommaire { width: 501px; padding: 18px 0 0 0; margin-bottom: 27px; background: url(img/longgreytop.gif) top left no-repeat; background-color: #ccc; color: #2e4486; line-height: 16px; }
#sommaire a { color: #2e4486; text-decoration:none; }
#sommaire p { padding: 0 0 0 15px; }
#com21 p { padding-left:420px; width:71px; height: 50px; float: right; }

/*Pages internes eco-électeur*/
#bassom { background:url(img/longgreybottom.gif) top right no-repeat; height: 7px; }
#sommaire .titre { color: #2f417f; }
.titreguide { cursor: pointer; }
.titre { cursor: pointer; }
#pageseco { width:501px; }
#pagesecoaere { width:466px; padding-left:35px; }
.titreco { color: #8d0471; font-weight: bold; font-size:16px; text-transform: uppercase; padding-bottom:10px; }
.sstitreco { color: #8d0471; font-weight: bold; font-size:14px; padding-bottom:10px; }
#enjeuximage { float: left; background: url(img/picto-enjeux.gif) top left no-repeat; width: 60px; height: 60px; }
#leviersimage { float: left; background: url(img/picto-levier.gif) top left no-repeat; width: 60px; height: 60px; }
#possibleimage { float: left; background: url(img/picto-possible.gif) top left no-repeat; width: 60px; height: 60px; }
#questionsimage { float: left; background: url(img/picto-question.gif) top left no-repeat;  width: 70px; height: 55px; }
#impactsimage { float: left; background: url(img/picto-impact.gif) top left no-repeat; width: 70px; height: 55px; }
.titrepara { color: #8d0471; font-weight: bold; font-size:14px; margin: 3px 0 3px 0; }
.ecopara { width:501px; float: right; font-size: 12px; color:#444; padding-bottom: 20px; }
.ecoparaere { width:466px; float: right; font-size: 12px; color:#444; padding-bottom: 20px; }
.ecopara .ecoparaere ul a { color: #8d0471; }
.ecopara .ecoparaere li { margin-bottom: 5px; margin-left: -10px; }
.ecopara2 { width:501px; float: right; font-size: 12px; color:#444; padding-bottom: 18px; }
.ecopara2 ul { margin-left: 40px; }

/*tableau pour le menu du haut des municipales*/
#munitab { border-collapse: collapse; margin-left: 30px; margin-top:10px; margin-bottom: 4px; }
td.themalien { vertical-align: top; padding: 0 0 4px 0; width:200px; }
td.themalien a { display: block; padding: 4px 0 5px 26px; text-transform: uppercase; text-decoration: none; background: url(../img/flechebleupacte_off.gif) top left no-repeat; color: #2f417f; }
td.themalien a:hover { text-decoration: underline; background: url(../img/flechebleupacte_on.gif) top left no-repeat; }
td.themalien a.selec { background: url(../img/flechebleupacte_on.gif) top left no-repeat; }

/*tableau pour le menu des vignettes municipales*/
#munivign { border-collapse: collapse; margin-left: 10px; margin-top:10px; margin-bottom: 4px; }
td.vign { vertical-align: top; padding: 0 0 4px 0; width:90px; }
td.vigntexte { vertical-align: top; text-align:center; padding: 0 0 4px 0; width:90px; }
td.vigntexte a { text-decoration: none; color: black; }

/*Page en savoir plus*/
#actumuniplus { background:url(img/actumuni.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 0; margin-left: 5px; margin-top:15px; }
#actumuniplus .titre { font-weight: bold; color: #8d0471; margin-top:8px; margin-bottom:4px; text-indent: 15px; background: url(../img/puceviolet.gif) 0 2px no-repeat; }
#actumuniplus .auteur { color: #6d6969; font-style: italic; font-size: 12px; font-weight: normal; }

#liredecouvrirplus { background:url(img/liredecouvrir.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 0; }
#liredecouvrirplus li { margin-bottom: 10px; }
#expertsvideos { background:url(img/avis_experts.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 0; margin-top:15px;  margin-bottom: 15px; }
.table500 { margin-top: 15px; text-align: left; }
.table250g { width: 250px; background-color:#ddd; text-align: left; }
.table250 { width: 250px; background-color:#eee; text-align: left; }
.videotitre { font-size:14px; font-style:italic; color: #2f417f; margin-bottom:10px; }
.videoplusloin { text-align: center; width: 480px; }
#relaismediaplus { background:url(img/relaismedia.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 0; }
#partenairesplus { background:url(img/partenaires.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 0; margin-top:15px; }
#partenairesplus img { margin-right:40px; margin-left: 40px; }
#vosavisplus { background:url(img/vosavis.gif) top left no-repeat; width: 500px; padding: 50px 15px 10px 20px; margin-left:-15px; margin-top:15px; }
.videolien1 { color: #8d0471;}
.videolien2 { color: #dd7716;}

/*Page Page partenaires*/
#conteneurfemmeactuelle { padding: 40px 10px 10px 0px; background: url(img/FA_FR.png) top left no-repeat; }
#conteneurrmc { padding: 65px 10px 20px 0px; margin-top:10px; background: url(img/rmc.jpg) top left no-repeat; }
#conteneurcartcom { padding: 40px 10px 25px 0px;  background: url(img/logocartcom.gif) top left no-repeat; }
#conteneurtf1 { padding: 40px 10px 25px 0px; background: url(img/tf1fr.png) top left no-repeat; }
.imageleft { background: url(img/picto-impact.gif) top right no-repeat; width: 100px; height: 70px; float: right; }