@charset "UTF-8";
/* CSS Document */


body{
margin:0;
padding:0;
font-family:Tahoma, verdana, sans-serif;
font-size:11px;
color:#333333;
}

#navig{
display:none;
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
display:none;
}

a img{
border:none;
}

#accueil{
width:1018px;
margin: 0 auto;
height:533px;
}

#accueil_left{
background-image:url(images/accueil_left.jpg);
width:184px;
height:533px;
float:left;
}

#accueil_right{
background-image:url(images/accueil_right.gif);
width:57px;
height:533px;
float:right;
}

#wrap_accueil{
float:left;
width:666px;
height:533px;
}

#accueil_info{
text-align:left;
height:381px;
float:left;
padding-top:40px;
padding-left:230px;
background-image:url(images/accueil_info.gif);
background-repeat:no-repeat;
background-position:top left;
}

#accueil_info p.sous-titre{
color:#971c1f;
margin-bottom:10px;
}

#accueil_info p.titre{
font-size:13px;
color:#f46828;
font-weight:bold;
}

#accueil_info ul{
padding-left:13px;
}

#accueil_info li.list1{
font-size:12px;
color:#f46828;
margin-bottom:2px;
}

#accueil_info li.list2{
font-size:12px;
font-weight:bold;
color:#971c1f;
margin-bottom:2px;
}




#accueil_navig{
float:left;
background-image:url(images/accueil_navig.gif);
background-repeat:repeat-x;
height:56px;
width:777px;
}


#accueil_navig ul{
list-style-type:none;
padding:0;
margin:0;
}

#accueil_navig ul li{
float:left;
}

#accueil_navig ul li a{
width:111px;
float:left;
height:41px;          /* Toujours avoir un total de height + padding de 41px */
padding-top:15px;
text-align:center;
background-image:url(images/fond_accueil_navig_rouge.gif);
background-repeat:no-repeat;
}

#accueil_navig a:link{
color:#FFFFFF;
text-decoration:none;
}


#accueil_navig a:visited{
color:#FFFFFF;
text-decoration:none;
}

#accueil_navig a:hover{
text-decoration:underline;
}

#accueil_logo{
height:56px;
background-image:url(images/accueil_logo.gif);
background-repeat:no-repeat;
background-color:#fec240;
clear:both;
}

#navig li.page-item-47{		/* Fait disparaitre la page d'accueil */
display:none;
}


p{ 				/* Ceci règle le problème de <p> qui apparait mystérieusement apres les </div> */
margin:0;
padding:0;
}

#telecharger a{
margin-top:20px;
display:block;
width:203px;
height:64px;
background-image:url(images/bottin.gif);
}

#telecharger a:hover{
background-position:0 -64px;
}