/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html {height: 100%; width: 100%;}
body {width: 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{
background-color: #160E0A;
background-image: url(images/body.jpg);
background-repeat: repeat-x;
background-position: top left;
}
#bg1{position:absolute;z-index: 1;  width:100%;}
#bg2{position:absolute;z-index: 2; width:100%;}
#bg3{position:absolute;z-index: 3; }



#wrap-container{
min-height:100%;
	height:auto !important;
	height:100%;
  width: 960px;
  margin:0 auto;
  position: relative;
  z-index: 4;
  background-image: url(images/repeat-y.jpg);
background-repeat: repeat-y;
background-position: top left;
}
#container{
margin:0 auto;
text-align: left;


 }

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter1{float:left; margin: 0;}
#left-outter1 div.inner{padding: 0px 0px 0px 0px; float: left;}

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




/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 10px 0px 10px; float: left; }


#right-outter1{
float:left;
margin:0;
padding:0;
overflow: hidden;
background-image: url(images/h1.jpg);
background-repeat: repeat-x; background-position: top right;}
#right-inner1{padding: 0px 10px 0px 10px;  }


#content{
font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;;
  color: #332416;
  font-size: 12px;
  line-height: 19px;
  text-align: justify;
  font-weight: normal;
  float: left;
  background-color: #fff1dc;
}


#right-outter a{
font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;;
  color: #DA2129;
  font-size: 12px;
  line-height: 18px;
}

#right-outter a:hover{
font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;;
  color: #000000;
  font-size: 12px;
  line-height: 18px;
}

.diaporama{
  background-image: url(images/diaporama.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  width: 360px;
  height: 548px;
}

.diaporama2{
  background-image: url(images/diaporama2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  width: 200px;
  height: 548px;
}




.plan{
  width: 960px;
  height: 80px;



}



.plan-droit{
background-color: #FFDEAE;

  width: 600px;
  height: 80px;
  float: left;
}

.plan-gauche{
/*  background-image: url(images/coordonees.jpg);
  background-repeat: no-repeat;
  background-position: top left; */
	background:#feddad;
  width: 360px;
  height: 80px;
  float: left;
}

.adres{
width: 150px;
float: left;
font-size: 11px;
padding: 30px 0px 0px 10px;
}

.tel{
width: 150px;
float: left;
font-size: 11px;
padding: 30px 0px 0px 7px;
}
.tel img{
padding-top: 3px;

}



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

}

.newsletter form {

float: left;
width: 220px;
}

.newsletter p{
padding: 30px 0px 0px 12px;
font-size: 11px;
line-height: 14px;
}



.newsletter form input.case{
font:11px Arial, Helvetica, sans-serif;
color:#DA2129;
padding:2px;
border: none;
width:153px;
background:none;
float: left;
margin-top: 7px;
margin-left: 14px;
}

.btn{
margin-top: 7px;
width: 39px;
height: 20px;
float: left;
}

/* newsletter */


/* mdm */
.actualite{
background-image: url(images/news.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 380px;
height: 112px;
float: left;
}

.mdm{
  padding: 30px 0px 0px 10px;
  font-size: 11px;
  line-height: 12px;
  height: 60px;

}


.thumb-actualite{
border: 1px solid #000000;
padding: 1px;
float: left;
margin-right: 10px;
}

.plus{
text-align: right;
width: 380px;
float: left;
margin-top: -5px;
}




/* mdm */

/* ===| V. FOOTER BOXES |====================================================*/
#wrap-footer {position:relative; z-index: 4; background-color: #160E0A;  text-align: left;  width: 960px; 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; }



.copyright{ color: #FFDEAE; width: 960px; float: left; font-size: 11px; text-align: right; line-height: 18px;  padding: 6px 0px 6px 0px;}

.digitalage{width:200px;  font-size: 11px; color: #FFDEAE;   float:left; text-align: left;}
div.ref{padding: 0 10px 0; font-size: 11px; color: #FFDEAE; text-align: center;}

.copyright .digitalage a{
color: #ffffff;
text-decoration: none;
}
.copyright .digitalage a:hover{
color: #FFDEAE;
text-decoration: none;
}


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

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

a.mentions{
color: #ffffff;
text-decoration: none;
}
a:hover.mentions{
color: #FFDEAE;
text-decoration: none;
}

a.actif{
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: default;
}
a:hover.actif{
color: #ffffff;
font-weight: bold;
text-decoration: none;
cursor: default;
}





/* ===| 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;
}