/* Feuille de style pour le contenu des pages 

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";

@import "contact.css";



/* STYLE CONTENU */

#contenu h1{

font-family:"Times New Roman", Times, serif;

font-size:1.6em;

text-align:left;

color:#f8d091;

font-weight:bold;

margin:20px 0 15px 0;

text-transform:uppercase;

}





#contenu h2{

font-family:"Times New Roman", Times, serif;

font-size:1.4em;

text-align:left;

color:#f8d091;

font-weight:bold;

margin:10px 0 10px 0;

padding:0px 0px 5px 0px;

border-bottom:1px solid #f8d091;

text-transform:uppercase;

}





#contenu h3{

font-family:"Times New Roman", Times, serif;

font-size:1.6em;

text-align:center;

color:#f8d091;

line-height:1.7em;

font-weight:bold;

margin:20px 0 15px 0;

text-transform:uppercase;

}



#contenu h4{

font-family:"Times New Roman", Times, serif;

font-size:1.3em;

text-align:left;

color:#f8d091;

border-bottom: 1px solid #f8d091;

line-height:1.7em;

font-weight:bold;

margin:10px 0 5px 0;

text-transform:uppercase;

}



#contenu h5{

font-family:"Times New Roman", Times, serif;

font-size:1.4em;

text-align:center;

color:#f8d091;

line-height:1.7em;

font-weight:bold;

margin:20px 0 15px 0;

text-transform:uppercase;

}



#contenu h6{

height:15px;

clear:both;

border-bottom:1px dashed #f8d091;

margin-bottom:15px;

}





#contenu .tel_pdf {

background:url(../images/contenu/tel_pdf.gif) left top no-repeat;

height:29px;

line-height:29px;

padding-left:60px;

font-weight:bold;

color:#FFCC33;

}



#contenu .tel_pdf a:hover{

color:#fff;

}

 



#contenu p.titre{

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

font-size:1.4em;

text-align:left;

color:#f8d091;

font-weight:bold;

margin:10px 0 10px 0;

padding:0px 0px 5px 0px;

border-bottom:1px solid #f8d091;

}





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

	font-weight:bold;

	text-decoration:none;

	/*color:#FF6633;*/

	color:#FFCC00;

	font-size:13px;

	text-align:left;

}

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

	font-weight:bold;

	text-decoration:underline;

	color: #fff;

}

.alignementdroite{

	float:right;

	margin:0 0 0px 20px;

}







.img_center{

border:1px double #f8d091;





}





.img_gauche{

float:left;

margin:0px 10px 5px 0px;

border:1px double #f8d091;

}





.actu_texte{

font-weight:100;

font-size:small;

}



.actu_titre{

font-weight:bold;

font-size:small;

padding:0px 0px 10px 0px;

}







.gauche_friax{

float:left;

width:330px;

margin-bottom:20px;

}



.droite_friax{

float:right;

width:200px;

}



.img_koolspace{

margin-left:150px;

}



.img_koolspace2{

margin-left:30px;

}



.accroche{

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

font-size:1.3em;

color:#FFF;

line-height:1.5em;

font-weight:bold;

margin:20px 0 15px 0;

text-align:center;

border-top:1px solid #FFCC00 ;

border-right:2px solid #FF9900;

border-bottom:2px solid #FF9900;

border-left:1px solid #FFCC00;

width:200px;

margin:0 auto 0 auto;

}



.accroche2{

font-size:1.3em;

color:#FFF;

line-height:1.5em;

font-weight:bold;

margin:20px 0 10px 0;

margin:0 auto 0 auto;

font-style:italic;

}





.marron{

color:#330000;

font-weight:bold;

margin-top:60px;

font-size:13px;

text-align:left;

}



.marron2{

color:#330000;

font-weight:bold;

font-size:12px;

}



/***************** produit *****************/

#produits{

	float:left;

	width:150px;

	border:1px solid #77442d;

	text-align:center;

	margin:0 10px 10px 10px;

	padding:0 0 10px 0;

	background-color:#86150c;

}



#cheminfer {

	font-size:13px;

	font-weight:bold;

	line-height:1.5em;

	text-align:left;

	margin-bottom:20px

}



#produits h2{

	font-family:verdana;

	font-size:13px;

	text-align:center;

	color:#CA7033;

	margin:5px 0 10px 0;

	height:50px;

}

#produits img{

	text-align:center;

	margin:0px 0 10px 0;

	border: solid 1px #f8d091;

}

#produits p{

	padding:0px 10px 0px 10px;

	font-family:verdana;

	font-size:11px;

	text-align:center;

	margin:0 0 10px 0;

}

#produits h3{

	font-family:verdana;

	font-size:16px;

	text-align:center;

	color:#bd3e22;

	margin:0 0 5px 0;

}

.ajouteraupanier{

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	color:#000;

}

#produits .ajouteraupanier a:visited, #promos2 .ajouteraupanier a:visited{

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	color:#fff;

	text-decoration:none;

	margin:0;

	padding:0;

}

#produits .ajouteraupanier a, #promos2 .ajouteraupanier a{

	font-family:arial;

	font-size:11px;



	color:#fff;

	text-decoration:none;

}

#produits .ajouteraupanier a:hover, #promos2 .ajouteraupanier a:hover {

	font-family:arial;

	font-size:11px;



	color:#fff;

	text-decoration:underline;

}

.alignementhauteur{

	vertical-align:middle;

	padding:8px 0 0 0;

}

/***************** fin produit *****************/

/***************** PROMOS *****************/



#promos2{

	width:141px;

	min-height:150px;

	height:auto !important;

	height:150px;

	text-align:center;

	margin:0 0 10px 0;



	



}

#promos2 h2{

	font-family:verdana;

	font-size:13px;

	text-align:center;

	color:#f8d091;

}

#promos2 img{

	margin:10px 0 10px 0px;

	text-align:center;

	border:4px solid #77442d;

}

#promos2 p{

	font-family:verdana;

	color:#FFFFFF;

	width:135px;

	font-size:10px;

	margin:0px 0 10px 0px;

}

#promos2 h3{

	font-family:verdana;

	font-size:12px;

	text-align:center;

	color:#d76046;

	margin:00px 0 5px 0px;

}

.prixbarre{

	font-family:verdana;

	font-size:12px;

	text-align:center;

	color:#d76046;

	text-decoration: line-through;

}

.prix{

	font-family:verdana;

	font-size:20px;

	font-weight:bold;

	text-align:center;

	color:#f8d091;

	margin:00px 0 10px 0px;

}

/***************** PROMOS *****************/





.col_a{

border-bottom: 1px solid #FFFFFF;

padding:4px;

}



.col_b{

border-bottom: 1px solid #FFFFFF;

padding:8px 0px 8px 0px;

}



.col_c{

border-bottom: 1px solid #FFFFFF;

padding:4px;

}





.btn_panier{

float:left;

width:190px;

height:27px;

background:url(../images/charte/btn_panier_over.jpg) left top no-repeat;

}



.btn_panier a{

width:100%;

height:100%;

background:url(../images/charte/btn_panier_out.jpg) left top no-repeat;

display:block;

}



.btn_panier a:hover{

background: transparent none;

}





.image_produit{

border:1px solid #F9E6B9;

float:left;

margin:0px 10px 5px 0px; 

}





.prix_produit{

float:left;

width:312px;

height:27px;

line-height:27px;

font-size:16px;

color:#FCD3A7;

text-align:center;

}









#pagination{

	text-align: center;

	width:100%;



}

/* STYLE DE LA PAGE CONTACT */

#caddie th{

	background-color:#9F261E;

	height:25px;

	text-align:center;

	padding:2px

}

#caddie td {

	padding:2px;

}

#caddie .input{

	background-color:#8A1109;

	border:1px solid #A2281F;

	color:#F8D091;

}

#caddie .bouton{

	background-color:#8A1109;

	border:1px solid #A2281F;

	color:#F8D091;

}

#caddie textarea{

	background-color:#8A1109;

	border:1px solid #A2281F;

	color:#F8D091;

	width:143px;

}



/** page accueil ***/

#contenu #texte-gauche-accueil {

width:200px;

float:left;

font-size:10px;


}



#contenu #texte-droite-accueil {

width:280px;

float:left;

margin-top:5px;
margin-left:20px;

}



#contenu #encart-nouveautes {

width:500px;

float:left;

margin:5px 0 0 0;

padding-bottom:15px;

border-bottom:1px dashed #f8d091;

}



#contenu #encart-nouveautes h1{

border-bottom:1px dashed #f8d091;

background:url("../images/charte/new-etoile.gif") no-repeat;

padding: 3px 0 0 50px;

height:24px;

}



#contenu #encart-nouveautes h3{

text-align:left;

margin:0 0 0 162px;

}

#contenu #encart-nouveautes img {

border:1px solid #f8d091;

float:left;

margin:5px 10px 10px 10px;

}



#contenu #encart-nouveautes p{

width:325px;

float:left;

margin:5px 10px 10px 10px;

}



/*** cave en verre ***/



#cave-verre {



}





#cave-verre img{

padding:15px 5px 15px 15px;

}



#cave-verre p{

margin:15px;

}







/* ***************** PARTENAIRES  ***************** */



.IDEO_vignette{

height: 180px;

width: 146px;

float:left;

margin:0px 0 3px 0px;

}





.IDEO_vignette .IDEO_visuel, #contenu .IDEO_visuel{

height: 146px;

width: 146px;

background: url(../images/fond-vignette.png) no-repeat left top;

}



.IDEO_vignette p a:visited, .IDEO_vignette p a:link{

text-decoration:none;

position:relative;

}



p.IDEO_visuel, .IDEO_vignette p{

text-align:center;

margin:0;

font-variant:small-caps;

}

a img{

filter: alpha(opacity=100);

-moz-opacity: 1.00;

 opacity:1.00;

 border:none;

 }



a:hover img{

filter: alpha(opacity=80);

-moz-opacity: 0.70;

 opacity:0.70;

 border:none;

 }





.IDEO_vignette img {

margin:0 5px 0 0;

}



/* ***************** PAGE PARTENAIRE LIENS - ZONE AUTRE PARTENAIRE ***************** */



.IDEO_partenaires {

float:left;

margin:0 0 10px 6px;

}



#IDEO_autres_partenaires {

font:12px/1.3em Arial, Helvetica, sans-serif;

}



#IDEO_autres_partenaires ul li{

padding-bottom:5px;

list-style-type:none;

}











/* ***************** FIN PARTENAIRES  ***************** */