/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles :
1. Propriétés de la page
2. Entête
3. Menu principal
4. Pied de page
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

POUR VERIFIER LES EVENTUELS PBS DE MISE EN PAGE : VISUALISATION DU DECOUPAGE 
__________________________________________________________________________________________________________________________
table {border: 1px solid black;}
td {border: 1px dotted gray;}
div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid lightgreen;}
*/

/* _____________________________________________________________________________

	PROPRIETES DE LA PAGE
_____________________________________________________________________________*/

body {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font: 62.5% "Times New Roman", Times, serif;
	color:#333;
	/* ___Décoration */
	background: #92110c;
}

#conteneur {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 auto;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
}

#contenu {
	/* ___Dimensions et positionnement */
	width: 95em;
	overflow: auto;
	/* ___Marges */
	margin: 0 auto;
	padding: 1em 0.5em;
	/* ___Texte */
	/* ___Décoration */
	background: #fff url(../images/commun/ombre_menu.png) top left repeat-x;
}


.clear {
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/* _____________________________________________________________________________

	ENTETE
_____________________________________________________________________________*/

#menus_entete {
	/* ___Dimensions et positionnement */
	width: 96em;
	/* ___Marges */
	margin: 0 auto;
	/* ___Texte */
	/* ___Décoration */
}

/*__________________________ Menu accessibilité __________________________*/
#menu_access {
	/* ___Dimensions et positionnement */
	float: left;
	/* ___Marges */
	margin: 0.1em;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style: none;
}

#menu_access li {
	/* ___Dimensions et positionnement */
	display: inline;
	/* ___Marges */
	padding: 0 0.3em;
	/* ___Texte */
	font-size: 1.1em;
	/* ___Décoration */
	border-right: 0.1em solid #e5e5e5;
}

#menu_access li.dernier {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border-right: 0;
}

#menu_access li a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #E5E5E5;
	/* ___Décoration */
	text-decoration: none;
}

#menu_access li a:hover,
#menu_access li a:active,
#menu_access li a:focus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration: underline;
}

/*__________________________ Menu pratique __________________________*/
#menu_pratique {
	/* ___Dimensions et positionnement */
	float: right;
	width: 11em;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
}

#menu_pratique a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
}

#menu_pratique .actif {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration: none;
}

/*__________________________ Menu langues __________________________*/
#menu_langues {
	/* ___Dimensions et positionnement */
	float: right;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style: none;
}

#menu_langues li {
	/* ___Dimensions et positionnement */
	display: block;
	float: left;
	/* ___Marges */
	margin: 0 0.3em;
	padding: 0 0.3em;
	/* ___Texte */
	font-size: 1.1em;
	/* ___Décoration */
	border-top: 0.1em solid #a56868;
	border-left: 0.1em solid #a56868;
	border-right: 0.1em solid #a56868;
}

#menu_langues li.accueil {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	border: 0;
}
#menu_langues li.accueil.actif {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0;
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
	background: none;
}

#menu_langues li.actif {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #999;
	/* ___Décoration */
	background: #fff;
}

/*__________________________ Entête __________________________*/
#entete {
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	background: #780504;
	border-top: 1px solid #ccc;
}

#entete img {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	margin: 0 auto;
	/* ___Texte */
	/* ___Décoration */
}

/* Hack safari et Webkit pour centrer l'image del'entête*/
html[xmlns*=""] body #entete img {
  display: inline;
}

/* _____________________________________________________________________________

	MENU PRINCIPAL
_____________________________________________________________________________*/

#menu {
	/* ___Dimensions et positionnement */
	width: 96em;
	clear: both;
	overflow: auto;
	/* ___Marges */
	margin: 0 auto;
	padding: 0 0 1.1em 0;
	/* ___Texte */
	/* ___Décoration */
	list-style: none;
	border-top: 0.6em solid #efefef;
	border-bottom: 0.1em solid #b9b9b9;
	background: #fff;
}

#menu li {
	/* ___Dimensions et positionnement */
	float: left;
	width: 14.1%;
	display: block;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	color: #666;
	font-variant:small-caps;
	/* ___Décoration */
	border-left: 1px solid #ccc;
	background: url(../images/commun/ombre_onglet_menu.png) 1px 0px no-repeat;	
}

#menu li.premier {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border-left: 0;
}

#menu li a {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	padding: 0.5em 0 0 0;
	/* ___Texte */
	text-align: center;
	color: #666;
	font-size: 1.7em;
	/* ___Décoration */
	text-decoration: none;
}

#menu li a:hover,
#menu li a:active,
#menu li a:focus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
	background: #a10302;
}

#menu li.actif {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	padding: 0.5em 0 0 0;
	/* ___Texte */
	text-align: center;
	color: #fff;
	font-size: 1.7em;
	/* ___Décoration */
	text-decoration: none;
	background: #a10302;
}

/* _____________________________________________________________________________

	PIED DE PAGE
_____________________________________________________________________________*/

#pied_page {
	/* ___Dimensions et positionnement */
	width: 94em;
	clear: both;
	overflow: auto;
	/* ___Marges */
	margin: 1em auto;
	padding: 1em;
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
	background: #a10302;
}

#pied_page_texte {
	/* ___Dimensions et positionnement */
	float: left;
	/* ___Marges */
	margin-top: 0.5em;
	margin-right: 12em;
	/* ___Texte */
	/* ___Décoration */
}

#pied_page_texte p {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font-size: 1.1em;
	/* ___Décoration */
}

/*__________________________ Menu pied de page __________________________*/
#menu_pied_page {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.3em 0 0 0;
	padding: 0;
	/* ___Texte */
	font-size: 1.1em;
	/* ___Décoration */
	list-style: none;
}

#menu_pied_page li {
	/* ___Dimensions et positionnement */
	display: inline;
	/* ___Marges */
	margin: 0;
	padding: 0 0.3em;
	/* ___Texte */
	/* ___Décoration */
	border-right: 0.1em solid #fff;
}

#menu_pied_page li.premier {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0 0.3em 0 0;
	/* ___Texte */
	/* ___Décoration */
}

#menu_pied_page li.dernier {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border-right: 0;
}

#menu_pied_page li a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
}

/*__________________________ Logos __________________________*/

#pied_page img {
	/* ___Dimensions et positionnement */
	float: left;
	/* ___Marges */
	margin-left: 2em;
	/* ___Texte */
	/* ___Décoration */
	border: 0.1em solid #7b0101;
}

#pied_page img.sign_avenir_pousse {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: 0;
}

.csc-mailform-field {
	margin-bottom: 5px;
	clear:both;
}

.csc-mailform-field label {
	display: block;
	width: 100px;
	text-align: right;
	float: left;
	margin: 0 10px 0 0;
	font-size: 1.4em;
}

.csc-mailform-field .csc-mailform-submit {
	margin-left: 110px;
}

h1#entete a img {
	border: none;
}