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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	font-size: 0.8em; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	color: black;
	background-color: #FFF;
}
.oneColFixCtr #container {
	width: 964px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	/*border: 1px solid #000000;*/
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background:#3676ac url(../img/fond.jpg) no-repeat top center;
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	position:relative;
}

#Main, #Main2, #Main3{
	background:#FFF;
	margin:10px 20px 20px 20px;
	color:#000;
	border:#000 1px solid;
	padding:20px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 10px; /* pour Chrome */
    -webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	position:relative;
	color:#0d314f;
}
#Main{
	width:640px;
	padding-left:240px;
}
#Main2{
	width:680px;
	margin-left:220px;
	z-index:3;
}
Main3{
	width:100%;
}
#Top{
	display:block;
	height:130px;
	background:url(../img/fd-top.jpg) no-repeat 11px top;
	margin:0px;
	position:relative;
}
#Top H1{
	font-weight:normal;
	display:block;
	position:absolute;
	line-height:90%;
	top:85px;
	left:250px;
	width:auto;
}
#dessin{
	text-align:center;
	margin:0px;
	padding:0px;
}
#footer, #footer a {
	color:#4da8f5;
	text-decoration:none;
}
.clear{
	clear:both;
}

.pave{
	display:block;
	position:absolute;
	top:20px;
	left:10px;
}
.pave IMG{
	display:block;
	margin:0px 0px 20px 10px;
}
.alignG{
	float:left;
	margin:0;
	padding:0px 10px 4px 0px;
}
.alignD{
	margin:0;
	padding:0px 0px 4px 10px;
}
#Main li, #Main2 li{
	padding:0px 0px 0px 16px;
	background:url(../img/li.png) no-repeat 0px 5px;
}
H3{
	font-size:135%;
	font-family:“Franklin Gothic Medium”, “Arial Narrow Bold”, Arial, sans-serif ;
	margin:20px 0px 15px 0px;
}
H4{
	font-size:120%;
}
.couleur{
	color:#008900;
}
.commentaire{
	font-size:90%;
	color:#999;
	font-style:italic;
	margin:10px 0px 10px 0px;
}
blockquote{
	padding:0px 20px 10px 10px;
	margin:30px 10px 10px 20px;
	border-left:1px solid #000;
	font-size:120%;
}
.photos div{
	text-align:center;
	float:left;
}
.photos img{
	margin:10px;
	border:#039 1px solid;
}
.liste-fiches{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.liste-fiches dt a{
	font-size:12px;
	font-weight:bold;
	background-color:#0d314f;
	color:#FFF;
	padding:3px;
}
.liste-fiches dt a:link,.liste-fiches dt a:visited,.liste-fiches dt a:hover,.liste-fiches dt a:active{
	text-decoration:none;
}
.liste-fiches dt a:visited{
	color:#C6C7CE;
}
.liste-fiches dt a:hover{
	background-color:#fcf144;
	color:#0d314c;
}
.liste-fiches dd{
	font-size:11px;
	display:block;
	line-height:normal;
	margin:3px 2px 5px 0px;
}
.tabLivraison{
	font-size:11px;
}
.tabLivraison td{
	border:#333 1px solid;
	text-align:center;
	padding-bottom:4px;
	padding-top:4px;
}
.tabLivraison .tabHead{
	font-weight:bold;
	background-color:#FF3;
}
.vert{
	color:#093;
}
.tabLivraison .line1{
	background-color:#EBEBEB;
}