body {
 background-color: transparent;
  	margin:0;
	padding: 0;
	background: rgb(254,237,183) url(images/fond_site.gif) repeat-x;*/
	  scrollbar-face-color: #fff;
    scrollbar-shadow-color: #70c2bb;
    scrollbar-highlight-color: #70c2bb;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #70c2bb;
    scrollbar-3dlight-color: #70c2bb;
    scrollbar-darkshadow-color: #70c2bb;
}

/*#fondaccueil{
	width:119px;
	height:242px;
top: 300;
left: 119;
	}*/
h1{
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	
.fond_actu{
	background: url("images/fond_actu.jpg");
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-right: 35px;
	vertical-align: middle;
	background-position: center;
	}

.actu1{
	background: #a0d200;
	border: 2px dashed #ff9a00;
	
	}
.actu2{
	background: #ff9a00;
	border: 2px dashed #a0d200;
	}

.actu_services{
	background:#d6ecc9;
	border: 2px dashed #a0d200;
	}
.actu_services2{
	background:#e3cb61;
	border: 2px dashed #d99846;
	}

	
#menumedia{
	position:absolute;
	top:110px;
	left:300px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	
	}
	
#menumedia td{
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #fff;
	
	
	}
#menumedia a{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	color:#fff;
	padding-left: 2px;
	}

#menumedia a:hover{
	color: #c9dfed;
	}
	
/*.scrollcentre{
width:100%;
overflow:auto;
height: 200px;
border: 2px dashed #FFCC33;
}*/

#bandeaumedia{
	
	text-align: center;
	}

td {
	color: #000;
}

.entete{
	text-align: center;
	}
.bandeau{
	text-align:center;
	}

.breves {
	background-color: #74abae;
	border-left: 2px dashed #4c7b7e;
	padding: 8px;
	/*border-top: 1px solid #000;*/
	/*border-right: 1px solid #a9a9a9;*/
	
}

/*.titre{
background: url("images/fleche.jpg");
background-repeat: no-repeat;
padding-left: 45px;
padding-top: 0px;
height: 30px;
}

.titre font {
  color:#8F6429;
  font: 13px bold Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: underline;

}*/

.colgauchedroite {
	text-align:right;
	vertical-align:top;
	width:119px;
}

.interieur {
	width:861px;
	background-color:#fff;
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	color : #fff;
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	/*padding: 5px;*/
}

#footer{
	 width:100%;
	background-color:#1b9de8;
  margin: 3px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: White;
	}

.footer {
  width: 100%;
  margin: 3px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: White;
}

.contactcoord{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

}
.contactcoord a {
text-decoration: none;
color: #4a76a3;
}

.contactcoord a:hover{
color: #317c55;
}

a{
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4a76a3;
	}
a:hover{
	color:#d99846 ;
	}


/* menuH.css
 * For: menuDropdown.js (version: 0.1x)
 */

/* if the menu is horizontal:
 * avoid defining 'static' elements that have a non-zero border and that have
 * their 'width' or 'height' different than 'auto', when they are ancestors of
 * submenu elements (including #mainMenu and #menuList themselves)
 * it may cause slight positioning bugs in Win/IE5-6
 * for the same reason, avoid setting a non-zero border on the BODY element if
 * Win/IE6.0 switches to standards-compliant mode
 */
/* if the menu is horizontal and has a 'static' position:
 * do not set neither margin nor padding nor border on the HTML element, as it
 * will lead to wrong submenu position in Opera 7
 * do not set margin on the BODY element neither (use padding instead)
 */

#mainMenu1 {
text-align: center;
  background-color: transparent;
  color: #6d6558;
/*  margin: 0 0 20px; marges autour du menu */
  padding: 0;
  margin: 0;
  /* if the menu is horizontal and has a 'static' position:
   * do not set a non-zero margin-top, if the BODY element has a zero
   * padding-top and this menu is its first 'static' child
   * this is due to an Opera 7 bug :-(
   */
  z-index: 1;
  position: static;
  /* if the menu is horizontal: use a 'static' position
   * if the menu is vertical: use an 'absolute' or 'fixed' position
   */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#menuList1 {
/* intérieur du menu */
  /*border: 1px solid #286BBD;*/
  margin: 0;
  padding: 0 6px;
  
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 2px;
  padding: 0;
  list-style: none;
  
  /* do not change these rules */
}

#menuList1 li a {
/* boutons liens premier niveau */
  background-color: transparent;
  color: #8F6429;
  display: inline;
  line-height: 1.8em;
  /*margin: 0;*/
  padding: 2px 8px;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  color: #FEC652;
background-color: transparent;
  /*border: 1px solid #fff;*/
  
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  /*background: url("images/fleche-bas-noire.jpg") no-repeat 100% 50%;*/
  color: #8F6429;
  background-color: transparent; 
  /*padding-right: 5px;*/
  z-index:10;
  
 
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  color: #FEC652;
  background-color: transparent;
 
}

#menuList1 .menu {
   color: #000;
  background-color: #fff;
 border-top: 1px solid #6d6558;
  margin: 0;
padding: 0;
  width: 200px;
     
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu {
  /*margin-left: 2px;*/
  /* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}

#menuList1 .menu li a {
  display: block;
  line-height: normal;  
 	border-left: 1px solid #8F6429;
	border-right: 1px solid #8F6429;
	border-bottom: 1px solid #8F6429;
	color: #8F6429;
	background: #fff;
}

#menuList1 .menu li a.actuator {
 background-color: #c4b57e;
color: #FFFFFF;
}

#menuList1 .menu li a:hover, #menuList1 .menu li a.actuator:focus {
  background-color: #c4b57e;
color: #FFFFFF;
}

.msk{
display: none;

}

/************************************CSS FORMULAIRE********************************************/


.formintro font{
/* message d'introduction */
font: 12px Arial, Helvetica, sans-serif;
color: #005b95;
}
.formerreur font{
/* message d'erreur */
font: 14px Arial, Helvetica, sans-serif;
color: #fff;

}
.formetoile font {
/* message sur les chanmps obligatoires */
font: bold 12px Arial, Helvetica, sans-serif;
color: #ffc24c;
}

.formtable {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	/*border: 2px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	border: none;
}

.formcomment font{
	font: 14px Arial, Helvetica, sans-serif;
    color: red;
}

/*.formcomment a:hover{
color: #96bc0f;
}*/

.libconditions {
	/*margin-left: 180px;*/
	color: #bb1220;
	font: 12px Arial, Helvetica, sans-serif;
}

.formlabel {
/* pour les labels 
   pour agir sur la police des labels il faut ajouter un style : .formlabel font {} */
	background-color: transparent;
	/*color: green;*/
	border: none;
	width: 250px;
	padding: 7px;
}
.formlabel font {
	font-size: 12px;
	color: #0285d1;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.formdata {
	background-color: transparent;
	color: #6600CC;
	width: 450px;
	border: none;
	line-height: 20px;
}

.formdata font {
	color: #0285d1;
	font-size: 12px;
}


fieldset {
	/*-moz-border-radius : 10px;*/
	margin-top: 10px;
	border: 1px solid #fff;
	
}

.stylelegend{
font: 14px Arial, Helvetica, sans-serif;
color: red;
margin: 10px;
}

.perso {
	background-image:url(images/rugby.jpg);
	background-repeat: no-repeat;
	background-position : right;
}

.persos {
	background-image:url(images/foot.jpg);
	background-repeat: no-repeat;
	background-position : right;
}

.formchamptexte {
	/*border: inset #cf9;*/
}

.formcheckbox {
	/*border: inset #cf9;*/
}

td input.text:focus {
	background-color: green;
	color : red;
}

.formvalidation {
/* ligne du bas */
	texte-align: center;
	border: none;
	background-color: transparent;
}
.formsubmit {
/* format du bouton de validation */
color: #472810;
background-color: #ffc24c;
/*background-image : url(images/suivant.gif);*/
border: none;
width: 100px;
height: 25px;
cursor: pointer; 
}

.formreset {
/* format du bouton de validation */
}
.formresume {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	/*border: 2px solid red;*/
	border:none;
}
.formresumelabel {
/* pour les labels dans le résumé des données enregistrées */
	background-color: transparent;
	color: #fff;
	border: none;
	width: 250px;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 4px;
}
.formresumelabel font {
	font: 12px Arial, Helvetica, sans-serif;
}

.formresumedata {
	/*background-color: navy;*/
	color: #472810;
	width: 450px;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
}

/*********************CSS DIAPORAMA***********************************/

#legend{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#746d5d;
}

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

.menubas {
	/*border-left: solid 1px #8F6429;
	border-right: solid 1px #8F6429;*/
	border-bottom: solid 1px #d7d7d7;
	padding:10px;
	background: #0285d1;
	height: 50px;
	width:100%;
	background-color:#1b9de8;
	
	

}

.boutonbas {
	font:10px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	/*list-style-type:none;
	margin-right: 10px;*/
	
}

.boutonbas a {
	font:10px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.boutonbas a:hover {
	color: #4a76a3;
}

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

#photos {position:relative;  width:210px; background-color:transparent; z-index:1; }
#photos a.p1, #menu a.p1:visited {display:block; width:210px; height:144px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#photos a img {border:0;}
#photos a.p1:hover {text-decoration:none; background-color:transparent; color:#000;}
#photos a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photos a.p1:hover .large {display:block; position:absolute; top:-150px; left:210px; width:625px; height:461px; border:10px solid #0285d1;z-index:1000;}

#photos2 {position:relative;  width:210px; background-color:transparent; z-index:1; }
#photos2 a.p2, #menu a.p2:visited {display:block; width:210px; height:177px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#photos2 a img {border:0;}
#photos2 a.p2:hover {text-decoration:none; background-color:transparent; color:#000;}
#photos2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photos2 a.p2:hover .large {display:block; position:absolute; top:-150px; left:210px; width:600px; height:458px; border:10px solid #0285d1;z-index:1000;}