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

h1{
display:block;
padding-bottom:10px;
font-size:30px;
line-height:24px;
color:#fff;
letter-spacing:1px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #999;
margin-left:0px;
margin-bottom:20px;
text-align:left;
}
h2{
font-size:20px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
h3{
display:block;
padding-bottom:0px;
border-bottom:1px solid #7FBCDD;
font-size:18px;
color:#04548C;
letter-spacing:-1px;
}
.petit{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#8B055C;
}
#produits{
width:620px;
float:right;
display:block;
background-color:#e5e5e5;
padding-bottom:10px;
}
#titrePageProduits{
background-color:#ed460f;
color:#FFF;
font-size:15px;
line-height:23px;
height:23px;
padding-left:10px;
}
#titrePageProduits a{
color:#fff;
}
#titrePageProduits a:hover{
color:#000;
}
#vignettes{
width:200px;
padding-left:5px;
float:left;
}
#titreVignettes{
width:180px;
text-align:center;
font-size:14px;
color:#fff;
padding:20px 10px 10px 10px;
background-color:#ed460f;
background-image:url(../images/charte/bg-titreProduit.gif);
background-repeat:no-repeat;
}
#photoVignettes{
width:200px;
background-color:#FFF;
text-align:center;
}
#descriptifVignettes{
width:180px;
padding:5px 10px 5px 10px;
color:#fff;
background-color:#8b055c;
font-size:10px;
text-align:center;
}
.marque{
font-size:14px;
color:#ccc;
text-align:center;
font-weight:bold;
}
#prixVignettes{
width:180px;
padding:5px 10px 5px 10px;
color:#fff;
background-color:#000;
font-size:18px;
text-align:center;
font-weight:bold;
}
.prixPetit{
font-size:10px;
}
#grossisteVignettes{
width:180px;
padding:5px 10px 5px 10px;
color:#ed460f;
background-color:#fff;
font-size:20px;
text-align:center;
font-weight:bold;
}
#ecopartVignettes{
width:180px;
padding:2px 10px 2px 10px;
color:#fff;
background-color:#ed460f;
font-size:11px;
text-align:center;
}
#basPage{
width:205px;
float:left;
}
#photoGrand{
width:300px;
height:300px;
display:block;
float:left;
background-color:#FFF;
background-position:center center;
border:1px solid #ccc;
}
#photoDescriptif{
padding-left:10px;
width:290px;
display:block;
float:left;
}
.puce2{
background-image:url(../images/charte/puce2.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
margin-top:3px;
border-top:1px dotted #ccc;
}




/* page presse*/
#contenu_texte{
width:740px;
float:left;
padding:50px 50px 30px 100px;
text-align:center;
}



#contenu_texte p.retour{
text-align:right;
margin-bottom:10px;
}

.elem{
float:left;
width:184px;
margin-right:40px;
text-align:center;
background-image:url(../images/charte/press.png);
background-repeat:no-repeat;
padding:20px 10px 5px 10px;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/press.png', sizingMethod='image');
margin-bottom:50px;}

.visuel_press{
float:left;
width:160px;
text-align:center;
margin-left:5px;
margin-bottom:10px;
}

#contenu_texte .elem p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#fff;}

#contenu_texte .elem p.datt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565656;
text-align:center;
margin-top:10px;}

#contenu_texte .p_img{
float:left;
width:70px;
margin-right:10px;
}

#contenu_text p.tit_detail{
font-size:20px;
font-weight:bold;
margin-left:0px;
padding-left:0px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}
#contenu_text img{
text-align:center;
margin-left:10px;}


#contenu_text p.stit_detail{
font-size:16px;
margin-left:0px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* savoir faire*/
#contenu_text{
width:900px;
float:left;
padding:30px 0px 30px 10px;
text-align:center;
}

.img-savoir{
float:left;
width:230px;
margin-right:30px;
}

.img-savoir img{
margin-top:70px;
border:1px solid #999999;
}

#cont{
float:left;
width:600px;
}
.tex_desc{
float:left;
width:450px;
padding-top:15px;
}

.img_desc{
float:left;
width:138px;
margin-left:10px;
}

.img_desc img{

border:1px solid #999;
}


#cont .tex_desc p.det{
padding-left:30px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#cont .tex_desc p.stit{
margin-bottom:20px;
line-height:1.9em;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
}

.grande-lettre{font-size:60px;
}
.sep{
float:left;
width:600px;
height:20px;
border-bottom:1px dotted #666666;
}

.tit{
float:left;
text-align:center;
}



/* news*/
.fiche-news{
float:left;
width:750px;
margin-left:85px;
margin-bottom:20px;

background-image:url(../images/charte/NEWS.png);
background-repeat:no-repeat;}

.tex_descnew{
float:left;
width:570px;
padding-top:15px;
text-align:left;
}

.photo_news{
text-align:center;
vertical-align: middle;
float:left;
width:140px;
margin:10px 15px 10px 5px;}

.photo_newsINDIS{
text-align:center;
vertical-align: middle;
float:left;
width:10px;
margin:10px 15px 10px 5px;
}


#contenu_text .fiche-news .tex_descnew p.stitnew{
margin-bottom:10px;
line-height:1.8em;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#contenu_text .fiche-news .tex_descnew p.descnew{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.8em;
}
#contenu_text .fiche-news .tex_descnew p.avis{
float:right;

}


/* deco inter*/

.elemdeco{
float:left;
width:160px;
margin-right:38px;
background-color:#1a1a1a;
border:1px solid #333;
padding:20px 5px 5px 5px;
margin-bottom:50px;
}

.visuel_deco{
float:left;
width:150px;
text-align:center;
margin-left:5px;
margin-bottom:10px;
}

.visuel_deco a img{
cursor:pointer !important;
}


#contenu_texte_deco{
width:850px;
float:left;
padding:20px 20px 30px 70px;
text-align:center;
}

#contenu_texte_deco .elemdeco p{
text-align:center;
font-size:12px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}


#contenu_texte_deco .elemdeco p.datteco{

font-size:12px;
color:#565656;
text-align:center;
margin-top:5px;}


/* deco  inter det */



#cont_deco_int_det{
float:left;
width:860px;
margin-left:20px;
}


#imageprincipale {
	float:left;
	width:440px;
	margin-right:5px;
	text-align:center;

}
#imageprincipale img{

}

#vignettefiche{
	float:left;
	width:410px;
	margin-top:30px;

	}
	
#vignettefiche img{

	margin-bottom:20px;
	float:left;
	margin-right:0px;
}

#cont_deco_int_det p.titre_galeri{
font-size:1.8em;
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;}





/* contact */

#contact_formulaire {
	width:420px;
	float:left;
	padding-bottom:20px;
	margin-left:60px;
	margin-right:20px;
	
}

.label3 {
	
	font-size:12px;
	color:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	
}

#formContact .bouton {
	border:1px solid #000;
	font-size:12px;
	text-align:center;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}
#letter table{
border:1px solid #fff;
background-image:url(../images/charte/letter.png);
background-repeat:no-repeat;
text-align:center;
margin-left:300px;}

#letter .boutoncli {
	border:1px solid #fff;
	font-size:10px;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	font-weight:bold;
	text-align:center;
}

#contenuText  .boutoncli:focus {
	border:1px solid #fff;
}

#contenuTex  .bouton:focus {
	border:1px solid #152ba2;
}

#contenuText  .capa{
	width:95%;
	border:1px solid #070e38;
	font-size:12px;
	color:#070e38;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

#contact_formulaire p.enval2{
	font-weight:bold;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#contact_plan .titre_parti p.enval3{
	font-weight:bold;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	
}


.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:96%;
}
.titre_partii {
		width:320px;
		float:left;
		margin-bottom:20px;

}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contenu #contact_coordonnees {
	width:275px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:15px;
	border-left:1px dotted #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;

	
}

#contact_coordonnees p{
line-height:1.8em;
font-size:13px;}


#contact_plan {
	width:325px;
	float:left;
	margin-left:20px;
}

#contact_loi {
	width:120px;
	float:left;
	padding-left:30px;
	margin-left:1px;
	padding-right:43px;
	padding-top:7px;
	background-image:url(../images/charte/ccor.png);
	background-repeat:no-repeat;

}

#contact_loi2{
	width:300px;
	float:left;
	border-left:1px dotted #fff;
	margin-left:10px;

	
}

#contact_loi2 .txt_bas3 {
	font-size:11px;
	color:#1334ab;
}

#contact_loi2 .txt_bas{
text-align:left;
	font-size:11px;
	padding-top:5px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	
		text-align:justify;
}
#formContact .txt_bas{
text-align:left;
	font-size:11px;
	padding-top:5px;
	padding-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
}


#contact_formulaire .txt_bass{
	font-size:11px;
	color:#fff;
	padding-left:5px;
	margin-bottom:4px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
}

/* STYLE DE LA PAGE CONTACT */


#formContact input,textarea{
	color:#000;
	width:90%;
	border:1px solid #000;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#333333;
}
#formContact .champRequis{
color:#FF6600;
}






/* mention*/

.text_mention{
	width:420px;
	margin-top:10px;
	float:left;
	margin-bottom:10px;
	margin-left:30px;
	padding-right:10px;
	border-right:1px dotted #fff;
	
}

#contenu_text  .text_mention p span.colo{
color:#aaaaaa;}

 #contenu_texte .text_plan ul.ulnone{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:2em;

	color:#FFFFFF;
	margin-top:25px;
}
.text_plan{
	width:700px;
	margin-top:10px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;

}

#contenu_text .text_mention2 p span.colo{
color:#aaaaaa;}

.text_mention2{
	width:420px;
	margin-top:10px;
	float:left;
	margin-bottom:10px;
	padding-left:10px;

}

#contenu_text .text_mention p{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.8em;
	margin-bottom:10px;
	text-align:justify;
	
	
}
 #contenu_text .text_mention p.ptitr{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:1px dotted #fff;
	color:#fff;
	padding-left:10px;
	margin-top:15px;
	font-weight:bold;
}


 #contenu_text .text_mention2 p{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6em;
	margin-bottom:10px;
	text-align:justify;
	
	
}
 #contenu_text .text_mention2 p.ptitr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	margin-top:10px;

}








/* pagination */
	
	#pagination{
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:200px;
	margin-bottom:70px !important;
}
#pagination2{
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:220px;
	margin-bottom:70px !important;
}
#pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#pagination2 p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

a .prev{
	float:left;
	width:57px;
	height:31px;

}
 #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#pagination2  .prev{
 	float:left;
	width:47px;
	height:31px;
}
 #pagination2  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#pagination2 .next{
	float:right;
	width:47px;
	height:31px;
	
}
	
#pagination2 .next p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}


/**/
#pagination3{
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:200px;
	margin-bottom:70px !important;
}

#pagination3 p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

#pagination3 .prev a {
	float:left;
	width:57px;
	height:31px;

}
#pagination3  .prev{
 	float:left;
	width:47px;
	height:31px;
}
 #pagination3  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#pagination3 .next{
	float:right;
	width:47px;
	height:31px;
	
}
	
#pagination3 .next p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
/**/
	/* letter */
	
	#letter{
	width:850px;
	margin-top:10px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;

}


	#letter input,textarea{
	color:#070e38;
	width:90%;
	border:1px solid #070e38;
	font-size:12px;
}
	#letter input:focus,textarea:focus{
	border-color:#152ba2;
}
	#letter .champRequis{
color:#FF6600;
}


/* plan*/


#contenu_text .listeul {
	margin-left:30px;
}
#contenu_text  .liste {
	font-size:12px;
	list-style-image:url(../images/charte/puce2.gif);
	text-align:justify;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.8em;
}

#contenu_text  li {
	font-size:12px;
	list-style-image:url(../images/charte/puce.gif);
	text-align:justify;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.8em;
}

#contenu_text ul {
	margin-left:50px;
	margin-bottom:10px;
	margin-top:5px;

}

#invisible{
display:none;
}

/* news*/
.fiche-partenaire{
float:left;
width:750px;
margin-left:85px;
margin-bottom:20px;
background-color:#1A1A1A;
border:1px solid #333333;
}

.tex_descpartenaire{
float:left;
width:570px;
padding-top:15px;
text-align:left;
}

.photo_partenaire{
text-align:center;
vertical-align: middle;
float:left;
width:140px;
margin:10px 15px 10px 5px;}

.photo_partenaireINDIS{
text-align:center;
vertical-align: middle;
float:left;
width:10px;
margin:10px 15px 10px 5px;
}


#contenu_text .fiche-partenaire .tex_descpartenaire p.stitpartenaire{
margin-bottom:10px;
line-height:1.8em;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#contenu_text .fiche-partenaire .tex_descpartenaire p.descpartenaire{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.8em;
margin-bottom:10px;
}
#contenu_text .fiche-partenaire .tex_descpartenaire p.avis{
float:right;

}

.stitpartenaire{
font-family:Arial, Helvetica, sans-serif;
}

.tex_descpartenaire{
font-family:Arial, Helvetica, sans-serif;
}