/*===| 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: 700px;
  float: left;
  text-align:right;
}
.copyright {
    width: 700px;
    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;
}