/*===| I. MAIN LAYOUT  |====================================================*/
* {margin: 0;}
html, body {height: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{	padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.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/bg0.gif") 0px 0% repeat-y; margin:0 auto;	text-align: left;}





#content a{
color: #C4001B;
text-decoration: none;
}

#content a:hover{
color: #000000;
text-decoration: none;
}

/* ===| II. HEADER ELEMENTS |===============================================*/
#header.outter{background:url("images/header.jpg") top left no-repeat;}
#header .inner{
float: left;
height: 178px;

}

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

#flash-gauche{
float: left;
width: 231px;


}

#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.inner{padding: 0px 0px 0px;}


#left-outter div.box3{
background-image: url(images/bg-coordonees.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 210px;
height:215px;
color:#5E1400;
font-size: 11px;
line-height: 14px;
float: left;
padding:0px 0px 0px 7px;
}

#left-outter .box3 .inner{
padding:80px 0px 0px 57px;
color:#5E1400;
font-size: 11px;
line-height: 14px;
float: left;
}

.mailtos{
  float: left;
  margin-top: 5px;
	margin-bottom:0;
}

.mailtos a:link, .mailtos a:visited{font-size:12px; color:#ffffff !important; text-decoration: underline !important;}
.mailtos a:focus, .mailtos a:hover{font-size:12px; color:#FAD7BD !important; text-decoration: none !important;}


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


#actualite{
background-image: url(images/bg-mdm.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 210px;
height: 153px;

float: left;
font-size: 11px;
line-height: 14px;




}
#actualite .thumb{
height: 60px;
border: 1px solid #FFE953;
float:left;
margin-right: 10px;
}


#actualite .mdm{
padding:30px 0px 0px 10px;
width: 190px;
height: 92px;
text-align: justify;
color: #8A1E01;
}

#actualite p{
  color: #FF3600;
  font-weight: normal;
  margin-bottom: 5px;

}



.newsletter
   {
background-image: url(images/newsletter.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 210px;
height: 170px;
float: left;

}

.newsletter form {
height: 32px;
float: left;
width: 210px;
line-height: 32px;
}


.newsletter form input.case{
font:11px Arial, Helvetica, sans-serif;
color:#ffffff;
padding:2px;
border:none;
width:145px;
background:none;
float: left;
margin-top: 138px;
margin-left: 20px;

}

.btn{
margin-top: 133px;
width: 31px;
height: 32px;
float: left;
}

.temoignages {
background-color: #FDDAC2;

}


.mercidiv{
width: 539px;
text-align: center;
padding-top: 80px;

}

.thumb-lavage{
float: right;
padding: 1px;
background-color: #FFFFFF;
border: 1px solid red;
margin-left: 15px;

}




/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden; }
#right-inner{padding: 0px 0px 10px 10px; text-align: justify;  font: 12px/18px   Verdana, Tahoma, Geneva, Helvetica, sans-serif;  }

#right-inner a{
text-decoration: underline;

}


/* ===| V. FOOTER BOXES |====================================================*/
#wrap-footer {position:relative; z-index: 4;  text-align: left; width: 980px; height: 100%; border-top: 1px solid #F36401; margin:0px auto;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2;  left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }


.copyright2{
width: 400px;
text-align: center;
font-size: 11px;
line-height: 16px;
float: left;
position: relative;
margin-top: -70px;
margin-left: 0px;

}
.copyright{padding: 10px 0 0 15px; height: 46px; font-size: 11px; text-align: right; line-height: 16px;}


.copyright2 span{
  color: #C465A9;
  font-weight: bold;
}


.copyright2 div a{
color: #F36400;
text-decoration: none;
}

.copyright2 div a:hover{
color: #000000;
text-decoration: none;
}

.copyright2 a{
color: #000000;
text-decoration: none;
}

.copyright2 a:hover{
color: #C4001B;
text-decoration: none;
}

.copyright span{
  color: #C465A9;
  font-weight: bold;
}

.copyright div a{
color: #F36400;
text-decoration: none;
}

.copyright div a:hover{
color: #000000;
text-decoration: none;
}

.copyright a{
color: #000000;
text-decoration: none;
}

.copyright a:hover{
color: #C4001B;
text-decoration: none;
}

a.mentions{
color: #F50101;
text-decoration: underline;
}
a:hover.mentions{
color: #000000;
text-decoration: none;
}

a.actif{
color: #F50101;
text-decoration: none;
cursor: default;
}
a:hover.actif{
color: #F50101;
text-decoration: none;
cursor: default;
}

div.ref{padding: 0 10px 0; font-size: 11px; text-align: center;}

.digitalage{width:210px;  float:left; text-align: center;}
div.ref{padding: 0px 0px 5px 40px; line-height: 12px; font-size: 11px; text-align: center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
a:active, a:focus{
outline:none;
}


img{
outline:none;
}
a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |====================================================*/