/*===| 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;}
#push, .clr	{clear: both;}

body{}
#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{ margin:0 auto;	text-align: left;}
#content{}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; padding:0 0 13px 0; overflow: hidden;}

#leftcol{width:199px; float:left;}
  #menu1{width:179px; float:left;}
  #newsletter{width:179px; float:left; background: url(images/bg-newsletter.jpg) left top no-repeat}
  #newsletter .inner{padding:39px 0 10px 12px;}


#contenuTexte{width:497px; padding-left:10px; float:left; display: block; overflow: hidden;}
#contenuTexte div.contentBox1{width:457px; float:left; padding:15px 20px 4px 20px; margin-bottom:10px; display:inline;  background: url(images/bg-box1.jpg) left top repeat-y;}


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

#right-outter div.outter{width: 254px; margin: 0 1px 0 15px; display: inline; float:left;}
#right-outter div.inner{padding: 40px 9px 0 9px;}

#right-outter div.box1{padding: 0; width:270px; margin:0; height:265px; background: url(images/bg-video.jpg) left top no-repeat; }
#right-outter .box1 .inner{padding: 70px 0 0 14px;}

#right-outter div.box2{padding: 0; height:248px; background: url(images/bg-mdm.jpg) left top no-repeat;}
#right-outter .box2 .inner{padding-top:35px; height:213px; float:left;}
#right-outter .box2 .actuPlacer{height:167px;}
#right-outter .box2 .mdmHolder{float:left; height:206px; padding:5px 0 0 0;}

#right-outter div.box3{padding: 0; height:183px; background: url(images/bg-info.jpg) left top no-repeat;}
#right-outter .box3 .inner{padding-top:46px; padding-right:14px;}


/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:#dadada; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{ margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 0; }
#footer .box1	{ padding:9px 10px 8px 5px; }

#footer img.left{float:left; }

#menu2 ul li{display: inline;}
#menu2{float:right;}
#menu2 ul{ text-align:right;}

#smoothmenu {height:18px; float:right; margin:0; padding:0;}


#footer .copyright{ clear:right; text-align:right; padding:0; margin:0; }
.realise{float:left;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
.left{float:left;}
.right{float:right;}


img {border: 0;}

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


img.thumb{border:1px solid #636363; padding:0px; margin:0;}
img.left{float:left; margin-right:20px ;}
img.right{float:right; margin-left:20px;}


#actualite .thumb{float:left; margin:4px 9px 4px 0;}

.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;}
.clearer{height:0px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer10{height:10px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 10px; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%; background: url(images/bg-box1.jpg) left top; border: 1px solid #dfdfdf; }
#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;}

#frmContact .ckboxez{ padding: 5px 0 5px 0; border-bottom: 1px solid #ffffff;}
#frmContact .chk{float:left; margin:0 5px 0 25px; display: inline;}
#frmContact .ckboxez input{padding:0; margin:0; border:none;}


#frmContact input, #frmContact textarea{
  font-size:12px;
  line-height:16px;
  border:1px solid #8F8F8F;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#1c1c1c;
}

#frmContact .inputText{
  border:1px solid #8F8F8F;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#1c1c1c;
}
#frmContact .inputText-focus{
  border:1px solid #000000;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#1c1c1c;
}

#frmContact input{
  font-size:12px;
  line-height:16px;
  border:1px solid #8F8F8F;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#1c1c1c;
}


div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
#frmContact .inputButton{
  border: 1px solid #fff;
  background: #DADADA;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  padding: 2px 4px;
  color:#1c1c1c;
  }
#frmContact .inputButton-focus{
  border: 1px solid #ccc;
  background: #fff;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  padding: 2px 4px;
  color:#000000;
  }
#frmSearch label{
  width:250px;
  float:right;
  text-align:left;
  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
#frmSearch select{ float:right; width:180px;  font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#1c1c1c;}

#contenuTexte .colLeft{
  width:45%; float: left;
}


.pagination {float: left; clear:both; width:100%; text-align:center; border-top:1px solid #dddddd;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.pagination a:hover, .pagination a:active{color:#000000; text-decoration: underline;}

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

/* ===| XI. COMPONENT LIVRE D'OR |======================================================*/
.submit-buttons input{cursor: pointer;}
fieldset {border: 1px solid #ccc; padding: 5px; background: url(images/bg-box1.jpg) left top;}
fieldset legend {padding: 2px 5px; color: #333333; margin: 0;}
fieldset legend span {color:#131313; font-weight: bold; font-size: 13px;}
fieldset p{text-align: justify; padding: 5px;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter .newsinputbg{
  width:112px;
  height:16px;
  padding: 2px 5px;
  float:left;
  background: url(images/bg-newsletter-input.jpg) left top no-repeat;}
#newsletter .newsinputbg input{
  background:none;
  border:none;
  color:#6d6d6d;
  font: 11px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  padding:0;
  margin:0;
  width:112px;
  height:16px;
  float:left;
  }
#newsletter .newsinputbg input.inputText-focus{
  color:#000000;
}


#newsletter .inputButton{cursor:pointer; width: 34px; height:20px; border:none; background: url(images/btn-ok.jpg) left top no-repeat;  }
#newsletter .inputButton-focus{cursor:pointer; width: 34px; height:20px; border:none; background: url(images/btn-ok.jpg) left bottom no-repeat;  }

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

/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/

#listgalerie .thumbHolder { background: url(images/bg-box1.jpg) left top; float:left; width:145px; padding:5px; margin:5px;  text-align:center; height:120px; display: inline;}
#listgalerie .fichetech { background: url(images/bg-box1.jpg) left top; float:left; width:145px; padding:5px; margin:5px;  text-align:center; height:110px; display: inline;}
#listgalerie .presse { background: url(images/bg-box1.jpg) left top; float:left; width:145px; padding:5px; margin:5px;  text-align:center; height:110px; display: inline;}
#listgalerie .thumbHolder .thumb {border:1px solid #636363; padding:0px; margin:0 auto; width:75px; height:75px;}
#listgalerie .thumbHolder p{padding:0;}

#listvideos .thumbHolder { background: url(images/bg-box1.jpg) left top; float:left; width:225px; padding:5px; margin:5px;  text-align:center; height:95px;}
#listvideos .thumbHolder .thumb {border:1px solid #636363; padding:0px; float:left; margin: 0 10px 0 0; width:75px; height:75px;}
#listvideos .thumbHolder p{padding:0;}

/* ---( listgalerie - details )------------------------------------------------------ */
#galerie-detail .text-details{text-align: justify;}
#galerie-detail .photos{text-align: center;}
#galerie-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #ffffff;}