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




.actualidad
{
	
}
.actualidad .img_actu
{
	width:150px;
	float:left;
	margin-right:20px;
	border:1px solid black;
}
.actualidad .corps_actualidad
{
	width:400px;
	float:left;
}
.actualidad .corps_actualidad h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3FA33C;
	border-bottom:1px solid #3FA33C;
	margin-bottom:0px;
}
.actualidad .corps_actualidad .date
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12x;
	color:#000000;
	margin-top:0px;
}

.actualidad .corps_actualidad .descriptif
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3FA33C;	
}
.actualidad .corps_actualidad .url
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3FA33C;
		text-decoration:none;
}
.actualidad .corps_actualidad .url:hover
{
	color:#000;
		text-decoration:none;
}
.actualidad .corps_actualidad .piecejointe
{
	background-image:url(../images/pj.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#3FA33C;
	height:30px;
	padding-left:30px;
	text-decoration:none;
	display:block;

}
.actualidad .corps_actualidad .piecejointe:hover
{
	background-image:url(../images/pj2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#000;
	padding-left:30px;
	text-decoration:none;
}


.tit-conseils
{
	
}
.tit-conseils h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	
	background-image:url(../images/olive.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:70px;
	line-height:25px;
	border-bottom:1px solid black;
}
.vignette{
	float:left;
	width:196px;
	height:auto;
	background:url(../images/charte/vignette-bg.gif) repeat-y center top;
	margin-right:10px;
	margin-top:10px;
}
.vignette h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#1A5F1B;
	
	background-image: url(../images/charte/puce-olive.gif);
	background-repeat: no-repeat;
	text-indent:20px;
	padding : 5px 0 0 5px;
	background-position: 5px 8px;
}
.vignette h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#7C871F;
	padding : 0px 0 0 5px;
	margin:0;
}
.vignette h3 .del{
	display:block;

}
.vignette h3{
display:inline;
	text-align:left;
	border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#1A5F1B;
	background-image: url(../images/charte/puce-olive.gif);
	background-repeat: no-repeat;
	text-indent:10px;
	padding : 5px 0px 10px 13px;
	background-position: 0px 8px;
}
.vignette h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#52B855;
	padding : 0px 0 10px 5px;
	margin:0;
}

.vignette hr{
	padding:0;
	margin:0;
}
.trait{
	width:196px !important;
	width:170px;
	border-bottom:1px solid #1A5F1B;
	
	padding:0 0 ;
	text-align:center;
	height: 1px;
}
.photo{
	float:left;
	padding:0 5px 5px 5px;
}

h1,h2,h3,h4 {margin:0;}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{

	float:right;
}
#formContact table
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#formContact input{
	width:130px;
	border:1px solid #000;
	font-size:12px;
	background-color:#EBE7B5;
}
#formContact textarea{
	width:430px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #000;
	font-size:12px;
	background-color:#EBE7B5;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

.col-right
{
	float:right;
	width:180px;
	margin-left:20px;
}


h3
{
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:2px solid black;
	
}




/**************************** FORMULAIRES ****************************/
/**************************** FORMULAIRES ****************************/
/**************************** FORMULAIRES ****************************/
input
{
	border:1px solid black;
}



.fiche-prod
{
	float:left;
	width:556px;
	height:auto;
	background:url(../images/charte/bg-fiche.gif) repeat-y center top;
	margin-right:10px;
	margin-top:10px;
}

.fiche-prod h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#1A5F1B;
/*  background-image: url(../images/charte/puce-olive.gif); 
	background-color:#999999; */
	border-bottom:2px solid #999999;
	text-indent:0px;
	margin : 5px 0px 0px 0px;
}
.fiche-prod h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#7C871F;
	padding : 0px 5px 0 5px;
	margin:0;
}
.fiche-prod h3{
	border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#1A5F1B;
/*	background-image: url(../images/charte/puce-olive.gif); */
	background-repeat: no-repeat;
/*	text-indent:10px; */
	padding : 5px 5px 10px 5px;
	background-position: 90px 8px;
}
.fiche-prod h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#52B855;
	padding : 0px 5px 10px 5px;
	margin:0;
}

.fiche-prod hr{
	padding:0;
	margin:0;
}
.fiche-prod .photo{
	float:left;
	padding:5px 5px 5px 5px;
}
.fiche-prod-contenu
{
	width:300px;
	float:left;
}
.fiche-prod-contenu  h1
{
	border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom:2px solid black;
	font-weight:bold;
	color:#1A5F1B;

/*	text-indent:10px; */
	padding : 5px 5px 2px 5px;
	background-position: 90px 8px;
}
.fiche-prod-contenu table h3
{
	border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#1A5F1B;

/*	text-indent:10px; */
	padding : 5px 5px 10px 5px;
	background-position: 90px 8px;
}
.fiche-prod-contenu table h4
{
	border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#41A741;

	padding : 5px 5px 10px 5px;
	background-position: 90px 8px;
}




#contenu2 .cgv h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#41A741;
	background-image:url(../images/charte/puce1.jpg);
	background-repeat:no-repeat;
	background-position:left top;

	padding-left:15px;
	padding-bottom:0px;
	margin-bottom:-5px;
}


/************************  ajouté par développeur **************************************/
.valider .input_image, .continuer{
	border:0;
}
#login .input_image{
	border:0;
}
#form_cat2 input.bt_medium{
	border:0;
}
#infos  input.input_image{
	border:0;
}
#panier{
	border:0;
}
#recap .input_image{
	border:0;
}
#livraison .input_image{
	border:0;
}
#cgv .input_image{
	border:0;
}
#compte_client {
	border:0;
}
#commande_detail tr.libelles_panier{
	color:#44AA47;
}
/************************ fin ajouté par développeur **************************************/

#chemindefer h1
{
	background-image:url(../images/charte/bg-h1.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:20px;
}
#chemindefer h1,#chemindefer h1 a,#chemindefer h1 a:hover
{
	
	font-family:Times,"Times New Roman","trebuchet MS",Georgia,  , serif;
	font-weight:lighter;
	font-size:25px;
	color:#325A1E;
	line-height:25px;
	display:inline;

	
}
#chemindefer h2,#chemindefer h2 a,#chemindefer h2 a:hover
{
	display:inline;
	font-family:Times,"Times New Roman","trebuchet MS",Georgia,  , serif;
	font-weight:lighter;
	font-size:18px;
	color:#3EC433;
	line-height:18px;
}