/* 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";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
/* STYLE DE LA PAGE ACCUEIL */

#accueil_grand_bloc{
	float:left;
	width:750px;
}

#produit_grand_bloc{
	float:left;
	width:700px;
}

#contenu #produit_grand_bloc .ariane a:link, #contenu #produit_grand_bloc .ariane a:visited  {
	color: #0099CC;
	text-decoration:none;
}
#contenu #produit_grand_bloc .ariane a:hover {
	color:#F18A28;
}

#contenuTexte  h1{
	margin:20px 0;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#008CD4;
}

.accueil_bloc_titre{
	float:left;
	width:300px;
}

.accueil_bloc{
	float:left;
	width:320px;
	margin:0 50px 10px 0px;
}

.accueil_bloc_img {
	float:left;
	margin:10px 5px 10px 0px;
}

.accueil_bloc_imgg {
	position:relative;
}
.accueil_bloc_imgc{
	position:absolute;
	background-image:url(../images/charte/heart1.gif);
	background-repeat:no-repeat;
	background-position: top;
	left:0px;
	top:0px;
	z-index:5;
	width:50px;
	height:50px;
}

.accueil_bloc_imgn{
	position:absolute;
	background-image:url(../images/charte/new-1.gif);
	background-repeat:no-repeat;
	background-position: top;
	left:0px;
	top:0px;
	z-index:5;
	width:50px;
	height:50px;
}

.accueil_bloc_imgp{
	position:absolute;
	background-image:url(../images/charte/promo.gif);
	background-repeat:no-repeat;
	background-position: top;
	left:0px;
	top:0px;
	z-index:5;
	width:50px;
	height:50px;
}

.ensavoirplus {
	float:right;
	background: url(../images/charte/ensavoirplus.gif) no-repeat;
	height:27px;
	width:124px;
	margin:10px 0px 10px 50px;
}

.accueil_bloc p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6D6B6B;
	text-align:justify;
}

#contenu #accueil_grand_bloc .accueil_bloc a:link, #contenu #accueil_grand_bloc .accueil_bloc a:visited  {
	color:#008CD4;
	text-decoration:none;
	font-size:14px;
}
#contenu #accueil_grand_bloc .accueil_bloc a:hover {
	color:#F18A28;
	font-size:14px;
}

#contenu #accueil_grand_bloc .accueil_bloc_titre a:link, #contenu #accueil_grand_bloc .accueil_bloc_titre a:visited  {
	color:#666666;
	text-decoration:none;
}
#contenu #accueil_grand_bloc .accueil_bloc_titre a:hover {
	color:#F18A28;
	text-decoration:underline;
}

.bloc_prix_bare{
	float:left;
	margin:3px 30px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:line-through;
	color:#000000;	
}

.bloc_prix_bare1{
	float:left;
	margin:10px 3px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:line-through;
	color:#000000;
	padding:5px;
}

.commander{
width:153px;
height:38px;
background-image:url(../images/charte/commander.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:right;
}
.bloc_prix{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #FF9900;
	margin:3px;
	text-decoration:none;
}

.bloc_prix1{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	color: #FF9900;
	margin:10px 3px 10px 60px;
	text-decoration:none;
	padding:5px;
}

.titre1{
	margin-top:10px;
	padding:10px;
	font-family:"Arial", Times, serif;
	font-size:20px;
	display:block;
	font-weight:bold;
	background:url(../images/charte/titre_h3_bg.jpg) repeat-y;
	color:#008CD4;
}

.t_prod{
	margin-top:10px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999;
	float:left;
	text-decoration:none;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	width:202px;
}

.ul_accueil {
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6D6B6B;
	text-align:justify;
}


.ul_accueil li{
	list-style-image:url(../images/charte/picto.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6D6B6B;
	margin: 10px 0px 0 19px;
	padding-left:5px;
	line-height: 14px;
}

/* FIN---------------- STYLE DE LA PAGE ACCUEIL */

/* STYLE DE LA PAGE LISTING----------------------*/


#contenu #accueil_grand_bloc .ariane {
	margin:20px 0;
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #999999;
}


.ariane {
	margin:20px 0;
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #999999;
}


.listing_bloc{
	float:left;
	width:320px;
	margin:10px 50px 10px 0px;
}


.listing_bloc p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10;
	color:#6D6B6B;
	text-align:justify;
}

#contenu #accueil_grand_bloc .ariane a:link, #contenu #accueil_grand_bloc .ariane a:visited  {
	color: #0099CC;
	text-decoration:none;
	font-size:15px;
}
#contenu #accueil_grand_bloc .ariane a:hover {
	color:#F18A28;
	font-size:15px;
}



#contenu #accueil_grand_bloc .listing_bloc a:link, #contenu #accueil_grand_bloc .listing_bloc a:visited  {
	color: #0099CC;
	text-decoration:none;
}
#contenu #accueil_grand_bloc .listing_bloc a:hover {
	color:#F18A28;
}

#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	font-weight:bold;
	margin:20px 0 20px 250px;
	text-align:center;
	vertical-align:middle;
}

.flesh_left{
	float:left;
	width:20px;
}

.flesh_right{
	float:left;
	width:20px;
}

.pages {
	float:left;
	text-align:center;
	width:200px;
	}
	
#contenu #accueil_grand_bloc #pagination a:visited, #contenu #accueil_grand_bloc #pagination a:link{
	margin:0 5px 0 5px;
	color: #999999;
	text-decoration:underline;
}

#contenu #accueil_grand_bloc #pagination a:hover {
	margin:0 5px 0 5px;
	color: #FF6600;
	text-decoration:none;
}
 

/* FIN STYLE DE LA PAGE listing*/

/*    STYLE DE LA PAGE detail*/

.bloc_detail{
	float:left;
	width:750px;
}

.bloc_detail_img{
	float:left;
	width:310px;
	margin:5px 5px 5px 0px;
	padding:0px;
}
.bloc_detail_img1{
float:left;
	width:250px;
	height:250px;
	}
.bloc_detail_img img{
	border:1px solid #999999;
	}


.vignette{
	float:left;
	width:50px;
	height:50px;
	margin:9px 10px 0 0;
	border:1px solid #999999;
}
.vignette1{
	float:left;
	width:50px;
	height:50px;
	margin-right:5px;
	border:1px solid #999999;
}
.vignette_group{
margin-left:5px;
	float:left;
	width:50px;
}

.bloc_detail_text{
	float:left;
	width:315px;
	margin:5px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	text-align:left;
}

.bloc_detail p{
	margin:10px 10px;
}

.produit_detail_td_clair{
	background-color: #EFEFEF;
	height:5px;
}

.produit_detail_td_white{
	background-color: #FFFFFF;
	height:5px;
}

fieldset{
	border:1px solid  #999999;
	float:left;
	width:300px;
	
}

fieldset p {
	text-align:justify;
	font-size:12px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}



legend {
	font-size:12px;
	color: #999999;
	font-weight:bold;
	margin:10px;
	padding:5px;
	font-style:italic;
	
}

.bloc_detail h3 {
	font-size:12px;
	color: #666666;
	font-weight:bold;
	text-align:left;
	margin:0px 10px;
}


.produit_detail_cadre_prix{
	font-size:12px;
	color:#FF0000;
	text-align:left;
}

.produit_detail_panier {
	font-size:12px;
	color:#660000;
	font-weight:bold;
	text-align:right;
	
}

.produit_detail_panier p {
	float:left;
	vertical-align:middle;
}

.special-admin{

	margin:0;
	padding:0;
	background: url(../images/charte/special.gif) no-repeat left top ;
	width:50px;
	height:50px;
	position:absolute;
	z-index:5;
}


checkbox , radio, select {
	margin:3px;
}

.check{
	margin:3px;
	border:0px;
}

.bloc_detail .bloc_detail_personaliser select {
	width:83%;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border:1px solid  #CCCCCC;
	background:  #FFFFFF;
	color:#666666;
}

.bloc_detail .bloc_detail_personaliser input{
	width:80%;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border:1px solid  #CCCCCC;
	background:  #FFFFFF;
	color:#666666;
}

input.file{
	width:80%;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border:1px solid  #CCCCCC;
	background:  #FFFFFF;
	color:#666666;}

.fileinputs {
	position: relative;
	height: 60px;
	width: 80%;
}

 input.file {
	width: 141px;
	margin: 0;
}


file{

width:500px;}



.input_quantite{
	width:50px;
}

#contenu #produit_grand_bloc .bloc_detail h2{
	margin:10px 10px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#008CD4;
	
}

.bloc_detail_personaliser{
	float:left;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	text-align:left;
	width:390px;
}

.bloc_detail_personaliser textarea{
	border:1px solid  #CCCCCC;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	padding:0px 5px;
	width:350px;
	height:60px;
}


label {
	font-size:11px;
	color: #999999;
	font-weight:bold;
	text-align:left;
	margin:0px 3px;
}
.champRequis{
	color:#FF0000;
}

.nota{
	font-size:9px;
	color:#999999;
	text-align:justify;
}

.propose_bloc{
	float:left;
	width:300px;
	height:100px;
}

.propose_bloc p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10;
	color: #FF9900;
}

.bloc_prix_propose{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #FF9900;
	margin:2px 10px 10px 10px ;
	text-decoration:none;
	
}
.bloc_prix_propose_barre{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	margin:2px 10px 10px 10px ;
	text-decoration: line-through;
	
}

.produit_detail_ami {
	font-size:12px;
	color: #999999;
	font-weight:bold;
	text-align:right;
}

.ami {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
margin-left:0px;}

.nous_contacter {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
margin-left:100;}

.produit_detail_ami p {
	float:right;
	vertical-align:middle;
}
.produit_detail_contact {
	font-size:12px;
	color:#660000;
	font-weight:bold;
	text-align:right;
}

.produit_detail_contact p {
	float:left;
	vertical-align:middle;

}

/* FIN STYLE DE LA PAGE detail*/

#nous_grand_bloc{
	float:left;
	width:750px;
}

#nous_grand_bloc  h1{
	margin:20px 0;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#008CD4;
	width:620px;
}

#nous_grand_bloc p{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify.
	margin:5px;
	padding:5px;
}

.ul_nous{
	width:450px;
	padding-left:30px;
}

.ul_nous li{
	list-style-image:url(../images/charte/picto.jpg);
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify.
	margin: 10px 0px 0 10px;
	padding-left:5px;
	line-height: 14px;
	color:#666666;
}

.nous_text {

float:left;
margin:5px;
width:500px;
}

.nous_image {

float:left;
margin:5px;
width:200px;
}


/*-----------------------------CONTACT---------------------------*/


#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:30px 30px 20px 0 ;
	padding: 0 5px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#bloc-contact {
	width: 350px;
	float:left;
	margin:0px 0 20px 0 ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	letter-spacing:0.03em;
	border:1px solid #CCCCCC;
}

#bloc-contact #contactTxt{
	width:45%;
	float:left;
	color:#660000;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:200px;
	border:1px solid  #CCCCCC;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	padding:0px 5px;
}



#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton-contact{
	width:70px;
	border:1px solid  #CCCCCC;
	background-color:#fff;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	cursor:pointer;
	margin:0 0 0 100px;
	float:left;
}

.capa_text{

text-align:justify;
padding:5px;}

#bloc-contact  #formContact .bouton-contact2{
	width:70px;
	border:1px solid #CCCCCC;
	background-color:#fff;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	cursor:pointer;
	margin:0 0 0 3px;
	float:left;
}

#bloc-contact  #formContact .input_capa{
	width:70px;
	border:1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	padding:0px 5px;
	margin:0 0 18px 10px;
}

.nota{
	font-size:9px;
}

#bloc-merci {
	width:650px;
	margin:30px 50px 100px 30px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#coordonne{
	width: 250px;
	float:left;
	margin:0px 10px 0px 30px;
	padding:5px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	letter-spacing:0.03em;
	border:1px solid #CCCCCC;
	text-align:center;
}

.img_contact_coor{
	width:300px;
	height:350px;
	float:left;
	margin:0px 10px 0px 0px;
	padding-top:40px;
	text-align:center;
	background-image:url(../images/charte/contact_logo_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.sup_de_com{
color:#027FFF;
font-size:40px;
font-family:Arial, Helvetica, sans-serif;}

.sup_de_com-i{
color:#027FFF;
font-size:40px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;}

.bloc_coord_contact{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
margin-top:80px;
margin-left:30px;
line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

.div_middle {
	float:left;
	margin:0 0 0 50px;
}

/*-------------FIN----CONTACT----------------------------*/


/*-------------=---FAQ----------------------------*/

.faq_bloc {
	width:680px;
}

.faq_question {
	margin:5px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color: #666666;
}

div.faq_bloc p{
	margin:5px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color: #666666;
}

.faq_answer{
	margin:5px 5px 10px 5px !important;
	padding:5px 5px 20px 5px  !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:justify !important;
	color:#6D6B6B !important;
	font-weight:normal !important;
	border-bottom:  #CCCCCC 1px  dashed;
	width:670px;
}

.faq_answer p{	
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:justify !important;
	color:#6D6B6B !important;
	font-weight:normal !important;		
}

 #contenu #accueil_grand_bloc .faq_answer a:link, #contenu #accueil_grand_bloc .faq_answer a:visited  {
	color: #FF6600;
	text-decoration:none;
}
#contenu #accueil_grand_bloc .faq_answer a:hover {
	color: #0066CC;
	text-decoration:underline;
}


/*-------------=FIN---FAQ----------------------------*/

/*-------------Legal----------------------------*/
.legal_text{
	margin:5px 5px 10px 5px ;
	padding:5px 5px 20px 5px ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#6D6B6B;
	border-bottom:  #CCCCCC 1px  dashed;
	line-height:19px;
	width:670px;
}

.legal_text_red{
color:#E21B20;
}

#contenu #accueil_grand_bloc .legal_text a:link, #contenu #accueil_grand_bloc .legal_text a:visited  {
	color: #FF6600;
	text-decoration:none;
}
#contenu #accueil_grand_bloc .legal_text a:hover {
	color: #0066CC;
	text-decoration:underline;
}

/*-------------=FIN---LEGAL----------------------------*/
/* plan du site
*********************/
#contenu #accueil_grand_bloc #sitemap a{
  font-weight: normal;
  font-size: 11px;
  }

#contenu #accueil_grand_bloc #sitemap a:link, #contenu #accueil_grand_bloc #sitemap a:visited  {
	font-weight: normal;
	font-size: 11px;
	color: #FF6600;
	text-decoration:none;
}
#contenu #accueil_grand_bloc #sitemap a:hover {
	color: #0066CC;
	text-decoration:underline;
	font-weight: normal;
	font-size: 11px;
}

#contenu #accueil_grand_bloc #sitemap ul{
  margin: 5px 5px;
  }
  
#contenu #accueil_grand_bloc #sitemap li{
  margin: 2px 20px;
  }
 #test{
 display:none;
 }

/* plan du site
*********************/