/* ------------------------ */
/* Généralités              */
/* ------------------------ */

body {
margin:0px 0px 0px 0px;
padding: 0;
font: 75% arial, verdana, sans-serif;
color:white;
background:black; 
text-align: center;
}

* {
margin: 0;
padding: 0;
}

.spacer {
clear: both;
font-size: 0;
line-height: 1px;
}
*html .spacer {height:1px}

a img {
border: none;
}	

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

img.img-illust {float:right;margin:5px;border:4px solid gray;}

#conteneur {
width:1000px;
position: relative;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(../design/fond-site.jpg) no-repeat;   
} 	
div#header{
background:url(../design/fond-header.jpg) no-repeat;
width:1000px;
height:175px;
}
img.logo {position:absolute;width:119px;top:15px;left:162px}

div#mosaique {
width:947px;
margin:4px 0px 0px 21px;
}
div#mosaique ul li {
float:left;
padding:0px;
margin:0px 5px 4px 0px;
width:30;
}
div#mosaique ul li img{border:none;display: block;}

div#menu-rub2 img.titre-sousrub{
margin:5px 0px 0px 0px;
}

div#menu-rub2{
background:url(../design/fond-menu2.jpg) no-repeat;
height:121px;
width:953px;
margin:0px 0px 0px 14px;
text-align:center;
}
ul#nav {
margin:5px 0px 0px 15px;
}
ul#nav li{
float:left;
text-align:left;
background:url(../design/bord-droit.gif) right no-repeat;
height:21px;
margin:5px;
}
ul#nav li a {
text-decoration:none;
font-size:0.9em;
color:white;
font-weight:bold;
height:21px;
padding:2px 8px 0px 8px;
display:block;
background:url(../design/bord-gauche.gif) 0 0 no-repeat;
}
ul#nav li a:hover,ul#nav li a.actif {
text-decoration:underline;
}

/**************************************************/
/*Styles pour les pages avec contenu textuel      */
/**************************************************/
div#page-texte {/* conteneur global et arrière-plan haut de la partie centrale de la page */
width:953px; 
padding-top:05px;	
margin:0px 0px 0px 14px;
background: url(../design/fond-hautpage.jpg) top left no-repeat;	
}
div#blocpage-texte {/* arrière-plan bas et sur l'ensemble du cadre  de la partie centrale de la page */
background: white url(../design/fond-baspage.jpg) bottom left no-repeat;
padding:0px 8px 20px 8px;  
min-height:50px;  
height: auto;
color:black;
}
* html div#blocpage-texte {
height:50px;
} 
div#blocpage-texte h2 {
font-size:1.2em;
padding:0px 0px 8px 5px;
background:url(../design/h2-fond.jpg) bottom left no-repeat;
}
div#blocpage-texte h2 img{border:none;margin:0px 5px 0px 0px}
div#blocpage-texte p{
font-size:0.9em;
padding:0px 5px 0px 5px;
}
ul.liste-images{float:right;width:20%;margin:5px 0px 5px 5px;}
ul.liste-images li{
float:left;
margin:2px;
}
ul.liste-images li img{display:block;}
div#page-texte {/* conteneur global et arrière-plan haut de la partie centrale de la page */
width:953px; 
padding-top:05px;	
margin:0px 0px 0px 14px;
background: url(../design/fond-hautpage.jpg) top left no-repeat;	
}
div#blocpage-texte {/* arrière-plan bas et sur l'ensemble du cadre  de la partie centrale de la page */
background: white url(../design/fond-baspage.jpg) bottom left no-repeat;
padding:0px 8px 20px 8px;  
min-height:50px;  
height: auto;
color:black;
}
/**************************************************
Styles pour les pages avec contenu textuel 
**************************************************/
div#page-planche {/* conteneur global et arrière-plan haut de la partie centrale de la page */
width:949px; 
margin:0px 0px 0px 14px;
}
div#blocpage-planche {/* arrière-plan bas et sur l'ensemble du cadre  de la partie centrale de la page */
background:#202020 url(../design/fond_planches.jpg) top left no-repeat;
padding:0px 8px 20px 8px;  
min-height:50px;  
height: auto;
color:black;
}
* html div#blocpage-planche {
height:50px;
} 
div#blocpage-planche h2 {
font-size:1.2em;
padding:5px 0px 8px 5px;
}
div#blocpage-planche h2 img{border:none;margin:0px 5px 0px 0px}
div#blocpage-planche p{
font-size:0.9em;
padding:0px 5px 0px 15px;
}
h3 {
font-size:1em;
font-weight:normal;
color:white;
margin:8px 0px 0px 10px;
padding:0px 0px 2px 0px;
border-bottom:1px solid grey;
}
div#blocpage-planche ul {
margin:5px 0px 0px 15px;
}
div#blocpage-planche ul li {
float:left;
border:1px solid grey;
padding:2px;
margin:2px;
}
div#blocpage-planche ul li img{display:block;}

p.question {
font-weight:bold;
background:whitesmoke;
margin:5px;
padding:5px;
border:1px solid dimgray;
}
p.reponse {
margin:0px 5px 0px 15px;
}

div#bloc-infos{
margin:2px 0px 5px 14px;
background:url(../design/fd-infos-top.jpg) top no-repeat;
width:950px;
padding:0px 0px 0px 0px;
}
div#bloc-infos-contenus{
/*background:url(../design/fd-infos-bottom.jpg) bottom no-repeat;*/
padding:0px 0px 0px 0px;
}
/*.gauche {
float:left;
width:480px;
margin:0px 0px 0px 0px;
}
.droite {
width:400px;
margin:0px 0px 0px 25px;
float:left;
}*/
.gauche {
float:left;
width:480px;
margin:0px 0px 0px 0px;
}
.droite {
width:440px;
margin:0px 0px 0px 25px;
float:left;
}
div.infos p{
margin:0px 0px 0px 0px;
color:#000000;
}
div#bloc-infos a{color:#000000;text-decoration:underline;font-weight:bold;}
div#bloc-infos p a:hover{text-decoration:none;}
div.infos p img {margin:0px 0px 0px 0px;border:none;}

div#footer {clear:both;}
div#footer p {
color:#999999;
font-size:0.8em;
text-align:right;
margin:2px 35px 5px 0px;
}
div#footer p a {
color:#999999;
text-decoration:underline;
}
div#footer p a:hover {
text-decoration:none;
}

/* HOME */
div.annonce-home {
background:url(../images/fd-home_0410.jpg) no-repeat;
width:949px;
height:325px;
}
div.annonce-home  div#parution{
position:absolute;
top:240px;
left:80px;
}
div#page-texte-home {/* conteneur global et arrière-plan haut de la partie centrale de la page */
width:953px; 
padding-top:0px;	
margin:0px 0px 0px 14px;	
}
div#blocpage-texte-home {
padding:0px 8px 0px 0px;  
min-height:50px;  
height: auto;
color:black;
}
div#blocpage-texte-home p{
position:relative;
top:175px;
left:600px;
width:300px;
font-family:Garamond,arial,verdana,sans-serif;
font-size:1.1em;
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
text-align:center;
}
div#blocpage-texte-home p a {color:#9b9999;text-decoration:none;}
div#blocpage-texte-home p a:hover {text-decoration:underline;} 

ul.liens_lauffray {
margin:2px 0 10px 15px;
}
ul.liens_lauffray li {
list-style:none;
background:url(../design/puce1.gif) left no-repeat;
padding:0 0 0 10px;
}
ul.liens_lauffray li a {color:#000000;text-decoration:underline;}
ul.liens_lauffray li a:hover {
padding:0px 14px 0px 0px;
text-decoration:none;
background:transparent url(../design/new_window.gif) right no-repeat;
}

div#bloc_liens {}

div#bloc_liens ul {
margin:2px 0 10px 35px;
float:left;
width:19%;
font-size:0.9em;
}
div#bloc_liens ul li {
list-style:none;
background:url(../design/puce3.png) left no-repeat;
padding:0 0 0 10px;
}
div#bloc_liens ul li a {color:#000;text-decoration:underline;}
div#bloc_liens ul li a:hover {
text-decoration:none;
}