/* CSS Document */

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(images/fond.jpg) 0 0 repeat-x;
font-size:11px;
}

#main{
width:510px;
margin:0 0 0 200px;
}

h1{
color:#003366;
margin:20px 0 0 0;
padding:0;
font-size:20px;
text-align:left;
border-bottom:1px solid #999999;
}

h2{
font-size:10px;
font-weight:normal;
text-align:right;
margin:1px 0 20px 0;
padding:0;
}

h3{
color:#003366;
margin:20px 0 0 0;
padding:0;
font-size:12px;
text-align:left;
border-bottom:1px solid #999999;
}

h4, h5{
color:#003366;
margin:0;
padding:0;
font-size:12px;
text-align:left;
border-bottom:1px solid #999999;
}

h5{
text-align:right;
}


/* ---------------- bando */

#tete{
position:relative;
padding:10px 10px 0 10px;
}

#tete ul{
list-style-type:none;
position:absolute;
margin:10px;
padding:0;
right:0;
top:40px;
text-align:right;
}

/* ---------------- menu */

ul#menu{
list-style-type:none;
margin:0;
padding:0 0 0 265px;
background:url(images/engrenages.jpg) 0 0 no-repeat;
background-color:#07243D;
border-bottom:3px solid #FF740E;
height:33px;
}

ul#menu li{
float:left;
height:27px;
padding:6px 10px 0 10px;
margin:0 5px;
background:url(images/puce_menu.jpg) 0 50% no-repeat;
}

ul#menu li a{
text-decoration:none;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

ul#menu li a{
color:#999999;
}

ul#menu li a:hover{
color:#FF740E;
}

ul#menu li#select{
background:url(images/fond-menu.jpg) top right no-repeat;
padding:6px 20px 0 7px;
margin:0 5px 0 0;
}

ul#menu li#select a, ul#menu li#select a:hover{
color:#FFFFFF;
}

/* ---------------- accueil */

#logo{
float:left;
width:160px;
padding:10px 0 0 90px;
margin:0;
}

#logo ul{
list-style:none;
text-align:right;
margin:15px 0;
padding:0;
font-size:9px;
}

body>#bato{
margin:0 0 0 259px;
}

#bato{
padding:10px 5px 0 182px;
margin:0 0 0 256px;
background:url(images/bato.jpg) left bottom no-repeat;
height:300px;
width:250px;
}

#bato img{
float:left;
margin:10px 10px 10px 0;
}

#bato ul{
margin:10px 0;
padding:0;
list-style:none;
}

#bato a, #tete a{
color:#003366;
}

#bato a:hover, #tete a:hover, label a:hover{
color:#FF6600;
text-decoration:none;
}

/* ---------------- liste membres */

a#nom, a.lien, a.mail{
display:block;
font-weight:bold;
color:#003366;
text-decoration:none;
}

a#nom:hover, a.lien:hover, a.mail:hover{
color:#FF6600;
text-decoration:underline;
}

a.discret{
color:#999999;
text-decoration:none;
}

a.discret:hover{
color:#003366;
text-decoration:underline;
}

/* ---------------- contenu */

#contenu{
padding:0;
margin:60px 0 0 0;
}

#contenu ul{
clear:both;
list-style:url(images/puce.jpg);
margin:0 0 10px 20px;
padding:0;
}

#contenu ul li{
margin:0;
padding:1px 0;
}

#responsable img{
float:left;
margin:0 10px 10px 0;
}

#responsable{
height:500px;
margin:0 0 0 260px;
}

#responsable ul{
list-style:none;
height:105px;
}

#responsable p, #contenu p{
text-align:justify;
margin:0 0 10px 0;
padding:0;
}

a.lien, a.mail{
padding:6px 0 6px 35px;
}

.mail{
background:url(images/icone_mail.jpg) 0 50% no-repeat;
}

.lien{
background:url(images/icone_lien.jpg) 0 50% no-repeat;
}

form{
margin:60px 0 0 0;
}

form{
background:url(images/form.jpg) 0 0 no-repeat;
padding:5px 10px;
color:#FFFFFF;
}

form label a{
color:#CCCCCC;
}

/* ---------------- pied */

#pied{
width:490px;
margin:20px 0 10px 210px;
padding:3px 0;
text-align:center;
font-size:9px;
border-top:1px solid #999999;
}

img{
border:none;	
}