/* Le reset ultime qui met tous les navigateurs à genoux. Inclut aussi le célèbre .clearfix:after et un correctif pour #sfWebDebug */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: inherit;
    font-style:normal;
    font-family: Tahoma, Verdana, Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, sans-serif;
    vertical-align: baseline;
}

:focus { outline: 0; }

/*html, body{ height:100%; }*/

body {
    color: #000000;
    background-color:#ebf58d;
    font-size:0.8em;
    margin:0;
    padding:0;
}

ol, ul { list-style: none; }

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

.relative{
    position:relative;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a, .logo:hover{ text-decoration:none; }
a:hover { text-decoration:underline; }

.none{display:none;}

.inline, #formulaireInteresse label.inlineLabel{display:inline;}

.fleft{float: left;}

.fright{float: right;}

.clr{clear: both;}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

strong{ font-weight:bold; }

.italic { font-style:italic; }

.small{ font-size:0.85em; }

.rouge{ color:#CC0000; }

#content{
    margin:0 auto;
    width:880px;
}
.stronger{font-size:1.1em;}

.pdt10{ padding-top:10px; }

/* -------------------------------------------------------- header ------------------------------------------------------- */

#header{
    background:transparent url(../images/header.jpg) no-repeat 20px top;
    position:relative;
    height:157px;
    padding-left:5px;
    overflow:hidden;
    width:100%;
}

.logo{
    background:transparent url(../images/logo.png) no-repeat left top;
    float:left;
    height:112px;
    width:192px;
}

.menu_left{
    /*		background:transparent url(../images/menu_haut.jpg) no-repeat 280px top;
    */		float:left;
    padding:0 0px 0 345px;
    width:340px;
}

.menuHaut{
    /*		background:#96abc4 url(../images/menu_haut.jpg) no-repeat right top;
    */		width:290px;
}

.menuHaut li{ 
    /*			background-color:#96abc4;
    */			float:left;
    height:10px;
    line-height:10px;
    padding:10px 5px 10px 0;
}

.menuHaut li a { 
    border-right:solid 1px #dddce1;
    color:#FFFFFF;
    font-size:0.92em;
    padding:0 10px;
}

.menuHaut .first{padding-left:5px;}
.menuHaut .last a{ border:none;}
#drap  {
position: absolute;
top: 40px;
left: 100px;
z-index: 103;
margin: 0 auto;
}
.socio{float:right;}

.menu{
    height:41px;
    width:870px;
}

.menu li{ display:inline; }

.menu li a{
    display:block;
    float:left;
    height:41px;
    line-height:40px;
}

.menu li a span{	
    border-right:solid 1px #96abc4;
    color:#FFFFFF;
    padding:0 30px;
    text-transform:uppercase;
}

.menu li a.contact span{ 
    background:transparent url(../images/conatct_ico.jpg) no-repeat 15px center;
    border:medium none;
    padding-left:35px;
    text-transform:none;
}

/* -------------------------------------------------------- contenu ------------------------------------------------------- */

#contenu{
    height:auto;
    padding-bottom:20px;
    position:relative;
    width:880px;
}

.leftPart, .rightPart{
    float:left;
    overflow:auto;
}

.leftPart{
    height:auto;
    width:555px;
    background-color:#FFFFFF;
}

.rightPart{
    width:315px;
}

.rightPart h2{
    border:solid 1px #325e8d;
    padding:0;
    width:286px;
}


h2{
    color:#000000;
    font-weight:bold;
    font-size:1.1em;
    padding-bottom:30px;
}

h2 span{
    background:#386595 url(../images/motif_titre.jpg) repeat left top;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    display:block;
    font-size:1.2em;
    height:38px;
    line-height:38px;
    text-indent:10px;
    width:284px;
}

.txt h2{
    background:transparent url(../images/img_h2_annonce.jpg) no-repeat left top;
    text-indent:20px;
}

.rightPart form{
    font-size:0.85em;
    padding-top:20px;
}

.rightPart form label{
    display:block;
    float:left;
    padding-right:10px;
    position:relative;
    text-align:right;
    width:110px;
}

.rightPart form select, .rightPart form input{
    font-size:1.1em;
    width:145px;
}

.leftPart form td, #formulaireDepot td{width:50%; padding:0 0 5px;}

#envoyer{
    background:#346699 url(../images/bt_rechercher.jpg) no-repeat left top;
    border:none;
    color:#FFFFFF;
    cursor:pointer;
    height:24px;
    width:120px;
}

.last_offre, .last_offre ul {
    padding-top:15px;
}

.last_offre ul li{
    padding:0 5% 7% 0;
}

.img_offre img{
    float:left;
    margin:0 0.9em;
}

.last_offre h3{	font-size:0.9em; }
.last_offre h3 a{
    color:#000000;
    font-weight:bold;
    text-transform:uppercase;
}

.last_offre p{ 
    font-size:11px;
    text-transform:lowercase;
}

.rightPart address, .rightPart address a{ color:#325e8d; }
.rightPart address { margin:0.9em; }


/* ---------------------------------------------- box -------------------------------------------------------*/
/*
#filter{
background-color:#000000;
display: none;
filter: alpha(opacity=50);
height:1065px;
left: 0%;
opacity:0.8;
position: absolute;
top: 0%;
width: 100%;
z-index:10;
zoom:1;
}

#box{
display: none;
position: absolute;
top:180px;
width:867px;
z-index:100;
}

.boxcontent{
background-color:#FFFFFF;
border:1px solid;
font-size:11px;
margin:0 auto;
padding:10px;
text-align:justify;
width:500px;
}

.boxtitle{
border-bottom:1px solid #888888;
color:#006633;
font-size:13px;
font-weight:bold;
line-height:20px;
margin-bottom:10px;
}

.boxclose{
background:#CCCccc url(../images/close.jpg) no-repeat left top;
cursor:pointer;
float:right;
height:19px;
top: 0;
right: 0;
width:20px;
}

.box-right{
background:transparent url(../images/box-bottom.png) no-repeat left bottom;
padding-bottom:25px;
width:341px;
}*/

label.error { color:#CC0000; font-size:0.9em; padding-left:5px; }
input.error, textarea.error { border:solid 1px #CC0000; }

#formulaireInteresse, #formulaireContact, #formulaireDepot{ padding:20px 0; font-size:11px;}

#formulaireInteresse input, #formulaireInteresse select,
#formulaireDepot input, #formulaireDepot select,
#formulaireContact input, #formulaireContact select{
    width:220px;
}

#formulaireInteresse .checkbox { display:inline; margin:10px 5px 0 0; width:auto;}

#formulaireInteresse label, 
#formulaireDepot label, 
#formulaireContact label{
    display:block;
    padding-right:30px;
    text-align:right;
}

#formulaireInteresse label.error, 
#formulaireDepot label.error, 
#formulaireContact label.error{ 
    /*		display:inline;
    */		padding-right:5px;
    text-align:left;
}

#formulaireContact .submit,
#formulaireDepot .submit,
#formulaireInteresse .submit{ 
    font-size:0.9em;
    margin:10px 0 0 0;
    margin:10px 0 0;
    width:30%;
}

.boxcontent h3, h3.like_form{
    border-bottom:1px solid;
    color:#346699;
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:10px;
    padding:10px 0;
}	

/* -------------------------------------------------------- footer ------------------------------------------------------- */

#footer{
    background-color:#E8F488;
    clear:both;
    font-size:10px;
    height:57px;
    padding-top:10px;
    position:relative;
    text-align:center;
}

#footer a, #footer{ color:#325E8D; }

#recommanderAmi{
    background-color:#FFFFFF;
    border:solid 1px #325E8D;
    bottom:67px;
    color:#325E8D;
    display:none;
    padding:5px;
    position:absolute;
    right:180px;
    width:200px;
}

#recommanderAmi li{
    padding:5px 0;
    width:auto;
}

#recommanderAmi li input{
    border:solid 1px #325E8D;
    color:#325E8D;
    font-size:1em;
    width:68%
}

#recommanderAmi li label{
    display:block;
    float:left;
    padding:0 5% 0 0;
    width:25%
}

#recommanderAmi .submit{width:30%; background-color:#325E8D; color:#FFFFFF;}


#recommanderAmi .close{ padding:0; text-align:right;}