/* Configuration générale */

/* suppression des marges */
html, body, dl, dt, dd, table, h1, th, td, form, fieldset, div { margin: 0; padding: 0; }
img, fieldset { border: 0; }

body { background-color: #ffffff; }
body.home { background-color: #e0e0f8; }

.cache { display: none; }

.clearboth 	{ clear: both; height: 1px; font-size: 0; line-height: 0; }

.clearbothmac {}
/*\*/
.clearbothmac 	{ clear: both; height: 1px; font-size: 0; line-height: 0; }
/* */
.clearboth5 	{ clear: both; height: 5px; font-size: 0; line-height: 0; }
.clearboth10 	{ clear: both; height: 10px; font-size: 0; line-height: 0; }
.clearboth15 	{ clear: both; height: 15px; font-size: 0; line-height: 0; }
.sep5px		{ height: 5px; font-size: 0; line-height: 0;}
.sep10px	{ height: 10px; font-size: 0; line-height: 0; }

.youarehere { color:#2515A1; }

/*
body { text-align: center; }

#gabarit {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

*/

#gabarit { width: 779px; }

/* **************************   Bloc Header   **************************************** */

#header {
	margin-top: 5px;
	width: 779px;
	background-color: #2515A1;
}
.sepbleu, .sepnoir, .sepmauve { height: 1px; font-size: 1px; line-height: 1px; clear: both; }
.sepbleu 	{ background-color: #4A3582; }
.sepnoir 	{ background-color :#000000; }
.sepmauve	{ background-color :#A099D6; }

#langues 	{ float: right; height:16px; }

/* **************************   Bloc Langues   ************************** */

#langues { padding: 1px 0 0 18px; }

#langues span, #drapeau, #drapeau a { float: left; }
#langues span { margin-top:2px; }

#drapeau a {
	width: 16px; height: 12px; font-size: 0;
	margin: 0 1px 0 4px;
	display: inline; /* Fix IE Doubled Float-Margin Bug - http://www.positioniseverything.net/explorer/doubled-margin.html */
}

/* **************************   *************   **************************************** */

#bandeau { clear: both; }

/* **************************   Bloc Menu français  ************************** */

#menugenfr {
	background-color: #F2F1F9;
	width: 779px; height: 36px;
}

#menugenfr ul, #menugenfr ul li { margin: 0; padding: 0; }

#menugenfr ul { float:right; }

#menugenfr ul li {
	float:left;
	list-style-type:none;
 	margin-left: 1px;
}

#menugenfr ul li a {
	background: url("../imgs/10/menu_haut_out.gif") no-repeat top left;
	height: 16px;
	display:block;
}

#menugenfr ul li a:hover { background-image: url("../imgs/10/menu_haut_over.gif"); }

#menugenfr ul li a.menugenfr1, #menugenfr ul li a.menugenfr1:hover { background-position:      0 0 !important; width: 63px; }
#menugenfr ul li a.menugenfr2, #menugenfr ul li a.menugenfr2:hover { background-position:  -64px 0 !important; width: 67px; }
#menugenfr ul li a.menugenfr3, #menugenfr ul li a.menugenfr3:hover { background-position: -132px 0 !important; width: 65px; }
#menugenfr ul li a.menugenfr4, #menugenfr ul li a.menugenfr4:hover { background-position: -198px 0 !important; width: 60px; }
#menugenfr ul li a.menugenfr5, #menugenfr ul li a.menugenfr5:hover { background-position: -259px 0 !important; width: 55px; }
#menugenfr ul li a.menugenfr6, #menugenfr ul li a.menugenfr6:hover { background-position: -315px 0 !important; width: 106px; }


/* ************************** Bloc Menu anglais       ************************** */


#menugenen {
	background-color: #F2F1F9;
	width: 779px; height: 36px;
}

#menugenen ul, #menugenen ul li { margin: 0; padding: 0; }

#menugenen ul { float:right; }

#menugenen ul li {
	float:left;
	list-style-type:none;
 	margin-left: 1px;
}

#menugenen ul li a {
	background: url("../imgs/50/menu_haut_out.gif") no-repeat top left;
	height: 16px;
	display:block;
}

#menugenen ul li a:hover { background-image: url("../imgs/50/menu_haut_over.gif"); }

#menugenen ul li a.menugenen1, #menugenen ul li a.menugenen1:hover { background-position:      0 0 !important; width: 63px; }
#menugenen ul li a.menugenen2, #menugenen ul li a.menugenen2:hover { background-position:  -64px 0 !important; width: 67px; }
#menugenen ul li a.menugenen3, #menugenen ul li a.menugenen3:hover { background-position: -132px 0 !important; width: 65px; }
#menugenen ul li a.menugenen4, #menugenen ul li a.menugenen4:hover { background-position: -198px 0 !important; width: 60px; }
#menugenen ul li a.menugenen5, #menugenen ul li a.menugenen5:hover { background-position: -259px 0 !important; width: 55px; }
#menugenen ul li a.menugenen6, #menugenen ul li a.menugenen6:hover { background-position: -315px 0 !important; width: 106px; }


/* ************************** Bloc Menu espagnol       ************************** */


#menugenes {
	background-color: #F2F1F9;
	width: 779px; height: 36px;
}

#menugenes ul, #menugenes ul li { margin: 0; padding: 0; }

#menugenes ul { float:right; }

#menugenes ul li {
	float:left;
	list-style-type:none;
 	margin-left: 1px;
}

#menugenes ul li a {
	background: url("../imgs/30/menu_haut_out.gif") no-repeat top left;
	height: 16px;
	display:block;
}

#menugenes ul li a:hover { background-image: url("../imgs/30/menu_haut_over.gif"); }

#menugenes ul li a.menugenes1, #menugenes ul li a.menugenes1:hover { background-position:      0 0 !important; width: 63px; }
#menugenes ul li a.menugenes2, #menugenes ul li a.menugenes2:hover { background-position:  -64px 0 !important; width: 67px; }
#menugenes ul li a.menugenes3, #menugenes ul li a.menugenes3:hover { background-position: -132px 0 !important; width: 65px; }
#menugenes ul li a.menugenes4, #menugenes ul li a.menugenes4:hover { background-position: -198px 0 !important; width: 60px; }
#menugenes ul li a.menugenes5, #menugenes ul li a.menugenes5:hover { background-position: -259px 0 !important; width: 55px; }
#menugenes ul li a.menugenes6, #menugenes ul li a.menugenes6:hover { background-position: -315px 0 !important; width: 106px; }



/* **************************             ************************** */

#ventedirectlink {
	height: 16px;
	background-color: #2515A1;
	padding-left: 133px; 
}

#ventedirectlink a {
	background: url("../imgs/picto_fleches.gif") no-repeat 0px 5px;
	padding-left: 27px;
	display: block;
}

#logogouv {
	position: absolute;
	top: 36px; left: 11px;
	border: 1px solid #513A8F;
	width: 100px; height: 102px;
}

/* **************************   *************   **************************************** */

#railway 		{ margin-bottom:15px; }
#railway a 		{ text-decoration: underline; padding:0; }

/* **************************   Presentation   **************************************** */

#presentation .titre { margin-bottom: 16px; }

#presentation .vignette {
	margin: 0 10px 4px 0;
	float: left;
}

#presentation .ensavoir a { font-weight: bold; }

.ensavoir a {
	background: url("../imgs/picto_ensavoir.gif") no-repeat 0px 4px;
	padding-left: 10px;
	float: left;
}

#actualites { width: 597px; }

#actusmilieu {
	background: url("../imgs/accueil/actus_milieu.gif") repeat-y top left;
	padding: 10px 25px 0 1px;
	border-top:1px solid #D6D5EE;
	border-left:1px solid #D6D5EE;
	border-right:1px solid #D6D5EE;
}

#actusgauche { float: left; width: 90px; text-align: center; }
#actusdroite { float: right; width: 470px; }

#actusdroite .sep { height: 15px; }

#metiers { width: 597px; }

#metiersbas {
	background: url("../imgs/accueil/metiers_bas.gif") no-repeat bottom left;
	padding: 0 7px 7px 7px;
}

#metiers .pave {
	width: 183px;
	margin-right:17px;
}

#metiers .pave.last {
	margin-right:0;
}

/*#metiers .sep {
	width: 17px;
	float: left;
}*/

#metiers .titre {
	background: url("../imgs/accueil/pave_picto.gif") no-repeat 8px 0px;
	padding: 0 11px 9px 36px;
	margin-bottom: 5px;
	background-color: #1e127b;
}

#metiers .texte { margin: 0 11px 0 8px; }

#metiers .suite {
	text-align: right;
	padding: 0 13px 9px 0;
	margin-top:5px;
}

/* **************************   Pandroite   **************************************** */

#ventesphares { background-color: #776EBC; }

#ventesphares .vente { margin-left: 13px; }

#ventesphares .photo { margin: 8px 0 5px 0; }

#ventesphares .photo img { border: 1px solid #A9A9A9; }

#ventesphares .ensavoir a {
	background: url("../imgs/pandroite/picto_ensavoir.gif") no-repeat 0px 4px;
	padding-left: 8px;
	float: none;
	display: block;
}

#ventesphares .sep {
	background: url("../imgs/pandroite/vente_sep.gif") no-repeat top left;
	height: 2px; font-size: 0; line-height: 0;
	margin: 5px 0 3px 0;
}

#calend {
/* commented backslash hack v2 \*/
	text-align: center;
/* end hack */
	background-color: #291D83;
	/* background-color: red; */
}

#calend .form { margin-left: 13px; }

#calend .input, #calend .submit { float:left; }

#calend .select {
	padding: 0; margin: 0;
	width: 110px; height: 16px;
	border: 1px solid #776EBC;
	background-color: #ffffff;
}

#calend .submit { margin: 2px 0 0 2px; }


/* **************************   Footer   **************************************** */

#footer 	{ padding: 20px 0 10px 0; clear: both; }
#footer .bold 	{ font-weight: bold; }

/* **************************   Typos   **************************************** */

body 													{ font-family: Verdana, Arial, Helvetica, serif;  }

#menuinfo .content 						{ font-family: Arial, Helvetica, serif; font-size: 9px; }

#rechercher label,
	#rechercher input.textfield 		{ font-size: 9px; }

#langues span 									{ font-size: 9px; }
#ventedirectlink a 						{ font-size: 10px; }
#railway											{ font-family: Arial, Helvetica, serif; font-size: 9px; }

#presentation .titre 					{ font-size: 20px; font-weight: bold; }
#presentation .texte 					{ font-size: 11px; color: green;}
#presentation .texte 					{ color: green;}
.ensavoir a 										{ font-size: 10px; }

#actualites .titre							{ font-size: 10px; font-weight: bold; }
#actualites .texte							{ font-size: 10px; }

#metiers .pave .titre					{ font-size: 18px; /*font-weight: bold;*/ }
#metiers .pave .texte					{ font-size: 11px; /* font-weight: bold; */ }

#ventesphares .titre 					{ font-size: 11px; font-weight: bold; }
#ventesphares .datelieu				{ font-size: 10px; }

#calend .select 								{ font-size: 10px; font-weight: bold; }

#footer 												{ font-size: 9px; }

/* **************************   Couleur   **************************************** */

#menuinfo .content, #menuinfo .content a,
	#rechercher label, #langues span,
		#ventedirectlink a 						{ color: #ffffff; }

#menuinfo .content a:hover,
	#menuinfo .content a.selected 		{ color: #FF9000; }

#rechercher input.textfield					{ color: #000000; }

#presentation .titre								{ color: #FF9000; }
#presentation .texte								{ color: #000000; }

#railway, #railway a  							{ color: #898989; }

#railway .intro,
#actualites .titre,
#metiers .pave .texte 							{ color: #1E127B; }

#metiers .pave .titre							{ color: #ffffff; }

#ventesphares .titre,
	#ventesphares .lieu,
		#ventesphares .ensavoir a			{ color: #ffffff; }
#ventesphares .date								{ color: #D9D4FF; }

#calend .select										{ color: #291D83; }

#footer 														{ color: #545454; }
#footer a, .ensavoir a							{ color: #0006FF; }

#fnd_3paves {
	background: #E6E7F9 url("../imgs/accueil/fnd_3paves.gif") repeat-y top left;
}

#fnd_3paves_bottom {
	background: #E6E7F9 url("../imgs/accueil/fnd_3paves_bottom.gif") no-repeat top left;
	width:583px; height:9px; font-size:1px;
}

/*#form_login input { font-size:11px; padding:3px; border:1px solid #FF9000; }*/
#form_login a { color:#2515A1; }

table.layout {
	padding:0; border:0;
}
table.layout td { vertical-align:top; text-align:left; }

a, a:hover, a:link, a:active, a:hover { color:#0000EE; }