*{padding:0; margin:0;}
body {background-image:url(images/bg.jpg);background-position: 50% 0%; background-repeat:no-repeat; font-family: 'times new roman',serif; font-size: 13px; background-color:white; }  
#maincontainer {width:960px; margin:0 auto; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
#container {background-color:white; min-height:625px;}
h1 {font-size:180%; padding:0; font-weight:bold;}
h2 {font-weight:bold; font-size:150%}
h3 {letter-spacing:1px; font-size:180%; font-weight:normal;  padding-top:20px; padding-left:15px;}
h4 {font-size:125%; margin-top:25px;}
h5 {text-decoration:underline;padding-left:15px; padding-top:10px; font-size:100%; font-weight:normal;}
fieldset {border:none;}
table {margin:10px 0 10px 20px; border-collapse:collapse;}
table td{border:1px solid grey; }

#left {background-color:white; margin-top:-26px; background-image:url(images/bg_bienvenue.png); background-repeat:no-repeat; background-position:295px 0px;}
.bienvenue {background-color:#cdc296 !important;  background-repeat:no-repeat;}
.bienvenue img { width:636px;float:right; margin:8px -10px 15px 0; }
a.contact {text-transform:uppercase; color:white; font-weight:bold; text-decoration:none; text-decoration:underline; position:relative; top:-18px; left:750px; font-size:125%;}
a.contact:hover {color:#df3b27;}

#header { background-image:url(images/top.png); background-repeat:no-repeat;}
#header a.logo {width:500px; height:200px;  margin-top:0px;display:block;  }
#header h1 {color:white; text-transform:uppercase; text-align:center; padding:5px 0 25px 0px; }
#header h3 {margin-bottom:-12px;}
#left{ float:left; width:305px; background-color:white;}
#left ul.menu {float:left; list-style-type:none;font-weight:bold; font-size:135%; width:325px; height:253px; background-image:url(images/bg_menu.png);background-repeat:no-repeat; padding-top:24px;}
#left ul.menu li {padding:8px 0 7px 0; text-align:right; height:21px;}
#left a { text-decoration:none; color:black; }
#left a:hover {color:#00448e;}
#left ul.menu li span {color:#00448e;}

    /* POUR POSITIONNER LES LI EN "COURBE" DANS LE MENU */
        #left ul.menu li.li1 {padding-right:85px;}
        #left ul.menu li.li2 {padding-right:70px;}
        #left ul.menu li.li3 {padding-right:60px;}
        #left ul.menu li.li4 {padding-right:45px;}
        #left ul.menu li.li5 {padding-right:60px;}
        #left ul.menu li.li6 {padding-right:70px;}
        #left ul.menu li.li7 {padding-right:85px;}
     
#divBienvenue { text-align:justify; padding:0 10px 15px 0;   background-image:url(images/bg_bienvenue.png); background-repeat:no-repeat; background-position:-10px -1px;}  
.bienvenu h3 {margin-top:20px;}
#divBienvenue ul {margin:10px 0 15px 25px;}  
#divBienvenue h4 {font-size:125%; padding-left:15px;}   
#divBienvenue p{padding:10px 20px 10px 15px;}

#colonneCentre, #left {margin-top:-20px;}
/* CONTENT */
#center {background-color:white; padding:5px 0px 5px 10px; position:relative;float:left;}

.contenu p, .contenu ul, .contenu h4 {padding:10px 15px 5px 15px;}
div.contenu {padding-top:15px;}
.contenu ul {list-style-type:disc !important; padding-left:25px !important;}
.contenu ul ul {list-style-type:circle !important; }
.contenu li {padding:2px 0 !important;}
/* COLONNE GAUCHE */
#colonneGauche { width:290px;   padding:8px; background-color:white; }
#colonneGauche a {height:19px; font-size:115%; color:white; font-weight:bold; text-decoration:none; float:right; position:relative; right:20px;}
#colonneGauche a:hover {font-style:italic;}

#colonneGauche #elections {background-image: XXXXurl(images/elections3.jpg); height:288px; background-repeat:no-repeat; width:290px;}
#colonneGauche #elections a {top:264px;}

#colonneGauche #restezInformes {background-color:black; height:130px; margin:0px 0 10px 0; width:290px; font-size:90%}
#colonneGauche #restezInformes p {color:white; line-height:125%; font-size:125%; padding:17px 10px 16px 10px; font-family: 'georgia',serif;}
#colonneGauche #restezInformes span {font-size:110%; font-weight:bold;}

#colonneGauche #formCourriel {background-color:#9d976b;  padding:10px 15px 10px 10px; }
#colonneGauche #formCourriel #champCourriel {float:left; border: 1px solid black; padding:2px 0 2px 2px; width:180px;}
#colonneGauche #formCourriel #envoieCourriel {float:right; border:0; padding-top:4px; background-color:#9d976b; cursor:pointer; width:14px; height:20px; background-image:url(images/envoieCourriel.png); background-repeat:no-repeat; background-position:center;}

#colonneGauche #commentaires {background-image: url(images/commentaires.jpg); height:108px; width:236px;}
#colonneGauche #commentaires a {top:83px; }

/* COLONNE CENTRE*/
#colonneCentre {float:right; width:655px;  background-color:white; background-image:url(images/bg_bienvenue.png); background-repeat:no-repeat; background-position:-10px 0px;font-size:17px;}
#colonneCentre h1.premierTitre {width:302px; background-image:url(images/titreColonneCentre.png); background-repeat:no-repeat; background-position:right center; padding:0 15px 0 0;}
#colonneCentre h2 {width:302px; background-image:url(images/titreColonneCentre.png); background-repeat:no-repeat; background-position:right center; padding:0 5px 0 0;}


#colonneCentre #autreNouvelles { background-repeat:no-repeat; background-position:left top; padding-top:15px;}
#colonneCentre #autreNouvelles div {padding:5px 0 5px ; font-style:italic;}
#colonneCentre #autreNouvelles p{font-weight:bold;}
#colonneCentre #autreNouvelles p.date {font-weight:normal;}

#nouvelles img {float:right;}

#colonneCentre .nouvelle {font-style:italic; font-size:90%; padding:8px 0 5px 0px; background-repeat:no-repeat; background-position:center top}
#colonneCentre .nouvelle .date {padding-top:10px;}
#colonneCentre ul {list-style-type:none;}

ul.liens {list-style-type:none !important ;}
ul.liens a {color:black; text-decoration:underline;}
ul.liens a:hover { font-weight:bold;}


img.imgPropos {float:right;}
img.cv {display:block; width:550px;  padding:5px; border:2px solid #cdc296; margin-top:10px; margin-left:15px;}
#footer {float:right; margin-top:25px;}
#footer span {position:relative; top:-20px;}
#footer a img {border:none; margin-left:10px;}

table.calendrier {width:600px; text-align:center; vertical-align:middle; }
table.calendrier .tr1 {background-color:#c0c0c0; font-weight:bold;}
table.calendrier td {min-width:80px; padding:3px; }
table.calendrier td.gauche {text-align:left;}
.bleu {color:blue;}
.jaune {background-color:#fff4b9;}
strong.gros {font-size:125%;}

/* LE FORMULAIRE */
#formCommentaires {margin-top:15px;}
#formCommentaires label {width:200px; display:inline-block; margin:6px; text-align:right; padding-right:5px;}
#formCommentaires label[for=champCommentaire]{width:auto; margin-left:100px;}
#formCommentaires input[type=text] {width:250px; padding:2px; }
#formCommentaires input[type=submit]{margin-left:400px;}
#formCommentaires textarea {width:500px; height:200px; margin-left:105px;}

/* LE MENU DEROULANT*/
ul ul.niveau2 {display: none; position:absolute; text-align:left;padding:0 !important; width:auto !important; z-index: 101;  margin-top:-20px; margin-left:-60px; list-style-type:none;} 
li:hover ul.niveau2 {display:block; }
ul.niveau2 li {float:none !important; text-align:left !important; position:relative; background-color:#c2b47b; width:150px; margin:1px 0; }
ul.niveau2 li a {text-align:left !important; padding:0px 5px;}
li.sfhover ul.niveau2 {display:block; }

 #listeCandidats { margin:0px -10px 0 0px!important; position:relative; left:25px; top:-16px;}
#listeCandidats li{float:left; width:156px; font-size:12px; padding:0 0px; text-align:center;}

.paddingtop li {padding:4px 0 !important;}