/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(default.css);





/* Import de la CSS de layout

----------------------------------------------------------*/



@import url(layout/layout-3E.css);



/* Liste des layout disponibles :



@import url(layout/layout-1A.css);

@import url(layout/layout-1B.css);

@import url(layout/layout-1C.css);



@import url(layout/layout-2A.css);

@import url(layout/layout-2B.css);

@import url(layout/layout-2C.css);

@import url(layout/layout-2D.css);



@import url(layout/layout-3A.css);

@import url(layout/layout-3B.css);

@import url(layout/layout-3C.css);

@import url(layout/layout-3D.css);

@import url(layout/layout-3E.css);

@import url(layout/layout-3F.css);



*/





/* Construction (Montage)

----------------------------------------------------------*/



body { background: url(../images/fond.gif) repeat-x top; background-color: #005890; }



#page { width: 945px; }  /* largeur=largeur de #body=100% */



#header { }



#wrapper { background-image: url(../images/bg.jpg); }



#main { margin-left:279px; width:475px; } /* margin-left = largeur de #nav */



#titre { width:945px; }



#content { width:475px; background: url(../images/contenu.jpg) no-repeat; background-position: top left;color: #FFFFFF; }



#content a {color: #FFFFFF; }



#content * {  } /* couleurs de tous les éléments (textes et bordures) du centre*/



#content h2 { color: #FFFFFF; font-size:1.4em; text-align:center; width:100%; margin:0; }



#content h3 { color: #FFFFFF; font-size:1.2em; }



#content a:hover { color:#FFFFFF; text-decoration:none; }



#menu { }



#nav { width:279px; margin-left:-754px; color:#FFFFFF; /*background:url(../images/bg-promo.gif) repeat-y;*/ } /* margin-left = - (largeur de #main + largeur de #extra) */



#nav * { color: #ffffff; } /* couleurs de tous les éléments (textes et bordures) de droite */



#nav h2 { color: #ffffff; font-size:1.4em; text-align:center; width:100%; margin:0; }



#nav h3 { color: #ffffff; font-size:1.2em; }



#nav a:hover { color:#ffffff; text-decoration:none; }



#extra { width:191px; background:url(../images/fond-encart.gif) repeat-y; }



#extra * { color: #136ba5; } /* couleurs de tous les éléments (textes et bordures) de gauche */



#extra h2 { color: #136ba5; font-size:1.4em; text-align:center; width:100%; margin:0; }



#extra h3 { color: #136ba5; font-size:1.2em; }



#extra a:hover { color:#136ba5; text-decoration:none; }



/* Encarts */

.encartCentre { width:475px; background:url(../images/gdencart-fond.jpg) repeat-y top; } /* mise en forme des encart du centre */



.encartCentre .titre { background:url(../images/gdencart-haut.jpg) no-repeat top; padding-top:10px; height:38px; width:475px; }



.encart { width:191px; } /* mise en forme des encart de côtés */



.encart2 { width:279px;  } /* mise en forme des encart de côtés */



.encart .titre { background:url(../images/encart-haut.jpg) no-repeat top; padding-top:10px; height:38px; width:100%; }



.encartContent { padding: 1px 20px 0px 20px; } /* padding des encarts */



.encartproduit { padding: 0px 0px 0px 0px; } /* padding des encarts */



#footer { font-size: 0.8em; }



#footer * { color: #FFFFFF; }



#footer a:hover { color: #FFFFFF; text-decoration:none; }



.validator { clear:both; float:right; }



/* Éléments Particuliers

----------------------------------------------------------*/



/* Formulaire de contact */

#frmEnvoi { width:430px; }



#frmEnvoi input { background-color:transparent; border-width:thin; }



#frmEnvoi  textarea { background-color:transparent; border-width:thin; }



#frmEnvoi .field { text-align:right; margin-top:10px; }



/*classes supplémentaires*/

.produits { text-align:left; margin-left:110px; }



.promotion { width:279px; background:url(../images/bg-promo.gif) repeat-y; }


	/* /////////////////////////////////////////// debut mise en forme module actu ///////////////////////// */
	
	#actualites h2 { clear:both; text-align:center;  height:20px; font: bold 15px Verdana, Arial, Helvetica, sans-serif; padding:0; background: #fff ; margin:0 0 5px 0; text-transform:uppercase; letter-spacing:2px; color:#136CA6 }

	#actualites .actu {width:100%; clear:both; padding:0 0 10px 0; }
	
	#actualites .texteactu {width:100%; clear:both; }
	
	#actualites .imgactu {width:100%; clear:both; text-align:center; padding:10px 0 0 0}
	
	#actualites .imgactu a img { border:1px solid #F2E2CB; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; margin: 0 10px; vertical-align:middle }
	
	#actualites .imgactu a:hover img { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	/* //////////////////////////////////////// fin mise en forme du module d'actu ///////////////////////////// */

	/* //////////////////////////////////////// fait par gregoooo///////////////// ///////////////////////////// */