/*===| I. MAIN LAYOUT  |=====================================================*/

* {margin: 0;}

html {height: 100%;width: 100%;}

body {width: 100%; background: #26408f; }

ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}

p, div {padding: 0; margin: 0; }

.left{float: left;} .right{float: right;}

#push, .clr	{clear: both;}



body{}

#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg-y.gif") 50% 0% repeat-y;}

#bg2{position:absolute;z-index: 2; width:100%; background:url(images/bg-x.jpg) 50% 0% repeat-x;}

#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}



#wrap-container{position:relative;z-index:4; width: 100%;}

#container{background:url(images/bg-container.jpg) 50% 50% repeat-y; margin:0 auto;	text-align: left;}

#content{}



/* ===| II. HEADER ELEMENTS |================================================*/

#site-header.outter{/*background:url("images/header.jpg") 50% 0 no-repeat;*/ background: #fff; }

#site-header .inner{}



/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/

#left-outter{float:left; margin: 0; overflow: hidden;}

#left-outter div.outter{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px; }

#left-outter div.inner{padding: 0px 5px 0px;}



#left-outter div.box1{padding:0 5px 10px;}

#left-outter .box1 .inner{padding:0}



#left-outter div.box2{}

#left-outter div.box3{}

#left-outter .box4{}



#actualite{

    float: left;

    width:230px;

    height:104px;

    padding: 56px 10px 0px 10px;

    background: url(images/bg-mdm.jpg) no-repeat top left;

}

.mdmPhoto

{

    float: left;

    padding:1px;

    background: #92ede9;

    border: solid 1px #00aaa6;

    margin: 0 10px 0 0;

}



#info{

    float: left;

    width:240px;

    height:87px;

    padding: 60px 0px 0px 10px;

    background: url(images/bg-coordonnees.jpg) no-repeat top left;

}

#plan {

    float: left;

    width:240px;

    height:42px;

    padding: 99px 0px 0px 10px;

    background: url(images/bg-plan.jpg) no-repeat top left;

}

#lien{

  float: left;

  width: 240px;

  height: 20px;

  padding: 5px 0 0 0; 

}





/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/

#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: url(images/bg-index.jpg) no-repeat top left;}

#right-inner{padding: 0px;}



/* ===| V. FOOTER BOXES |=====================================================*/





#footer.outter	{background:url(images/bg-footer.jpg) repeat-x top left; margin: 0 auto; padding: 7px 0 0px 0;}





div.ref{clear:both; background: #26408f;}



/* ===| VI. OTHER ELEMENTS |====================================================*/

img {border: 0;}

img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:25px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden; background: url(images/spacer.jpg) repeat-x 50% 50%; }



/* ---- footer ----*/

#right-content

{

    float: right;

    width: 700px;

    padding:0 10px 0px 0;

    height:40px;

    margin:0;

}

#menu2

{

  width: 500px;

  float: left;

  text-align:right;

}
.img-foot{float:left;}
.copyright {

    width: 500px;

    float: left;

}

.digitalage

{

    float: left;

    width: 240px;

    text-align:left;

    padding-left:10px;

    height:40px;

    margin:0;

}



/* ------------ index ------------ */

#text

{

    float:left;

    padding-top: 60px;

    padding-left: 10px;

    padding-right: 0 !important;

    width:412px;

    height: 100%;

}



#diapopo

{

    float: right;

    width:286px;

    /*height:398px;*/

    height:458px;

}

ul.list1{

	padding: 10px 15px 10px 55px;

    float:left;

    margin: 0;

    width:135px;

	}

ul.list1 li{

	background: url(images/bullet.jpg) no-repeat top left;

	background-position:0px 5px;

    font-weight:normal;

	text-align:justify;

    font-size: 12px;

	line-height: 18px;

    color:#26408f;

	padding:0px 0px 0px 18px;

	}

ul#wide-list

{

    padding: 10px 0px 15px 10px;

    float:left;

    margin: 0;

    width:395px;

}



/* ------------- solaire -----------*/

ul.list2{

	padding: 0px 0px 0px 30px;

    float:left;

    margin: 0;

    width:105px;

	}

ul.list2 li{

	background: url(images/bullet.jpg) no-repeat top left;

	background-position:0px 5px;

    font-weight:normal;

	text-align:justify;

    font-size: 12px;

	line-height: 18px;

    color:#26408f;

	padding:0px 0px 0px 18px;

	}



#text-right

{

    float: right;

    width:266px;

    padding: 20px 10px 0px 10px;

}

#photo-holder

{

    float: left;

    width:266px;

    height:340px;

    background: url(images/bg-photos.jpg) no-repeat top right;

}



ul.list-small2{

	padding: 0px 0px 0px 5px;

    float:left;

    margin: 0;

	}

ul.list-small li{

	background: url(images/bullet2.jpg) no-repeat top left;

	background-position:4px 6px;

    font-weight:normal;

	text-align:justify;

	line-height: 13px;

    /*color:#044b49;*/

    color:#26408f;

	padding:2px 5px 5px 15px;

	}

#text-wide

{

    float:left;

    margin: 0 10px 10px 0px;

    padding: 0 5px 5px 5px;

    width:680px;

    background: #e7fdfc;

}

/*-------- merci ----------------*/

.merci-box

{

    clear:both;

    font-size: 12px;

    margin:0px 0 0 80px;

    padding:20px;

    width:205px;

    border:solid 1px #a8ece9;

    background: #e7fdfc;

}

.merci-box p

{

    text-align: center;

}



.merci-box a:link, .merci-box a:visited

{

    color:#00aaa6 !important;

    text-decoration: underline;

    font-weight: bold;

}

.merci-box a:hover, .merci-box a:active

{

    color:#365ccd !important;

    text-decoration: none;

    font-weight: bold;

}

/*=================== MDM ==============*/

#mdm

{

    float: left;

    width: 600px;

    height: 335px;

    padding: 165px 0 0 0;

    background: #fff url(images/mdm.jpg) no-repeat top left;

}

#fermer

{

    float: right;

    padding-right:5px;

}