/* Feuille de style pour la charte graphique du site

 * Cette feuille de style est appelée depuis styles.css.

 */



/***************** STRUCTURE *****************/

*{

/*---toutes les marges sont à 0---*/

margin:0;

padding:0;

}

body,html{

	height:100%;/*---obligatoire pour le footer---*/

	background-color:#000;

}

body{

	font-size:62.5%;



}

#intro{

	position:absolute;

	width:804px;

	top:50%;

	left:50%;

	height:528px;

	margin-top:-264px;

	margin-left:-402px;

	text-align:center;

	font:bold 11px Arial, Helvetica, sans-serif;

	color:#FFFFFF;		

}



#intro a{

	font:bold 11px Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	text-decoration:none;

}

#intro a:hover{

	font:bold 11px Arial, Helvetica, sans-serif;

	color:#FFFFFF;	

	text-decoration:underline;

}



#container{

	position: relative;/*---obligatoire pour le footer---*/

	min-height:100%; /*---obligatoire pour le footer:Firefox---*/

	height:auto !important;/*---obligatoire pour le footer:Firefox---*/

	height:100%;/*---obligatoire pour le footer:IE---*/

	width:990px;

	margin:0 auto;

	background:url(../images/charte/bg-container.jpg) no-repeat;

}



#header{

	width:990px;

	height:154px;

	background:url(../images/charte/bg-header.jpg) no-repeat;

}



#search{

	width:513px;

	height:154px;

	float:left;

}

#search form{

	padding-top:90px;

}



#search select{

font:normal 1.2em Arial, Helvetica, sans-serif;

color:#c30b0b;

border:1px solid #fba739;

width:130px;

margin:0 5px;

}

#search input{

font:normal 1.2em Arial, Helvetica, sans-serif;

color:#c30b0b;

border:1px solid #fba739;

background:#FFFFFF;



}

#panier{

	width:234px;

	height:154px;

	font:bold 1.4em Arial, Helvetica, sans-serif;

	color:#FF0000;

	line-height:-2.5em;

	float:left;
	

}

/***************** CONTAINER DU CONTENU *****************/

#inter {



	height:492px;

}



#contenu {

	position:relative;

	width:990px;

	padding-bottom:43px;

	/*display:table;*/

	font-family:Arial, Helvetica, sans-serif;

	color:#D4D4D4;

}



#sscontenu {

width:100%;

height:150px;}



#promo {

width:280px;

float:left;

_margin:0 70px;

margin:0 100px;

height:120px;

font:1.1em Arial, Helvetica, sans-serif;

color:#FFFFFF;

}

#promo h1{

font:bold 1.4em Arial, Helvetica, sans-serif;

color:#FFFFFF;

border-bottom:1px solid #fba739;

}

#promo h2{

font:bold 1.2em Arial, Helvetica, sans-serif;

color:#e88539;

}



.prix {

font: bold 1.4em Arial, Helvetica, sans-serif;

color:#c80404;}



.prixbarre {

font: bold 1em Arial, Helvetica, sans-serif;

color:#FFF;

text-decoration: line-through;}



#promo img{

float:left;

margin-right:5px;

}



#newsletter {

width:280px;

float:left;

_margin:0 70px;

margin:0 100px;

height:100px;

font:1.1em Arial, Helvetica, sans-serif;

color:#FFFFFF;

}



#newsletter h1{

font:bold 1.4em Arial, Helvetica, sans-serif;

color:#FFFFFF;

border-bottom:1px solid #fba739;

}

#newsletter h2{

font:bold 1.2em Arial, Helvetica, sans-serif;

color:#e88539;

}

#newsletter a{

font:bold 1em Arial, Helvetica, sans-serif;

color:#c80404;

text-decoration:none;

}



#newsletter a:hover{

color:#c80404;

text-decoration:underline;

}

/***************** MENU *****************/



#contenu #menu {

	width:284px;

	float:left;



}



/***************** CONTENU TEXTUEL *****************/



#contenuTexte{

	padding:0 0 0 20px;

	width:650px;

	float:left;

}





#contenuTexte h1{

	margin:13px 0;

	font:bold italic 2.5em "Times New Roman", Times, serif;

	text-align:left;

	letter-spacing:0.2em;

	color:#FAAE2B;

}

#contenuTexte h1 span{

	font:bold normal 0.7em "Times New Roman", Times, serif;

	text-align:left;

	letter-spacing:0em;

	color:#C62B0C;

}



#contenuTexte h2{

	margin:10px 0;

	font: bold 1.4em Arial, Helvetica, sans-serif;

	text-align:left;

	color:#FBBC27;

}



#contenuTexte p{

	padding-bottom:5px;

	font-size:12px;

	line-height:1.8em;

	text-align:justify;

}

#contenuTexte a:link, #contenu a:visited{

	color: #FBBC27;

	text-decoration:underline;

}

#contenuTexte a:hover, #contenu a:active{

	color: #FBBC27;

	text-decoration:none;

}

#contenuTexte p.couleur, .couleur{

	font-weight:bold;

	color:#FAAE2B;

}



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer"></div> apres la div contenu---*/

.clearer

{

	clear: both;

	display: block;

	height: 0px;

	margin-bottom: 0px;

	font-size: 0px;

	line-height: 0px;

}

/***************** FOOTER *****************/

#footer{

	position: relative;/*---obligatoire pour le footer---*/

	margin: -30px auto 0 auto;/*---margin top = - hauteur du footer---*/

	width:990px;

	height:30px;

	text-align:center;

	font:1.1em Arial, Helvetica, sans-serif;

	color: #FCCC22;

	font-weight:bold;

	clear:both;

}





#footer a {

	font:normal 1em Arial, Helvetica, sans-serif;

	text-decoration:none;

	margin:0 2px;

	color: #fff;

}

#footer a:hover {

text-decoration:underline;

}





/***************************CATALOGUE****************************/



#contenuTexte .catalogue {

float:left;

width:300px;

min-height:130px;

color:#FFFFFF;

margin:10px;}



#contenuTexte .catalogue img{

float:left;

margin:10px;}



#contenuTexte .catalogue h1{

font:bold 1.6em Arial, Helvetica, sans-serif;

color:#ef893b;

letter-spacing:normal;}



#contenuTexte .catalogue p{

font: 1.1em Arial, Helvetica, sans-serif;

color:#FFF;

line-height:1.2em;}



#contenuTexte .catalogue .prix{

font:bold 1.8em Arial, Helvetica, sans-serif;

color:#fbb73f;

line-height:1.2em;}



#contenuTexte .catalogue .prixbarre{

font:bold 1.4em Arial, Helvetica, sans-serif;

color:#c62b0c;

line-height:1.2em;

text-decoration:line-through;}







#contenuTexte .produit {

float:left;

width:600px;

color:#FFFFFF;

margin:10px;}



#contenuTexte .produit img{

margin:10px 0;}

#contenuTexte .produit .imgprod{

float:right;

margin:10px;}



#contenuTexte .produit h1{

font:bold 1.6em Arial, Helvetica, sans-serif;

color:#ef893b;

letter-spacing:normal;}



#contenuTexte .produit p{

font: 1.1em Arial, Helvetica, sans-serif;

color:#FFF;

line-height:1.2em;}



#contenuTexte .produit .prix{

font:bold 1.8em Arial, Helvetica, sans-serif;

color:#fbb73f;

line-height:1.2em;}



#contenuTexte .produit .prixbarre{

font:bold 1.4em Arial, Helvetica, sans-serif;

color:#c62b0c;

line-height:1.2em;

text-decoration: line-through;}



#contenuTexte .produit li{

font:1.1em Arial, Helvetica, sans-serif;

color:#FFF;

line-height:1.2em;

margin-left:20px;}