/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header {width: 866px;}
#header {height:277px;}
#left-column {width: 228px;}
#right-column {width: 636px; /*638*/  }

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 96px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -96px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

p{ padding: 0px; margin:0; }

#wrap-container {
	min-height: 100%;
	height: auto !important;
    height: 100%;                           
    }
#container {
	margin:0 auto;
	text-align: left;}
#header {
/*	text-indent: -9999em;*/}
#left-column{
	float:left;
	margin: 0;
    padding:0;}
#right-column{
	float:left;
	margin:0px !important;
	padding:0px !important;}

.ref {
		position: absolute;
		top: -10000px;
	}

#footer {
	margin: 0 auto;
	padding: 0;}

.copyright{
	padding: 17px 0 0;
	text-align: center;}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0; padding:0; margin:0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left; margin: 0 5px 5px 0;} .right{float: right; margin: 0 0px 5px 5px;}



.paragraph{
	clear: both;
	float:left;
    width:616px;
    padding:0 10px 0 10px;
    line-height: 18px;
    text-align: justify;
    }

.separator{
	width:99%;
	height: 1px;
	clear: both;
	padding:0;
	margin:10px 0 10px 0px;
    float:left;
	line-height: 1px;}
.separator2{
	width:80%;
	height: 1px;
	clear: both;
	padding:0;
	margin:10px 0 10px 0px;
    float:left;
	line-height: 1px;}
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}


/*==================| left col |=====================*/
#button
{
    width: 228px;
    height: 60px;
    float:left;
}
#button img
{
  margin-left:2px;
}

#actualite
{
  height: 142px;
  width: 228px;
  float: left;
  margin: 0;
  padding: 51px 0 0 0;
}
#actualite p
{
  font-family: verdana;
  font-size: 11px;
  color:#617387;
  line-height: 14px;
  text-align: justify;
  padding: 0 5px 0 5px;
}
#actualite img
{
  border: solid 1px #b1cae6;
  padding:4px;
  float: left;
  margin:0 8px 5px 5px;
}
#actualite #details
{
   float:left;
   padding:0 0 0 110px;
}
#newsletter
{
  float:left;
  width: 223px;
  height: 45px;
  padding-top: 44px;
  padding-left:5px;
}

#contact-info
{
  float: left;
  width: 218px;
  height: 108px;
  padding:59px 0px 0px 10px;
}
#contact-info p
{
  font-family: verdana;
  font-size: 11px;
  color:#617387;
  line-height: 14px;
  text-align: left;
  padding: 0 0 10px 0;
}

#left-column #diaporama
{
  width: 225px;
  float:right;
}

#digital-age
{
    float: left;
    width: 228px;
    padding-top: 20px;
    text-align: left;
    line-height: 20px;
}

#digital-age p
{
  color: #4e6379;
  font-family: verdana;
  font-size: 11px;
  line-height: 20px;
  padding-left: 5px;
}
#digital-age a:hover, #digital-age a:active{
	color:#f95d18 !important;
	text-decoration: underline !important;}

#digital-age a:link, #digital-age a:visited{
	color:#4e6379;
	text-decoration: underline;}
#mentions
{
  float: right;
  width: 600px;
  padding: 23px 5px 0 0;
  text-align: right;
}

#mentions p
{
  color: #4e6379;
  font-family: verdana;
  font-size: 11px;
  text-align: right;
  line-height: 25px;
}
#mentions  a:hover, #mentions  a:active{
	color:#f95d18 !important;
	text-decoration: underline !important;}

#mentions  a:link, #mentions a:visited{
	color:#4e6379;
	text-decoration: underline;}

/*=========================| index |======================*/
#title
{
  float:right;
}


ul.list1{
	width:210px;
	float:left;
	padding: 0px 0 0 40px;
	}
ul.list1 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color: #4e6379;
    font-size: 12px;
	text-align:left;
    line-height: 25px;
	padding:0px 0px 0px 15px;
	}
#list2
{
      padding: 0px 0 0 80px;
}
#list3
{
      padding: 0px 0 0 120px;
}
#list4
{
      padding: 0px 0 0 160px;
}
#list5
{
      padding: 0px 0 0 200px;
}

#list6
{
      padding: 0px 0 0 80px;
}
#list7
{
      padding: 0px 0 0 120px;
}


.right1
{
    float: right;
    padding: 6px 10px 5px 15px;
}
.left1
{
    float: left;
    padding: 0px 15px 0px 10px;
}


#bullet1
{
  float:left;
  padding:0 7px 0 0;
}
 /*=========================| energie |======================*/

.subtitle
{
  font-weight: bold;
  font-size: 14px;
  color: #81a60c;
}
.bullet
{
  float:left;
  padding:0 7px 0 50px;
}

ul.list2{
	width:400px;
	float:left;
	padding: 0px 0 0 20px;
	}
ul.list2 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color: #4e6379;
    font-size: 12px;
	text-align:left;
    line-height: 18px;
	padding:2px 0px 2px 15px;
}
.search-bar
{
  width:588px;
  margin:0 0 5px 10px;
  height:25px;
  padding:3px 0 0 20px;
}
#category
{
  float: left;
  width: 80px;
  padding: 5px 0 0 0;
}

#category p
{
  font-size: 12px;
  font-weight: bold !important;
  color:#000000;
  padding-right:10px;
}







/*=========================| Photovoltaïques |======================*/
  .subtitle1
{
  font-weight: bold;
  font-size: 14px;
  color: #550f73;
}
/*=========================| Autres activités |======================*/
.subtitle2
{
  font-weight: bold;
  font-size: 14px;
  color: #ba4f5a;
}
ul.list3{

	float:left;
	padding: 0px 0 0 50px;
    display: inline;
}
ul.list3 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color: #4e6379;
    font-size: 12px;
	text-align:left;
    line-height: 18px;
	padding:2px 0px 2px 15px;}
ul.list4{
    width:140px;
	float:left;
	padding: 0px 0 0 10px;
}
ul.list4 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    color: #4e6379;
    font-size: 12px;
	text-align:left;
    line-height: 18px;
	padding:2px 0px 2px 15px;}

/* ======== | merci | ==================== */
#merci
{
    clear:both;
    width:620px;
	float:left;
}
    #merci p {
        padding:100px 0px 50px 0px;
        font-weight: bold;
        text-align: center;
        font-size: 13px;
        }
    #merci a:link, #merci a:visited{
        color:#f16522 !important;
        text-decoration: none;
        font-weight: bold;
        }
    #merci a:hover, #merci a:active{
        color:#366cc9 !important;
        text-decoration: underline;
        font-weight: bold;
        }

 #result
 {

   width: 620px;
   margin-bottom:10px;
   padding-left:10px;
 }
 .bdd-result-left
{
  float:left;
  width:305px;
  height: 150px;
  border-left:solid 1px #9ABBDF;
}


.bdd-result-right
{
  float:left;
  width:305px;
  height: 150px;
  border-left:solid 1px #9ABBDF;
  border-right:solid 1px #9ABBDF;
}
.left-label
{
  font-size: 12px;
  font-weight: bold;
  padding-left:5px;
}
.right-label
{
  font-size: 11px;
  color:#ff7102;
  font-weight: bold
}
.detail
{
    font-size: 13px;
    line-height: 20px;
}
.descriptif
{
    font-size: 11px;
    padding-top:5px;
    margin-top:3px;
}
p.descriptif
{
    font-size: 11px;
    margin-top:3px;
    padding: 0 5px 0 5px;
}


.details1
{
    margin-top:5px;
    text-align: right;
    margin-right: 10px;
    font-size: 11px;

}
.photo
{
    float:right;
    text-align: right;
    border:solid 1px #9ABBDF;
    margin:0 5px 2px 5px;
}

/* ---| THE END |------------------------- */