/*-------------------------------------------------------------------------------------------------------------
                                           CSS version haut et bas débit
---------------------------------------------------------------------------------------------------------------*/

body {
	background-color: #FFFFFF;/*couleur de fond de la page*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#basdeb{
background:url(img/fond_energie.jpg) center repeat-y}; 
#basdeb1{
background:url(img/fond_energie.jpg) center repeat-y};
#basdeb2{
background:url(img/fond_energie.jpg) center repeat-y};
#basdeb3{
background:url(img/fond_energie.jpg) center repeat-y};
#basdeb4{
background:url(img/fond_energie.jpg) center repeat-y};
/*----------------------------------------------------------------


#basdeb1{
background:url(img/fond_forteresse.jpg) center repeat-y};
#basdeb2{
background:url(img/fond_kerbastic.jpg) center repeat-y};
#basdeb3{
background:url(img/fond_festival.jpg) center repeat-y};
#basdeb4{
background:url(img/fond_ateliers.jpg) center repeat-y};

						Css génériques
------------------------------------------------------------------*/
.texteagauche { text-align:left; }
.texteadroite { text-align:right; }
.texteaumilieu { text-align:center; }
.floatagauche { float:left; }
.floatadroite { float:right; }
.stopfloat { clear:both; }


/*----------------------------------------------------------------
				Insertion du flash + détection 
------------------------------------------------------------------*/
#flashcontent {
	text-align: center;
}

#detectcontent {
	text-align: center;
}
.detect {color: #333; font-size: 10px; text-decoration:none; }	
.detect a:link, .detect a:visited {color: #333; font-size: 10px; text-decoration:none; }
.detect a:hover {color: #666666; font-size: 10px; text-decoration:underline; }
 

/*----------------------------------------------------------------
						Mentions légales
------------------------------------------------------------------*/

#conteneur {
	width: 540px;
}

#mentions {
color: #000000; 
	width: 520px;
	margin: 10px;
	padding: 15px;
	text-align: justify;
	border-style: solid; border-width: 1px; border-color: #666666;
	font-weight: normal; font-size: 11px; text-decoration:none;
	background-color: #FFFFFF;
}
#mentions a:link, #mentions a:visited {
	color: #666666; font-weight: bold; font-size: 11px; text-decoration:none;
}
#mentions a:hover {
	color: #000000; font-weight: bold; font-size: 11px; text-decoration:underline;
}


/*----------------------------------------------------------------
							Signature
------------------------------------------------------------------*/
#signature {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#adresse { 
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:link, #adresse a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}
#adresse a:hover {
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	text-decoration:underline;
}
/*----------------------------------------------------------------
							VIA MICHELIN
------------------------------------------------------------------*/
.michelinNav{ color:#333333;}
a.michelinNav{ color:#333333;font-size: 12px; text-decoration:none;}
a.michelinNav:hover{ color:#000000;font-size: 12px; text-decoration:none;}
.titrecontact {font:"Times New Roman", Times, serif; font-size:18px; padding:5px 0px 5px 0px;}
.textecontact {font-size:12px; padding:10px 0px 20px 0px; color:#666666;}


.Style1 {
	color: #CC0000;
	font-size: 12px;
}
a.Style1 {
	color: #CC0000;
	font-size: 10px;
	text-decoration:none;
}
.Style2 {
	font-size: 20px;
	font-weight: bold;
	color: #999999;
}
.Style3 {
	color: #333333;
	font-size: 12px;
}
.Style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.date{ text-align:center;color: #333333;font-weight:bold;font-size: 11px;letter-spacing:1px;}
.picto{ padding-top:5px;}
.revue {letter-spacing:1px; text-align:left;color: #333333;	 padding:0px 0px 0px 10px;font-size: 11px;letter-spacing:1px;}


/* BAS DEBIT */
.form{color:#FFFFFF; font-weight: bold; font-size: 10px; text-decoration:none;} 
.form2{color:#330102; font-weight: bold; font-size: 10px; text-decoration:none;}


.soustitres {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background: #330102;
	padding: 10px;
	text-align: center;
}
.adressebd {
	color: #ccc;
	font-size: 10px;
	text-decoration:none;
	text-align: center;
	vertical-align: top;
	position: absolute;
	width: 950px;
	left: 0px;
	top: 720px;
}
.adressebd a:link, .adressebd a:visited {
	color: #ccc;
	text-decoration: none;
}
.adressebd a:hover {
	color: #cc0000;
	font-size: 10px;
	text-decoration:none;
}
.resa {
	background: #000000;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.texte {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 30px;
}
#divconteneur {
	width: 950px;
	left: 50%;
	top: 0px;
	position:absolute;
	margin-left: -475px;
	background-image: url(../img/tilleulsfond.jpg);
	background-repeat: no-repeat;


}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 60px;
	font-weight: bold;
	color: #F5F5F5;
	font-style: italic;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;

}
#divlogo {
	width: 539px;
	height: 67px;
	position: absolute;
	left: 411px;
	top: 10px;
}
#divnav { line-height:30px;
	text-align: left;
	position: absolute;
	width: 200px;
	height:770px;
	left: 14px;
	top: 0px;
	background-image:url(img/fondnav.png);
	background-repeat:repeat-y;
	/*background:#f9f9f9;*/
	padding-top:60px;
	

}

.bdnav {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ccc;
}
.bdnav a:link, .bdnav a:visited{
	text-decoration:none;
	color: #ccc;
}
.bdnav a:hover{
	text-decoration:none;
	color: #cc0000;
}
.bdnav_click{color: #cc0000;}
#divtitre {
	width: 700px;
	position: absolute;
	left: 220px;
	top: 60px;
}


#divtexte {
	width: 400px;
	height:552px;
	overflow:auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	position: absolute;
	top: 150px;
	left: 220px;
	padding-right:5px;
}
#divphotos {
	width: 300px;
	position: absolute;
	top: 150px;
	left: 634px;
}
#divtexte a:link, #divtexte a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#divtexte a:hover {
	text-decoration: none;
	color: #660000;
}
#divinterface {
	width: 948px;
	height: 375px;
	text-align: center;
	position: absolute;
	left: 1px;
	top: 110px;
	vertical-align: middle;
}

/*
LES NEWS A VIVRE
*/


.avivre {
	color: #CC0000;
	font-size: 12px;
}
a.avivre {
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	color: #CC0000;
	font-size: 16px;
	text-decoration:underline;
}
a.avivre:hover { text-decoration:none;}
#divtitrenews {
	width: 700px;
	position: absolute;
	left: 220px;
	top: 90px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #cc0000;
	font-style: italic;
	text-align:right;
}

#menu {
	position:absolute;
	left:665px;
	top:145px;
	width:261px;
	height:357px;
	z-index:1;
	overflow: auto;
}
.textnews{ font-size:12px; color:#424242}
.menunews{font-size:10px; color:#333}
a.menunews{font-size:10px; color:#cc0000; text-decoration:none;}
a.menunews:hover{ text-decoration:underline;}
#contenu {
	position:absolute;
	left:241px;
	top:148px;
	width:395px;
	height:356px;
	z-index:2;
	overflow: auto;
}
#retour {
	position:absolute;
	left:806px;
	top:515px;
	width:260px;
	height:25px;
	z-index:3;
}

/*----------------------------------------------------------------
						ADMIN ELIOHOT
------------------------------------------------------------------*/
.fondPage{ background:#FFFFFF;}
.fondForm1 { background:#EBEBEB;}
.fondForm2 { background:#F5F5F5;}
.titre {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #660000;
}
.texte2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
.texte2 a:link, .texte2 a:visited {
	color: #660000;
	font-weight: bold;
	text-decoration:none;
}
.texte2 a:hover {
	color: #FFFF99;
	font-weight: bold;
	text-decoration:underline;
}