/* ---------------------------------------------------------------
	REV SOLAIRE
		Couleurs utilisees :
			Vert Clair : 	d1deaa
			Vert Fonce : 	6f927b
			Jaune Clair : 	fff381
			Jaune Fonce : 	e6e14a
			Bleu : 			6aa3d4
			Orange Fonce : 	ee7f00
			Orange Clair : 	f6a800
 --------------------------------------------------------------- */
 
 
/* ---------------------------------------------------------------
	FORMATAGE DU SITE
 --------------------------------------------------------------- */
	body {
	margin:10px;
	padding:0;
	text-align:center;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#conteneur {
	position:relative;
	width:880px;
	height:620px;
	margin-left: auto;
	margin-right: auto;
	color:#333333;
	text-align:left;
	background-color:#FFFFFF;
}
	.site_general{background-image:url(../multimedia/fonds/site_general.jpg);}
/* ---------------------------------------------------------------
	TITRES HTML
 --------------------------------------------------------------- */
	h1{	/* Bandeau haut */
	position:absolute;
	top:5px;
	right:100px;
	margin:0;
	color: #fff381;
	font-size: 16px;
	line-height:20px;
	width:70%;
	text-align:right;
}
	h2, h2 a, h2 a:visited, h2 a:hover{	/* Titre dans detail menu */
	position:relative;
	top:O;
	left:0;
	margin-right:70px;
	width:500px;
	height:40px;
	line-height:40px;
	color: #ee7f00;
	font-size: 18px;
	text-decoration:none;
}
	h3{	/* Titre dans detail menu */
	position:relative;
	top:O;
	left:0;
	margin:0;
	width:100%;
	height:30px;
	line-height:30px;
	color: #ee7f00;
	font-size: 12px;
}
/* ---------------------------------------------------------------
	FORMULAIRE RAPPEL CONTACT
			Vert Clair : 	d1deaa
			Vert Fonce : 	6f927b
			Jaune Clair : 	fff381
			Jaune Fonce : 	e6e14a
			Bleu : 			6aa3d4
			Orange Fonce : 	ee7f00
			Orange Clair : 	f6a800
--------------------------------------------------------------- */
	#fml_rappel{
	position:absolute;
	bottom:35px;
	right:10px;
	margin:0;
	padding:0;
	width:175px;
	height:auto;}
	.haut, .bas, .centre{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:175px;
	}
	
	.haut{
	height:24px;
	line-height:24px;
	text-align:center;
	background: transparent url(../multimedia/formulaire/haut.png) no-repeat top left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff381;
	}
	
	.centre{background: #FFFFFF url(../multimedia/formulaire/centre.png) repeat top left;}
	
	.bas{height:24px;}
/* ------------------------ */
	fieldset {
	position:relative;
	top:0;
	left:0;
	margin: 0;
	padding:0;
	border-width:0px;
	width:98%;
	height:auto;
}
/* ------------------------ */
	label {
	display:block;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:0;
	width:100%;
	height:20px;
	line-height:20px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}
	label.error{ color:#CC0000; width:100%; text-align:center; margin:0;}
/* ------------------------ */
	input{
	position:relative;
	float:left;
	margin:0 10%;
	padding:0;
	width:80%;
	height:16px;
	font-size: 11px;
	text-indent:5px;
	background-color:#FFFFFF;
	color: #857362;
	border: 1px solid #AB9C8F;
	
}
	input.error{border: 1px solid #CC0000;}
/* ------------------------ */
	textarea{
	position:relative;
	float:left;
	margin:0 10%;
	padding:0;
	width:80%;
	font-size: 11px;
	text-indent:5px;
	background-color:#FFFFFF;
	color: #857362;
	border: 1px solid #AB9C8F;
}
	textarea.error{border: 1px solid #CC0000;}
/* ------------------------ */
	.bt_validation{
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	border:0;
	color: #666666;
	cursor:pointer;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:175px;
	height:24px;
	line-height:24px;
	font-size: 9px;
	font-weight: bold;
	text-indent:0;
	text-decoration:none;
	text-transform: uppercase;
	background: transparent url(../multimedia/formulaire/bt_validation.png) no-repeat top left;
	}
	.bt_validation:hover{background-position: 0% -24px; color:#FFFFFF;}
/* ---------------------------------------------------------------
	DROPY menu deroulant
		Fichier : jquery.droppy.js
 --------------------------------------------------------------- */
/* Basic code - don't modify */
	#nav {
	position:absolute;
	margin:0;
	padding:0;
	top:25px;
	left:115px;
	width:620px;
	height:20px;
	}
	#nav li {
	display: block; 	
	position:relative;
	float:left;
	top:0;
	left:0;
	margin: 0; padding: 0; 
	list-style:none;
	width:120px;
	text-align:center;
	height:20px;
	line-height:20px;
	}
  
  	#nav a { display: block; text-decoration:none; }
  	#nav ul {  position: absolute; left: 0; margin: 0; padding: 0; }
  	* html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; text-align:left; width: 180px; height:18px; line-height:18px; font-size:10px;}
    
/* Essentials - configure this */

	#nav ul { }

/* Everything else is theming */
 
	#nav { background-color: transparent; }
	#nav *:hover { background-color: none; }
	#nav a {
	border-left: 1px solid white;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
}
	#nav li.hover a { background-color: #FFFFFF; color:#666666;}
	#nav ul { top: 20px;	 }
	#nav ul li a { background-color: transparent; text-indent:10px; font-size:11px; }
	#nav ul a.hover {
	background-color: #FFFFFF;
	color:#0000FF;
}
	#nav ul a {
	background-color: #FFFFFF; 
	color:#666666; 
	border-bottom: 0px solid #cccccc; 
	border-right: none; 
opacity: 0.6; filter: alpha(opacity=90);	}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* ---------------------------------------------------------------
	DETAIL MENU
		Couleurs utilisees :
			Vert Clair : 	d1deaa
			Vert Fonce : 	6f927b
			Jaune Clair : 	fff381
			Jaune Fonce : 	e6e14a
			Bleu : 			6aa3d4
			Orange Fonce : 	ee7f00
			Orange Clair : 	f6a800
 --------------------------------------------------------------- */
	#zone_contenu{
	position:absolute;
	margin:7px 0 0 7px;
	padding:0;
	top:125px;
	left:174px;
	width:500px;
	height:450px;
	overflow:hidden;}

	.revsolaire_1{background: transparent url(../multimedia/fonds/revsolaire_1.png) repeat top left;}
	.revsolaire_2{background: transparent url(../multimedia/fonds/revsolaire_2.png) repeat top left;}
	.revsolaire_3{background: transparent url(../multimedia/fonds/revsolaire_3.png) repeat top left;}
	.revsolaire_4{background: transparent url(../multimedia/fonds/revsolaire_4.png) repeat top left;}
	.dreamsol_1{background: transparent url(../multimedia/fonds/dreamsol_1.png) repeat top left;}
	.dreamsol_2{background: transparent url(../multimedia/fonds/dreamsol_2.png) repeat top left;}
	.dreamsol_3{background: transparent url(../multimedia/fonds/dreamsol_3.png) repeat top left;}
	.avantage_1{background: transparent url(../multimedia/fonds/avantage_1.png) repeat top left;}
	.avantage_2{background: transparent url(../multimedia/fonds/avantage_2.png) repeat top left;}
	.avantage_3{background: transparent url(../multimedia/fonds/avantage_3.png) repeat top left;}
	.info_1{background: transparent url(../multimedia/fonds/info_1.png) repeat top left;}
	.info_2{background: transparent url(../multimedia/fonds/info_2.png) repeat top left;}
	.contact{background: transparent url(../multimedia/fonds/contact.png) repeat top left;}
/* ------------------------ */
	#contenu_haut{
	position:relative;
	top:0; left:0;
	width:100%;
	height:100px;
	}
/* ------------------------ */
	#contenu_corps{
	position:relative;
	top:0; left:0;
	margin:0 2%;
	padding:0;
	width:96%;
	height:345px;
	line-height:18px;
	color:#333333;
	font-size: 12px;
	overflow:auto;
	overflow-x:hidden;}
	
	#contenu_corps p{
	position:relative;
	top:0; left:0;
	margin:5px 0; padding:0;
	height:auto;
	line-height:18px;
	color:#333333;
	font-size: 12px;
	}

	#contenu_corps ul{
	position:relative;
	top:0; left:0;
	margin:5px 0; padding:0;
	width:100%;
	height:auto;
	}
	#contenu_corps ul li{
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;
	line-height:18px;
	list-style:none;
	text-indent:5px;
	}
	.puce{
	color: #f6a800;
	font-weight: bold;
}
li a, li a:visited, li a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
/* ------------------------ */
	.definition{
	position:absolute;
	 margin:0; padding:0;
	bottom:5px; left:5px; 
	background:#f6a800; 
	width:200px; height:auto;
	}
	.definition span{
	display:block;
	margin:0 1%; 
	padding:0;
	width:98%; 
	line-height:16px;
	color:#333333;
	font-size: 11px;
	}
	.important{
	font-size:14px;
	color:#f6a800;
	font-weight:bold;}
/* ---------------------------------------------------------------
	ZONE MESSAGE
 --------------------------------------------------------------- */
	#zone_message{
	position:absolute;
	top:400px;
	right:13px;
	width:169px;
	height:182px;
	background:#FFFFFF;
	font-weight: bold;
	line-height:20px;
	font-size: 11px;
	color:#666666;
}
	
	.before{}
	.success{}
	
	#zone_message p{
	margin:20px 5%;
	padding:0;
	width:90%;
	height:auto;
	line-height:20px;
	}
/* ---------------------------------------------------------------
	TELECHARGEMENT
 --------------------------------------------------------------- */
 .telecharger img{ vertical-align:middle;}
 .telecharger a{
 line-height:16px;
	color:#336699;
	font-style: italic;
}
 .telecharger a:hover{color:#ee7f00;}
/* ---------------------------------------------------------------
	BANDEAU BAS
 --------------------------------------------------------------- */
	 #bandeau_bas{
	 position:absolute;
	 bottom:-20px;
	 left:0;
	 margin:0 0 0 0;
	 width:100%;
	 height:20px;
	 background-color:#336699;
	}
	#bandeau_bas span{
	display:block;
	position:relative;
	float:left;
	width:50%;
	height:100%;
	line-height:20px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-indent:20px;
}
	#bandeau_bas span a{
		color: #FFFFFF;
}
	
/* --------------------------------------------------------------- */

/* -------------------- Contenu referencement -------------------- */
p a, p a:hover, pa:visited {
text-decoration:none;
color:#000000;
}

/* -----------
	DROPY ref
Fichier : jquery.droppy.js
----------------- */

	#nav2 {
	position:absolute;
	margin:0;
	padding:0;
	left:190px;
	width:300px;
	height:20px;
	}
	
	#nav2 li {
	display: block; 	
	position:relative;
	float:left;
	top:0;
	left:0;
	margin: 0; padding: 0; 
	list-style:none;
	width:120px;
	text-align:center;
	height:20px;
	line-height:20px;
	}
  
  	#nav2 a { display: block; text-decoration:none; }
  	#nav2 ul { position: absolute; left: 0; margin: 0; padding: 0; }
  	* html #nav2 ul { line-height: 0; } /* IE6 "fix" */
  	#nav2 ul a { zoom: 1; } /* IE6/7 fix */
    #nav2 ul li { float: none; text-align:left; width: 250px; height:18px; line-height:18px; font-size:10px;}
    
/* Essentials - configure this */

	#nav2 ul { margin:0px;
	padding:0px;}

/* Everything else is theming */
 
	#nav2 { background-color: transparent; }
	#nav2 *:hover { background-color: none; }
	#nav2 a {
	color: #FFFFFF;
	font-size: 10px;
	padding: 0px;
	font-weight: bold;
}
	#nav2 li.hover a { background-color:#8faddf; color:#fff;}
	
	#nav2 ul li a { background-color: transparent; text-indent:10px; font-size:10px; }
	#nav2 ul a.hover {
	background-color:#336699;
	color:#FFF;
}
	#nav2 ul a {
	background-color: #FFFFFF; 
	color:#336699; 
	border-bottom: 0px solid #336699; 
	border-right: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */