/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html{height: 100%;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: #7ebefe url(images/body-bg.jpg) top left repeat-x;
  width: 100%;
}
#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background: url(images/content-bg.jpg) 10px top repeat-y; margin:0 auto;	text-align: left;}
#content{
}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px; }

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

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#left-inner #menu1{

}


#left-inner #menu1 .inner{
    padding-left:10px;
}


#actualite{
  background: url(images/act.jpg) top left no-repeat;
  height:144px;
  padding:20px 10px 0 47px;
  text-align: justify;
}
    p.titluMDM {
      font-weight: bold;
      font-size: 12px;
      line-height:15px;
    }
    .savoirPlus{
      background: url(images/savoirPlus.jpg) repeat-x top left;
      clear:right;
      float:right;
      margin-top: 3px;
      padding-top: 2px;
      height: 28px;
      font-size: 11px;
      padding-right: 11px;
      width: 80px;
    }
    a.aSavoir {
      color:white;
      text-decoration:none;
    }
    a:hover.aSavoir {
      color:black;
      text-decoration:none;
    }
#info{
  background: url(images/coord.jpg) top left no-repeat;
  height:130px;
  padding:19px 10px 0 52px;
  text-align: justify;
}
    p.infoP{
      font-size:11px;
      line-height:15px;
    }
    p.infoP1{
      font-size:11px;
      padding: 3px 0 0 38px;
    }

    #info a:link, #info a:visited{
      color:#a7535d;
      text-decoration: underline;
    }
    #info a:hover, #info a:active{
      text-decoration: none;
      color:black;
    }
    span.mailsPlace  a:link, span.mailsPlace  a:visited{
      color:#a7535d;
      text-decoration: underline;
    }
    span.mailsPlace  a:hover, span.mailsPlace  a:active{
      text-decoration: none;
      color:black;
    }
   .ment a:link, .ment a:visited {
      color:#a7535d !important;
      font-weight: bold;
      text-decoration: underline;
    }
    .ment a:hover, .ment a:active {
      color:black !important;
       font-weight: bold;
      text-decoration: none !important;
    }

#promo{
  background: url(images/plan.jpg) top left no-repeat;
  height:129px;
}
   .planu{
      width:196px;
      height:69px;
      position:absolute;
      margin-top: 9px;
      margin-left: 45px;

   }
#plan_image{
   border: 1px solid #afd7ff;
   width:686px;
   margin: 0 auto;
}


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

.separat{
   background: url(images/sep.jpg) repeat-x left 21px;
   width:700px;
   height:47px;
}
.firstu{
  background: url(images/bg-pic1.jpg) no-repeat left top;
  width: 459px;
  height: 123px;
  float:left;
  padding: 19px 11px 10px 14px;
  text-align: justify;
}
    p span{
    color:#c95562;
    font-weight: bold;
  }
  .firstu p.second{
    padding-top:20px;
  }
.secondu{
  background: url(images/bg-pic2.jpg) no-repeat left top;
  width: 459px;
  height: 97px;
  float:left;
  padding: 45px 11px 10px 14px;
  text-align: center;
}



.ulHolder{
  width:700px;
  height:100px;
  float:left;
}
.unu{
  background: url(images/unu-bg.jpg) no-repeat left top;
  width: 10px;
  height: 100px;
  float:left;
}
.doi{
  border-top: 1px solid #afd7ff;
  border-bottom: 1px solid #afd7ff;
  width: 680px;
  height: 93px;
  float:left;
  padding-top:5px;
}
    ul li a:link, ul li a:visited{
      color: black;
      text-decoration: none;
    }
    ul li a:hover, ul li a:active{
      color: #c95562;
      text-decoration: underline;
    }
    .doi ul{
      padding-left: 35px;
      padding-top:5px;
      width: 190px;
      float:left;
    }
    .doi ul.ul2{
      width: 165px;
      padding-left: 55px;
    }
    .doi ul li{
      list-style-image: url(images/bul.jpg);
      font-weight: bold;
      line-height: 16px;
      font-size:12px;
    }
.trei{
  background: url(images/trei-bg.jpg) no-repeat left top;
  width: 10px;
  height: 100px;
  float:left;
}
.ulHolder2{
  width:700px;
  height:313px;
  float:left;
}
.unu1{
  background: url(images/l2.jpg) no-repeat left top;
  width: 10px;
  height: 313px;
  float:left;
}
.doi2{
  border-top: 1px solid #afd7ff;
  border-bottom: 1px solid #afd7ff;
  width: 680px;
  float:left;
  padding-top: 8px;
  height: 303px;
}
    .doi2 p.prim {
      background-color: #e3f1ff;
      font-weight: bold;
      border-bottom:1px solid white;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: justify;
    }
    .doi2 p span {
      font-weight: normal;
      color:black;
    }
    .doi2 span.nameu {
      color:#C95562;
        font-weight:bold;
    }
span.nameu{
  color:#C95562;
  font-weight:bold;
}


.trei3{
  background: url(images/r2.jpg) no-repeat left top;
  width: 10px;
  height: 330px;
  float:left;
}
.hesitez{
  background: url(images/hesitez.jpg) no-repeat left top;
  float:left;
  padding-top: 17px;
  padding-left: 10px;
  padding-right: 10px;
  width: 678px;
  height: 112px;
}

.textu{
  width: 327px;
  height: 67px;
  float:left;
  padding-top: 0px;
  margin-top: 20px;
  margin-right: 30px;
}
ul.tarif1{
  background-color: #C7E5FF;
  width:230px;
  float:left;
  line-height:18px;
  padding-left:27px;
}
ul.tarif1 li, ul.tarif2 li, ul.tarif3 li{
  border-bottom:1px solid white;
  padding-bottom:2px;
  padding-top:2px;
}
ul.tarif2{
  background-color: #C7E5FF;
  width:173px;
  float:left;
  line-height:18px;
  padding-right: 27px;
}
ul.tarif3{
  background-color: #C7E5FF;
  float:left;
  line-height:18px;
  padding-left:27px;
  width: 403px;
  padding-right: 27px;
  height: 69px;
}
.lastTarif p{
  text-align:justify;
}
span.italics{
  font-style: italic;
  color:black;
  font-weight: normal;
}


.holder2{
  width:700px;
  height:148px;
  float:left;
}
   .holder2 .intre{
     background: url(images/holder2-bg.jpg) no-repeat left top;
     float:left;
     padding-top: 46px;
     padding-left: 12px;
     padding-right: 10px;
     height: 102px;
     width: 320px;
   }
.holder3{
  background: url(images/holder3.jpg) no-repeat left top;
  float:left;
  margin-left:5px;
  text-align: justify;
  padding-right: 15px;
  width: 449px;
  padding-left: 15px;
  padding-top: 30px;
  height: 126px;
}


  #footer{
    background: url(images/footer-bg.jpg) top left repeat-x;
    border-right: 1px solid #3691ee;
	width:971px;
	height:50px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px; }

  .footer_in{
    float:left;
  }
  .box1{
    padding-left:15px;
    font-size: 11px;
    color:black;
    width:945px;
    height:43px;
    padding-top:7px;
    }
  .realise{
    width:230px;
    float:left;
  }
  #menu2{
   width:700px;
   height:16px;
   float:left;
   text-align:right;
  }
    #menu2 p{
      text-align:right;
      padding-right:10px;
    }
    #mention a:link, #mention a:visited{
      color:black !important;
      text-decoration: none;
      }
      #mention a:hover, #mention a:active {
      color:#9d414c !important;
      text-decoration: underline;
      }
      #mention a.active{
         color:#9d414c !important;
        text-decoration: underline;
      }


  #footer a:link, #footer a:visited{
  font-size:11px;
  color:black;
  }
  #footer a:hover, #footer a:active{
  font-size:11px;
  color:#9d414c;
  }
  #footer a span{
  color:#895114;
  }
    #footer a:link.digitalage, #footer a:visited.digitalage{
      display: block;
      float: left;
      line-height: 16px;
      width: 170px;
      color:#9d414c;
      text-decoration: none;
      }
      #footer a:hover.digitalage , #footer a:active.digitalage {
      display: block;
      float: left;
      line-height: 16px;
      width: 170px;
      color:black;
      text-decoration: underline;
      }
      #footer .ref a:hover, #footer .ref a:active{
        text-decoration:underline;
      }


    #menu2{
      float: right;
      height: 20px;
      text-align: right;
      width: 580px;
      }

      #menu2 ul li{
        border-right: 1px solid black;
        padding: 0 10px 0 10px;
        }

        #menu2 ul li.btn5{
          border: 0 none;
          padding: 0 10px 0 10px;
          }
        #menu2 ul li a.active{
           color:#9d414c;
           text-decoration: underline;
        }
    .copyright{
	  color:black;
      display:inline;
      float:right;
      font-size:11px;
      height:20px;
      margin-right:10px;
      text-align:right;
      width:580px; }
     #footer .copyright a:link{
        color:#9d414c;
        text-decoration: none;
       }
     #footer .copyright a:hover{
        color:black;
        text-decoration: underline;
       }
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}
	
img.thumb{border-style:solid; border-width:5px; padding:1px; margin: 0 5px;}

img.thumb{border:1px solid #ffe4e6; margin: 0 0;}
img.thumb0{border:1px solid #ffe4e6; margin: 0 0;}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:10px; clear:both; padding:0; line-height: 0px; font-size: 0; overflow: hidden;}
.seps{width:100%;	height:4px; clear:both; padding:0; line-height: 0px; font-size: 0; overflow: hidden;}

.diapo{
  width: 700px;
}


/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%; background: #E8F6FF; border: 1px solid #C7E5FF; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}
.bg-text{
  background-color: white;
  border: 1px solid  #C7E5FF;
  padding:5px 5px;
  margin-bottom: 20px;
}
a:link.merciA, a:visited.merciA{
   color: black;
   text-decoration: underline;
}
a:hover.merciA, a:active.merciA{
   color: #c95562;
   text-decoration: none;
    }

.bg-text p{
  text-align:center;
}
.mail-input
{
    color: #424aaf;
    width:250px;
    text-align: left;
    float: left;
}
.mail-label{
	font-weight: normal;
	float:left;
	text-align:left;
	height:10px;
	width:90px;
    text-align: left;
    margin-top:7px;
    font-size: 12px;
    color:#c95562;
}
.checks{
    float:left;
    height:25px;
    width:140px;
    color:#c95562;
}
.buttonE
{
    background: url(../../images/charte/contact/envoyer.jpg) no-repeat top left;
	border: none;
    width: 120px;
	height: 28px;
    margin-right: 20px;
}
.buttonEover
{
    background:  url(../../images/charte/contact/envoyer-over.jpg) no-repeat top left;
	border: none;
    width: 120px;
	height: 28px;
    cursor: pointer;
    margin-right: 20px;
}
.buttonR
{
    background:  url(../../images/charte/contact/retablir.jpg) no-repeat top left;
	border: none;
    width: 120px;
	height: 28px;
}
.buttonRover
{
    background:  url(../../images/charte/contact/retablir-over.jpg) no-repeat top left;
	border: none;
    width: 120px;
	height: 28px;
    cursor: pointer;
}
.inputForm
{
    font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
    font-size:12px;
    padding: 2px;
	margin: 5px 0 0 0px;
	width:250px;
    color:#5e656f;
    border: 1px solid #d2d2d2;
	background-color:#fff;
	float:left;
	height:15px;
}
.inputFormOver
{
    font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
    font-size:12px;
 	padding: 2px;
	margin: 5px 0 0 0px;
	width: 250px;
	height:15px;
    color: #9d414c;
    border: 1px solid #ffe4e6;
	background-color:#ffffff;
    float:left;
}
.merci-box{
  color:#c95562;
  float:left;
  font-size:12px;
  font-weight:bold;
  padding-top:10px;
  text-align:center;
  width:100%;
}


/* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
#admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}