*{padding:0; margin:0;}
#body1 {background-image:url(images/bg_body1.jpg);background-position: 50% 0%; background-repeat:no-repeat; font-family:  verdana, arial, sans-serif; font-size: 12px; background-color:#b1b1b1; }
#body2 {background-image:url(images/bg_body2.jpg);background-position: 50% 100%; background-repeat:no-repeat; background-color:transparent; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  
.rouge {color:#8a1d1a; font-weight:bold;}
.gris {color:#656565;}
#wrapper { width:998px; margin:0 auto;}
a img {border:none;}
p {padding:10px 0;}
a:visited {color:#777777;}
a {color:#777777;}
/* HEADER */
#header {width:100%; height:380px; background-image:url(images/bg_header.png); margin:20px 0 0 0;}
a#contactezNous {font-size:15px; text-decoration:none; color:black; font-family:"Franklin Gothic Demi Cond", arial;  display:block; float:right; height:26px; padding:2px 0 0 26px; background-image:url(images/bg_bulle_contact.jpg); background-repeat:no-repeat; background-position:left top; margin:40px 50px 0 0;}
a#contactezNous:hover {color:#b1b1b1;}
a#logoAccueil {display:block; width:190px; height:90px;  margin:-5px 0 0 32px;}
ul#topMenu {list-style-type:none; margin:164px 0 0 60px; text-transform:uppercase;}
ul#topMenu li {float:left; padding:0 4px;}
ul#topMenu li.separator {width:14px; background-repeat:no-repeat; background-position:center; height:18px; background-image:url(images/menu_separator.jpg);}
ul#topMenu a {color:white; text-decoration:none; font-family: arial; font-size:12px; font-weight:bold;}
ul#topMenu a:hover {color:#bcbcbc;}


/* CONTAINER */
#container { background-image:url(images/bg_container.png); padding:0 40px;}
ul#sousMenuTop {list-style-type:none; text-transform:uppercase; position:relative; top:-31px; left:60px;}
ul#sousMenuTop li {height:30px; padding-left:20px; background-image:url(images/bg_onglet_gauche.png); float:left; background-repeat:no-repeat; background-position:left; font-weight:bold;}
ul#sousMenuTop li span {color:#881e1a; font-size:20px;position:relative; top:3px;  }
ul#sousMenuTop li a{ display:block; height:15px; padding:0px 20px 15px 0; background-image:url(images/bg_onglet_droit.png); background-position:right; text-decoration:none; color:black;background-repeat:no-repeat;}
ul#sousMenuTop li:hover { background-image:url(images/bg_onglet_gauche_ov.png);}
ul#sousMenuTop li a:hover {color:#8b8b8b; background-image:url(images/bg_onglet_droit_ov.png);}

/* LEFT COLUMN */
#leftColumn {float:left; width: 680px;  margin:-30px 15px 0 0; padding-top:20px; }
#hautContenu {background-image:url(images/bg_bas_haut_contenu.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:29px;}
#hautContenu .titre h1 {text-transform:uppercase; font-size:18px; color:#bcbcbc; }
#hautContenu .titre h2 {color:white; }

#hautContenu2 {background-position:center; background-image:url(images/bg_haut_contenu.jpg); background-repeat:repeat-y; padding:30px; }
#hautContenu div.titre { padding:10px 0 0  30px; height:54px; width:650px; background-image:url(images/bg_titre.jpg); background-repeat:no-repeat; background-position:center;}

#basContenuTop {width:680px; height:25px; background-image:url(images/bg_top_bas_contenu.jpg); margin-top:25px;}
#basContenu {width:680; background-image:url(images/bg_bas_contenu.jpg); background-repeat:repeat-y;}
#basContenu2 { padding-bottom:25px; width:680; min-height:300px; background-image:url(images/bg_bas_bas_contenu.jpg); background-repeat:no-repeat; background-position:bottom;}
#basContenu2 img {display:block; margin:0 auto;}

#gestionIntegreeTop{background-image:url(images/bg_haut_annonce_gestion.jpg); width:631px; height:93px; margin:-3px auto 0 auto;}
#gestionIntegree {background-image:url(images/bg_annonce_gestion.jpg); width:631px; background-repeat:repeat-y; margin: 0 auto }
#gestionIntegree2{ background-image:url(images/bg_bas_annonce_gestion.jpg); width:618px; padding:5px 5px 5px 8px; background-position:bottom; background-repeat:no-repeat; margin: 0 auto;}
#gestionIntegree2 div.liste { font-size:11px;  float:left; width:78px; height:200px;padding:0px 5px; font-family:arial, sans-serif; letter-spacing:-1px; }
#gestionIntegree2 div.liste h2 {color:#95281c; font-size:11px; text-transform:uppercase; margin:bottom:5px;}
#gestionIntegree2 div.liste ul {list-style-type:none; font-size:10px; letter-spacing:0px; line-height:90%; margin-top:10px;}
#gestionIntegree2 div.liste a {text-decoration:none; color:black; }
#gestionIntegree2 div.liste li {padding:3px 0 4px 0;}

img#tech {float:left; margin:20px 0 0 -8px;}

#dernieresNouvellesTop {width:474px; height:48px; background-image:url(images/bg_dernieres_nouvelles_titre.jpg);}
#dernieresNouvellesTop a {display:block;width:79px; height:24px; position:relative; left:371px; top:10px;  }
#dernieresNouvellesTop a:hover {background-image:url(images/rss_ov.jpg);}
#dernieresNouvelles { margin:20px 0 20px 16px; float:left; width:474px;  background-image:url(images/bg_dernieres_nouvelles.jpg); background-repeat:repeat-y;}
#dernieresNouvelles2 {  width:474px; background-image:url(images/bg_dernieres_nouvelles_bas.jpg); background-repeat:no-repeat; background-position:bottom;}
#dernieresNouvelles2 div.nouvelle {  float:left; width:187px;  padding:0px 25px 30px 25px;  }
    #dernieresNouvelles2 span.date {font-weight:bold; display:block; font-size:10px;}
    #dernieresNouvelles2 h3 {color:#8a1d1a; font-size:12px}
    #dernieresNouvelles2 a {color:#8a1d1a; text-decoration:none; font-size:11px;}
    #dernieresNouvelles2 a:hover {color:#656565;}

/* RIGHT COLUMN */
#rightColumn {float:left; width: 216px; margin:-30px 0 0 7px; padding-top:20px;} 
#demo a{display:block; width:208px; height:104px; background-image:url(images/bg_demo.jpg);}

#calendrier {width:181px; height:260px; background-image:url(images/bg_calendrier3.jpg); margin:30px 0; padding:40px 15px 0;}
#calendrier a {color:black; text-decoration:none;}

#baseConnaissances div.titre {width:100%; height:60px; background-image:url(images/bg_titre_connaissances.jpg); background-repeat:no-repeat; background-position:center top;}
    #baseConnaissances {width:216px;background-image:url(images/bg_connaissances.jpg); background-repeat:repeat-y; background-position:center; } 
    #baseConnaissances2 { background-image:url(images/bg_bas_connaissances.jpg); background-repeat:no-repeat; background-position:center bottom; padding:0px 15px 20px 15px; }
    #baseConnaissances2 p {padding-top:0px; padding-bottom:5px;font-size:11px;}
    #baseConnaissances ul {list-style-type:none;}
    #baseConnaissances li {padding:10px 0;}
    #baseConnaissances span.date {font-weight:bold; display:block; font-size:10px;}
    #baseConnaissances h3 {color:#8a1d1a; font-size:12px}
    #baseConnaissances a {color:#8a1d1a; text-decoration:none; font-size:11px;}
    #baseConnaissances a:hover {color:#656565;}

#savoirPlus a{width:207px; height:99px; display:block; margin:0 auto; background-image:url(images/bg_savoir_plus.png); margin-top:25px;}
#savoirPlus a:hover {background-image:url(images/bg_savoir_plus_ov.png);}



#footer {height:78px; background-image:url(images/bg_footer.png); padding-top:15px;}
    #footer ul {list-style-type:none; padding:0 0 0 262px; height:18px}
    #footer ul li{color:#df8e2f; float:left; font-weight:bold; padding:2px 4px;height:14px;}
    #footer ul a {color:white; text-decoration:none; font-weight:normal;}
    #footer ul a:hover {color:#BCBCBC;}
    #footer span {padding:0px 0 0 260px; color:#595959; margin-top:10px; display:block;}