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


/* TITRES */
h1{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin: 0px 0 2px 10px;
	color:#359B1B;
}

.actualites, .produit_rubriques{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
text-align:justify;
}
.actualite-date, .produit_rubrique-date{
font:normal 11px Arial, Helvetica, sans-serif;
}
.actualites h2, .produit_rubrique  h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	color:#A2BC59;
}


.produit_rubrique  h2{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	color:#FFF;
}
.actualite-suite, .produit_rubrique-suite{
font:normal 12px Arial, Helvetica, sans-serif;
color:#6C5324;
}

.produit_rubrique a:link, .produit_rubrique a:visited  {
text-decoration:none;
color: #FFF;
}
.produit_rubrique a:hover, .produit_rubrique a:active {
color: #A2BC59;
}
.produit_rubriques a:link, .produit_rubriques a:visited  {
text-decoration:none;
color: #A2BC59;
}
.produit_rubriques a:hover, .produit_rubriques a:active {
color: #6C5324;
}

.actualites a:link, .actualites a:visited, .produit_rubrique-suite a:link, .produit_rubrique-suite a:visited {
text-decoration:none;
color: #6C5324;
}
.actualites a:hover, .actualites a:active , .produit_rubrique a:hover, .produit_rubrique a:active  {
color: #000;
}
#contenu p{
font:normal 12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin:0 0px 12px 0;
}

#contenu ul{
list-style-type: none; 
margin-left:0px;
}
#contenu ul li{
background: url(../images/charte/puce.png) center left no-repeat; 
padding: 0px 0 0px 0px; 
font-size:12px;
line-height:20px;
color:#359B1B;
}


a{
color:#7CB17E;
text-decoration:none;
}
a:hover {
color:#7CB17E;
text-decoration:underline;
} 
 .box-label-texte a:link, .box-label-texte a:visited {
text-decoration:none;
color: #000;
}
.box-label-texte a:hover, .box-label-texte a:active  {
color: #6C5324;
}
#footerMenu p{
text-align:center;
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
color: #FFF2AB;
padding:0.5em;
}
#footerInfo1 a{
display:inline;
}
#footerInfo1 a:link, #footerInfo1 a:visited, #footerInfo2 a:link, #footerInfo2 a:visited{
text-decoration:none;
color: #EEC334;
}
#footerInfo1 a:hover, #footerInfo1 a:active, #footerInfo2 a:hover, #footerInfo2 a:active{
text-decoration:none;
color: #FFF2AB;
}
#footerMenu .grasR{
font-weight:bold;
color:#850014;
font-size:1.2em;
}

#footerLogo img{
display:block;
margin:20px auto;
}

.grasV{
font-weight:bold;
color:#006400;
}

.tableau {
background-color:#B5B5B5;
}

.tableau2 td{
background-color:#FFF;
font-size:11px;
padding:2px 4px 2px 4px;
}

.tableau-titre td{
font-weight:bold;
background-color:#EFEFEF;
}

td .tableau-col-principale {
font-weight:bold;
background-color:#FAFAFA;
}

a img {
border:0;
}

.gras{
font-weight:bold;
}

#encours{
color: #514030;
}

/************* Images ********************************/

.imageright {
	float: right;
	margin:0px 15px 0 15px;
	border:0px solid #647382;
}

.imageleft {
	float:left;
	margin:0 15px 15px 0;
	border:0px solid #647382;
}


/* FORMULAIRE  GENERALISTE */
#formulaire form{
width:250px;
}
.formline, .formline_long {	
margin:4px 0px 4px 0px;
float:left;
vertical-align: middle;
width:250px;
}

input {	
height:16px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:16px;
border:1px solid #B5B5B5;
width:140px;
}

label {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:95px;
line-height:20px;
height:20px;
}


textarea {	
width:240px;
height:60px;
border:1px solid #B5B5B5;
color:#FECF70;
}

.ok{	
width:60px;
height:25px;
font:bold "Arial",Verdana,Helvetica;
border:1px solid #3A6400;
text-align: center;
background-color:#3A6400;
color:#FFF;
cursor:pointer;
line-height:18px;
}

/************ STYLE PRODUIT********************/
#bloc-partenaires h2{
font:bold 11px Arial, Helvetica, sans-serif;
color:#342516;
margin:0px 0 0 0;
}

.bt-ajout-panier a span, .bt-fiche-produit a span{
display:none;
}
#bloc-produit-une{
position:relative;
margin:7px 0 0 5px;
background:url(../images/charte/bg-image.jpg) no-repeat left bottom;
width:243px;
height:285px;
text-align:center;
}

#bloc-produit-une img{
margin-top:10px;
}

#fiche-produit-image .cadre-produit-mini{
float:right;
text-align:left;
width:54px;
margin:6px 6px 6px 6px;
}

#produit-une h1 {
font-size:13px;
text-transform:uppercase;
padding-left:20px;
margin-left:10px;
color:#2D2D2D;
line-height:10px;
background:url(../images/charte/puce.jpg) no-repeat scroll left top;
}

#fiche-produit  h1{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin: 0px 0 2px 10px;
	color:#359B1B;
}

.produit_info_marque{
	font:normal 11px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 10px;
	color:#412B12;
}


.cadre-produit{
float:left;
margin-top:10px;
padding:8px 2px 8px 0px;
}

.bt-ajout-panier {
cursor: pointer;
line-height:19px;
height:19px;
margin-left: auto;
margin-right: auto;
width:114px;
margin-top:5px;
}

#contenu #produit-accroche{
font-size:1.2em;
}

.ajouter-panier{
cursor:pointer;
width:114px;
height:19px;
border:0px;
margin-left:10px;
background:url(../images/charte/bt-ajout-panier.jpg) no-repeat left bottom;
}

#option-produit .prix2 {
float:left;
margin-top:5px;
color:#342516;
font-weight:bold;
font:bold 1.4em/1.25em Arial, Helvetica, sans-serif;
}

#fiche-produit p{
font:normal 11px Verdana, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin:0 0px 11px 0;
}

#bloc-fiche2 p{
font:normal 11px Verdana, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin:0 0px 11px 0;
}



h2 a:link, h2 a:visited {
color:#000;
text-decoration:none;
}
h2 a:hover, h2 a:active {
color:#7A7A7A;
text-decoration:underline;
}
.produit-sousrub-titre a:link, .produit-sousrub-titre a:visited , .label-sousrub-titre a:link, .label-sousrub-titre a:visited {
color:#FFF;
text-decoration:none;
}
.produit-sousrub-titre a:hover, .produit-sousrub-titre a:active, .label-sousrub-titre a:hover, .label-sousrub-titre a:active {
color:#7A7A7A;
text-decoration:underline;
}

#label a:link, #label a:visited, #qui-sommes-nous a:link, #qui-sommes-nous a:visited {
text-decoration:none;
color:#FFF;
}
#label a:hover, #label a:active, #qui-sommes-nous a:hover, #qui-sommes-nous a:active{
color:#7A7A7A;
text-decoration:underline;
}
.menu-label-titre a:link, .menu-label-titre a:visited {
color:#FFF;
text-decoration:none;
}
.menu-label-titre a:hover, .menu-label-titre a:active {
color:#7A7A7A;
text-decoration:underline;
}