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

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

/* ===| 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.inner{
padding: 38px 2px 0px 40px;
}
#actualite, #contact-info, #promo {}
#contacts a.a_savoiru:hover, #contacts2 a.a_savoiru:hover{
text-decoration:underline;
}
#contacts a.a_savoiru, #contacts2 a.a_savoiru{
color:#c6e668;
font-size:11px;
text-decoration:none;
}

#contacts{
background:url(images/left.jpg) top left no-repeat;
width:511px;
height:227px;
}
.actu{
width:266px;
height:146px;
float:left;
}
.coord{
width:180px;
height:98px;
float:left;
padding:57px 50px 0 15px;
}
#contacts .coord p, #contacts2 .coord2 p{
font-size:11px;
line-height:16px;
}
#contacts .coord p a#mail, #contacts2 .coord2 p a#mail{
color:#9cbb00;
font-weight:bold;
text-decoration:none;
}
#contacts .coord p a#mail:hover, #contacts2 .coord2 p a#mail:hover{
color:#9cbb00;
font-weight:bold;
text-decoration:underline;
}

#contacts2{
background:url(images/contacts2.jpg) top left no-repeat;
width:880px;
height:120px;
float:left;
padding-top: 50px; 
padding-left: 15px;
}
.actu2{
width:220px;
height:146px;
float:left;
}
.coord2{
width:180px;
height:98px;
float:left;
padding:20px 50px 0 25px;

}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
img.title1{
margin-left:20px;
margin-right:200px;
float:left;
}
img.title2{
float:right;
margin-right:20px;
margin-left:350px;
}
#right-outter{
background:url(images/right-reapeat-y.jpg) top left repeat-x;
float:left;	
margin:0; 
padding:0; 
overflow: hidden;
}
#right-inner{padding: 0px 20px 10px 20px;}

.envie{
margin-top:30px;
background:url(images/envie.jpg) top left no-repeat;
width:379px;
height:105px;
padding:55px 0 0 35px;
}
.envie ul.ul1{
width:90px;
float:left;
padding:0;
margin:0;
}
.envie ul.ul2{
width:135px;
float:left;
padding:0;
margin:0;
}
.envie ul li{
background: url(images/bul.jpg) no-repeat 0px 6px;
line-height: 18px;
margin: 0 0 0 0;
padding: 0px 0px 0px 15px;
}
#contacts .coord a.btn6, #contacts2 .coord2 a.btn6{
color:#9cbb00;
text-decoration:none;
font-weight:bold;
}
#contacts .coord a.btn6:hover, #contacts2 .coord2 a.btn6:hover{
color:#9cbb00;
text-decoration:underline;
font-weight:bold;
}
.prod1 ul{
float:left;
width:245px;
padding-left:60px;
}
.prod2 ul{
float:right;
width:325px;
padding-top: 15px;
}
/*===================top center==============================================*/
.prod1{
background:url(images/prod1-bg.jpg) top left no-repeat;
width:868px;
height:161px;
float:left;
padding-left:20px;
padding-top:16px;
margin-bottom:20px;
}
.prod2{
background:url(images/prod2-bg.jpg) top left no-repeat;
width:868px;
height:162px;
float:left;
padding-top:15px;
padding-right:20px;
}
p.p_ind{
text-indent:20px;
padding-top:5px;
margin-bottom:12px;
}
.box_h1 ul{
padding-left:30px;
padding-top:20px;
float:left;
width:120px;
}
.box_h1 ul li {
background: url(images/bul.jpg) no-repeat 0px 6px;
display:block;
float:left;
width:150px;
padding-left:10px;
}
.prod1 ul{
padding-left:60px;
padding-top:10px;
float:left;
width:180px;
}
.prod1 ul li {
background: url(images/bul.jpg) no-repeat 0px 15px;
display:block;
float:left;
width:180px;
padding-left:10px;
padding-top:10px;
}
.prod2 ul{
padding-left:110px;
padding-top:5px;
float:left;
width:200px;
}
.prod2 ul li {
background: url(images/bul.jpg) no-repeat 0px 15px;
display:block;
float:left;
width:200px;
padding-left:10px;
padding-top:8px;
}
.pic_h{
width:105px;
height:139px;
float:right;
margin-left:10px;
}
.box_h1{
width:368px;
height:150px;
float:left;
padding:25px 15px 0 15px;
}
.box_h2{
padding:15px 15px 0 30px;
width:447px;
height:150px;
float:left;
}
.top_h{
width:605px;
float:left;
height: 120px; 
padding-top: 35px; 
padding-left: 15px;
padding-right: 35px;
}
.top_f{
width:520px;
height:140px;
float:left;
padding-top:15px;
padding-left:35px;
}
.top_f ul li {
background: url(images/bul.jpg) no-repeat 0px 31px; 
display:block;
float:left;
padding:25px 20px 0 8px;
margin-bottom:25px;
}
.box_f1{
width:368px;
height:216px;
float:left;
padding:25px 15px 0 15px;
}
.box_f2{
padding:25px 15px 0 30px;
width:447px;
height:216px;
float:left;
}
.box_f1 span{
font-weight:bold;
color:#d7ea7d;
}
.box_f3{
width:113px;
height:141px;
margin-top:14px;
float:left;
margin-right:16px;
}
.p_f {
padding-top:30px;
}
.inoa a:link, .inoa a:visited{
 color:#598c02;
 text-decoration: underline;
 font-weight:bold;
}

.inoa a:hover, .inoa a:active{
 color:#bcbcbc;
 text-decoration: none;
  font-weight:bold;
}
/* ===| V. FOOTER BOXES |=====================================================*/
.footer_holder{
width:600px;
float:left;
}
#wrap-footer{
  height:64px;
  float:left;
  text-align: left;
  width: 100%;
  }
 #footer{  
	background: url("images/footer-bg.jpg") top center no-repeat;
	width:930px;
	height:64px;
    margin: 0 auto;
    padding: 15px 0px 0px 0px;
 }
.box1{
width: 200px;
float:left;
padding-left: 20px;
}
#menu2{
padding-left:280px;
width:423px;
}
.copyright{ 
padding-left: 285px;
width: 400px;
float:left;
text-align: right;
color:#747474;
}
#menu2 ul li {
border-right:1px solid #bcbcbc;
padding:0 10px 0 7px;
}
.ref{
float:left;
width:200px;
padding:0 10px 0 370px;
color:#749510;
}
#scrolu{
width:800px;
height:370px;
}
/* ===| 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 #536a0a; }
img.thumb0{border:1px solid #536a0a;}

#menu2 ul li{display: inline;}

.separator{width:100%;color:#435000;height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}
.separator1{width:100%;color:#435000;height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}
.separatoru{width:100%;color:#435000;height:0px; clear:both; padding:0; margin:3px 0 9px 0; border-top: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}
/* ===| VII. CONTACT FORM |=====================================================*/
#contact-form{
width:890px;
height:395px;
float:left;
background:url(images/bg-contact-form.jpg) top left repeat-x;
}
#frmContact{
font-family: Arial;
  float:left;
  clear:both;
  margin                                                  : 0px auto;
  padding                                                 : 0px;
  width                                                   : 930px; }

  #frmContact label{
    display                                               : block;
    float                                                 : left;
    padding                                               : 0px;
    width                                                 : 380px; }
#frmContact label input.input-over, #frmContact label textarea.input-over{
font-family: Arial;
font-size:11px;
background:#eeffe6;
}
#frmContact label input.inputu,  #frmContact label textarea.inputu{
font-family: Arial;
font-size:11px;
background:white;
}
    #frmContact label span{
      color                                               : #fff;
      float                                               : left;
      font-style                                          : normal;
      font-family                                         : Arial;
      font-weight                                         : normal;
      padding                                             : 4px 0 0 0;
      text-align                                          : left;
      width                                               : 75px; }

    #frmContact label input, #frmContact label textarea{
	  font-family: Arial;
	  margin-top:5px;
      width                                               : 228px;
      font-size                                           : 11px;
      vertical-align                                      : top; }

    #frmContact label textarea{
	  font-family: Arial;
      font-size                                           : 11px; }

  .input{
    font-family: Arial;
	font-size:11px;
    background-color                                      : white;
    border                                                : 0 none;
    padding-top                                           : 2px; }

    .inputover{
	  font-family: Arial;
	  font-size:11px;
      background-color                                    : #e5e5e5;
      border                                              : 0 none;
      padding-top                                         : 2px; }
.mes_area{
font-family: Arial;
width: 820px; 
padding-left: 80px;
}
 #frmContact label.comm_area{
width: 775px;
font-family: Arial;
padding-top: 5px;
}
 #frmContact label span.span_area{
float:left;
width:70px;
}
  #capa{                                                                        /* Captcha input */
	font-family: Arial;
    color                                                 : #69625a !important;
    height                                                : 19px;
    float                                                 : left;
    font-size                                             : 15px !important;
    font-weight                                           : bold;
    margin                                                : 0px 0px 10px 0px;
    padding-top                                           : 3px;
    text-align                                            : center; }

  #capaimg{
    width                                                 : 100px;              /* Captcha image */
    float                                                 : left; }

      #envoyer{
        background-image                                  : url(images/envoyer.jpg);
        background-position                               : -96px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        clear                                             : both;
        cursor                                            : pointer;
        display                                           : inline;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 26px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
        margin-right                                      : 10px;
        margin-left                                       : 100px;
        width                                             : 97px !important; }
		#envoyer input, #retablir input{
		border:0 none;
		width:97px;
		height:26px;
		background:none;
		display: block;
		line-height:0;
		font-size:0;		
		}

		#merci_bt{
        background-image                                  : url(images/merci-btn.jpg);
        background-position                               : 0px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        cursor                                            : pointer;
        display                                           : inline;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 35px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
		margin-left                                       : 347px;
        width                                             : 197px !important; }		
		

      #retablir{
        background-image                                  : url(images/retablir.jpg);
        background-position                               : 0px 0px;
        background-repeat                                 : no-repeat;
        border                                            : 0 none;
        cursor                                            : pointer;
        display                                           : block;
        float                                             : left;
        font-size                                         : 0px;
        height                                            : 26px;
        line-height                                       : 0px;
        margin-top                                        : 10px;
        width                                             : 97px !important; }

 .capcia{
width: 700px; 
padding-left: 170px;
 }
  div.submit-buttons {
  float:left;
  height:40px;  
  width: 600px; 
  padding-left: 268px;
  }
   /* div.submit-buttons a:hover input{
      background                                          : #fff;
      border                                              : 1px solid #ccc; }*/
    .merci-box{
	  margin-bottom:250px;
      color                                               : #b0da2b;
      float                                               : left;
      font-size                                           : 13px;
      font-weight                                         : bold;
      padding-top                                         : 60px;
      text-align                                          : center;
      width                                               : 890px; }
.cont span{
color:#a0b924;
font-weight:bold;
font-style:italic;
padding-left:145px;
}


/* ===| VIII. COMPONENT EVENEMENTES |=====================================================*/
div.title{float: left; clear: left; width: 100%;}
div.event{float: left; clear: left; width: 100%; border-top: 1px solid #ccc; padding: 5px 0;}
#evenementes h4{text-align: center;}
#evenementes h5 a, #evenementes h5 span{display:block; width:32%; float:left; margin: 0 1px; text-align: center;}
#evenementes h5 span{background: #f2f2f2;}
#evenementes h5 a:link, #evenementes h5 a:visited{text-decoration: none; color: #8d8d8d;}
#evenementes h5 a:hover, #evenementes h5 a:active{text-decoration: underline;color: #000000;}

div.event a:link, div.event a:visited{display: block; float: left; text-decoration: none;}
div.event a:hover, div.event a:active{cursor:pointer; text-decoration: underline;}
div.event div, div.event a span{vertical-align: middle;}
div.event span{float:left; padding: 5px 10px;}

.pagination {float: left; clear:left; width:100%; text-align:center; border-top: 1px solid #ccc;background: #f2f2f2;}
.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;}
/* ---( evenemetes - details )------------------------------------------------------ */
#event-detail{background: #f3f3f3; padding: 5px;}
#event-detail h3 span{white-space: nowrap; font-size: smaller;}
#event-detail .photos{text-align: center;}
#event-detail .photos a#bigHref img{border:1px solid #ccc; padding: 5px; background: #fff;}
#event-detail .photos div{padding: 0 0 10px;}
#event-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #fff;}
#event-detail .text-details{padding:10px 0; text-align: justify; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

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

/* ===| XI. COMPONENT LIVRE D'OR |======================================================*/
.submit-buttons input{cursor: pointer;}
fieldset {border: 1px solid #ccc; padding: 5px;}
fieldset legend {padding: 2px 5px; text-transform: capitalize;	font-weight: bold; color: gray; margin: 0;}
fieldset legend span {color: #000000; font-size: 1.2em;}
fieldset p{text-align: justify; padding: 5px;}
.pagination{margin: 5px 0;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter{background: #f3f3f3; border: 1px solid #ccc; padding:10px;}
#newsletter input{width: 40%; vertical-align: top;}

#newsletter a:link, #newsletter a:visited {text-decoration: none;}
#newsletter a:link input, #newsletter a:visited input {border: 1px solid #fff; background: #ccc; cursor: pointer; width: auto;}
#newsletter a:hover input {border: 1px solid #ccc; background: #fff; width: auto;}

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

/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#listgalerie{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

#listgalerie .thumb {float:left; width:30%; text-align:center; padding:5px; min-height:90px; height:auto!important; height:90px;}
#listgalerie .thumb a:link, #listgalerie .thumb a:visited{display: block; vertical-align: middle; text-decoration: none; color: #747474;}
#listgalerie .thumb a:hover, #listgalerie .thumb a:active {text-decoration: underline; color: #000;}
#listgalerie .thumb a img {border: 1px solid #ccc; padding:5px; background: #ffffff;}
/* ---( 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;}