div.art-header
{
  height: 180px;

}

div.art-header-jpeg
{
  /* height: 387px; */
  height: 180px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}


div#bouton-haut{
	height:40px;
	margin: 0 auto;
	position:relative;
	left:3px;
	display: block;
	z-index: 600;
	text-align: left;
}

div#bouton-haut ul{
	margin: 0px;
	padding: 0px;
	/* background: URL('../images/orange.png') no-repeat right top; */
	height: 42px;
	width:970px;
	margin-top: 4px;
	list-style: none;
}



div#bouton-haut li{
	float:left;
	margin-right: 3px;
	text-align: left;
}

div#bouton-haut li.fin{
	float:right;
	margin-right: 5px;
}

div#process{
	background: URL('../images/fondho.png') no-repeat left top;
	width:384px;
	height:196px;
	float:right;
	margin-right: 48px;
}

div#boutons{
	float:left;
	width:200px;
	height:200px;
	margin-top: 40px;
	margin-left: 10px;
}

div#logo{
	float:left;
	width:300px;
	height:200px;
	position:relative;
	left:140px;
	top:10px;
}

div#process #contenant{ 
	margin: 5px;
	color:#a7d03e;
}

div#process #contenant75{ 
	margin: 5px;
	color:#f8b504;
	text-align: justify;
}

div#process #contenant76{ 
	margin: 5px;
	color:#00BB62;
	text-align: justify;
}

div#process #contenant77{ 
	margin: 5px;
	color:#008fce;
	text-align: justify;
}

div#process #contenant78{ 
	margin: 5px;
	color:#fbcf38;
	text-align: justify;
}

div#process #contenant79{ 
	margin: 5px;
	color:#a7d03e;
	text-align: justify;
}

div#process #contenant75 h2, div#process #contenant79 h2, div#process #contenant77 h2, div#process #contenant76 h2, div#process #contenant78 h2{ 
	color: inherit;
	font-family: inherit;
	font-size: 1.2em;
}

div#process #contenant75 p, div#process #contenant79 p, div#process #contenant77 p, div#process #contenant76 p, div#process #contenant78 p{ 

}

div#process #contenant h2{ 
	color: inherit;
	font-family: inherit;
	font-size: 1.2em;
}

div#process #contenant p{ 
	color:#484E46;
	font-family: inherit;
	font-size: 1em;
}
	
	
div#eolien{
	position:relative;
	z-index:500;
	top:100px;
	left:230px;
	width: 96px;
	background-image: none;
}

	
div#biomasse{
	position:relative;
	z-index:600;
	top:10px;
	left:0px;
	width: 171px;
	background-image: none;
}

div#hydro{
	position:relative;
	z-index:600;
	top:-60px;
	left:400px;
	width: 105px;
	background-image: none;
}

div#solaire{
	position:relative;
	z-index:600;
	top:-75px;
	left:250px;
	width: 153px;
	background-image: none;
}

div#art-main .art-content{
	width:60%;
	border:1px solid #fff;
	background: URL('../images/fond_main2.png')no-repeat center top;
	
}

div#art-main .art-sidebar1{
	text-align: center;
	width: 17%;
	
}

#hierarchie{
	text-align: left;
	color:#fff;
	margin-bottom: 10px;
	padding-left: 13px;
	font-size: 12px;
	font-family: inherit;
}

#hierarchie a{
	color:#fff;
	text-decoration: none;
}

.art-menu a.active .t

{

color: #fff;

}

div#boutonenergie_dt{
	padding: 5px;
	margin: 0 auto;
	width: 160px;
	text-align: left;
}

div.d_b_e{
	float:right;
}

div.chapodroite{
	padding: 5px;
	margin: 0 auto;
	width: 90%;
	text-align: left;
	color: #484e46;
}



div#sloganhorizon{
	text-align: right;
	width: 1070px;
	margin: 0 auto;
	position: relative;
	z-index: 800;
	top:5px;
}

div#hierarchie{
	color:#000;
	margin-top: 10px;
	background-color: #efefef;
	padding: 2px;
	margin-left: 15px;
	width: 735px;
}

div#hierarchie a{
	color:#000;
}

/* PIED DE PAGE */

.art-footer ul{
	list-style: none;
	text-align: center;
	height:10px;
	margin: 0 auto;
	width: 400px;
}

.art-footer li{
	float:left;
	margin-right: 10px;
}

.art-footer li a{
	color:#000;
	text-decoration: none;
}

.art-footer li a:hover{
	color:#FFF;
	text-decoration: none;
}

/* RUBRIQUE GALERIE */
#rubriquegalerie{
	margin-left: 10px;
}

#rubriquegalerie #hierarchie{

	margin-left:0px;
}

/* RUBRIQUE PRESSE */

div#presse .titrerub{
	color:#000;
}

div#presse .item_presse{
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 5px;
	
}

div#presse .descriptif_doc{
	float:left;
	width:550px;
}

div#presse .logo_doc{
	float:right;
	width:100px;
	padding-top: 20px;
}

div#presse .logo_doc img{
	position:relative;
	top:4px;
}

.justifier{
	text-align: justify;
}

/* **** */

.art-nav a.on{
	color:#fff;
}

.art-menu a.on .t
{
  color: #fff;
}

/* Sommaire */

#contenant79 #logotitresom{
	background:URL('../images/fondtitre79.png') no-repeat top left;
	
}

#contenant76 #logotitresom{
	background:URL('../images/fondtitre76.png') no-repeat top left;
	
}

#contenant77 #logotitresom{
	background:URL('../images/fondtitre77.png') no-repeat top left;
	
}

#contenant78 #logotitresom{
	background:URL('../images/fondtitre78.png') no-repeat top left;
	
}

#contenant75 #logotitresom{
	background:URL('../images/fondtitre75.png') no-repeat top left;
	
}


#logotitresom{
	text-align: right;
}



#textesom{
	width:220px;
}

#textesom p{
	text-align: justify;
	font-size: 11px;
}

#retoursom{
	text-align: right;
}

#retoursom a{
	color:#fff;
	text-decoration:none; 
}

div#pap{
	display: none;
	z-index: 1000;
	position: absolute;
	top:452px;
	left:60px;
	width:188px;
	height:163px;
	background: URL('../images/pap.png');
	
}

div#pap #contenant{
	margin: 7px;
	color:#000;
}

#actusom p{
	margin: 0px;
}

#art-main .art-layout-cell a:visited
{

text-decoration: none;

color: #000000;

}

.cadre-agence{
	float:left;
	width:165px;
	margin-right: 5px;
	margin-left: 5px;
	text-align: left;
}

#art-main .cadre-agence p{
	text-align: left;
}

#art-main h3.spip{
	color:#483E46;
	text-align: left;
	font-size: 18px;
	font-family: Arial,Helvetica,Sans-Serif;
}

#art-main h2{
	color:#483E46;
	text-align: left;
	font-size: 20px;
	font-family: Arial,Helvetica,Sans-Serif;
}

#mygallery p{
	color:#666;
}

div#chaposociete{
	position:relative;
	left:5px;
	width:200px;
	text-align: left;
	color: #484e46;
}

#rubriquegalerie ul{
	color:#666;
}

#rubrique ul{
	list-style: none;
}

div#centre_video{
	text-align:center;
	margin:10px 0px 10px 0px;
}

/* CONTACT */

.alert{
	color:#FF0000;
}

div.zonecap{
	float:left;
	margin-right: 5px;
}

img#captcha{
	position:relative;
	top:2px;
}

div#formulaire_contact input.coul{
	width:400px;
	border:1px solid #ccc
}

div#formulaire_contact textarea{
	width:500px;
	border:1px solid #ccc;
}

	
div#contact .centre{ text-align: center; }

div.erreur{
	color:#FF0000;
}

div#beziers{
	display: none;
}