img, div { behavior: url(iepngfix.htc) }

* { border:0px; margin:0px; padding:0px;}

body {
margin:0px;
background-color:#fff;
font-size:12px;
color:#3946A2;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/back-top.jpg);
background-position:0 0;
background-repeat: repeat-x;
}

#conteneur {
width:990px;
margin:0 auto;
height:auto;
}

#header {
float:left;
width:990px;
height:170px;
margin:0px;
margin-top:20px;
padding:0px;
background-image:url(images/header.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#logo {
position: absolute;
width:200px;
height:170px;
text-align:center;
float:left;
padding:0px;
margin:0px;
}

#titre {
float:left;
text-align:center;
width:270px;
padding:110px 0 0 110px;
font-size:13px;
color: #fff;
margin:0px;
line-height:17px;
}

#evenement {
position: relative;
width:110px;
height:110px;
text-align:center;
float:left;
}

#office {
position: relative;
width:300px;
height:20px;
text-align: right;
float:right;
}

#page{
width:970px;
float:left;
padding:0px 10px 0px 10px;
margin:0px;
}

#page ul{
padding:6px 0px 0px 22px;
margin:0px;
font-size:12px;
}

#accueil{
min-height:350px; 
background-image: url(images/page-accueil.jpg); 
background-position:0 0; 
background-repeat:no-repeat; 
border-bottom:1px #0366a1 solid; 
width:970px;
float:left;
padding:10px 10px 0px 10px;
margin:0px;
}

#accueil a{
font-weight:bold;
text-decoration:none;
color:#3946A2;
}


a{
font-weight:bold;
text-decoration:none;
color:#3946A2;
}

#accueil ul{
padding:6px 0 0 22px;
margin:0px;
font-size:12px;
}



.logo-edito {
width:90px;
height:90px;
position: absolute;
margin-top:-40px;
}

.texte_bleu {
color:#3366FF;
}
/***************** bloks edito ********************************/
.titre { background: url(images/edito-top.png) top no-repeat; padding:4px 4px 3px 94px; color:#000; font-size:16px; }
.nav { padding:4px; background: url(images/edito-back.png) center repeat-y;}
.area { background: url(images/edito-bottom.png) bottom no-repeat;  padding:2px; }

.titre2 { background: url(images/edito-top2.png) top no-repeat; padding:4px 4px 3px 94px; color:#000; font-size:16px; }
.nav2 { padding:4px; background: url(images/edito-back2.png) center repeat-y;}
.area2 { background: url(images/edito-bottom2.png) bottom no-repeat;  padding:2px; }

.titre3 { background: url(images/edito-top3.png) top no-repeat; padding:4px 4px 3px 94px; color:#000; font-size:16px; }
.nav3 { padding:4px; background: url(images/edito-back3.png) center repeat-y;}
.area3 { background: url(images/edito-bottom3.png) bottom no-repeat;  padding:2px; }

.titre4 { background: url(images/edito-top4.png) top no-repeat; padding:4px 4px 3px 94px; color:#000; font-size:16px; }
.nav4 { padding:4px; background: url(images/edito-back4.png) center repeat-y;}
.area4 { background: url(images/edito-bottom4.png) bottom no-repeat;  padding:2px; }

.titre5 { background: url(images/edito-top5.png) top no-repeat; padding:4px 4px 3px 94px; color:#000; font-size:16px; }
.nav5 { padding:4px; background: url(images/edito-back5.png) center repeat-y;}
.area5 { background: url(images/edito-bottom5.png) bottom no-repeat;  padding:2px; }

.titrelg { background: url(images/editolg-top.png) top no-repeat; padding:4px 4px 3px 94px; color:#000;  }
.navlg { padding:4px; background: url(images/editolg-back.png) center repeat-y;}
.arealg { background: url(images/editolg-bottom.png) bottom no-repeat;  padding:2px; }


.edito, .edito_droite, .edito_gauche { width:472px; margin:10px 0 0 0; padding:38px 4px 4px 4px; color:#fff; }
.edito_droite { float:right; padding-left:2px; }
.edito_gauche { float:left; }

.edito { float:left; width:962px; }

.edito-accueil {
color:#3946A2;
text-align:left;
width:250px;
margin-left:720px;
margin-top:10px;
font-size:13px;
font-weight: normal;
font-style:italic;
}
.edito-accueil p {
font-size:13px;
font-weight:bold;
padding:0px;
margin:0px;
}



.edito-accueil ul{
padding:6px 0 0 22px;
margin:0px;
font-size:12px;
}

/*********************** block horaires ************************/

.horaires { display:block; float:left; height:auto;  padding:0px 4px 3px 4px; color:#fff; letter-spacing:1.2px; }
.horaires td { font-size:11px; font-style:normal; color:#FFFFFF; } 
.horaires td span { font-size:12px; font-style:normal; color:#FFFFFF; } /* titre */

/**************************************************************/

.text_content input{
background-color:#F5F5F5;
border:#B9884E solid 1px;
padding:0px;
margin:0px;
}

.text_content textarea{
background-color:#F5F5F5;
border:#B9884E solid 1px; 
}

.text_content select{
background-color:#F5F5F5;
border:#B9884E solid 1px;
}

input.button{width:80px; height:17px; background-color:#B9884E; color:#fff; font-size:12px; font-weight:bold; border:none;}

/*-----------------------------footer------------------*/
#footer-in {
text-align: center;
float:left;
width: 990px;
height:50px;
color:#fff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/footer.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#footer-out {
text-align:center;
float:left;
width: 990px;
height:50px;
color: #87cfff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.mentions-legales {
float:left;
padding-top:28px;
padding-left:20px;
color:#88B137;
}
.footer_links {
text-align:center;
padding-top:24px;
padding-right:20px;
}
.footer_links a, .mentions-legales a {
text-decoration:none;
color: #88B137;

}
.footer a:hover {
text-decoration:underline;
color: #fff;
}

.photo {
border:#FFFFFF solid 4px;
}