/*CSSEditor|structure,global|Zone de banniere*/
#page{
margin:0 auto;
width:970px;
}
.mdf #page, .mdf_scol #page{
margin:0 auto;
width:970px;
position:relative;
z-index:2;
}
#banner{
float:left;
width:970px;
height:95px;
border-bottom:1px solid #FFF;
background:url(../images/core/fd_haut.gif) 0% 0% no-repeat;
overflow:hidden;
}
.logo{
float:left;
margin:0 40px 0 0;
}
/*CSSEditor|structure,global|Zone intérieure*/
.accueil #wrapper{
height:463px;
background:url(../images/core/haut_page.gif) 0% 0% no-repeat;
padding-top:15px;
}
#wrapper{
padding:0;
width:970px;
float:left;
background:url(../images/core/fd_page.gif) repeat-y 0 50px;
}

.gd #wrapper, .gdDetail #wrapper{
background:url(../images/core/fd_page_gd.gif) repeat-y 0 50px;
}

.ombreHaut{
float:left;
}
.accueil #conteneur{
width:700px;
border:none;
padding:0;
background:none;
margin:0;
}
#conteneur{
float:left;
width:760px;
border-top:1px solid #D9D9D9;
margin:0 0 20px 0;
}
.gd #conteneur, .gdDetail #conteneur{
border:0;
}

.accueil #contents{
width:675px;
float:right;
padding:0;
}
#contents{
width:549px;
float:left;
overflow:hidden;
}
.gd #contents{
width:100%;
float:left;
overflow:hidden;
}

/*CSSEditor|structure,global|Zone de contenu*/
.accueil #contents #main{
padding:0;
margin:17px 0 0 0;
}
.gd #contents #main{
padding:0 15px 20px 0;
}
.gdDetail #contents #main{
padding:0 15px 20px 0;
line-height:16px;
}
#contents #main{
padding:0 15px 20px 15px;
}

#leftbar{
float:left;
width:210px;
display:block;
}


.accueil #rightbar{
width:230px;
margin:17px 0 0 20px;
background:none;
float:left;
}
#rightbar{
float:right;
width:210px;
background:#EEE;
padding-bottom:00px;
/*modif bug colonne de droite*/
margin:-39px 0 0 0;
}

#hautDroite{
background:#FFF url(../images/core/haut_droite.gif) 0 22px no-repeat;
float:left;
width:210px;
height:141px;
margin-bottom:15px;
padding-top:22px;
}

#hautDroite ul{
float:right;
text-align:right;
margin:15px 13px 20px 0;
}

#hautDroite ul li{
padding:2px 0;
}

#hautDroite li a, #hautDroite li a:visited{
color:#FFF;
font-weight:bold;
}

#hautDroite li a:hover{
text-decoration:underline;
}


/*AGENDA*/
.accueil #agenda{
background:url(../images/agenda/bas_agenda.png) 0% 100% no-repeat;
padding-bottom:52px;
height:380px;
margin:0;
}

#agenda{
clear:left;
background:url(../images/agenda/fd_agenda_page.gif) 0% 0% no-repeat;
height:324px;
margin:0 0 15px 8px;
}

.accueil .divDansAgenda{
padding:12px 12px 0 12px;
background:url(../images/agenda/fd_agenda.gif) 0% 0% repeat-y;
}

.divDansAgenda{
float:left;
padding:35px 12px 0 12px;
/*bug ie7*/
width: 216px;
/*end*/
font-size:10px;
background:none;
}
.divDansAgenda p{
margin:5px 0;
}


/*PIED DE PAGE*/
.accueil #footer{
background:none;
padding:0;
width:970px;
margin:1px 0 0 0;
}
#footer{
float:left;
text-align:center;
width:930px;
padding:10px 20px 20px 20px;
background:#999999 url(../images/core/fd_footer.gif) 0% 0% no-repeat;
}

#footer_pages{
	background: #999999 url(../images/core/fd_footer.gif) 0% 0% no-repeat;
	float:left;
	padding:10px 20px 20px;
	width:930px;
}

/* --- paragraphe --- */

.p_espace{
	padding-bottom: 1em;
	clear: left;
}

.p_espace2{
	padding-bottom: 10em;
	clear: left;
}

.p_espace3{
	padding-bottom: 20em;
	clear: left;
}

.p_justifie{
	text-align: justify;
}

.p_centre{
	text-align: center;	
}

/* --- colonnes PLAN --- */

.colonne3 {
	float:left;
	width:13em;
	margin-left:2em;
}
#colonne2 {
	float:left;
	width:21em;
	margin-left:2em;
	margin-bottom:2em;
}
#colonne1 {
	float:left;
	width:30em;
	margin-left:2em;
	margin-bottom:2em;
}

/* --- formulaire THERMO --- */
/*menu form*/

 

#centre .listonglets{
	margin : 0;
}

#centre .listonglets li {
	height : 99%;
	float:left;
	width:14em;
	text-align: center;
	display:inline;
	vertical-align: middle;
	padding-left:0;
	padding-right:0;
	margin-left:0px;
	margin-right:1px;
}

#centre .listonglets li a{
	height : 100%;
	width : 100%;
	display : block;
	border : solid 1px transparent;
	text-decoration: none;
}

#centre .listonglets li a:hover{
	border-bottom: solid 10px #6699CC;
	border-left: dotted 1px #6699CC;
	border-top: dotted 1px #6699CC;
	border-right: dotted 1px #6699CC;
	background-color: white;
}

#centre .onglet_selectionne{
	background-color: #6699CC;
	border : solid 1px #6699CC;
	color : white;
	font-weight: bold;
}

#centre .onglet_selectionne em{
	display : none;
}

.form_ligneformulaire div, .form_ligneformulaire fieldset {
	margin-bottom:1em;
	margin-left:2em;
	margin-top:0.5em;
}

.form_ligneformulaire .sousgroupe{
	border : solid 1px ;
	margin-right : 10px;
	background-color:WhiteSmoke;
}

.form_ligneformulaire .sousgroupe .sousgroupe{
	background-color: Gainsboro;
}

.form_ligneformulaire .sousgroupe legend{
	background-color : #006BB6;
	color: white;
	font-weight:bold;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	font-size : 1.2em;
}

.form_ligneformulaire .sousgroupe label{
	margin-top : 5px;
}
.form_ligneformulaire .titre_sousgroupe{
	margin-left :0px;
	margin-right :0px;
	margin-bottom :0.5em;
	padding-left:5px;
	margin-top:-0.7em;
}
#label_rech_DateFinPeriode{
	float : none;
	display : inline;
	margin-left : 1em;
}
#formAjoutListe label{
	min-width: 5em;
}
#formAjoutListe {
	padding: 1em;
	min-width : 250px 
}
#formAjoutListe h2{
	margin-top : 0;
}
#formAjoutListe .divButtons{
	text-align : right;
}
.cache{
	display : none;
}

.form_ligneformulaire label {
	display:block;
	/*float:left;*/
	margin-right:0em;
	min-width:22em;
	text-align:left;
}

input{
	/*background-color: #F0FFFF;*/
	border: solid 1px black;
}

.no_border{
	border: solid white 0px;
}

select{
	border: solid 1px black;
}
textarea{
	border: solid 1px black;
}
.red{
	font-weight: bold;
	color: Red;
	margin-bottom: 5px;
	border: solid 1px red;
	padding: 5px;
}

/* image menu */ 

.img_menu{
	position: absolute;
	margin-top: -400px;
	margin-left: -250px;
}

/* tableau march public*/
.table_marches{
	width: 528px;
	font-size: 11px;
	float: left;
	display: block;
	float: left;
}

/*pub accueil*/
#box_pub{
	background-image: url(images/core/fond_pub.gif);
	width: 229px;
	height: 140px;
}



/* H2O */
.gd_h2o #leftbar{
float:left;
width:100%;
height:21px;
background:#0292d3;
}




/*TEST*/
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	float:left;
}
/* dock2 - bottom */
#dock1 {
	width: 380px;
	position: relative;
	left: 20px;
	margin:45px 0 0 0;
	padding:25px 0 0;
	background:url("/core_web/images/carousel/t_services.gif") no-repeat scroll 0 2px transparent;
}
#dock2 {
	width: 325px;
	position: relative;
	left: 20px;
	margin:45px 0 0 0;
	padding:25px 0 0;
	background:url("/core_web/images/carousel/t_equipements.gif") no-repeat scroll 0 2px transparent;
}
#dock3 {
	width: 250px;
	position: relative;
	left: 20px;
	margin:45px 0 0 0;
	padding:25px 0 0;
	background:url("/core_web/images/carousel/t_evenements.gif") no-repeat scroll 0 2px transparent;
}
.dock-container1, .dock-container2, .dock-container3 {
	position: absolute;
	height: 50px;
}
a.dock-item2 {
	display: block; 
	width: 54px; 
	bottom: 0px; 
	position: absolute;
}
