/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {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;}
.left1{float: left; margin:0 19px 0 0;} .right1{float: right; margin:0 0 0 19px;}
#push, .clr	{clear: both;}

body{background: #e3e4e6;}
#bg1{position:absolute;z-index: 1; width:100%; }
#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/spacer.jpg) 50% 0% repeat-y;; margin:0 auto;	text-align: left;}
#container-fix{background: url(images/bg-rightcol.jpg) no-repeat top right; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}

/* ===| 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;}
#menu1
{
    float:left;
    width:290px;
    height:176px;
}
#info
{
    float:left;
    width:273px;
    height:190px;
    padding:5px 0 0 17px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; }
#right-inner{padding: 0 26px 10px 26px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#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;  width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }
#footer.outter	{background:url("images/footer-bg-0.gif") -16px 0% repeat-y; margin: 0 auto; padding: 0px;}
#footer .inner	{background: url(images/bg-footer.jpg) 50% 100% no-repeat; height:71px;}
div.ref{padding-top:20px;}
.digitalage
{
    float:left;
    width:310px;
    padding:18px 0 7px 17px;
}
.copyright
{
    float:left;
    width:310px;
    padding:0px 0 0 17px;
}
#menu2
{
    float: left;
    width:650px;
    padding:18px 0 0 0;
    text-align: center;
}
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
img.thumb{border:1px solid #9e9e9e;}
#menu2 ul li{display: inline;}
.separator{width:100%;	height:25px; clear:both; padding:0;  line-height: 0px; font-size: 0; overflow: hidden; background: url(images/separator.gif) repeat-x 50% 50%; }

#page-title
{
    float:left;
    padding-bottom:19px;
}
#video1
{
    width:320px;
    height:270px;
    border:solid 1px #cccccc;
    float: left;
}
#video2
{
    width:320px;
    height:270px;
    margin-left:10px;
    border:solid 1px #cccccc;
    float: left;
}
#carousel
{
  width:600px;
  height:300px;
  margin: 0px auto;
}

ul.list{
    float:left;
    margin: 0;
    padding: 0;
	}
ul.list li{
	background: url(../../images/charte/arrow.gif) no-repeat top left;
	background-position:0px 5px;
	text-align:justify;
    color:#333333;
    font-size:12px;
	line-height: 16px;
	padding:0px 0px 5px 20px;
	}
#form-recrute
{
    float: left;
    width:250px;
    height:330px;
}
#recrute
{
    float: left;
    width: 533px;
    height: 168px;
    padding:46px 0 0 120px;
    background: url(../../images/charte/bg-recrute.gif) no-repeat top left;
}

.holder
{
    float: left;
    width:200px;
    padding:0 9px;
}
.holder-big
{
    float: left;
    width:645px;
    padding:5px 0 0 9px;
}
.mercidiv
{
    width:100%;
    text-align: center;
    text-align: center;
}
#partenaires
{
    float:left;
    background:url(../../images/charte/title-partenaires.jpg) no-repeat top left;
    width:706px;
    height:54px;
}

#partenaires-liste
{
    float:left;
    background:url(../../images/charte/title-partenaires-liste.jpg) no-repeat top left;
    width:706px;
    height:54px;
}

#recherche
{
    float: right;
    padding:20px 28px 0 0;
}



/* ===| IX. COMPONENT GALERIE |========================================================*/
#gallery{padding: 5px;}
#gallery div.thumb{float: left; width: 30%; text-align: center; padding: 5px; min-height: 90px; height:auto!important;height:90px;}
#gallery div.thumb a{display: block; vertical-align: middle;}
#gallery div.thumb a img{border: 1px solid #ccc; padding:5px; background: #fff;}

/* ===| X. COMPONENT LIENS |===========================================================*/
#liens{padding:5px;}
#liens div.lien{padding: 5px 0; border-top: 1px solid #f3f3f3;}
#liens div.thumb{float:left; width:145px; text-align: center;}
#liens div.thumb a img{padding: 5px; border: 1px solid #ccc; display: inline;}
#liens .txt {float:left; width:360px;}
#liens h5{font-weight:bold;text-transform:capitalize;}
#liens p { color: #747474;}

 /* =============== partenaires ============ */

  .encart-partenaires-holder
	{
   padding: 0 5px 10px 0;
	 float: left;
  }

 .encart-partenaires
 {
   width: 300px;
	 height: 85px !important;
	 border: solid 1px #8fa3b6;
	 float: left;
	 padding: 10px;
 }


.encart-img
{
   height: 75px;
   float: left;
   width: 75px;
	 text-align: center;
	 margin-right: 10px;
	 border: solid 1px #bcbcbc;
	 padding: 2px;
}

.encart-title
{
 float: left; width: 208px; height: 68px;
}


.btn_partenaires_visiter{
  float: right;
  cursor: pointer;
}