html {
overflow-y:scroll;
overflow-x: hidden;
text-align:center;
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
font-weight:400;
background:#85BA32 url(../fond/fond.gif) no-repeat;
background-position:top center;
text-align:center;
color:#54534A;
margin:0;
padding:0;
}

#main {
width:100%;
height:580px;
position:absolute;
top:50%;
left:0;
margin-top:-290px;
text-align:center;
}

#accueil {
background-color:transparent;
width:220px;
height:150px;
cursor:hand;
}

#site {
width:886px;
padding-top:14px;
padding-left:14px;
height:506px;
margin-left:auto;
margin-right:auto;
background-image:url(../fond/fond.png);
}



#rubrique {
width:885px;
padding-left:14px;
padding-top:70px;
height:815px;
margin-left:auto;
margin-right:auto;
background-image:url(../fond/rubrique.png);
text-align:left;
}

#pscroller1 {
float:left;
text-align:left;
width:270px;
height:190px;
font-size:1em;
}

img.actu {
float:right;
}

img.plus {
float:right;
padding-left:5px;
padding-right:10px;
padding-top:5px;
}

h2 {
font-size:1.7em;
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:700;
}

#vert h3 {
font-size:1.2em;
color:#D8F5AA;

text-transform:uppercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:700;
}

#eole {
position:absolute;
width:186px;
height:230px;
margin-left:-49px;
margin-top:5px;
text-indent:-9999px;
background-image:url(../fond/eole.png);
}

#tgv {
position:absolute;
width:157px;
height:106px;
margin-top:128px;
z-index:2000;
text-indent:-9999px;
background-image:url(../fond/tgv.gif);
margin-left:-10px;
}

#hover {
position:absolute;
background-image:url(../fond/hover.gif);
width:170px;
height:200px;
display:none;
margin-top:-12px;
z-index:8000;
}

#cristal {
position:absolute;
width:170px;
height:140px;
margin-top:95px;
margin-left:-10px;
z-index:2000;
background-image:url(../fond/cristal.gif);
}

#mirabelle {
position:absolute;
width:130px;
height:130px;
margin-top:102px;
margin-left:-10px;
z-index:2000;
text-indent:-9999px;
background-image:url(../fond/mirabelle.gif);
}

.bloc2 {
display:block;
float:left;
width:290px;
height:245px;
margin-right:1px;
margin-bottom:1px;
text-align:left;
}

.bloc {
display:block;
float:left;
width:270px;
height:225px;
margin-right:1px;
margin-bottom:1px;
text-align:left;
padding:10px;
}

p {
margin-bottom:5px;
}

.top {
position:absolute;
width:280px;
display:block;
z-index:1000;
}

#bleu {
background-color:#35B5CD;
color:#fff;
}
#bleu p{ margin-left:10px !important; }

#orange {
background-color:#DB5B35;
color:#fff;
}

#rouge {
background-color:#CF2031;
color:#fff;
}

#vert {
background-color:#75AA22;
color:#fff;
}

#bcarte {
background:#5278BC url(../fond/pointbleu.gif) no-repeat top;
}

#logo2 {
position:relative;
margin-top:-12px;
margin-left:-146px;
}

#carte2 {
position:relative;
background-color:transparent;
margin-left:100px;
margin-top:180px;
}

#carte {
position:absolute;
background-color:transparent;
margin-left:-10px;
margin-top:-32px;
}

#anivert,#aniorange,#anirouge {
width:170px;
height:170px;
position:absolute;
margin-left:55px;
margin-top:33px;
}


/* contenu rubrique */

#page{
width:870px;
margin-left:auto;
margin-right:auto;

}
#page_int{
width:870px;
float:left;
margin-top:9px;
border:5px solid #fff;
background:#fff url(../fond/pageint.jpg) repeat-y ; }

#pied{
width:880px;
float:left;
margin-top:5px;
color:#EFFFD5;
margin-bottom:30px; text-align:left;
background-color:transparent; }


#gauche{
float:left;
width:228px;
padding-right:2px; 
background-color:#fff;
padding-bottom:1px;
border-right:1px dashed #D1D1D1;  }

.bloc3 {
display:block;
width:228px;
text-align:left;
margin-bottom:-30px;
}

#menu_gauche{
width:228px;

background:#5278BC url(../fond/epi.gif) no-repeat bottom right;
border-bottom:1px solid #fff;
}

#menu_gauche h3{
height:32px; 
width:220px;
padding-left:8px;
padding-top:5px;
background:#3A5585 url(../fond/menu_gauche_h3.jpg) repeat-x bottom;
text-align:left;
color:#fff;
font-size:1.6em;}


#menu_gauche ul{
list-style:none;
text-align:left;
width:210px;
padding:9px;}

#menu_gauche ul li{
list-style:none;

width:210px;
display:block;}

#menu_gauche ul li a{
list-style:none;
width:210px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid #6C95DF;
border-top:1px solid #405D90;
display:block;
line-height:1.3em;
color:#DBE7FB; font-size:1.2em; text-decoration:none;}

#menu_gauche ul li a:hover{ font-weight:normal;color:#fff; }
#menu_gauche ul li.selected a  { color:#fff;
font-weight:normal; width:188px; padding-left:22px; 
background-image:url(../fond/li_selected.jpg);
background-repeat:no-repeat;
background-position: left center; }


#menu_gauche ul li#premier a{ border-top:0;}
#menu_gauche ul li#dernier a{ }
#menu_gauche ul.subMenu{ padding:0;margin-bottom:10px;background-color:#4C6EAB; 
line-height:1.5em;
 filter:alpha(opacity=85);
 -moz-opacity: 0.85;
 opacity: 0.85;}
#menu_gauche ul.subMenu li a{ font-size:1em; border:0;border-bottom:1px solid #638BD3; line-height:1.5em;width:194px; padding-left:10px;}

#menu_gauche ul.subMenu li a:hover, #menu_gauche ul.subMenu  li#selected a {color:#fff; text-decoration:underline;}


#menu_gauche ul.subMenu2{ padding:0;margin-bottom:10px;background-color:#4C6EAB; 
line-height:1.5em;
 filter:alpha(opacity=85);
 -moz-opacity: 0.85;
 opacity: 0.85;}
#menu_gauche ul.subMenu2 li a{ font-size:1em; border:0;border-bottom:1px solid #638BD3; line-height:1.5em;width:194px; padding-left:10px;}

#menu_gauche ul.subMenu2 li a:hover, #menu_gauche ul.subMenu2  li#selected a {color:#fff; text-decoration:underline;}

#newsletter{
width:208px;
height:150px;
text-align:right;
padding:10px;
color:#fff;
background:#CF2031;
border-bottom:1px solid #fff;
}

#newsletter h3{
width:208px;
padding-top:5px;
color:#fff;
font-size:1.4em;}

#newsletter label{
font-size:0.9em;
display:block; 
padding-bottom:8px;
}

input.text{ width:125px; border:1px solid #AC1423;padding:2px;
background: #fff url(../fond/input.jpg) repeat-x top; font-size:0.9em;}

input.valid{ width:130px;border:0;background-color:#CF2031; color:#F7C7CB; text-align:right; padding:2px;padding-right:0;
font-weight:bold; text-transform:uppercase; cursor:pointer;}

#actualites{
width:208px;
height:150px;
text-align:left;
padding:10px;
color:#333333;
background:#C7E63A url(../fond/feuille.gif) no-repeat top right;

}

#actualites h3{
width:208px;
padding-top:5px;
color:#61740B;
letter-spacing:-1px;
font-size:1.5em;}


#pscroller2 h4{
color:#333232;
font-weight:bold;
font-size:1.3em;
}

#pscroller2 {
float:left;
text-align:left;
width:200px;
height:100px;
margin-top:10px;
font-size:0.9em;
}

#mirabelle2 {
width:87px;
height:87px;
text-indent:-9999px;
float:left;
margin-left:-10px;
margin-top:15px;
background-image:url(../fond/mirabelle2.gif);}

#favoris{
width;360px; padding:10px; text-align:right; height:15px;}
#contenu{ 
width:400px; 
padding:10px;
float:left; 
background-color:#fff;
text-align:left;
}

#droite{
float:right;
width:218px;


padding-top:30px;
text-align:left; font-size:0.9em;
background-color:#F5F5F5;

border-bottom: 1px solid #DFDFDF; }


#droite label{
font-size:0.9em;
text-transform:uppercase;
display:block;
color:#1A325D; 
padding-bottom:5px;margin-left:10px;
}

input.text2{ width:145px; border:1px solid #D7D7D7;padding:4px;
background: #fff url(../fond/input.jpg) repeat-x top; font-size:0.9em;margin-left:10px;}

input.valid2{ width:29px;height:29px; 
background-image:url(../fond/submit.jpg);
border:0; text-align:right; padding:2px;padding-right:0;
font-weight:bold; text-transform:uppercase; cursor:pointer;}



#droite ul{
list-style:none;
text-align:left;
width:195px;
margin-left:10px;
margin-top:10px;
background-color:#ECEBEB;
border-left:1px solid #CBCACA;
border-bottom:1px solid #CBCACA;
border-right:1px solid #fff;
}

#droite ul li{
list-style:none;

width:185px;
display:block;}

#droite ul li a{
list-style:none;
width:165px;
padding:5px;
padding-left:25px;
border-top:1px solid #fff; 
border-bottom:1px solid #ccc; display:block;
color:#3A5585; font-size:1em; font-weight:normal; text-transform:uppercase; text-decoration:none;}

#droite ul li.marche a{ 
background-image:url(../fond/marche.gif);
background-position:0.1em 0.6em;
background-repeat:no-repeat;}

#droite ul li.securise a{ 
background-image:url(../fond/secure.gif);
background-position:0.4em 0.6em;
background-repeat:no-repeat;}

#droite ul li a:hover{ text-decoration:underline; background-color:#DFDDDD;}


#droite h3{
padding-top:15px;
font-weight:bold;
text-align:left;
color:#5278BC;
text-transform:uppercase;
font-size:1.1em;margin-left:10px;}


#droite h4{
padding-top:15px;
padding-left:10px;
font-weight:bold;
text-align:left;
color:#fff;
letter-spacing:-1px;
font-size:1.4em;}

#droite p{
padding-left:10px;padding-right:10px;
text-align:left;
color:#fff;
padding-bottom:2px;
font-size:1em;}

#droite form{
text-align:left;
color:#fff;
padding-bottom:10px;
font-size:1em;}

#droite form select{width:166px; font-size:0.9em; border:1px solid #4A6FB1;margin-left:10px;margin-right:10px;}

#contenu form{
padding:10px; border:1px solid #ccc;
width:376px;
background-color:#f8f8f8;float:left;}

#contenu form ul{ list-style:inside; list-style-type:circle;}

#contenu fieldset{
  	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 0 5px 5px;}
	

  
#contenu label
{
height:20px;
	  width:133px;
	  display:block;
	  float:left;
} 
  
#contenu  input.ctext{
 float:left;
	  width:240px; height:15px; margin-bottom:5px;
	  border:1px solid #aaa;}
	  
#contenu  input.email{
	  float:left;
	  width:240px;  height:15px;
	  margin-bottom:5px;
	  border:1px solid #aaa;}
	  
#contenu textarea{
float:left;
	  width:240px;  
	  height:100px;
	  border:1px solid #aaa;
	  margin-bottom:5px;}
  
#contenu  ul{width:240px;list-style:none;  border:0; padding:5px; background-color:transparent;}  
#contenu  ul li{ list-style:none;}
#contenu  input.submit{
	 float:left;
	  clear:both;  
	  width:374px;  
	  border:1px solid #2E456E;
	  background-color:#3A5485;
	  text-transform:uppercase;
	  letter-spacing:3px;
	  font-weight:bold;
	  font-size:11px;
	  margin-bottom:10px;
	  color:#fff;
	  cursor:pointer;}



#favori{margin:0; padding:0;}
ul.listefav{margin:0; padding:0;width:194px;}

#favori fieldset{margin:0; padding:0;}
.favoris a{ color:#D0D0D0; font-weight:bold; }
.fav img{ position:absolute; margin-left:5px; margin-top:9px; cursor:pointer;}
.addfavoris{ cursor:pointer;}

#depotfav ul{margin:0 !important; padding:0 !important;}

#depotfav{
width:194px;
border-bottom:1px dashed #C1C1C1;margin-left:10px;
display:block;
font-size:1em;

color:#555;
float:left;
text-transform:none;		}

#depotfav .etoile{vertical-align:text-top;}



img.carto{ position:absolute; margin-top:25px; margin-left:-20px;}

.cartographie{
background: #F5F5F5 url(../fond/carte.jpg) no-repeat bottom; width:215px;padding-top:270px;  padding-bottom:10px;}

#pied a{ 
text-transform:uppercase; font-weight:bold; color:#EFFFD5; text-decoration:none;}

#pied a img{ margin-left:10px;}

#pied a:hover{ 
text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:underline;}

.news1 .resultat, .news2 .resultat{ font-size:1em;font-family: Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; text-align:left; }

.news1{padding:5px;margin-bottom:5px; border-top:1px solid #aaa; border-bottom:1px dashed #aaa; background-color:#f8f8f8; font-size:0.9em;}
.news2{padding:5px;margin-bottom:5px; bcorder-top:1px solid #888; border-bottom:1px dashed #888; background-color:#eee;font-size:0.9em}
.trouver{font-weight:bold; color:#aaa;}


#fichierlie{padding-bottom:15px;}


.date{margin-bottom:10px;}

.padding_top{padding-top:6px;}

#calendrier{
background-color: #fff; border:1px outset #ccc; margin-bottom:10px;}

table .calendar{
width:318px;
background-color:#f6f6f6;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}


.calendar td a{background-color:#DEE7F9; display:block; text-decoration:none;font-weight:bold; color:#fff;}

.calendar td{text-align:center;}

.calendarToday{text-align:center;font-weight:bold;}

td .calhead a{ text-decoration:none; color:#3A5485; font-size:1.2em; font-weight:bold; background-color:#fff;}

.calhead{color:#5177BB; font-size:1.1em; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}


.calendarHeader{background:#3A5485;font-weight:bold; color:#fff;}


#googlemap{ margin-bottom:15px;oveflow:hidden;}


.gal{ width:125px; height:90px; overflow:hidden; margin-left:1px; margin-right:2px; margin-bottom:3px;float:left; text-align:left; border:1px solid #ccc;}

.gallerie{ border-bottom:1px dotted #ccc; float:left; width:400px;  text-align:left;}




#formulairepage fieldset{
	margin:4px;
	background-color:transparent;
	border:1px solid #E5E3D2;
	border-bottom:1px dotted #E5E3D2;
	display:block !important;
}


#formulairepage fieldset legend{
	font-weight:bold; letter-spacing:0px;  font-size:13px;
}
#formulairepage label{
	display:block;
	float:left;
	clear:both;
	width:330px;
	color:#036F8A;
	font-weight:normal;
	height: auto;

}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage select{
	
	border:1px solid #000;
}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage ul{
	float:left;
	display:block;

	font-size:10px;
	border:1px inset #555;
	margin-bottom:10px;
	background-color:#fff;
}

#formulairepage input.ctext{ width:344px;}

#formulairepage select{
	overflow:visible;
	float:left;
	width:344px;
	margin-bottom:10px;
	font-size:11px;
	background-color:#fff;
}
#formulairepage select option{
	
	width:200px;
	display:block;
	overflow:visible;
	white-space:normal;
}
#formulairepage textarea{
	margin:0 0 8px;
	height:90px;
	width:340px;

}

#formulairepage ul input{
	margin:0 5px;
	background-color:#fff;
}
#formulairepage .facultatif{
	padding:0 0 0 0px;
margin-top:-5px;
	font-size:11px;
	color:#999999;
	float:right;
}

table.listereponse{width:380px;}
tr th{ background:#47659D url(../fond/tr.jpg) repeat-x bottom; padding:3px; color:#fff; border-bottom:1px solid #fff;}
tr th a{color:#fff !important; text-transform:uppercase; font-size:0.8em;}

tr.un{background-color:#f8f8f8;padding:3px;}
tr.deux{background-color:#eee;padding:3px;}
tr.deux td{border-bottom:1px solid #aaa;padding:3px;}
tr.un td{border-bottom:1px solid #ccc;padding:3px;}
#googlemap{ overflow:hidden;}