/* Nouveau style basé sur du HTML flexible en 1024
*
*
*
*/
body {

	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 0; padding: 0;
	background: #578230 url(img/fond.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	
}

/*Blocs de positionnement*/
#tabgen {
	width: 974px;
	border: 2px solid #B1AB9C;
	/*background:  transparent url('img/bg_tabcentre.gif') repeat-y;*/
	margin: 20px auto;
	background-color: #ECECEC;
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px; 
    behavior: url(/PIE.htc); 	
}

#tabmenu {
	font-family: "Comic sans MS";
	font-size: 12pt;
	padding: 0px;
	width: 940px;
	height: 28px;
	border: 1px solid #000000;
	margin-top: 3px;
	margin-bottom: 0px;
	background-image: url(img/bg_vert4.gif);
	background-repeat: repeat-x;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc); 
}

#tabentete {
	background-color: #000000;
	/*border: 1px solid #000000;*/
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top: 0px;
	width: 974px;
	height: 260px; /*Mettre 128 pour avoir le menu sur le bandeau;*/
	
}

#tabcentre {
	background-color: #e7f6d9;
	padding: 2px;
	border: 1px solid #000000;
	margin: 4px auto;
	width: 940px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc); 
}



#tabpied {
	padding: 0px auto;
	width: 940px;
	height: 70px;
	background-color: #ECECEC;

	/*background: url('img/bg_pied.gif') no-repeat;*/
}

/* Mise en page de textes */

.txtpied {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	
}
.txtadr {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: green;
}

#photos {
	text-align: left;
	padding: 20px;

}

/* Les Titres de Page */
#titrepage {
	font-size: 18pt;
	text-align: left;
	background: url(img/fer2.gif) no-repeat;
	padding: 5px 10px 30px 45px;
	height: 22px ;
	color: #228a57;
}

.texte_accueil {
	font-family:  Arial,Helvetica,sans-serif;
	font-size:16px;
	font-style: italic;
	line-height: 18pt;
	color: #175c18;
	text-align: center;
}


#blocaccueil {
	position: relative;
	float: center;
	/*border: 1px solid #000000;*/
	left: 5px;
	width:640px;
	height:420px;
	background-image: url('img/accueil.jpg');
	background-repeat: no-repeat;
	background-position: center;
}


#blocnews {
	position: inherit;
	left: 250px;
	/*border: 1px solid #000000;*/
	margin-top: 50px;
	width: 330px;
	height: 280px;
}

.texte_news {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16pt;
	color: black;
	text-align: center;
}

.texte {
	font-size: 12pt;
	text-align: justify;
	color: #175c18;
	padding: 0px 10px;
	
	}
.textecentre {
	text-indent: 20pt;
	font-size: 12pt;
	text-align: center;
	color: #175c18;
		
	}
	
.titrecheval {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22pt;
	text-align: center;
	color: #21613d;
}

.titrerando {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 20pt;
	text-align: center;
	color: #21613d;
}

.txtrando {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #316400;
	text-align: left;

}


#texterub {
	background-image: url(img/notech2.gif);
	background-repeat: no-repeat;background-position: left;
	font-size: 14pt;
	text-align: left;
	padding: 8px 35px;
	color: #1b5233;
	
}

.txttarif {
	font-size: 11pt;
	font-weight: bold;
	color: #316400;
	text-align: left;
}


.reduc {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
}


.minilegende{
	color: black;
	font-size: 11px;
	font-style: italic;
}

.fondpage{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-style: italic;
}

#lienMaj a:hover{
	color: Red;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	font-stretch: wider;
}

/* Styles hyperliens */
a:link {
	text-decoration: underline;
	color: #7374FF;
}

a:visited {
	color: #007500;
	text-decoration: none;
}

a:hover {
	color: Red;
}

#tabmenu a  {
	/*display: block;*/
	padding-left: 26px;
	color: White;
	text-decoration: none;
}

#tabmenu a:hover  {
	color: yellow;
	background: url(img/fer.gif) no-repeat;
}



#tabmenu a.actif  {
	color: red;
	background: url(img/fer.gif) no-repeat;
	font-weight: bold;
}


#blocnews a  {
	color: Yellow;
	text-decoration: none;
}

#blocnews a:hover  {
	color: Red;
}

#blocnews a:visited  {
	color: orange;
}

#tabpied a.actif  {
	color: red;
}

#tabmenu a.actif:hover  {
	color: Yellow;
}

#tabpied a:link  {
	color: Blue;
	text-decoration: none;
	font-size: 11;
}

#tabpied a:hover  {
	color: Red;
}

/* Page ACCES - Config Google API */
#carte, #carte1{
	border: thin solid;
	border-color: #979797;
}

.sensCoche {
	color: Black;
	
}

.sensNonCoche {
	color: Blue;
	
}

.CocheOver {
	color: #005DB7;
	text-decoration: underline;
	cursor: hand, pointer;
	font-style: italic;
}

.adr {
	color: #FF7040;
	font-weight: bold;
	font-style: italic;
}


.cadre {
	font-size: 14px;
	/*border-spacing: 10px;*/
	
}

/* Tableau des News */
.cadretitre {
	
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 28px;
	text-indent: 5px;
	background-color: #67933E;
	/* background: transparent url('img/bg_vert4.gif') repeat-x scroll;*/
}

.cadredate { 
   font-size: 11px; padding: 2px 5px; }

.cadreline1 {
	padding: 8px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12pt;
	text-align: justify;
	background-color: #FFFFFF;
	color: #000000;
	
}
.cadreline2 {
	background-color: #dbdbe3;
}
.cadrelogin { 

   font-size: 10px; padding: 2px 5px; 
	display: none;

}
.erreurlogin { 
  color: Red;
  font-size: 14px; 
  padding-bottom: 5px;

}


div.attente {
	background-color: #D2ECC8;
	border: solid 1px Green;
	height: 30px;
	width: 300px;
	padding-top: 5px;
	text-align: center;
	/*position: inherit;*/
	left: 100px;
	top: 250px;
	font-size: 16px;
	font-weight: bold;
}

#pica1{
	padding: 20px 40px 20px 40px; 
	display: none;
}
#pica2{
	padding: 20px 40px 20px 40px; 
	display: none;
}
#pica3{
	padding: 20px 40px 20px 40px; 
	display: none;

	
}