* {margin:0px; padding:0px;}
body{ background:#3A3A3A none; color:#39393A; font-family:tahoma; font-size:12px; line-height:20px;}
#container{ width:1015px; height:auto; margin-left:auto; margin-right:auto; background:#ffffff none; overflow:hidden; }


/* MENU */
#entete{ width:1015px; height:225px; position:relative; overflow:hidden; background:#ffffff url(medias/degrade_top.jpg) repeat-x top left; }
#menu{ width:860px; height:53px; background:#ffffff url(medias/menu.jpg) repeat-x; overflow:hidden; padding-left:155px; }
#menu a:link, #menu a:visited{ display:block; height:30px; color:#ffffff; font-size:18px; text-align:center; text-decoration:none; float:left; margin:13px 4px 0px 4px;  }
#menu a:hover{ display:block; height:30px; color:#9FBBCF; font-size:18px; text-align:center; text-decoration:none; float:left; margin:13px 4px 0px 4px;  }
#menu a:active{ display:block; height:30px; color:#F29820; font-size:18px; text-align:center; text-decoration:none; float:left; margin:13px 4px 0px 4px;  }
#MenuActif{ color:#F29820; }
#MenuActifOrange{ color:#CC660A; }
#menu img { float:left;}
.SousMenu1{ width:70px;}
.SousMenu2{ width:170px;}
.SousMenu3{ width:115px;}
.SousMenu4{ width:125px;}
.SousMenu5{ width:90px;}
.SousMenu6{ width:120px;}
.SousMenu7{ width:90px;}

#imgBorsus{ position:absolute; bottom:0px; left:0px; }
#titre{ width:auto; height:140px; margin:35px 0px 0px 170px; }
#Nom{ margin-top:5px; }
#slogan{ margin:3px 0px 0px 250px; }
#bienvenu{ color:#494949; font-size:15px; }

#fonction{ width:230px; height:auto; color:#0064AA; text-align:right; position:absolute; bottom:65px; right:10px; font-size:16px; line-height:25px;}

/* image du centre et actu */
#Banner{ width:1015px; height:230px;}

#centreImage{ width:1015px; height:230px; position:relative; }

#actu{ width:317px; height:130px; position:absolute; top:70px; right:0px; overflow:hidden; }

.titreActu{ width:305px; margin-left:7px; height:20px; background:transparent url(medias/fond_bleu_clair.png) repeat; color:#ffffff; padding:2px 0px 0px 5px; font-weight:bold; overflow:hidden; }

#choixActu{ height:108px; width:20px; float:left; }

.texteActu{ height:109px; width:297px; float:left; background:transparent url(medias/fond_bleu.png) repeat; }
.texteActu p{ width:270px; height:auto; margin:15px 0px 0px 15px; color:#ffffff; font-size:11px; line-height:16px; }

.choixBlanc{ height:22px; width:13px; background:transparent url(medias/fond_blanc.png) repeat; margin-left:7px; cursor:pointer; }
.choixBleu{ height:22px; width:13px; background:transparent url(medias/fond_bleu_clair.png) repeat; margin-left:7px; cursor:pointer; }

.lirePlus{ width:auto; text-align:right; display:block; margin-right:5px; }
.lirePlus a:link, .lirePlus a:visited{ color:#FCA800; font-size:11px; text-decoration:none; }
.lirePlus a:hover{ color:#FCA800; font-size:11px; text-decoration:underline; }


/* Chemin */
#ligne_bleu_menu{ width:1005px; height:22px; background:#ffffff url(medias/ligne_bleu_menu.jpg) repeat-x; padding:2px 0px 0px 10px; color:#ffffff; }
#ligne_bleu_menu a:link, #ligne_bleu_menu a:visited{ color:#ffffff; text-decoration:none; }
#ligne_bleu_menu a:hover{ color:#ffffff; text-decoration:underline; }
#pageActive{ color:#FFBC73; }


/* Contenu */
#contenu{ width:1015px; height:auto; overflow:hidden; background:#ffffff url(medias/degrade_texte_top.jpg) repeat-x top left; }

#cadreDroite{ width:226px; margin:25px 0px 0px 0px; height:auto; overflow:hidden; float:left; }
#cadreGauche{ width:744px; margin:25px 0px 10px 20px; height:auto; overflow:hidden; float:left; }

.cadre1{ width:358px; height:186px; background:#ffffff url(medias/cadre_index.jpg) no-repeat; margin-right:12px; float:left; }
.titreCadre{ width:160px; height:24px; color:#ffffff; font-size:18px; text-align:right; margin-top:10px; }
.texteCadre{ width:335px; height:140px; color:#262626; font-size:11px; text-align:justify; line-height:15px; margin:10px 0px 0px 10px;}

/* News - Agenda */

.NewsAgenda{ width:226px; height:auto; margin-bottom:10px; }
.TitreNews{ width:226px; height:28px; background:#ffffff url(medias/titre_new.jpg) no-repeat; text-align:center; font-size:22px; color:#ffffff; padding-top:10px; }
.TexteNews{ width:216px; height:auto; background:#ffffff url(medias/fond_news.jpg) repeat-x; padding:5px; line-height:13px; font-size:11px; }

.date{ font-size:13px; color:#000000; }
.titreN{ font-size:13px; color:#095DB7; }

/* coup de coeur */
#coup_coeur{ width:727px; height:180px; background:#ffffff url(medias/fond_coup_de_coeur.jpg) no-repeat; border:1px solid #fff; overflow:hidden; margin-top:15px; }
#texteCoupCoeur{ width:705px; height:135px; margin:5px 0px 0px 10px;  line-height:15px; font-size:11px; }

/* Espace reseau sociaux */
#EspaceReseau{ width:1015px; height:270px; }
.espace{ width:235px; height:245px; float:left; margin:10px 0px 0px 13px; }

/* Me contacter */
#MeContacter{ width:224px; height:35px; text-align:center; font-size:20px; color:#ffffff; display:block; background:#ffffff url(medias/me_contacter.jpg) no-repeat; padding:10px 0px 0px 0px; }


/* SOUS MEnu*/
#CadreSouMenu{ width:200px; height:auto; background:#d6d6d6 url(medias/sous_menu.jpg) no-repeat top left; padding:0px 0px 20px 0px; margin:0px; overflow:hidden; }
.titreSousMenu{ width:170px; height:24px; color:#ffffff; font-size:18px; text-align:left; margin-top:9px; padding-left:15px; }
#CadreSouMenu a:link, #CadreSouMenu a:visited{ color:#2758A8; font-size:14px; height:auto; display:block; text-decoration:none; width:178px; margin-left:10px; border-bottom:1px solid #ffffff; padding:5px 0px 3px 5px; }
#CadreSouMenu a:hover{ color:#CC660A; font-size:14px; height:auto; display:block; text-decoration:none; width:178px; margin-left:10px; border-bottom:1px solid #ffffff; padding:5px 0px 3px 5px; }
#CadreSouMenu a:active{ color:#CC660A; font-size:14px; height:auto; display:block; text-decoration:none; width:178px; margin-left:10px; border-bottom:1px solid #ffffff; padding:5px 0px 3px 5px; }

.SouMenu{ margin-left:10px; color:#10274C; font-size:12px; }
.SouMenu:hover{ color:#CC660A; }

/* liste de tag */
#liste_tag{ width:180px; height:164px; padding:10px; background:#ffffff url(medias/fond_tag.jpg) no-repeat; margin-top:15px; color:#2B2B2B; }
#liste_tag a:link, #liste_tag a:visited{ color:#2B2B2B; text-decoration:none;}
#liste_tag a:hover{ color:#2B2B2B; text-decoration:underline;}

#texteGauche{ width:200px; height:auto; overflow:hidden; float:left; }

/* TEXTE*/
#texte{ width:600px; height:auto;float:left; margin:10px 0px 10px 15px;}
#texte2{ width:760px; height:auto;float:left; margin:10px 0px 10px 15px;}
a:link, a:visited{ color:#39393A; text-decoration:underline; }
a:hover{ color:#000000; text-decoration:none; }

h1{ color:#0949BD; font-size:24px; line-height:45px; }
h2{ color:#083584; font-size:18px; line-height:28px; display:block;  }
h3{ color:#05245B; font-size:15px; line-height:30px; }
p{ font-size:12px;margin-bottom:10px; text-align:justify; } 

/* Bande images */
#bandeImage{ width:160px; height:auto; float:right; overflow:hidden; margin:5px 15px 0px 0px;  }
#bandeImage img{ margin-bottom:10px;}


/* Footer*/

#footer{ width:1015px; height:22px; background:#144d84 url(medias/footer.jpg) repeat-x; text-align:center; color:#ffffff; padding-top:2px; }
#footer a:link, #footer a:visited{ color:#ffffff; }
#footer a:hover{ color:#ffffff; }