@charset "windows-1252";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	margin: 0; 
	padding: 0; 
	background-color: #3e4c59; 
	background-image: url(../img/bckgd.jpg); 
	background-repeat: repeat-x
	}

#conteneur {width: 1020px; margin: 0 auto;padding:0 0 0 10px; border: 0px solid #22b14c; background-image: url(../img/fdCentre2.jpg); background-repeat: repeat-y} 

#header {width: 1000px; height: 147px; background-image: url(../img/bandeau.jpg); background-repeat: no-repeat; background-position: center; 
border: 0px solid #FF6600; }
#header img {position: absolute; float:right;}

/* FORMULAIRE RECHERCHE  */
#search {position: absolute; float:right; margin: 0;margin-left: 775px;width: 210px;  height : 35px; top: 110px; border : 0px solid orange; padding:0}
#search .searchInput {border: 1px solid black; font-family: Verdana,Arial; font-size: 8pt; color: #0c3e1b; width: 164px; height : 15px; padding-top: 5px; padding-left: 5px; margin: 0; background-color: #B2CDBA}/*background: url(../img/searchCadre.gif)*/
#search .searchBtn {border: 1px solid black; width: 25px;height : 23px; padding-top: 0; margin-top: 2px; background-color: #B2CDBA}/*background: url(../img/searchBtnOk.jpg)*/

/* DEFINITION DU MENU */
#menu {position: absolute; border-width: 0px; border-style: solid; border-color: #FF3300; height: 37px; width: 1000px; padding-top: 0px; z-index: 5}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu span { border-width: 0px}
#menu span dl dt {background-image: url(../img/btnMenu2.jpg); background-repeat: no-repeat; text-decoration: none}


#menu dl {float: left}

#menu dt {height: 37px; cursor: pointer; text-align: center; font-weight: bold; border: 0px solid red;  margin-top: 0px;padding-top: 2px; vertical-align: middle}
#menu span dl a.titre {color : #5D5D5D; text-decoration: none}
#menu span dl a.titre:hover {color : #000000}

#menu dt.menu1 {background-image: url(../img/btnMenu1.jpg); width: 120px}
#menu dt.menu2 {background-image: url(../img/btnMenu2.jpg); width: 196px}
#menu dt.menu3 {background-image: url(../img/btnMenu3.jpg); width: 164px}
#menu dt.menu4 {background-image: url(../img/btnMenu4.jpg); width: 177px}
#menu dt.menu5 {background-image: url(../img/btnMenu5.jpg); width: 137px}
#menu dt.menu6 {background-image: url(../img/btnMenu6.jpg); width: 102px}
#menu dt.menu7 {background-image: url(../img/btnMenu7.jpg); width: 104px}
#menu span:hover dl dt {color : #1FA12D}  
#menu span:hover dl dt.menu1 {background-image: url(../img/btnMenu1Over.jpg)}
#menu span:hover dl dt.menu2 {background-image: url(../img/btnMenu2Over.jpg)}
#menu span:hover dl dt.menu3 {background-image: url(../img/btnMenu3Over.jpg)}
#menu span:hover dl dt.menu4 {background-image: url(../img/btnMenu4Over.jpg)}
#menu span:hover dl dt.menu5 {background-image: url(../img/btnMenu5Over.jpg)}
#menu span:hover dl dt.menu6 {background-image: url(../img/btnMenu6Over.jpg)}
#menu span:hover dl dt.menu7 {background-image: url(../img/btnMenu7Over.jpg)}

#menu dd {display: none;  position: absolute;  border: 1px solid gray;  border-top: 0px; margin-top: -6px; margin-left: -1px; padding-left: 0px;padding-right: 0px; background-color: #eefeee}

#smenu1 {width: 200px; top:44px} 
#smenu2 {width: 220px; top:44px}
#smenu3 {width: 220px; top:44px}
#smenu4 {width: 200px; top:44px}
#smenu5 {width: 200px; top:44px}
#smenu6 {width: 200px; top:44px}
#smenu7 {width: 200px; top:44px;right:0px}

#menu li {text-indent: 10px; text-align: left; padding-bottom: 5px; padding-top: 5px; list-style: none; height: 20px; }
.trait {border-bottom : 1px dotted #66CC00} 

#menu li a {color: #000000; text-decoration: none; display: block; height: 100%; border: 0 none; }

#menu li a:hover, #menu li a:focus {color: #1FA12D; background-color: #cdeed6;}	


/* ZONE DROITE	 */
/* Global */
#right {width: 167px; float: right; margin-right: 0px; margin-left: 15px; margin-top: 15px; color: white; border : 0px solid orange;}
#right .titre {width: 80px; color : #ed1c24; font-weight : bold; font-size : 1.2em; margin:0;padding-left :85px;padding-top :28px; position: absolute; text-align: left} 
#right .r_contenu {background-image: url(../img/r_contenu.jpg); background-repeat: repeat-y; width: 157px; font-size: 0.9em; text-align: left; padding-left: 5px; padding-right: 5px; margin:0} 
#right .r_contenu ul li { list-style-image: url(../img/puce1.jpg)} 
#right .r_contenu  a {color : #24B14E; text-decoration : none;font-weight: bold }  
#right .r_contenu  a:hover {text-decoration : underline} 

#right .r_foo {background-image: url(../img/r_foo.jpg); background-repeat: no-repeat;height:11px;padding-top:0px; margin-top:0}	

/* Actualité */
#right .actuHead {background-image: url(../img/r_actuHead.jpg); background-repeat: no-repeat; height:63px;width :167px;  margin:0;}
#right .actuFoo {background-image: url(../img/r_actuFoo.jpg); background-repeat: no-repeat;height:20px;padding-top:5px}
#right .actuFoo img {border:0px}
#right .actuFoo ul {padding-left :0; color:#24b14e; margin-left:-10px}
#right .actuFoo ul li {list-style: none; display: inline} 
#right .actuFoo  a {color : #24b14e; text-decoration : none;font-weight: bold }  
#right .actuFoo  a:hover {text-decoration : underline} 
#right .titre  {color:#ed1c24; font-weight:bold;font-size:12pt} 


/* Liste des terrains */
#terr {width: 900px; margin-right: 0px; margin-left: 10px; margin-top: 10px;border : 0px solid orange; margin: 0; padding:0;}
#terrHead {background-image: url(../img/terr_head.jpg); background-repeat: no-repeat; height: 26px; width: 900px; margin: 0; padding:0;}
#terrMain {background-image: url(../img/terr_main.jpg); background-repeat: repeat-y; width: 900px; font-size: 0.9em;  padding:0; margin: 0}
#terrMain .terrTitre {width:162px; float:left; padding:5px;;padding-top:10px; font-weight:bold; text-align: center}
#terrMain .terrDescr {width:449px; float:left; margin:0;padding:10px 10px 0 5px; color:black; text-align: justify;} 
#terrMain .terrPlan	 {width:246px; float:left; margin:0;padding:0px;padding-top:10px; border : 0px solid orange} 
#terrMain .img_plan	 {border: 1px solid black;padding:0; margin-left:22px}
#terrMain .btn_c	 {padding:15px 0 0 106px;}
#terrMain .btn_z	 {;padding:0; margin-left:90px}
#terrMain .img_l	 {padding:0; margin:0}   
#terrMain h1.titre_terr {color: #24b14e; text-decoration: none; font-weight: bold; background-image: none; margin : 0; padding:0; text-align: center }
#terrMain h2.titre_terr {text-align: center }
#centre input.radio_terr {border: none}
#terrFoo {background-image: url(../img/terr_foo.jpg); background-repeat: no-repeat; width: 900px; height: 17px;  padding:0; margin :0}					


/* Vidéo */
#right .videoHead {background-image: url(../img/r_videoHead.jpg); background-repeat: no-repeat; height:72px;width :167px;  margin:0} 

/* AO */
#right .aoHead {background-image: url(../img/r_aoHead.jpg); background-repeat: no-repeat; height:82px;width :167px;  margin:0} 







/* DEFINITION DU CORPS DE PAGE */
#centre {background-color: #FFFFFF; width : 960px;border-color: #767676; z-index: 2; padding:50px 35px 0 25px;margin:0; font-family: Trebuchet MS,Verdana,Arial; background-repeat: no-repeat; background: url(../img/fdCentre.jpg) no-repeat left top; margin-left:0px}

#centre h1 {color: #ffffff; text-align: left; font-size: 14pt; margin-top: 75px; margin-left: -25px; text-indent: 10px; font-weight: bold; background-image: url(../img/h1.jpg); background-repeat: no-repeat; text-transform: uppercase}
#centre h2 {color: #22b14c; text-align: left; font-size: 15pt; margin-top: 10px; font-weight: bold}
#centre h2.s_titre {color: #1C65AD; text-align: left; font-size: 13pt; margin-top: 10px; font-weight: bold}
#centre h3 {color: #22b14c; text-align: left; font-size: 12pt; font-weight: bold;margin:0;padding:0; margin-top: 10px;}

#centre p {color: #000000; text-align: justify; font-size: 11pt; margin: 10px 0 10px 0; font-weight: normal}
#centre li {list-style-position: outside; list-style-image: url(../img/puce1.gif);  margin-left: 30px;  font-size: 11pt; font-family: Trebuchet MS,Verdana,Arial;}

#centre input, textarea {border: 1px solid silver}
/*#centre img {border:1px solid black;}*/

#centre .imgD {float: right; padding-left: 25px; padding-bottom: 5px; font-size: 0.9em; font-style: italic; text-align: right;}
#centre .imgG {float: left; padding-right: 25px; padding-bottom: 5px; font-size: 0.9em; font-style: italic; text-align: right;}
.imgD img {border:1px solid black;}
.imgG img {border:1px solid black;}

#centre a, a:visited {color : #ec1c24; text-decoration : none}
#centre a:hover {text-decoration : underline}

/** FORMULAIRE 
#centre form { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; padding:10px; }
#centre label {DISPLAY: inline; float:left;  font-family: Verdana,sans-serif; font-weight: bold; width:250px }
#centre label.obligatoire {color:#00378c;}
#centre label.recap {width:100px}
#centre .input { border:solid 1px black; color:black; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; height: 20px;; width:350px; margin : 0 0 10px 0 }
#centre .formRecap { border:solid 0px black; color:#00378C; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin : 0 0 10px 0; width: auto}
#centre .formRecap2 { border:solid 0px black; color:#00378C; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin : 0 0 10px 0 }
#centre select {border:solid 1px black;  width:350px; margin : 0 0 10px 0 }
#centre textarea { border:solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color:black; background-color: white; ; width:600px; margin : 0 0 10px 0  }
**/
/* FORMULAIRE */
#centre label {width:150px; display : inline; float:left; color:#606060;  margin:5px 0 0 0;  }
#centre label.on {color: #14AEE5; font-weight:bold}
#centre input, textarea, select {width:450px;  border: 1px solid #959595;  margin:5px 0 0 0px}
#centre input.btn{width:60px;  border: 1px solid #959595; background-color:white;  margin:15px 0 0 265px}
#centre input.on, textarea.on  {border: 1px solid #14AEE5;}
#centre input.formReadOnly {border: none; color: #959595;background-color:#F6F6F6; font-size:1em;font-weight:bold;}
#centre input.radio {margin-left:10px; margin-right:15px; padding:0; border :0px solid red; width:20px}
#centre input.file { margin:5px 0 0 0px border: 1px solid #959595; width:180px}
#err {color: #FF0000; font-style:italic;  border: 1px dotted #FF0000; background-color:#FFECEC; width:50%; padding:15px}




#centre .pdf { 
	margin-left:250px;
	float:left 
}
#centre .diap { 
	float:left 
}


/* REFERENCE */
/* Détail */
.ref img {border : 1px solid black;margin : 0px;}


/* Liste */	
#ref {border : 0px solid orange; width:700px; margin-top:0px; margin-left:25px; padding-top:10px}
#ref_droite {width: 300px; margin:0px; padding:0 ;float:right; }
#ref_gauche {width: 300px; margin:0; padding:0 ;}
#ref .head {background-image: url(../img/refList_head.jpg);background-repeat:no-repeat; width: 330px; height:134px; margin:0; padding-top :15px; padding-left :15px; padding-bottom :0px }
#ref .head img {border:1px solid black} 
#ref .contenu {background-image: url(../img/refList_contenu.jpg);background-repeat:repeat-y; width: 290px; margin:0; padding-left :15px;padding-right :25px; text-align:left}
#ref .titre {color:#22b14c;font-size:1em; font-weight: bold}
#ref .ville {color:#22b14c;font-size:0.9em; font-weight: normal; }		
#ref .s-titre {color: #1c64ab; font-size: 0.9em; font-weight: bold} 
#ref .txt {font-size: 0.9em; text-align:justify} 
#ref .foo {background-image: url(../img/refList_foo.jpg);background-repeat:no-repeat; width: 138px; height:135px; margin:0; padding-left:192px; padding-top:2px}


/* Fiche */
/* Ref */
#ref_right {
	width: 187px; 
	float: right; 
	margin-right: 0px; 
	margin-left: 15px; 
	margin-top: 17px; 
	color: #ffffff; 
	border : 0px solid orange;
	background-color : #000000; 
	padding :10px;	
	font-weight: normal;
	font-style: normal;
	font-size:8pt;
	font-family: Trebuchet MS,Verdana,Arial;
	}

#ref_right p {	
	color: #ffffff; 
	font-weight: normal;
	font-style: normal;
	font-size:9pt;
	padding :0; 
	margin: 0;
	}
#ref_right .h5 {
	padding :0; 
	margin: 0;
	margin-top: 9px; 
	color: #fff200; 
	font-weight: bold;
	font-style: normal;
	font-size:10pt;
}
#ref_right  .h6 {
	padding: 0; 
	margin: 0; 
	margin-top: 5px;
	margin-bottom: 2px; 
	color: #fff200; 
	font-weight: normal;
	font-style: normal;
	font-size:9pt;
}
#ref_right  ul {
	padding: 0; 
	margin: 0; 
	list-style-position: outside; 
	list-style-image: url(../img/puce2.gif);  
	margin-left: 20px; 
	padding-top: 0px;
}
#ref_right  li {
	padding: 0; 
	margin: 0;	
	font-weight: normal;
	font-style: normal;
	font-size:9pt;
}

  
/*#ref .vign{border:1px solid black}	
#ref .titre {color:#22b14c;font-size:1em; font-weight: bold}	
#ref .s-titre {color: #1c64ab; font-size: 0.9em; font-weight: normal} 
#ref .txt {font-style: italic; font-size: 0.8em; font-stretch: normal} 
#ref .btn {border:0px;margin-left:177px; margin-top:400px}*/ 
	  
.separation {clear:both;  margin-left: 25px;width:25px; visibility:hidden;; margin: 0} 	 /*

/* DEFINITION DU PIED DE PAGE */
#pied {height: 25px; color: #000000; text-align: center; font-family: Verdana; font-size: 0.7em; margin-left:-11px;padding-top:3px;  background-image: url(../img/fdFoot.jpg); background-position: left; background-repeat: no-repeat} 
#pied a {color: #000000; text-decoration : none;}
#pied a:hover {color: #1c64ab; text-decoration : none;}
#pied p {text-align: center; margin : 0}

#flashContent{
	width: 700px;
	}