/*===| I. MAIN LAYOUT  |====================================================*/
* {margin: 0;}
html {width: 100%;height: 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;}
.clear{
    clear: both;
    display: block;
    height: 0px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
body{
    width: 100%;
    background: #505050 url(images/bg.jpg) repeat-x top center;
    color:#002A94;
}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%;}
#bg3{position:absolute;z-index: 3; }

#wrap-container{position:relative;z-index:4; width: 100%; background: url(images/bg_wrap.jpg) no-repeat top center;}
#container{ background:url(images/bg-container.jpg) repeat-y left top; margin:0 auto;	text-align: left;}
#content{}

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

/* ===| 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;}
#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

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


/* ===| IV. LEFT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{}
#actualite{
    width:220px;
    height:141px;
    padding:29px 10px 0px 10px;
    background: url(../../images/charte/bg-actualites.jpg) no-repeat left top;
}
#actualite .inner{
  height:102px;
}

#actualite .inner img{
  border: 1px solid #000000;
  float:right;
  margin:5px 0 0 10px;
}
#newsletter{
  width:230px;
  height:38px;
  padding:32px 0px 0px 10px;
  background: url(../../images/charte/bg-newsletter.jpg) no-repeat top left;
}
#plan{
  width:240px;
  height:94px;
  text-align: center;
  background: url(../../images/charte/bg-plan.jpg) no-repeat left top;
  padding-top:35px;
}
#diapo{
  width:239px;
  height:300px;
  padding-left:1px;
}

#info{
  width:700px;
  height:72px;
  background: url(../../images/charte/bg-info.jpg) no-repeat left top;
  padding:10px 0px 0px 0px;
  float: left;

}
#info .bx1{display:inline; width:218px; margin-left:187px; float:left;padding:0px; height:72px;}
#info .bx2{width:200px; float:left; height:72px;}

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

#footer.outter	{background:url(images/bg-footer.gif) no-repeat left top; margin: 0 auto; padding-top: 15px;}
#footer .inner	{}
#footer .box1	{width:190px; float:left; height:38px; padding-left:10px;}
#footer .box2	{width:749px; float:left; height:38px; text-align:right; padding-right:11px;}

.ref{text-align:center; font-size:11px; color:#B0B0B0;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
a:focus{
  outline: none;
}
.antimailharvest{
  display: none;
}
a:link, a:visited {
    border:	0px; padding:0px; margin:0px;
	color:#1B2052;
	text-decoration: none;}
a:hover, a:active {
	color:#ffffff;
	text-decoration: none;}
.paragraph a:link, .paragraph  a:visited {
    border:	0px; padding:0px; margin:0px;
	color:#484848;
	text-decoration: none;}
.paragraph a:hover, .paragraph a:active {
	color:#002096 !important;
	text-decoration: none !important;}
#footer a:link, #footer a:visited {
	color:#ffffff;
	text-decoration: none;}
#footer a:hover, #footer a:active {
	color:#B0B0B0 !important;
	text-decoration: none !important;}
#info a:link, #info a:visited {
	color:#141414;
	text-decoration: none;
    font-weight: bold;}
#info a:hover, #info a:active {
	color:#002096 !important;
	text-decoration: none !important;}
#merci a:link, #merci a:visited {
	color:#141414;
	text-decoration: none;
    font-weight: bold;}
#merci a:hover, #merci a:active {
	color:#002096 !important;
	text-decoration: none !important;}

.thumb-left{  float:left;  margin-right:10px; border:1px solid #002A94; }
.thumb-right{  float:right;  margin-left:10px; border:1px solid #002A94; }



#menu2 ul li{display: inline;}

.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;}

/*-----------------------------NEWSLETTER---------------------------------------*/
.inForm{
  width:182px;
  height: 16px;
  border:none;
  float:left;
  padding:2px 2px 0px 10px;
  background: url(../../images/charte/bg-news.jpg) no-repeat left top;
  color:#002A94;
  font-family: arial;
  font-size: 11px;
  margin-right:1px;
}
.buttonOK{
  width:25px;
  height:18px;
  background: url(../../images/charte/button-ok.jpg) no-repeat left top;
  border:none;
  float:left;
  cursor:pointer;
}
.buttonOKOver{
float:left;
  width:25px;
  height:18px;
  background: url(../../images/charte/button-ok-over.jpg) no-repeat left top;
  border:none;
  cursor:pointer;
}
/*-----------------------------/NEWSLETTER---------------------------------------*/
#title{
  width:700px;
  height:42px;
}
.box{
  width:688px;
  height:115px;
  border: 1px solid #E5E5E5;
  background: url(../../images/charte/box.jpg) no-repeat left top;
  padding:14px 0 0 10px;
}
ul.list1{
    display:inline;
    margin:0px;
    padding:0px;
    float:left;
    list-style: none;
	}
ul.list1 li{
	background: url(../../images/charte/bullet.jpg) no-repeat top left;
    background-position:0px 5px;
	text-align:left;
    padding-left:23px;
    color: #002B95;
    line-height: 18px;
}
/*----------------------------------products------------------------------------*/
#products{
  border: 1px solid #022D96;
  width:688px;
  margin-left:5px;
  margin-bottom:4px;
}
#sm a:link, #sm a:visited {
    border:	0px; padding:0px; margin:0px;
	color:#ffffff !important;
	text-decoration: none;

}
#sm a:hover, #sm a:active {
	color:#002A94 !important;
	text-decoration: none !important;}
.b1{
  background: url(../../images/charte/box.jpg) no-repeat left top;
  width:668px;
  border:none;
  height:79px;
  padding:10px;
}
 .b2{
  width:668px;
  border:none;
  height:79px;
  padding:10px 0;
  margin:0px 10px;
  border-top:1px solid #0D2F77;
  border-bottom:1px solid #0D2F77;

}
#products .b1 img{
  float:right;
  border: 2px solid #032666;
  margin-left:10px;
}
#products .b2 img{
  float:left;
  border: 2px solid #032666;
  margin-right:10px;
}
/*-------------------------------------- partenaires --------------------------*/
.partenaire{
display:inline;
  width:200px;
  height:114px;
  margin:5px 14px 10px 15px;
  float:left;
  background: url(images/bg_wrap.jpg) no-repeat right top;

}
.partenaire1{
  display:inline;
  width:200px;
  height:114px;
  margin:5px 14px 10px 15px;
  float:left;
  background: url(images/bg_wrap.jpg) no-repeat left top;

}
.part-img{
  width:92px;
  height:92px;
  margin-left:54px;
}
.part-img img{float:left; border:8px solid #193FAC !important; }
.part-title{
  width:198px;
  height:20px;
  text-align: center;
  /*background-color: #131A2C;*/
  background: url(../../images/charte/box.jpg) no-repeat left top;
  border: 1px solid #282828;
}
.part-title p{
  text-align: center;
  font:bold 12px Arial;
  padding-top:2px;
}

/* ===| VII. CONTACT FORM |====================================================*/
.contact-left{
  width:290px;
  float:left;
  padding:0px 30px;
  font:normal 12px Arial;
  }
  .contact-right{
    width:290px;
    padding:0px 30px;
    display:inline;
    float:left;

    }


.inputForm{
	border:1px solid #484848;
	background-color:#fff;
	color:#002A94;
    width:216px;
    font:normal 12px Arial;
    padding-left:2px;
	}
.inputFormOver{
	border:1px solid #7693DF;
	background-color:#E8EEFB;
	color:#484848;
    width:216px;
    font:normal 12px Arial;
    padding-left:2px;
	}
textarea{
  font:normal 12px Arial;
}


.label{
	width:70px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#002A94;
	text-align:left;
  font:normal 12px Arial;

	}
  .label span{
    color:#6388E3;
    }
.field{
	width:160px;
	float:left;
	margin-top:5px;
  font:normal 12px Arial;
 	}
.btn{
  clear:both;
  width:400px;
  margin:25px 0 0 235px;
  }
  .btn div{
    float:left;
    display:inline;
    width:135px;
    }

.button{
  background:url(../../images/charte/button.jpg) no-repeat center top;
  border:none;
	width:108px;
  height:18px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px Arial;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center top;
    border:none;
  	width:108px;
    height:18px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 12px Arial;
    }
#merci{
  text-align:center;
}