/* LE CONTAINER */
#container{
	position: absolute;
	left: 50%;
	margin-left: -512px;
	width: 1000px;
	height: 768px;
}
a:focus{
	outline: none;
}













/*PARTIE GAUCHE*/
#left{
	width: 243px;
	background-color: #FFFFFF;
}
#logo{
	background: #FFFFFF url('images/logo.gif') no-repeat;
	width: 243px;
	height: 186px;
	position: relative;
}
#menus{
	background: #FFFFFF url('images/menus.gif') no-repeat;
	width: 243px;
	height: 319px;
	position: relative;
}
#menus a{
	color: #FFFFFF;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}
#actu{
	position: absolute;
	top: 35px;
	left: 100px;
	width: 170px;
	height: 55px;
	margin-top: -20px;
}
#references{
	position: absolute;
	top: 95px;
	left: 100px;
	width: 170px;
	height: 55px;
	margin-top: -20px;
}
#nos_energies{
	position: absolute;
	top: 155px;
	left: 100px;
	width: 170px;
	height: 55px;
	margin-top: -20px;
}
#societe{
	position: absolute;
	top: 215px;
	left: 100px;
	width: 170px;
	height: 55px;
	margin-top: -20px;
}
#contact_plan{
	position: absolute;
	top: 275px;
	left: 100px;
	width: 170px;
	height: 55px;
	margin-top: -20px;
}
#adresse{
	position: absolute;
	top: 520px;
	left: 80px;
	width: 243px;
	height: 263px;
	color: #2a9e94;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
}












/* PARTIE CENTRALE */

#content{
	position: absolute;
	top: 0px;
	left: 243px;
	width: 511px; /*376px;*/
	height: 768px;
}
#texte_contenu, #wrapper{
	position: absolute;
	top: 50px;
	left: 0px;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	font-size: 14px;
	padding-right: 15px;
	letter-spacing: 0.2pt;
}
h1.blanc{
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	color: #FFFFFF;
	margin-left: 30px;
	font-weight: normal;
}
h1.jaune{
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	color: #eae12c;
	margin-left: 30px;
	font-weight: normal;
}
h1.bleu{
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	color: #27877f;
	margin-left: 30px;
	font-weight: normal;
}
h1.marron_fonce{
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	color: #3F1918;
	margin-left: 30px;
	font-weight: normal;
}
.texte_bleu{
	color: #27877f;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_marron{
	color: #675c47;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_jaune{
	color: #eae12c;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_blanc{
	color: #ffffff;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_marron_fonce{
	color: #3F1918;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_rose{
	color: #e00578;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_orange{
	color: #ea8d40;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_violet{
	color: #8934ba;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_vert_fluo{
	color: #b7ca5e;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_bleu_ciel{
	color: #86d0ef;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.texte_gris{
	color: #A39D99;
	font-weight: normal;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
}
.sous_titre{
	font-size: 16px;
	font-weight: bold;
}
ul, ul li{
	list-style-type: disc;
	list-style-position: outside;
	color: #27877f;
}









/* LA PAGE ACTUS */
#texte_actu{
	margin-left: 30px;
	text-align: justify;
	margin-right: 30px;
}
#autres_actus{
	position: absolute;
	top: -20px;
	left: 535px; /*400*/
	width: 230px;
	z-index: 3;
}
#autres_actus a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding-right: 80px;
	margin-right: 80px;
	width: 230px;
	font-size: 12px;
}






/* LA PAGE MENTIONS LEGALES */
#texte_ml{
	margin-left: 30px;
	text-align: justify;
	margin-right: 30px;
}







/* LA PAGE PLAN DU SITE*/
#texte_ps{
	margin-left: 30px;	
	text-align: justify;
	margin-right: 30px;
}







/* LA PAGE SOCIETE */
#texte_societe{
	margin-left: 30px;
	text-align: justify;
	margin-right: 30px;
}







/* LA PAGE PLAN - CONTACT */
#texte_contact{
	position: absolute;
	top: -40px;
	left: 30px;
	width: 220px;
	font-weight: normal;
}
#texte_contact_tel{
	position: absolute;
	top: -2px;
	left: 260px;
	width: 150px;
	font-weight: normal;
}
#plan_logomotion{
	position: absolute;
	top: 40px;
	background: #97d2d0 url('images/plan_logomotion.gif') no-repeat;
	width: 375px;
	height: 678px;
	left: 50px;
}
#adresses_mails_contact{
	position: absolute;
	top: -20px;
	left: 535px; /*400*/
	width: 250px;
	z-index: 3;
}
#bouton_imprimer{
	position: absolute;
	top: 100px;
	left: 535px; /*400*/
	width: 250px;
	height: 250px;
	z-index: 3;
}
#adresses_mails_contact a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}








/*LA PAGE LES REFERENCES*/
#img_secteur{
	position: relative;
	left: 205px;
	top: 30px;
	width: 306px;
	height: 34px;
	background: #3f1918 url('images/ref_secteur.gif') no-repeat;
	cursor: pointer;
}
#img_annee{
	position: relative;
	left: 205px;
	top: 80px;
	width: 306px;
	height: 34px;
	background: #3f1918 url('images/ref_annee.gif') no-repeat;
	cursor: pointer;
}
#img_type{
	position: relative;
	left: 205px;
	top: 130px;
	width: 306px;
	height: 34px;
	background: #3f1918 url('images/ref_type.gif') no-repeat;
	cursor: pointer;
}
#img_appli{
	position: relative;
	left: 205px; /*70*/
	top: 180px;
	width: 306px;
	height: 34px;
	background: #3f1918 url('images/ref_appli.gif') no-repeat;
	cursor: pointer;
}
#liste_secteurs, #liste_secteurs2, #liste_annees2, #liste_types2, #liste_applis2{
	position: relative;
	left: 250px; /*120*/
	top: 55px;
	width: 260px;
}
#liste_annees{
	position: relative;
	left: 250px;
	top: 105px;
	width: 260px;
}
#liste_types{
	position: relative;
	left: 250px;
	top: 155px;
	width: 260px;
}
#liste_applis{
	position: relative;
	left: 250px;
	top: 205px;
	width: 260px;
}
#liste_secteurs a, #liste_annees a, #liste_types a, #liste_applis a, #liste_secteurs2 a, #liste_annees2 a, #liste_types2 a, #liste_applis2 a{
	text-decoration: none;
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	letter-spacing: 0.2pt;
}
#img_secteur2, #img_annee2, #img_type2, #img_appli2{
	position: relative;
	left: 205px; /*70px;*/
	top: 30px;
	width: 306px;
	height: 34px;
	cursor: pointer;
}
#img_secteur2{	
	background: #3f1918 url('images/ref_secteur.gif') no-repeat;
}
#img_annee2{	
	background: #3f1918 url('images/ref_annee.gif') no-repeat;
}
#img_type2{	
	background: #3f1918 url('images/ref_type.gif') no-repeat;
}
#img_appli2{	
	background: #3f1918 url('images/ref_appli.gif') no-repeat;
}

.pagination{
	position: absolute;
	top: 400px;
	left: 0px;
	width: 250px;
	z-index: 3;
}

#fleche_gauche_ref{
	position: fixed;
	top: 80%;	
	left: -260px;
	margin-right: 50%;
	width: 40px;
	height: 52px;
	z-index: 11;
}

#fleche_droite_ref {
	position: fixed;
	top: 80%;
	right: -240px;
	margin-left: 50%;	
	width: 40px;
	height: 52px;
	z-index: 11;
}












/*LA PAGE LES ENERGIES */
/* les fleurs du côté */
#fleur1_nrj{
	background: url('images/energie01.gif') no-repeat;
	width: 170px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 511px; /*376*/
	z-index: 4;
}
#fleur2_nrj{
	background: url('images/energie02.gif') no-repeat;
	width: 170px;
	height: 28px;
	position: absolute;
	top: 35px;
	left: 511px;
	z-index: 4;
}
#fleur3_nrj{
	background: url('images/energie03.gif') no-repeat;
	width: 170px;
	height: 31px;
	position: absolute;
	top: 63px;
	left: 511px;
	z-index: 4;
}
#fleur4_nrj{
	background: url('images/energie04.gif') no-repeat;
	width: 170px;
	height: 27px;
	position: absolute;
	top: 94px;
	left: 511px;
	z-index: 4;
}
#fleur5_nrj{
	background: url('images/energie05.gif') no-repeat;
	width: 170px;
	height: 29px;
	position: absolute;
	top: 121px;
	left: 511px;
	z-index: 5;
}
#fleur6_nrj{
	background: url('images/energie06.gif') no-repeat;
	width: 170px;
	height: 32px;
	position: absolute;
	top: 150px;
	left: 511px;
	z-index: 5;
}

.img_energies{
	margin-left: -7px;
}
.scroll{
	width: 450px; /*365*/
	height: 700px;
    position: relative;
    clear: left;
	letter-spacing: 0.2pt;
}
.scrollContainer div.panel {
	padding-left: 70px;
    height: 210px;
    width: 380px; /*345*/
	letter-spacing: 0.2pt;
	text-align: justify;
}
.hide {
    display: none;
}
.scrollButtons {
    position: fixed;
    top: 80%;
    cursor: pointer;
	z-index: 6;
}

.scrollButtons.left {
	margin-left: 50%;
	left: -260px;
	margin-right: 200px;
	width: 40px;
	height: 52px;
	z-index:6;
}

.scrollButtons.right {
	margin-right: 50%;
	right: -240px;
	margin-left: 200px;
	width: 40px;
	height: 52px;
	z-index:6;
}







/*PARTIE DROITE*/
#right{
	position: absolute;
	background: #675c47 url('images/right.gif') no-repeat;
	width: 260px; /*395px;*/ /*405*/
	height: 768px;
	top: 0px;
	left: 754px; /*619px;*/
	z-index: 0;
}
#textes_liens{
	position: absolute;
	top: 740px;
	left: 15px; /*100*/
	color: #FFFFFF;
}
#textes_liens a{
	font-family: Century Gothic,Arial,verdana,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}