@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:13px;
	background-image:url(images/body_ombre.png);
	background-repeat:repeat-y;
	background-position:center;
}

#conteneur{
	margin: 0 auto;
	text-align:center;
	width:901px;
	height:auto;
	margin-top:5px;
}

#conteneurRight {
	float:right;	
}

/* ------------------------------------- Header ------------------------------------- */
#header{
	width:100%;
	height:180px;
}



/* ------------------------------------- Menu Middle ------------------------------------- */
#menuMiddle{
	width:100%;
	/*height:266px;*/
	height:285px;
	background-image:url(images/fond_middle_2.png);
	background-repeat:repeat-x;
}

.Bord{
	background-image:url(images/bord_middle.png);
	background-repeat:no-repeat;
	height:25px;
	width:100%;
}

.cadre{
	width:275px;
	height:auto;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	margin-top:20px;
}

*html .cadre{
	margin-right:5px;
}

.photo{
	width:218px;
	height:160px;
	/*
	width:234px;
	height:135px;
	*/
	margin:0 auto;
	margin-bottom:10px;
}

/* ----------------Sous Menu Middle ------------------- */

.contenuSousMenu{
	width:240px;
	height:auto;
	margin:0 auto;
	text-align:center;
}

/*
li{
list-style-type: none;
background:url(images/puce.jpg) center left no-repeat;
padding-left: 15px;
}
*/

.sousMenuMiddle{
	width:100%;
	height:auto;
	text-align:left;
	padding-left:20px;
}

*html .sousMenuMiddle{	margin:0;	padding:0; margin-left:30px;}
*+html .sousMenuMiddle{	margin:0;	padding:0; padding-left:20px;}

.sousMenuMiddle li{
	list-style-type: none;
	background:url(images/puce.gif) top left no-repeat;
	padding:0;
	padding-left: 15px;
	padding-top: 3px;
	margin:0;
	/*list-style-image: url(images/puce.gif) !important;*/
}

.sousMenuMiddle li a{
	text-decoration:none;
	color:#000000;
}


.sousMenuMiddle li a:hover{
	text-decoration:underline;
}

hr{
	height:3px;
	background-color:#006699;
	border:none;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}

*html hr{ margin-left:10px;}
.trait1{background-color:#5398D7;}
.trait2{background-color:#8f8f8f;}
.trait3{background-color:#c1bb1c;}

/* ------------------------------------- Contenu ------------------------------------- */
.citation {
	font-style:italic;
	color:#888888;
	text-indent:50px;
}
#contenuCitation{
	padding:10px;

}
#contenuAccueil{
	/*width:593px;
	height:auto;*/
	float:left;
	margin-top:40px;
	/*background-image:url(images/fond_texte_accueil2.png);*/
	background-image:url(images/fond_texte_accueil3.png);
	background-repeat:no-repeat;
	/*height:187px;*/
	height:auto;
	width:593px;
}
/*
*html #contenuAccueil{
	margin-right:10px; 
}*/


h3{
	/*font-family:Trebuchet MS;*/
	
	position:relative;
	bottom:-2px;
	color:#7db8d1;
	margin:0;
	padding:0;
	text-align:left;
	margin-left:20px;
	font-size:16px;
	font-weight:600;
}
.title_without_icon {
	position:relative;
	top:-16px;	
}

.texteAccueil{

	padding: 0px 0px 0px 110px;
	margin-bottom:20px;
	text-indent:10px;
	
	text-align:justify;
	font-size:16px;
	height:328px;
	
}
.highlight {
	color :#7db8d1;
	font-weight:bold;	
}



.textcitation{
	margin-top:0px;
	height:100px;
	width:538px;
	padding-right:25px;
	padding-left:30px;
	padding-top:5px;
	text-align:justify;
	font-size:16px;

}
.img{
	width:108px;
	height:190px;
	background-image:url(images/img_accueil.png);
	background-repeat:no-repeat;
	float:left;
	margin:15px;
}
*html .img{background-image:none;}

p{
	text-align:justify;
	margin-top:0px;
	margin-right:25px;
}

.text1{
	float:left;
	width:420px;
	height:140px;
	margin-left:10px;
}
*html .text1{
	margin-left:0;
}

.text3{
	float:left;
	width:420px;
	height:220px;
	margin-left:10px;
}
*html .text3{
	margin-left:0;
}

.text2{
	width:550px;
	font-weight:200;
	margin-left:20px;
}

h4{
	text-align:center;
	margin:0;
	margin-top:20px;
	font-size:14px;
	
}

.title_icon {
	position:relative;
	bottom:-18px;
}


/* ------------------------------------- News ------------------------------------- */
#news{
	width:282px;
	height:223px;
	/*float:left;*/
	background-image:url(images/news2.png);
	background-repeat:no-repeat;
	margin:0;
	margin-top:7px;
	margin-left:20px;	
	color-text:079fed;
	
}

#news a:link{
	color: #079fed;
	}
	
#news a:visited{
	color: #7db8d1;
	}
#news a:hover{
	font-weight:bold;
	}	

		
.liste {
		width:270px;
		height:150px;
		margin-top:30px;
		margin-left:20px;	
		
}
	
/*
*html #news{margin-left:0;}
*/
.contenuActu{
	margin-top:35px;
	width:250px;
	height:150px;
	overflow : hidden;
	margin-left:25px;
}
/*
*html .contenuActu{margin-left:0px;}
*+html .contenuActu{margin-left:0px;}
*/
.contenuActu li {
	text-align:left;
	list-style-image: url(images/puce_02.gif);
}

/* Hack ccs pour I.E 7 */
/*
*+html .contenuActu li{	margin-left:10px;}
/* Hack ccs pour I.E 6 */
/* 
*html .contenuActu li{	margin-left:10px;} 
*/
.contenuActu a{
	color:#006699;
	text-align:left;
}

b{
	font-weight:bold;
}

.date{
	font-size:10px;
	color:#006699;
	width:210px;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:30px;
}

/* -------------------------------------- Newsletter et Flux RSS -------------------------------------- */

#newsletter{
	width:282px;
	height:140px;
	background-image:url(images/rss2.png);
	background-repeat:no-repeat;
	/*float:right;*/
	margin:0;
	margin-top:0px;
	margin-left:20px;
}


.texteNewsletter{
/*
	background-image:url(images/rss.png);
	background-repeat:no-repeat;
	height:134px;
	width:282px;*/
	padding:5px;
}

.contenuNewsletter {
	margin: 30px 0px 0px 10px;
	text-align:left;
}

.contenuNewsletter a{
	color:#006699;
	font-size:16px;
	text-decoration:none;
	font-weight:600;
	/*
	position:relative;
	bottom:-2px;
	color:#7db8d1;
	margin:0;
	padding:0;
	text-align:left;
	margin-left:20px;
	font-size:16px;
	font-weight:600;
	*/
}

.contenuNewsletter a:hover{
	color:#079fed;
	text-decoration:underline;
}

.contenuNewsletter ul{
	list-style-image: url(images/puce_02.gif);
}

.contenuNewsletter li{
	margin-bottom:5px;
}

/* ------------------------------------- Footer  ------------------------------------- */

#footer{
	text-align:center;
	list-style:none;
	float:left;
	width:100%;
	height:73px;
	margin-bottom:20px;
	background-image:url(images/footer.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:20px;

}

#footer li{
	display:inline;
	margin-right:5px;
}

#footer li a{
	color:#000000;
	text-decoration:none;
	padding:0;
	font-size:10px;
}

#footer li {
	color:#000000;
	text-decoration:none;
	padding:5px;
	font-size:10px;
}

#footer li a:hover{
	text-decoration:underline;
}
/*opacite*/
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: .20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*--Transparence sous IE 8--*/
	filter : Alpha(opacity=20); /*--Transparence pour IE < IE 8--*/
	left: 0;
	top: 0;
	z-index: 10;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.popup_block {
	background: #7db8d1;
	padding: 10px 20px;
	/*border: 20px solid #fff;*/
	float: left;
	width: 480px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}

.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

.popup img.cntrl {
	position: absolute;
	right: -1px;
	top: -1px;
	border:none;
}
/*positionnement popup sous ie6*/
*html .popup_block {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}


/*formulaire inscription **/
.formContainer
{
    background-color: #F5EFC9;
    border:none;
    padding:30px;
}
.formContainer h3
{
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:135%;
}
.rowContainer
{
    width:100%;
    padding-bottom:5px;
    height:34px;
}

.rowContainer2
{
    width:100%;
    padding-bottom:5px;
    height:100px;
}
.rowContainer label
{
    width:190px;
    float:left;
    color: #758656;
    font-weight:bold;
}
.rowContainer2 label
{
    width:190px;
    float:left;
    color: #758656;
    font-weight:bold;
}

.rowContainer input[type=“text”]
{
    width:200px;
}


.rowContainer2 select
{
    width:200px;
    padding-bottom:5px;
    height:50px;
}
.tooltipContainer
{
    height:16px;
    font-size:12px;
    color: #666666;
    float:none;
    padding:0px 40px;
    
}

.submit{
	margin-top:50px;
	}
	
.fin{

	margin:100px;
	}

#type_autre{
	display : none;
	}
	
#theme{
	display : none;
	}	
	
#onglet2{
	display:none;
	text-align:left;
	}
	
#map{
	text-align:center;	
	margin-left: auto; 
  	margin-right: auto; 
  	width: 640px;
  	 height:480px;

}