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

#bandeau { padding:6px 0 0 0; }
#siteContenu { padding:0 44px 0 17px !important; }


#headerMenu ul.HMniv1 a#HM_01 { width:109px !important; }
#headerMenu ul.HMniv1 a#HM_01:hover, #headerMenu ul.HMniv1 a#HM_01.HM_01Hover { background-position:0px -39px; }
#headerMenu ul.HMniv1 a#HM_02 { background-position:-110px 0px; }
#headerMenu ul.HMniv1 a#HM_02:hover, #headerMenu ul.HMniv1 a#HM_02.HM_02Hover { background-position:-110px -39px; }
#headerMenu ul.HMniv1 a#HM_03 { background-position:-223px 0px; width: 115px !important; }
#headerMenu ul.HMniv1 a#HM_03:hover, #headerMenu ul.HMniv1 a#HM_03.HM_03Hover { background-position:-223px -39px; }
#headerMenu ul.HMniv1 a#HM_04 { background-position:-340px 0px; }
#headerMenu ul.HMniv1 a#HM_04:hover, #headerMenu ul.HMniv1 a#HM_04.HM_04Hover { background-position:-340px -39px; }
#headerMenu ul.HMniv1 a#HM_05 { background-position:-449px 0px; }
#headerMenu ul.HMniv1 a#HM_05:hover, #headerMenu ul.HMniv1 a#HM_05.HM_05Hover { background-position:-449px -39px; }
#headerMenu ul.HMniv1 a#HM_06 { background-position:-530px 0px; width: 115px !important; }
#headerMenu ul.HMniv1 a#HM_06:hover, #headerMenu ul.HMniv1 a#HM_06.HM_06Hover { background-position:-530px -39px; }
#headerMenu ul.HMniv1 a#HM_07 { background-position:-644px 0px; width: 115px !important; }
#headerMenu ul.HMniv1 a#HM_07:hover, #headerMenu ul.HMniv1 a#HM_07.HM_07Hover { background-position:-644px -39px; }

#headerMenu ul.HMniv1 a#HM_01 { width:109px !important; }
#headerMenu ul.HMniv1 a#HM_01:hover, #headerMenu ul.HMniv1 a#HM_01.HM_01Hover { background-position:0px -39px; }
#headerMenu ul.HMniv1 a#HM_02 { background-position:-109px 0px;  width: 115px;}
#headerMenu ul.HMniv1 a#HM_02:hover, #headerMenu ul.HMniv1 a#HM_02.HM_02Hover { background-position:-109px -39px; }
#headerMenu ul.HMniv1 a#HM_03 { background-position:-224px 0px; width: 115px !important; }
#headerMenu ul.HMniv1 a#HM_03:hover, #headerMenu ul.HMniv1 a#HM_03.HM_03Hover { background-position:-224px -39px; }
#headerMenu ul.HMniv1 a#HM_04 { background-position:-339px 0px;}
#headerMenu ul.HMniv1 a#HM_04:hover, #headerMenu ul.HMniv1 a#HM_04.HM_04Hover { background-position:-339px -39px; }
/*#headerMenu ul.HMniv1 a#HM_04 { background-position:-450px 0px;}
#headerMenu ul.HMniv1 a#HM_04:hover, #headerMenu ul.HMniv1 a#HM_05.HM_05Hover { background-position:-450px -39px; }*/
#headerMenu ul.HMniv1 a#HM_05 { background-position:-562px 0px;}
#headerMenu ul.HMniv1 a#HM_05:hover, #headerMenu ul.HMniv1 a#HM_06.HM_06Hover { background-position:-562px -39px; }
#headerMenu ul.HMniv1 a#HM_06 { background-position:-757px 0px; width: 112px !important; }
#headerMenu ul.HMniv1 a#HM_06:hover, #headerMenu ul.HMniv1 a#HM_08.HM_08Hover { background-position:-757px -39px; }
#headerMenu ul.HMniv1 a#HM_07 { background-position:-642px 0px; width: 115px !important; }
#headerMenu ul.HMniv1 a#HM_07:hover, #headerMenu ul.HMniv1 a#HM_07.HM_07Hover { background-position:-642px -39px; }
/* Gabarit accueil particulier pour le site portail */

#flashCarte {
	/*background: transparent url("../images/_common/bg_menuvertical_dotted_2col.gif") right top repeat-y;*/
	/*float: left; width: 190px; padding-right: 7px;*/
	/*margin:0 0 0 6px;*/ padding:0 0 18px 0; width:214px;
}

.troisColAcc#gabaritCont1 .edito { float: left; padding:6px 0 0 0; width: 202px; }
.troisColAcc#gabaritCont1 .edito h2 { padding:0 0 6px 0; }
.troisColAcc#gabaritCont1 .edito .content { padding:15px 11px 0 11px; background:#f5f5e9; font-size:10px; }
* html .troisColAcc#gabaritCont1 .edito .content { height:0.01%; }
*:first-child+html .troisColAcc#gabaritCont1 .edito .content { height:0.01%; }
.troisColAcc#gabaritCont1 .edito .content p { padding:0 0 11px 0; }
.troisColAcc#gabaritCont1 .edito .enSavoirPlus { float:right; }

/* Page en 3 colonnes accueil */

.troisColAcc#gabaritCont1 { /*background: transparent url("../images/_common/bg_menuvertical_blanc.gif") left top repeat-y;*/ background: none; /*padding-top: 17px;*/ padding-top:0 !important; padding-left:12px !important; padding-right:0 !important; }
.troisColAcc#gabaritCont1 #gabaritCont2 { background: none; }
.troisColAcc#gabaritCont1 #gabaritCont3 { width: 764px; }
.troisColAcc#gabaritCont1 #siteContenuXXL { padding:6px 0 0 0; width: 550px; background:url("/images/right_blocks/bg_flash_carte.gif") right top no-repeat; }

/* Fin - Page en 3 colonnes accueil */

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

.troisColAcc#gabaritCont1 h1.titre { margin-top: 0px; margin-bottom:0 !important; padding:26px 0 0 0; width:487px; height:0; overflow:hidden; background:url(../images/portail/evenements_titre.gif) left top no-repeat; }

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

.troisColAcc ul.eventListe { margin-bottom: 10px; margin-right: 0; }
.troisColAcc ul.eventListe li { margin-top:6px !important; padding-bottom:6px !important; }
.troisColAcc ul.eventListe li.last { border:none !important; }

.troisColAcc .infoResume .blocCont { width: 269px; }
.troisColAcc .infoResume.noImg .blocCont { float: none; width: auto; }

.troisColAcc .infoResume .infoSuite a.bt_lireSuite {
	background-color: transparent; width: 69px;
	background-position: left center;
}

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

.deuxColDroite .infoResume .blocCont { width: 472px; }
.deuxColDroite .infoResume.noImg .blocCont { float: none; width: auto; }

.infoDetails .blocCont { float: right; width: 480px; }
.infoDetails.noImg .blocCont { float: none; width: auto; }

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

.formGalerie { padding: 0 22px 20px 0; }

.formGalerie fieldset { padding: 5px 0 5px 20px; background-color: #ffffff; }

.formGalerie label {
	float: left;	/*** Tr�s important, ne pas suprimer ! ***/
	margin: 0; padding: 0 .5em 0 0;
	width: 30%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	line-height: 1.9em;	/*** ... et centres verticalement. ***/
	text-align: left; color: #b00c0c; font-weight: bold; font-size: 1em;
}

.formGalerie select.modernSelect {
	background-color: #ffffff; height: 1.5em; margin: 2px 0; 
	font-size: 1em; color: #32322d; font-weight: bold;
}

.formGalerie select.modernSelect option { font-size: .8em; }

/*
Version possible mais a debugger pour avoir une liste plus "design" avec une couleur de bord
->http://www.nanoum.net/blog/10_bordure_liste_select.html

.formGalerie select.modernSelect {
	color:#999999;
	width:200px;
	height:22px;
	border:0;
	margin:-2px;
	voice-family: ""}"";
	voice-family:inherit;
	margin:-1px;
}
html>body .formGalerie select.modernSelect {
position:absolute;
clip: rect(2px, 188px, 21px, 2px);
margin:0;
padding:0;
width:189px;
}
.formGalerie .conteneur div {
position:absolute;
margin-top:-1px;
margin-left:-1px;
background-color:#e9e9de;
width:200px;
height:20px;
voice-family: ""}"";
voice-family:inherit;
height:22px;
width:201px;
}
html>body .formGalerie div.conteneur div {
margin:1px 0 0 1px;
height:21px;
width:188px;
}
.formGalerie .conteneur {
position:relative;
}
*/

ul.galeriePhotos li { margin-right: 20px; }
ul.galeriePhotos li.endLine { margin-right: 0; }
ul.galeriePhotos li.clearLeft { margin: 0; }

/* redefinition des largeurs element de formulaire */

.formTemplate input.largOne { width: 175px; }
.formTemplate input.largTwo { width: 250px; }
.formTemplate input.largThree { width: 165px; }
.formTemplate input.largFour { width: 220px; }

.formTemplate .displayColOne { width: 330px; }
.formTemplate .displayColTwo { width: 327px; }

.formTemplate .displayColOne label, .formTemplate .displayColTwo label {
	float: left; width: 40%;
	margin: 0; padding: 0 .5em 0 0;
	text-align: right;
}

.formTemplate label.neutral { width: auto; }

.formTemplate .displayThreeCol.col1 { width: 200px; }
.formTemplate .displayThreeCol.col2 { width: 200px; }
.formTemplate .displayThreeCol.col3 { width: 200px; }

/* Animation flash : Frise  */
#FlashFrise { margin-top:-7px; padding:0 7px 11px 7px; }