/*

Couleurs :
chocolat : #41291c;
doré : #c5850b;
rose pale : #f7f2e5;
rouge bordeau : #a10f19;

*/

/********************************************
   LES BALISES HTML
********************************************/ 
* { padding: 0; margin: 0; }

html { font-size: 100%;  }
body  { font: 1em "Myriad Pro", Helvetica, Arial, sans-serif; color: #594438; background: #41291c; margin: 0; padding: 0; 
text-align: center; /* ce paramétrage centre le conteneur dans IE 5.x. Le texte est ensuite aligné à gauche dans le sélecteur #global */
}

/* Liens */
a { color: #41291c; text-decoration: none;}
a:hover { color: #c5850b; text-decoration: none; }
a.lien-pied { color:#ffffff; font-size: 0.9em; text-decoration:none; font-weight: bold; } 
a:hover.lien-pied { color:#c5850b; font-size: 0.9em; text-decoration:none; font-weight: bold;}
a.lien-interface { color:#ffffff; font-size: 0.9em; text-decoration:none; font-weight: bold; } 
a:hover.lien-interface { color:#41291c; font-size: 0.9em; text-decoration:none; font-weight: bold;}

a.telechargement:link, a.telechargement:visited	{
	color: #FFFFFF;
	padding : 1px 1px 1px 1px;
	background : #c5850b;
}

a.telechargement:hover	{
	color : #c5850b;
	padding : 1px 1px 1px 1px;
	text-decoration : none;
	background : #ffffff;

}

h1, h2, h3, h4 { text-align:justify;}
h1 { font-size: 1.4em; padding: 0 0 10px 0; color:#c5850b; }
h2 { font-size: 1.1em; padding: 0 0 5px 0; color: #a10f19; }
h3 { font-weight:bold; padding: 10px 0 0 0; color: #c5850b; font-size:90%; font-variant:small-caps; }
h4 { font-size: 1em; padding: 5px 0 5px 0; color: #a10f19; }
h5 {font-size: 0.9em; padding: 0 20px 5px 0px; color: #a10f19; text-align:justify; font-weight:normal;}
h6 { font-size: 1.1em; padding: 0 0 10px 0; color:#c5850b; }

hr { color:#c5850b; background-color: White; border: dashed;border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px;}

p { padding: 0 0 15px 0; text-align:justify;}

/* Formulaire */
form { padding: 5px 10px 5px 10px;}
/*form.formLettre { margin: 0px 0px 10px 60px; padding: 0;}*/
label { display:block; font-weight:bold; /*margin:5px 0;*/
}
input { background: #ffffff; border: 1px solid #41291c; color:#41291c;}
input.bouton, button { color: #ffffff; cursor:pointer; background: #c5850b; border: none;}

/* formulaire contact*/	
.contact_form form { width:70%; margin : 10px 000; padding: 0; }
.contact_form input, .contact_form textarea { border: 1px inset #c5850b; background: transparent repeat-x;	}
.contact_form textarea {
scrollbar-face-color: #41291c; /*marron fonce*/
scrollbar-shadow-color: #c5850b; /*marron clair*/
scrollbar-highlight-color: #41291c; /*marron fonce*/
scrollbar-3dlight-color: #c5850b; /*marron clair*/
scrollbar-darkshadow-color: #41291c; /*marron fonce*/
scrollbar-track-color: #c5850b; /*marron clair*/
scrollbar-arrow-color: #c5850b; /*marron clair*/
}

.contact_form input:focus, .contact_form textarea:focus { /* Quand le curseur est sur un champ (ne marche pas sur IE) */
  		background-color: #c5850b;}

.contact_form legend {/* On met un peu plus en valeur les titres des fieldset */
   font-size: larger; color:#c5850b; font-weight: bold;	}

.contact_form fieldset { width:90%; border: 1px solid #c5850b; padding: 5px;}
.contact_form label { display:block;}
.envoyer_effacer input{ border: 1px #9e4982 groove; padding: 2px; background: #c5850b; cursor: pointer; color:#180219;	}	
.orange {color: #c5850b; font-weight:bold; text-align:center;}
.dore { color:#c5850b;}
.rouge { color:#a10f19;}
.titre_onspecial { padding-top: 30px; text-align:right; color:#c5850b; font-weight:bold; border-bottom: 2px solid #c5850b; }
.titre_onspecial2 { padding-top: 10px; text-align:right; color:#c5850b; font-weight:bold; border-bottom: 2px solid #c5850b; }
.texte_onspecial { padding: 5px 0 0 0; text-align:right;}
.on_special { padding: 10px 15px 10px 15px;}

/***********************
	  Structure
************************/
#global { width: 950px; 
	background-color:#ffffff;  
	margin: 20px auto;	/*Centrage pour firefox et IE8*/
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
} 
#haut { height: 75px; background: transparent url(../../images/fond_haut.jpg) no-repeat; } 
#haut_extranet { height: 75px; background: transparent url(../../images/fond_haut_extranet.jpg) no-repeat; } 

#menu { width: 650px; height: 73px; margin-right: 15px; float:right; border-bottom: 2px solid #c5850b; text-align:right;  color:#c5850b; display:inline;}
#menu ul { margin-top: 50px; }
#menu li { display: inline;}
#menu ul { list-style-position:inside; list-style-type:disc; 
	width: 100%; /* précision pour Opera */
}

#menu li a {  text-decoration: none; color:#41291c; font-size:0.78em !important; font-size: 0.80em; font-weight:bold;
}
#menu li a:hover, #menu li a.here  { color:#c5850b; font-size:0.78em !important; font-size: 0.80em; font-weight:bold;	}	

#centre { background: transparent url(../../images/fond_centre.png) no-repeat bottom right; } 
/*Hack pour gérer la hauteur minimum*/
html>body div#centre { 
	height:auto;
	min-height: 500px;
	
}

div#centre{ /*ie 6*/
	height: 500px;
	}
#centre_contenu_index { margin-left: 20px;}
#centre_contenu { padding: 20px 40px 10px 40px;}
#centre_contenu li { margin-left: 15px;}
#centre_contenu img { padding: 0 35px 5px 0;}
#texte_defilant { float:right; margin-right: 20px; margin-top: 15px; margin-bottom: 15px; width:910px; color:#a10f19; }

#contenu_gauche { width: 100%; }

/*titre en image avec du texte dans le code*/
#centre p.cadre { 
	background: transparent url(../../images/un_cadre_juridique.png) no-repeat top; 
	width: 144px; height: 169px; padding: 0; margin: 0; }
#centre p.cadre span { display:none; }
#centre p.investissement { 
	background: transparent url(../../images/un_investissement.png) no-repeat top; 
	width: 126px; height: 169px; padding: 0; margin: 0; }
#centre p.investissement span { display:none; }
#centre p.rentabilite { 
	background: transparent url(../../images/une_rentabilite.png) no-repeat top; 
	width: 126px; height: 169px; padding: 0; margin: 0;}
#centre p.rentabilite span { display:none; }
#centre p.modalites { 
	background: transparent url(../../images/investissements.png) no-repeat top; 
	width: 126px; height: 309px; padding: 0; margin: 0; }
#centre p.modalites span { display:none; }
#centre p.structure { 
	background: transparent url(../../images/une_structure.png) no-repeat top; 
	width: 144px; height: 140px; padding: 0; margin: 0; }
#centre p.structure span { display:none; }
#centre p.management { 
	background: transparent url(../../images/un_management.png) no-repeat top; 
	width: 126px; height: 140px; padding: 0; margin: 0; }
#centre p.management span { display:none; }
#centre p.engagement { 
	background: transparent url(../../images/un_engagement.png) no-repeat top; 
	width: 126px; height: 140px; padding: 0; margin: 0;}
#centre p.engagement span { display:none; }


#contenu_droite { width: 228px; float:left; padding: 35px 10px 10px 20px; overflow:auto; }

#contenu_gauche_actualites {width: 300px; float:left; padding: 35px 10px 10px 20px;  }
#contenu_droite_actualites {width: 500px; float:left; padding: 35px 10px 10px 20px;   }
.contenu_actualites { padding-top: 35px;}
#news ul { margin-left: 15px; padding-right: 5px; }
#news li a {  text-decoration: none; color:#41291c; }
#news li a:hover, .news li a.here  { color:#c5850b; 	}	
#news_onspecial { margin-left: 15px; padding-right: 5px; }

/* extranet */
#centre_extranet { width:100%; }
#contenu_gauche_extranet {width: 200px; float:left; padding: 35px 10px 10px 20px;  }
#contenu_droite_extranet {width: 560px; float:left;  }
#contenu_extranet { padding: 35px 10px 10px 20px;}
#contenu_extranet ul { padding-left: 15px; }
#contenu_extranet li a  {  text-decoration: none; color:#41291c; }
#contenu_extranet li a:hover { color:#c5850b; 	}	

/*Hack pour gérer la hauteur minimum*/
html>body div#contenu_droite_extranet { 
	height:auto;
	min-height: 400px;
	
}
div#contenu_droite_extranet { /*ie 6*/
	height: 400px;
	}


#extranet { width: 950px; height: 30px; color:#FFFFFF; background: #41291c url(../../images/fond_extranet.jpg) no-repeat; }

#extranet p { padding: 5px 0 0 10px; }
.titre-tableau { color: #fff; text-decoration: none; background-color: #c5850b; text-align: center;}

/* Menu secondaire extranet */
#menu_secondaire { width: 600px; margin-right: 15px; float:right; /*border-bottom: 2px solid #c5850b;*/ text-align:right;  color:#c5850b;  }
#menu_secondaire ul {  list-style-position:inside; list-style-type:disc; 
	width: 100%; /* précision pour Opera */
}
#menu_secondaire li { display:inline;}
#menu_secondaire a, #menu_secondaire a:hover { cursor:pointer; padding: 0; margin: 0;}
.coordonnees { border-bottom: 1px dashed #c5850b; color:#c5850b; font-weight:900;}
/* pied */
#pied { color:#FFFFFF; font-size: 0.9em; background-color:#41291c; padding: 10px; clear: both;} 
.invisible  { position:absolute; top: -30000em; height:1%; }