#bandeau-titre { height:60px; background:url(../img/fd_bandeau.png); margin-bottom:15px}
.seul { margin-left:150px}
h1 { font-size:16px; color:#f80a12; font-weight:bold; margin-bottom:20px}
h2 { font-size:13px; border-bottom: 1px dotted #f80a12; margin-bottom:5px; margin-top:0px; text-align:right}
article.unique { width:700px; float:left; margin-left:50px; margin-bottom:15px}	
article.unique .date { color:#666666; font-size:11px; margin:5px 0px 10px 0px; margin-top:-20px }
article.unique .contenu { margin:0px 0px 10px 0px; float:left; width:700px }
article.unique .contenu ul { list-style-position: inside; list-style-type:square;}
article.unique .contenu ul li { margin:5px 15px}	
article.unique .contenu p { margin:5px 0px}
div.liste_article { width:700px; float:left; margin-left:50px; margin-bottom:15px}
div.liste_article .actu { width:700px; float:left}
div.liste_article .actu a { display:block; padding:10px 0px; border-bottom:#333 1px dotted; float:left; width:700px}		
div.liste_article .actu a:hover { background:#f5f5f5}
div.liste_article .actu .titre { font-weight:bold; display:block; color:#282828}
div.liste_article .actu .date { color:#666666; font-size:10px; display:block; margin-bottom:5px}
div.liste_article .actu .description { color:#282828; font-size:11px}
div.liste_document { width:700px; float:left; margin-left:50px; margin-bottom:15px}
a.actif { font-weight:bold;}
div.liste_document #bandeau-filtre { border-bottom:1px dotted #F00; padding:10px 5px; background:#EAEAEA}
.document { width:700px; float:left; margin-top:10px; padding-bottom:10px; border-bottom:1px dotted #333}
.document .titre { font-weight:bold; display:block; color:#f80a12}
.document .date { color:#666666; font-size:10px; display:block; margin-bottom:5px}
.document .description { color:#282828; font-size:11px}
div.menu { float:right; width:190px; margin-right:20px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:15px; }
div.menu span.titre { font-weight:bold; display:block; background:url(../img/fleche_rouge.jpg) no-repeat 0px 5px; padding-left:15px; margin-bottom:5px }
div.menu ul { list-style:none }
div.menu ul li { border-left: 1px solid #F00; height:15px; padding-left:5px }
div.contact { float:left; width:500px; padding:5px 0px; border-bottom: 1px dotted #666 }
div.contact img { float:left; margin:0px 5px 5px 0px }
div.contact img.photo { border:#999 1px solid;}
div.contact div.nom { float:left; width:300px; font-size:13px; color:#F00; font-weight:normal}
div.contact div.tel { float:left; width:300px; background:url(../img/telephone.png) no-repeat; padding-left:20px; margin-bottom:3px}
div.contact div.fonction { float:left; width:390px; font-size:10px; color:#666; margin-bottom:5px}
div.contact div.mail { float:left; width:300px; background:url(../img/email.png) no-repeat; padding-left:20px; margin-bottom:3px}
div.contact div.ville { float:left; width:390px; background:url(../img/ville.png) no-repeat; padding-left:20px; margin-bottom:3px}
div.contact-irp { float:left; width:230px; padding:5px 0px; border-bottom: 1px dotted #666; height:155px }
div.contact-irp img { float:left; margin:0px 5px 5px 0px }
div.contact-irp img.photo { border:#999 1px solid;}
div.contact-irp div.nom { float:left; width:230px; font-size:13px; color:#F00; font-weight:normal}
div.contact-irp div.tel { float:left; width:230px; background:url(../img/telephone.png) no-repeat; padding-left:20px; margin-bottom:3px}
div.contact-irp div.fonction { float:left; width:230px; font-size:10px; color:#666; margin-bottom:5px}
div.contact-irp div.mail { float:left; width:230px; background:url(../img/email.png) no-repeat; padding-left:20px; margin-bottom:3px}
div.contact-irp div.ville { float:left; width:230px; background:url(../img/ville.png) no-repeat; padding-left:20px; margin-bottom:3px}
.irp { width:700px; float:left; margin-left:50px; margin-bottom:15px}
.irp span.type {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#f80a12; color:#FFF; padding:5px; font-size:13px; font-weight:bold;}
.irp div.ss_type { margin:10px 0px 20px 0px}
.album { float:left; width:308px; height:100px; background:#E2E2E2; padding:10px; margin:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #333;overflow: hidden;}
#formulaire { width:700px; float:left; margin-left:150px; background:#F8F8F8; padding:10px; margin-bottom:15px }
.evenement { font-size:11px}
.evenement a { display:block; padding:5px 0px; border-bottom:#333 1px dotted; float:left; width:580px }
.evenement a:hover { background:#f5f5f5}
.evenement .titre { color:#f80a12; float:left; font-weight:bold}
.evenement .desc { color:#000; float:left;}
.evenement .date { float:left; margin-right:5px}
.evenement .plus { float:left; margin-left:5px; color:#ff2203}
.evenement .date .d1 {width:38px; height:35px; background:url(../img/fd_agenda.jpg); float:left}
.evenement .date .d2 {width:38px; height:35px; background:url(../img/fd_agenda.jpg); float:left}
.evenement .date .dd {width:20px; height:35px; background:url(../img/fleche_rouge.jpg) no-repeat 5px 15px; float:left}
.evenement .date .d1 .jour, .evenement .date .d2 .jour { font-size:14px; color:#FFF; font-weight:bold; float:left; width:38px; text-align:center; line-height:26px}
.evenement .date .d1 .mois, .evenement .date .d2 .mois { font-size:10px; color:#FFF; font-weight:normal; float:left; width:38px; text-align:center; line-height:0px}
#plan {width:900px}
#plan ul li { list-style:none; background:#F00; color:#FFF; font-weight:bold; width:240px; padding:5px}
#plan ul li.un { background:#FFF; border:#F00 1px solid}
#plan ul ul li { background:#FFF; color:#F00; padding:0px; margin:2px 0px 2px 0px; padding:0px 0px 0px 15px; border-left:3px solid #999}
#plan ul ul ul li {background:#FFF; color:#F00; padding:0px; margin:2px 0px 2px 15px; padding:0px 0px 0px 15px; border-left:2px solid #999; font-weight:normal}
#plan ul ul ul ul li {background:#FFF; color:#F00; padding:0px; margin:2px 0px 2px 30px; padding:0px 0px 0px 15px; border-left:1px solid #999; font-size:11px}