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


/******************************* GENERALITE *******************************/
h4{
	margin:10px 0 25px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.5em;
	text-align:center;
	color:#335611;
}
#contenuTexte a{
	color:#1A5C0D;
	font-weight:bold;
	text-decoration:none;
}
#contenuTexte a:hover{
	color:#EA7704;
	font-weight:bold;
	text-decoration:underline;
}
#lignebaspage{
	text-align:center;
	margin:10px;
    color:#000000;
    FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/*****Affichage image + legende*****/
.ligne{
	width:670px;
	height:220px;
	padding:5px 0px 5px 0px;
	margin-left:30px;
}
.blocimage{
	float:left;
	width:180px;
	height:200px;
	margin:4px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color: #E07F02;
	font-weight:bold;
}
/******************************* ACCUEIL *******************************/
#accueil{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#accueil p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#accueil b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#accueil .animationdroite{
    MARGIN: 2px 2px 2px 10px ;
	FLOAT: right;
	padding: 2px;	
}
#bloc_anim
{
width:180px;
float:left;

}
#bloc_txt
{
width:240px;
float:left;
}
/******************************* FRUIMIX *******************************/
#fruimix{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:660px;
}
#fruimix img{
	margin:10px 20px 10px 0px;
	float:left;	
	border: 0px solid #000;
}
#fruimix .anim{
	margin:10px 0px 10px 10px;
	float:right;
	border:1px solid #000;	
}
#fruimix .imagedroite{
	margin:10px 0px 10px 10px;
	float:right;	
	border: 1px solid #000;
}

.animdroite{
	margin:10px 0px 10px 10px;
	float:right;	
	border: 1px solid #000;
	width:200px;
}

#fruimix .imagedroite1{
	margin:10px 0px 10px 10px;
	float:right;	
	border: 0px solid #000;
}
#fruimix .imagegauche{
	margin:10px 10px 10px 0px;
	float:left;	
	border: 1px solid #000;
}
#fruimix h3{
	margin:10px 0px 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.5em;
	text-align:left;
	color:#335611;
}
#fruimix h4{
    margin:10px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.4em;
	text-align:center;
	color:#EA7704;
}
#fruimix p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#fruimix ul{
	margin-left:20px;
	color:#000000;
	list-style-image:url(../images/charte/puce01.gif);
}
#fruimix li{
	list-style-image:url(../images/charte/puce01.gif);
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#fruimix b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}


/******************************* CONCEPT *******************************/
#concept{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#concept img{
	margin:10px 20px 10px 0px;
	float:left;	
	border: 1px solid #000;
}
#concept h2{
    margin:10px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.6em;
	text-align:center;
	color:#00000;
	border:0px;
}



#concept p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#concept b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#concept .animationdroite{
	margin:10px 0px 10px 10px;
	float:right;
	border:1px solid #000;	
}


/******************************* Espace *******************************/
#espace{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#espace img{
	margin:0px 0px 10px 20px;
	float:right;	
	border: 1px solid #000;
}
#espace h2{
    margin:10px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.4em;
	text-align:center;
	color:#EA7704;
	border:0px;
}
#espace p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#espace b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}


/******************************* Emploi *******************************/
#emploi{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#emploi img{
	margin:0px 0px 10px 20px;
	float:right;	
	border: 1px solid #000;
}
#emploi h2{
    margin:10px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.4em;
	text-align:center;
	color:#EA7704;
	border:0px;
}
#emploi p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#emploi ul{
	margin-left:20px;
	color:#000000;
	list-style-image:url(../images/charte/puce01.gif);
}
#emploi li{
	list-style-image:url(../images/charte/puce01.gif);
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#emploi b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#emploi strong{
    color:#3E6C21;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
/************** SAVOIR-FAIRE *********************/
#emploi .question{
	float:left;
	width:665px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	background-color:#BAEEB0;
	line-height:20px;
	padding:5px;
}
#emploi .question img{
	float:left;
	border:0px;
	margin:0 5px 0 0 ;
}
#emploi .intilule_g{
	float:left;
	width:100px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:2px;
	clear:both;
}
#emploi .intilule_d{
	float:right;
	width:575px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:102px;
}
#emploi .intilule_d p{
	float:left;
	width:575px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:112px;
}
/******************************* SAV *******************************/
#sav{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#sav img{
	margin:0px 5px 0px 0px;
	float:left;	
	border: 1px solid #000;
}
#sav h2{
    margin:10px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.4em;
	text-align:center;
	color:#EA7704;
	border:0px;
}
#sav p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#sav b{
    color:#AE2A03;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}
#sav strong{
    color:#3E6C21;
    FONT-SIZE: 13px;
	font-weight:bold;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}




/*h6{
	margin:10px 0 25px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.5em;
	text-align:center;
	color:#335611;
}*/



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

/* STYLE DE LA PAGE CONTACT */
#contact{
	MARGIN: 2px;
	FLOAT: left;
	padding: 2px;	
	width:670px;
}
#contact p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:center;
}

#contactTxt{
	width:52%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#contactPlan p{
    color:#000000;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:justify;
}

#formContact label{
	width:100%;
	/*border:1px solid #000;*/
	font-size:12px;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
/***************** div pr le texte     ************************/
.texte{
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	line-height:18px;
	padding-right:15px;
}
.texteg{
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:18px;
	padding-left:15px;
}
.textec{
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	line-height:18px;
}


/*************classe img ***********/
#contenuTexte .img{
border:2px solid #000;
border-color:#485A14;
}
#frumix img{
border:2px solid #000;
border-color:#53B143;
}

#contenuTexte ul li{
margin-left:50px;
padding:2px;
color:#000000;
list-style-image:url(../images/charte/puce01.gif);
}
ol li{
margin-left:30px;
padding:2px;
color:#000000;
line-height:20px;
}