/* CSS Document */

/*#########################
###                     ###
###       GENERAL       ###
###                     ###
#########################*/

body{
font-family:Arial, Helvetica, sans-serif;
background:url(design/bg.jpg) repeat-x #285a79;
}

*{
margin:0px;
}

a{
outline:none;
}

a img{
border:0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= MAIN */

#main{
width:930px;
margin-left:auto;
margin-right:auto;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= CONTACT */

#main #contact{
background:url(design/bg_contact.jpg) repeat-x;
height:33px;
width:450px;
font-size:12px;
color:#7f7f7f;
margin-left:auto;
margin-right:210px;
position:relative;
text-align:center;
}

#main #contact img{
margin-left:2px;
margin-right:2px;
}

#main #contact table{
width:430px;
margin-left:auto;
margin-right:auto;
margin-top:2px;
}

#main #contact img.contact_gauche{
position:absolute;
left:-2px;
bottom:0px;
}

#main #contact img.contact_droite{
position:absolute;
right:-2px;
bottom:0px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= LOGO */

#main #logo{
margin-left:30px;
margin-top:-20px;
}

#main #logo h1{
position:absolute;
left:-1000px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= CONTENU */

#main #contenu{
width:720px;
background:url(design/bg_contenu.jpg) repeat-x #dfdfdf;
position:relative;
padding-bottom:10px;
}

#main #contenu img.contenu_haut{
position:absolute;
right:0px;
top:-23px;
}

#main #contenu img.contenu_haut_gauche{
position:absolute;
left:0px;
top:0px;
}

#main #contenu img.contenu_bas_gauche{
position:absolute;
left:0px;
bottom:0px;
}

#main #contenu img.contenu_bas_droite{
position:absolute;
right:0px;
bottom:0px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= HEADER */

#main #contenu .header{
text-align:center;
padding-top:10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= CADRE BLANC */

#main #contenu .cadre{
background-color:white;
width:710px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= MENU */

#main #contenu .menu{
background:url(design/bg_menu.jpg) repeat-x #5ba4d2;
position:relative;
width:165px;
margin-left:10px;
float:left;
}

#main #contenu .menu img.menu_haut_gauche{
position:absolute;
left:0px;
top:0px;
}

#main #contenu .menu img.menu_haut_droite{
position:absolute;
right:0px;
top:0px;
}

#main #contenu .menu img.menu_bas_gauche{
position:absolute;
left:0px;
bottom:0px;
}

#main #contenu .menu img.menu_bas_droite{
position:absolute;
right:0px;
bottom:0px;
}

#main #contenu .menu ul{
list-style:none;
margin-left:-39px;
text-indent:20px;
padding-top:15px;
padding-bottom:10px;
}

*+html #main #contenu .menu ul{
margin-left:1px;
}

#main #contenu .menu ul li{
}

#main #contenu .menu ul a{
display:block;
color:white;
font-weight:bold;
text-decoration:none;
height:25px;
width:163px;
padding-top:10px;
font-size:14px;
margin-bottom:5px;
}

#main #contenu .menu ul a:hover{
background-color:white;
color:#84bfe4;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= RUBRIQUE */

#main #contenu .rubrique{
width:510px;
margin-left:auto;
margin-right:10px;
}

#main #contenu .rubrique h2{
color:#2f88bf;
font-variant:small-caps;
font-size:30px;
font-weight:bold;
margin-bottom:10px;
}

#main #contenu .rubrique h2 span{
color:#b1b1b1;
}

#main #contenu .rubrique p{
text-align:justify;
font-size:12px;
color:#494949;
line-height:18px;
padding-bottom:10px;
padding-top:10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= EXTRA */

#main #contenu #extra{
background:url(design/bg_extra.jpg) repeat-y;
width:189px;
position:absolute;
top:30px;
right:-199px;
padding:5px;
}

#main #contenu #extra img.extra_haut{
position:absolute;
top:0px;
right:5px;
}

#main #contenu #extra img.extra_bas{
position:absolute;
bottom:0px;
right:5px;
}

#main #contenu #extra .extra_in{
color:white;
font-size:12px;
background-color:#96c9e8;
width:169px;
margin-left:2px;
margin-right:auto;
padding:5px;
}

#main #contenu #extra .extra_in span{
font-weight:bold;
}

#main #contenu #extra .extra_in ul{
list-style:url(design/puce.gif);
margin-left:-25px;
margin-top:10px;
}

*+html #main #contenu #extra .extra_in ul{
margin-left:20px;
}

#main #contenu #extra .extra_in input{
background:none;
background:url(design/inscription.jpg) no-repeat;
border:0px;
width:100px;
height:21px;
margin-top:5px;
margin-left:auto;
margin-right:5px;
display:block;
}

#main #contenu #extra .extra_top{
margin-top:10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= COPYRIGHT */

#main #copyright{
background:url(design/bg_copyright.jpg) repeat-x;
height:20px;
width:400px;
font-size:11px;
color:white;
padding-left:10px;
padding-top:6px;
margin-bottom:30px;
position:relative;
margin-left:10px;
}

#main #copyright img.copyright_gauche{
position:absolute;
left:0px;
top:0px;
}

#main #copyright img.copyright_droite{
position:absolute;
right:0px;
top:0px;
}