/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background:#fff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	font-size:12px;
}

#body{
	background: #ebe5da;
}

#email3,#website3{
display:none;
}

.print{display:none;}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: 0px;}
.alt {background: #f0f0f0;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 771px;
	margin: 0 auto;
	background: #ebe5da url(/images/bgPage.gif) repeat-y;
	position:relative;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height:75px;
	position:relative;
	background-image: url(/images/bgTop_Bottom.jpg);
}



#header img{
padding:9px 0 0 14px;
}

#header ul{
position:absolute;
right:11px;
bottom:8px;
color:#636363;
font-size:11px;
padding:0;
list-style:none;
}

#header a:link {color:#636363;text-decoration:none;}
#header a:visited {color:#636363;text-decoration:none;}
#header a:hover {color:#333333;text-decoration:none;}
#header a:active {color:#636363;text-decoration:none;}

#header ul li{
float:left;
padding:0 3px;
}

#header form{
color:#002a5c;
position:absolute;
right:16px;
top:15px;
font-size:12px;
font-weight:100;
}
#header label{
	padding-right:10px;
}
#header input{
	background:#FFF url(/images/bgInput.gif)left top repeat-x;
	border:1px solid #a3a3a3;
	width:115px;
	height:18px;
	padding:0;
}
#header input.bt{
	width:43px;
	height:20px;
	background:#b6b6b6 url(/images/bgSend.gif) center top no-repeat;
	border:1px solid #b6b6b6;
	color:#002a5c;
	vertical-align:bottom;
}

#header p a:link {color:#002a5c;text-decoration:none;}
#header p a:visited {color:#002a5c;text-decoration:none;}
#header p a:hover {color:#333333;text-decoration:none;}
#header p a:active {color:#002a5c;text-decoration:none;}

/* Le Menu
--------------------------------------------------------------------------------------- */

#menu{
padding-top:0px;
position:Relative;
font-size:11px;
bottom:0px;
}

#menu li{
float:left;
padding: 0 0 0 5px;
position:relative;
}

#menu li ul {
	position: absolute;
	z-index:1000;	
	width: 260px;
	left: -999em;
	margin-top:5px;
	border:2px solid #8c7537;
	font-weight:bold;
}

#menu li ul li{
	color:#fff;
	background: #bd9e4d url(/images/bgLiMenu.gif) repeat-x;
	width:250px;
	border-bottom:1px solid #fff;
	padding:5px;
	padding-bottom:9px;
	text-transform:uppercase;
}
#menu li ul li ul li{text-transform:none;}


#menu li ul li:hover{
	color:#fff;
	background:#bd9e4d none;
	width:250px;
	border-bottom:1px solid #fff;
	padding:5px;
	padding-bottom:9px;
}


#menu li:hover ul, #menu li.sfhover ul {
	left: 0;
	top:60px;
}

#menu li ul ul {     
margin: -1em 0 0 250px; 
} 

#menu, #menu ul {     
padding: 0;     
margin: 0;     
list-style: none;     
line-height: 1; 
} 

#menu li:hover ul ul, #menu li.sfhover ul ul {     
left: -999em; 
} 

#menu li li:hover ul, #menu li li.sfhover ul {     
left:10px;
top:10px;
} 

#menu a:link {
	color:#fff;
	text-decoration:none;
	font-weight: bold;
}
#menu a:visited {color:#fff;text-decoration:none;font-weight: bold;}
#menu a:hover {color:#fff;text-decoration:none;font-weight: bold;}
#menu a:active {color:#fff;text-decoration:none;font-weight: bold;}

#menu li ul li.nobord{
	border-bottom:0px;
}

#menu li ul li ul{
	width:210px;
	border:2px solid #8d8d8d;
}

#menu li ul li ul li{
	background:#2f5a7e url(/images/bgLi2.gif) repeat-x;
	font-size:11px;
	width:200px;
	font-weight: bold;
	vertical-align:middle;
	color:#1d395c;
}

#menu li ul li ul li:hover{
	background:#b6dbec none;
	width:200px;
}

#menu li ul li ul li a:link {color:#000;text-decoration:none;font-weight: bold;}
#menu li ul li ul li a:visited {color:#000;text-decoration:none;font-weight: bold;}
#menu li ul li ul li a:hover {color:#000;text-decoration:none;font-weight: bold;}
#menu li ul li ul li a:active {color:#000;text-decoration:none;font-weight: bold;}


#menu li ul li a{
	padding:4px 4px 4px 4px;
	display:block;
}
#menu li.particuliers ul li a{
	padding-left:30px;
}
#menu li ul li.log1 a{
	background:url(/images/log1.gif) no-repeat top left;
}
#menu li ul li.log2 a{
	background:url(/images/log2.gif) no-repeat top left;
}
#menu li ul li.logBoat a{
	background:url(/images/logBoat.gif) no-repeat top left;
}

#menu li ul li.log3 a{
	background:url(/images/log3.gif) no-repeat top left;
}
#menu li ul li.log4 a{
	background:url(/images/log4.gif) no-repeat top left;
}
#menu li ul li.log5 a{
	background:url(/images/log5.gif) no-repeat top left;
}
#menu li ul li.log6 a{
	background:url(../images/log6.gif) no-repeat top left;
}
#menu li ul li.log7 a{
	background:url(/images/log7.gif) no-repeat top left;
}

#menu li ul li ul li.noLog a{
	display:block;
	background:none;
	padding:0;
	font-weight:bold;
}

#theflash, #theflash2 {
padding-top:5px;
}




/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar{
width:252px;
padding-right:7px;
/*margin-top:4px;*/
float:right;
}

#codePostal{
width:252px;
height:94px;
background:#cfcfcf url(/images/bgCodePostal.gif) repeat-x;
border:1px solid #605f5f;
margin-top:5px;
clear:both;
}

#codePostal span{
display:block;
width:252px;
height:30px;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
}

/*#codePostal span.en{
display:block;
width:252px;
height:30px;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
border:1px solid #FF00FF;
}*/
	#codePostal.petit span{
		font-size:11px;
	}
#codePostal form{
	padding:25px 0 0 0px;
	text-align:center;
}
#codePostal label{
	color:#3d3d3d;
	font-size:12px;
	
}

#codePostal input{
	background:#FFF url(/images/bgInput.gif)left top repeat-x;
	border:1px solid #a3a3a3;
	width:93px;
	height:18px;
	padding:0;
	margin:0 0 0 5px;
}
#codePostal input.bt{
	background:#605f5f url(/images/bgSend2.gif) center top no-repeat;
	border:1px solid #FFF;
	height:20px;
	width:20px;
	vertical-align:bottom;
}

/*#codeText{
width:100px;
margin-left:5px;
}

#codeBtn{
width:24px;
height:24px;
background-image:url(/images/codeBtn.gif);
position:Relative;
top:7px;
left:5px;
}*/


#sidebar img{
padding-top:5px;
}


#candidature, #candidatureEn{
	margin-top:5px;
	width:254px;
	height:149px;
	background:url(/images/candidature.jpg);
}
#candidatureEn{
	background:url(/images/EN/candidature.jpg);
}
#candidature a, #candidatureEn a{
	display:block;
	width:150px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#424242;
	padding:104px 0 0 87px;
	text-align:right;
}


/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	clear:left;
	width:500px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:100px;
}

#content li {
list-style-image: url(/images/bullet.gif);
}

#floatNews{
clear:right;
width:480px;
}

#nouvelles h3{
font-size:12px;
font-weight:bold;
color:#967d3d;
padding:0px;
padding-left:10px;
}

#nouvelles p{
width:365px;
padding-left:10px;
}

#nouvelles em{
font-size:11px;
padding-left:10px;
}

#nouvelles p span{
font-size:13px;
}

.toutesNouvelles{
margin:0;
padding:0 0 0 5px;
}

#nouvelles a:link {color:#967d3d;text-decoration:none;}
#nouvelles a:visited {color:#967d3d;text-decoration:none;}
#nouvelles a:hover {color:#665321;text-decoration:none;}
#nouvelles a:active {color:#967d3d;text-decoration:none;}


/* Liens
------------------------------------- */

a:link {color:#715e2b;}
a:visited {color:#715e2b;}
a:hover {color:#947c3c;text-decoration:none;}
a:active {color:#715e2b;}

a.bt{
	display:block;
	background:url(/images/bgBT.gif) repeat-x;
	padding:3px;
	border:1px solid #254b78;
	color:#254b78;
	text-decoration:none;
	width:250px;
	text-align:center;
}
a.bt:hover{
	background:url(/images/bgBTrl.gif) repeat-x;
	border:1px solid #544422;
	color:#544422;
}

a.lnkspan1{
	text-decoration: none;
	font-weight: normal;
	color:#715e2b;
	}
	a:hover.lnkspan1{
	color:#715e2b;
	text-decoration: none;
	}


/* Typographie
------------------------------------- */

h1, h2 {
	width:492px;
	background: url(/images/bgH1.gif);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height: 26px;
	margin-bottom:10px;
	padding-top:12px;
	padding-left:10px;
}

h2{
	margin-top:15px;
}

h3 {
	font-size:16px;
	font-weight:bold;
	color:#967d3d;
	padding: 8px 10px 4px 10px;
}
h4 {
	font-size:13px;
	font-weight:bold;
	color:#967d3d;
	padding: 5px 0 7px 10px;
}

h5 {
	font-size:13px;
	font-weight:bold;
	color:#967d3d;
	padding: 5px 0 5px 10px;
}
h6 {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	padding: 0 0 0 10px;
	padding-bottom:5px;
}

#content ul, #content ol{
	padding: 10px 10px 10px 35px;
	color:#333;
}
	#content ol li ol{
		padding-left: 20px;
	}
#content ol li{
	list-style:decimal;
	text-align:justify;
}
#content ul li{
	list-style:disc;
}



ul li, ol li{
	padding:0 0 5px 0;
}



#listeNum{
list-style:decimal;
padding-left:25px;
}

p{
	font:12px/16px;
	color:#333;
	padding: 3px 10px 7px 10px;
	text-align:justify;
}

i{
	display:block;
	width:475px;
	font-size:12px;
}

p span, p b, p strong{
	color:#967d3d;
	font-weight:bold;
}


form input, form select {
background-color:#FFF;
border: 1px solid #acacac;
}
form input.simple{
	border:none;
	background:none;
}
form input.bt, .bt{
	background:#acacac url(../images/bt_degrade.gif) center top repeat-x;
	border:1px solid #333;
	padding:1px 3px;
}

#emp1, #emp2 {
visibility:hidden;
visibility:collapse;
}

.topleft {
float:left;
margin-right:10px;
margin-bottom:10px;
border-color:#000000;
border-width:1px;
border-style:solid;
}

.topright {
float:right;
margin-left:10px;
margin-bottom:10px;
border-color:#000000;
border-width:1px;
border-style:solid;
}

.bottom {
margin-top:10px;
border-color:#000000;
border-width:1px;
border-style:solid;
}

hr {
color:#7f9db9;
height:1px;
}

form table td {
padding:5px;
}

table.formulaire{
	margin-left:10px;
}
table.formulaire tr{
	padding-left : 10px;
}

table.formulaire tr.coul td{
	background:#f2ebd9;
}
table.formulaire h3, table.formulaire table h3{
	padding-left:0;
}

.noborder{
border:none;
background:none;
}

#postesDispo{
border:1px solid #022c5d;
margin-top:5px;
width:252px;
font:Verdana, Geneva, sans-serif;
background:#e0e5ea;
padding-bottom:10px;
}


#postesDispo li a:link {color:#0d3565;text-decoration:none;}
#postesDispo li a:visited {color:#0d3565;text-decoration:none;}
#postesDispo li a:hover {color:#0d3565;text-decoration:none;}
#postesDispo li a:active {color:#0d3565;text-decoration:none;}


#postesDispo h3{
background:url(/images/postesDispoh3.jpg);
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:28px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:12px;
	width:247px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
	color:#fff;
}

#postesDispo ul{
padding-left:15px;
padding-top:10px;
}

#postesDispo ul li{
display:block;
clear:left;
width:220px;

font-size:12px;
color:#022b5c;
border-bottom:1px solid #7b7a7a;
}

#postesDispo ul li.lastDispo{
border-bottom:0px;	
}


#postesDispo span{
font-size:10px;
color:#484849;

}

#postesDispo strong{
font-size:12px;
	
}

#postesDispo img{
float:right;

}

#postesDispo a.posteOfferts{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
	color:#052e5f;
}

#categorieEmploi{	
width:350px;
list-style:disc;
}

#categorieEmploi li{
color:#967d3d;
list-style:disc;
}

#categorieEmploi .aRight{
	float:right;
}

#categorieEmploi li ul{
width:315px;
}

.formCat{
	float:left; 
	width:220px; 
	border:#000 1px solid;
	font-size:11px;
	margin-left:0px;
	background:#FFF;
}

.formCat .title{
	border-bottom:#000 1px solid;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	height:20px;
}

.formCat input{
	float:left;
	clear:left;
	width:20px;
}

.formCat label{
	float:left;
	padding-top:3px;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	height:32px;
	width: 773px;
	/*background:#636363;*/
	margin:-0 auto;
	background-image: url(/images/bgFooter.jpg);
	
}


#footer ul{
width:100%;
text-align:center;
font-size:11px;
color:#fff;
padding:0px;
padding-top:9px;

}
#footer li{
	display:inline;
}

#footer li a:link {color:#fff;text-decoration:none;}
#footer li a:visited {color:#fff;text-decoration:none;}
#footer li a:hover {color:#fff;text-decoration:underline;}
#footer li a:active {color:#fff;text-decoration:none;}

#copyright{
	width:100%;
	text-align:center;
	font-size:11px;
	color:#3d3d3d;
	padding:8px 0;
	background-image: url(/images/bgTop_Bottom.jpg);
}

#copyright a:link {color:#111;text-decoration:none;}
#copyright a:visited {color:#111;text-decoration:none;}
#copyright a:hover {color:#333333;text-decoration:none;}
#copyright a:active {color:#111;text-decoration:none;}


#demande{
	float:right;
	padding:0 0 10px 10px;

}

/* POP */
#popbox{
	top:335px;
	position:absolute;
	z-index:50;
	width:441px;
	height:198px;
	text-align:center;
	margin-left:20px;
	cursor:pointer;
}
	#popbox h2{
		background: none;
		color:#002a5c;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:left;
		padding:20px 0 0 20px;
		margin:0;
	}
	#popbox h3{
		font-size:18px;
		text-align:left;
		padding:5px 0 10px 20px;
	}
	#popbox p{
		padding:5px 0 10px 20px;
		font-weight:bold;
		color:#967d3d;
		text-align:left;
		width:360px;
	}
	#popbox p em{
		font-size:14px;
		color:#002a5c;
	}
	
/* SUCCURSALES */
table.succursales {
	margin-left:10px;
}
table.succursales td{
	border-right:1px solid #8a713d;
	border-bottom:1px solid #8a713d;
	width:220px;
	padding:0 5px 5px 5px;
}	
table.succursales td.espace{
	width:20px;
	border:none;
	padding:0;
}



#content ul.logo{
	padding:0;
	margin:0;
}
#content ul.logo li{
	list-style:none;
	display:inline;
	float:left;
	width:148px;
	padding:15px 7px;
	margin:0;
	text-align:center;
}
ul.logo a{
	border:none;
	text-decoration:none;
}

#descriptionPoste{
margin-left:10px;	
}

#descriptionPoste ul{
margin-left:-10px;
}

#descriptionPoste p{
margin-left:-10px;
}

.h2seo{
position:absolute;
bottom:74px;
background:none;
padding-left:15px;
font-size: 13px;
font-weight: normal;
color: #000000;
text-transform: none;
}
.seo_h2{
	background:none;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-transform: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	}

a.btn_heures {padding:5px;margin:20px 0 0 10px;border:2px solid #8a713d;display:block;text-decoration:none;width:186px;}
a.btn_heures:hover {border:2px solid #9f8857;}
/*a.btn_heures-ouverture {display:block;background:url(/images/btn_heures-ouverture-teaser.jpg) no-repeat top left;width:241px;height:55px;margin-left:10px;margin-bottom:20px;margin-top:15px;background-position:0 0;}*/
a.btn_heures-ouverture {display:block;background:url(/images/bt-heures-ouverture.gif) no-repeat top left;width:262px;height:51px;margin-left:10px;margin-bottom:30px;margin-top:5px;background-position:0 0;}
/*a.btn_heures-ouverture:hover {background-position:0 -55px;}*/
a.btn_heures-ouverture:hover {background-position:0 -51px;}
a.btn_retour_coord {display:block;background:url(/images/bt-retour-coord.gif) no-repeat top left;width:202px;height:51px;margin-left:10px;margin-top:30px;background-position:0 0;}
a.btn_retour_coord:hover {background-position:0 -51px;}