*{margin:0;padding:0;font-size:100%;border:0;}

body{
	font-family:Arial,Sans-Serif;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#e9e9e9;
	color:#000000;	
/*	color:#212121; */
}

.wrapper{width:960px;margin:0 auto 0 auto;overflow:auto;}

.background_header{background-image: url('../images/bg_body.png');border-left:1px solid #212121;border-right:1px solid #212121; height:205px;}

.background_body{background: url('../images/bg_degrade.png') left bottom repeat-x,url('../images/bg_body.png') left top repeat;border-left:1px solid #212121;border-right:1px solid #212121;}

.background_degrade{background-image: url('../images/bg_degrade.png');background-repeat:repeat-x;background-position:bottom;}

.contenu{padding:0 0 125px 0;}

.divOverflow{overflow:auto;}

.spacer{margin-bottom: 200px;}

/*------- Header -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
header nav{
	height: 40px;
	background-color: #212121;
}

header nav #social_medias{
	float: left;
}

header nav #social_medias a{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	font-size: 26px;
	margin: 5px 4px 0 0;
}

header nav #social_medias a:hover{
	color: #EEB627;
}

header nav ul{
	float: right;
}

header nav ul li{
	list-style: none;
}

header nav ul li{
	float: left;
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
	padding-top: 6px;
}

header nav ul li a{
	color: #f3f3f3;
	padding: 12px 15px 8px 15px;
	margin-top:12px;
	font-weight: bold;
	text-decoration: none;
}

header nav ul li a:hover{background-color: #353535;}

header img{
	float: left;
	margin: 24px 0 20px 15px;
}

header p.slogan{
	float: right;
	color: #212121;
	font-size: 28px;
	font-weight: bold;
	font-style: italic;
	margin: 24px 15px 0px 0px;
}

header #info_header{
	float: right;
	width: 230px;
	height: 75px;
	margin: 15px 0 0 0;
	color: #f3f3f3;
	font-size: 20px;
	font-weight: bold;
	background-color: #212121;
}

header #info_header p{
	float: right;
	margin: 0 15px 0 0;
}

header #info_header p.telephone{
	font-size: 28px;
	margin: 8px 15px 0px 0px;
}

/*------- Diaporama --------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
#diaporama{
	float: left;
	position: relative;
	width: 720px;
	height: 275px;
	margin: 0 0 24px 15px;
	border: 1px solid #212121;
}

#diaporama h1{
	font-size: 18px;
	margin:0; 
}

#btn_right, #btn_left{
	position: absolute;
	top: 35%;
	height: 60px;
	width: 60px;
	z-index: 555;
	cursor: pointer;
}

#btn_left{left: 2%;background-image:url("../images/btn_diaporama_left.png");}
#btn_left:hover{background-position:0 -60px;}


#btn_right{right: 2%;background-image:url("../images/btn_diaporama_right.png");}
#btn_right:hover{background-position:0 -60px;}

#wrapperDiaporama{
	overflow:hidden;
}

#scrollerDiaporama{
	width: 999999px;
	position: relative;
	z-index: 333;
}

#scrollerDiaporama figure{float: left;}

#scrollerDiaporama figcaption img{
}

#scrollerDiaporama figcaption{
	height: 30px;
	width: 700px;
	color: #f0f0f0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.85);
	margin: -54px 0 0 0;
	padding: 5px 10px 15px 10px;
	position: absolute;
}

/*------- Call to action ---------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
#call_to_action{
	position: absolute;
	width: 955px;
	height: 70px;
	background-color: #252525;
	margin: 0 0 0 -27px;
	padding: 15px 30px 20px 30px;
	color: #f0f0f0;
}

#call_to_action_text{
	float: left;
}

#call_to_action h1{
	font-size: 22px;
	margin: 0 0 6px 0;
}

#call_to_action p{
	font-size: 14px;
	width: 430px;
}

#call_to_action form{
	float: right;
}

#call_to_action form input{
	float: left;
	height: 30px;
	width: 130px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #252525;
	font-size: 20px;
	padding: 0px 7px 0px 7px;
	margin: 22px 12px 0 0;
}

#call_to_action form input:focus{border:none;outline:0;}

::-webkit-input-placeholder {color:	#212121;}
:-moz-placeholder {color: #212121;}
::-moz-placeholder {color: #212121;}
:-ms-input-placeholder {color: #212121;}

#call_to_action form #submit{
	float: right;
	height: 30px;
	width: 120px;
	background-image: url("../images/bg_btn_call_to_action.png");
	margin: 22px 0 0 0;
}

#call_to_action form #submit:hover{background-position: 0 -30px;}

#call_to_action #submit input{
	height: 30px;
	width: 120px;
    border: none;
    background: transparent;
	cursor: pointer;
	font-size: 20px;
	color: #eaeaea;
	margin: 0 0 0 0;
}

#call_to_action_shadow{
	position: absolute;
	top: 105px;
	left: 0px;
	width: 1015px;
	height: 20px;
	background-image: url("../images/call_to_action_shadow.png");
}

#call_to_action_flow{
	width: 960px;
	height: 125px;
	margin: 0 0 28px 0;
}

#barre_reservation{
	height: 18px;
	width: 960px;
	background-color: #252525;
	margin: 0 0 32px 0;
}


/*------- Contenu ----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
#sous_diaporama{
	width: 930px;
	margin: 0 auto 0 auto;
	overflow: auto;
}

#sous_diaporama #bloc{
	float: left;
	width: 292px;
	height: 165px;
	background-color: #f2f2f2;
	border: 1px solid #212121;
	margin: 0 24px 24px 0;
}

#sous_diaporama #bloc.lastElement{
	float: right;
	margin: 0 0 0 0;
}

#sous_diaporama #bloc h1{
	color: #f3f3f3;
	background-color: #212121;
	font-size: 26px;
	padding: 4px 0 4px 35px;
	margin: 0;
}

#sous_diaporama #bloc ul{
	margin: 10px 0 0 30px;
}

#sous_diaporama #bloc ul li{
	font-size: 15px;
	margin: 0 0 4px 0;
}

h1{
	font-size: 26px;
	margin: 0 0 8px 0;
	margin: 0 0 12px 15px;
}

section{
	float: left;
	width: 612px;
	margin: 0 0 0 15px;
}
/*
section article h1, aside h1{
	font-size: 22px;
	border-bottom: 2px solid #212121;
	margin: 0 0 10px 0;
}
*/
/* Modifs */ 
section article h1{
	font-size: 22px;
	color:#e3a73e;
	background-color:#000;
	border-bottom: 2px solid #212121;
	margin: 0 0 10px 0;
}

aside h1{
	font-size: 22px;
	border-bottom: 2px solid #212121;
	margin: 0 0 10px 0;
}
/* EOF Modifs */ 
aside #conditionsAside p{
	font-size: 14px;
	margin: 0 0 12px 0;
}

aside #conditionsAside ul li{
	font-size: 14px;
}

#section_faq article h1{
	font-size: 16px;
	cursor: pointer;
	color: #e3a73e;
}

#section_faq article p span{
	font-weight: bold;
}

section article h2{
	font-size: 16px;
	margin: 0 0 4px 0;
}

section p{
	font-size: 16px;
	text-align: justify;
	margin: 0 0 18px 0;
}

section img{
	float: left;
	margin: 0 12px 12px 0;
	border: 1px solid #252525;
}

section a, aside a{
	text-decoration: none;
	color: #e3a73e;
	font-weight: bold;
	font-size: 14px;
}

aside .conteneursStorageAside{
	margin: 0 0 12px 0;
}

section a:hover, aside a:hover{color: #212121;}

.liensUtiles a{color: #212121;}
.liensUtiles li{margin: 0 0 7px 0;}

section article{
	margin: 0 0 32px 0;
}

section article ul{
	margin: 0 0 12px 25px;
}

section article ul li{
	font-size: 16px;
}

aside{
	float: right;
	width: 292px;
	margin: 0 15px 0 0;
}

aside ul.sous_menu {
	margin: 0 0 24px 0;
	list-style: none;
}

aside ul.sous_menu li{
	font-size: 20px;
	color: #eaeaea;
	background-color: #252525;
	width: 277px;
	margin: 0 0 16px 0;
	padding: 7px 0 7px 12px;
}

aside ul.sous_menu li:hover{
	color: #e3a73e;
}

aside ul{
	margin: 0 0 0 38px;
}

.conteneurs_accueil{
	float: right;
	width: 180px;
	margin: -12px 0 0 0;
}

#liste_conteneurs h2, #liste_conteneurs_accueil h2{
	margin: 0 0 0 -32px;
	padding: 12px 0 7px 0;
}

#liste_conteneurs li{
	overflow: auto;
	list-style: none;
	margin: 0 0 7px -16px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

#liste_conteneurs_accueil li{
	overflow: auto;
	list-style: none;
	margin: 0 0 18px -16px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}


.liste_conteneurs_services{
	overflow: auto;
	width: 612px;
	padding: 0 0 0 16px;
	margin: 0 0 12px 0;
}

.liste_conteneurs_services li{
	float: left;
	width: 190px;
}

.liste_conteneurs_services img{
	float: left;
}

.liste_conteneurs_services p{
	float: right;
}


#liste_conteneurs img, #liste_conteneurs_accueil img{
	float: left;
	margin: 0 0 0 0;
	border: none;
}

#liste_conteneurs p, #liste_conteneurs_accueil p{
	float: left;
	margin: 9px 0 0 5px;
}

#liste_conteneurs a, #liste_conteneurs_accueil a{
	color: #212121;
}

#liste_conteneurs_accueil li:hover{
	color: #e3a73e;
}

#liste_conteneurs li:hover{
	color: #e3a73e;
}

#recuperation_conteneurs input{
	height: 30px;
	width: 160px;
	padding: 0 7px 0 7px;
	margin: 0 0 0 12px;
	font-size: 16px;
	border: 1px solid #929292;
	background-color: #e9e9e9;
}

#recuperation_conteneurs {margin: 12px 0 20px 0;}

#recuperation_conteneurs label{font-weight: bold;}

#recuperation_conteneurs li{list-style: none;float: right;margin: 0 52px 12px 0;}

/*------- Fiches conteneurs ---------------------
-----------------------------------------------*/
.fiche_conteneurs{
	float: left;
	width: 612px;
	height: 430px;
	background-color: #f2f2f2;
	border: 2px solid #878787;
	margin: 0 0 18px 0;
}

.fiche_conteneurs h1{
	background-color: #212121;
	color: #f3f3f3;
	padding: 5px 0 0 12px;
	font-weight: normal;
}

.fiche_conteneurs .lienOverlay{
	float: right;
	text-decoration: none;
	color: #e16d18;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 12px 0 0;
}

.fiche_conteneurs img{
	float: left;
	border: 0px;
	margin: 0 3px 0 7px;
}

.fiche_conteneurs ul{
	margin: 0 0 12px 0;
}

.fiche_conteneurs ul li{
	margin: 0 0 0 32px;
}

.fiche_conteneurs .info_conteneurs{
	float: right;
	width: 380px;
	margin: 0 12px 16px 0;
}

.fiche_conteneurs .info_conteneurs span{
	font-weight: bold;
	font-size: 16px;
}

.fiche_conteneurs .info_conteneurs p{margin:0;}
.fiche_conteneurs .info_conteneurs p.restriction{
	color: #717171;
	font-size: 12px;
	margin: 0 0 12px 0;
}

/*------- Formulaire ----------------------------
-----------------------------------------------*/
#contentFormulaireReservation{
	border: 2px solid #878787;
}

#wrapperForm{
	position: relative;
	width: 614px;
	overflow: hidden;
}


#wrapperForm #btn_suivant{
	position: absolute;
	bottom: 3%;
	right: 5%;
	height: 25px;
	width: 120px;
	padding: 5px 0 0 0;
	background-image: url("../images/bg_btn_call_to_action.png");
	border: 0px;
	color: #eaeaea;
	text-align: center;
	cursor: pointer;
	z-index: 777;
}

#wrapperForm #btn_precedent{
	position: absolute;
	bottom: 3%;
	left: 3%;
	height: 25px;
	width: 120px;
	padding: 5px 0 0 0;
	background-image: url("../images/bg_btn_call_to_action.png");
	border: 0px;
	color: #eaeaea;
	text-align: center;
	cursor: pointer;
	z-index: 888;
}

#wrapperForm #btn_suivant span{margin: 7px 0 0 0;}
#wrapperForm #btn_precedent span{margin: 7px 0 0 0;}

#scrollerForm{
	overflow: auto;
	width: 999999px;
	position: relative;
	z-index: 333;
	background-color: #f2f2f2;
	padding: 0 0 24px 0;
}

.textInfoDebris{
	color: #7c7c7c;
	font-size: 12px;
	margin: 7px 0 0 0;
}

.textInfoDebris span{
	color: #4b4b4b;
	font-weight: bold;
}

.totalReservation{
	margin: 0 24px 24px 24px;
}

#conteneurPaiement{
	overflow: auto;
}

.formBtnPaypal{
	float: right;
	margin: 0 32px 42px 0;
}

.prix{
	padding: 7px 0 0 12px;
}

.formNousJoindre{
	overflow: auto;
	width: 610px;
	border: 2px solid #878787;	
	background-color: #f2f2f2;
}

.coordonneesNousJoindre span{font-weight: bold;}
.coordonneesNousJoindre li{list-style: none;margin: 0 0 5px -28px;}
.coordonneesNousJoindre p{margin: 0 0 0 12px;}

form h1{
	width: 100%;
	background-color: #212121;
	color: #f3f3f3;
	padding: 5px 0 0 12px;
	font-weight: normal;
	margin: 0 0 18px 0;
}

form h1 span{
	float: right;
	margin: 0 12px 0 0;
}

.fieldsetContenu{
	float: left;
	width: 610px;
	padding: 0 0 24px 0;
}

.fieldsetContenu ul{
	width: 555px;
	padding: 12px 0 0 0;
}

.fieldsetContenu li{
	overflow: auto;
	list-style: none;
	margin: 0 0 16px 12px;
}

.fieldsetContenu li.dualInput label.lastDualInput{
	width: 30px;
	margin: 0 7px 0 12px;
}
.fieldsetContenu li.dualInput input.smalInput{
	width: 100px;
}

.fieldsetContenu li.dualInput input{
	float: left;
	width: 140px;
}

.fieldsetContenu #btnRadio{
	float: right;
	width: 375px;
}

.fieldsetContenu #btnRadio input{
	float: left;
	width: 12px;
}

.fieldsetContenu #btnRadio #valueBtnRadio{
	float: left;
}

.fieldsetContenu #btnRadio p{
	float: left;
	margin: 6px 0 0 5px;
}

.fieldsetContenu .inputNombreConteneurs{width: 20px;}

.fieldsetContenu .inputHeuresLivraison{width: 70px;}

.fieldsetContenu #calendarHidden{display: none;}

.fieldsetContenu #dateLocation input{float: left;}

.fieldsetContenu #dateLocation img{
	float: left;
	margin: 8px 0 0 8px;
}

.fieldsetContenu .iconInfoForm{
	float: none;
	margin: 0 0 0 8px;
	border: 0;
}

.fieldsetContenu label{
	float: left;
	text-align: left;
	font-weight: bold;
	width: 140px;
	font-size: 14px;
	margin: 7px 0 0 0;
}

.fieldsetContenu label span{
	color: #e3a73e;
	font-size: 20px;
}

.fieldsetContenu input{
	height: 25px;
	width: 200px;
	padding: 0 7px 0 7px;
	margin: 0 0 0 12px;
	font-size: 16px;
	border: 1px solid #929292;
	background-color: #e9e9e9;
}

.fieldsetContenu select{
	height: 30px;
	width: 245px;
	margin: 0 0 0 12px;
	font-size: 16px;
	border: 1px solid #929292;
	background-color: #e9e9e9;
	color: #212121;
}

.fieldsetContenu select option{color: #212121;}
.fieldsetContenu select .placeholderOption{color: #212121;}

.fieldsetContenu textarea{
	height: 60px;
	width: 340px;
	padding: 0 7px 0 7px;
	margin: 0 0 0 12px;
	font-size: 14px;
	border: 1px solid #929292;
	background-color: #e9e9e9;
	resize: none;
}

.fieldsetContenu #btn_envoyer, #recuperation_conteneurs #btn_envoyer{
	height: 30px;
	width: 120px;
	background-image: url("../images/bg_btn_call_to_action.png");
	border: 0;
	margin: 22px 0 0 0;
	cursor: pointer;
	color: #fff;
}

#recuperation_conteneurs #btn_envoyer{
	margin: 5px 0 0 60px;
}

.fieldsetContenu #btn_envoyer:hover, #recuperation_conteneurs #btn_envoyer:hover{background-position: 0 -30px;}

.fieldsetContenu .btnPaypal{
	width: 79px;
	height: 47px;
	background-color: transparent;
	border: 0;
}
/* ---
::-webkit-input-placeholder {
    color:    #b7b7b7;
}
:-moz-placeholder {
    color:    #b7b7b7;
}
::-moz-placeholder { 
    color:    #b7b7b7;
}
:-ms-input-placeholder {
    color:    #b7b7b7;
}
--*/

.confirmation_courriel{
	color: #4dad23;
	padding: 0 24px 12px 24px;
}

.confirmation_courriel img{border: 0;}

iframe{
	height: 350px;
	width: 610px;
	margin: 0 12px 12px 0;
	border: 1px solid #252525;
}

.mailTo{
	color: #212121;
}

.mailToFooter{
	color: #e0e0e0;
	text-decoration: none; 
}


fieldset .submitReservation{
	float: right;
	height: 30px;
	width: 120px;
	background-image: url("../images/bg_btn_call_to_action.png");
	border: 0;
	margin: 22px 0 0 0;
	cursor: pointer;
	color: #fff;
}

/*------- Footer -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
#second_footer{
	height: 180px;
	background-color: #212121;
	color: #e0e0e0;
	padding: 20px 0 0 0;
}

#second_footer h1{
	font-size: 16px;
	border-bottom: 2px solid #434343;
	margin: 0 0 16px 0;
}

#second_footer p{
	font-size: 14px;
	margin: 0 0 12px 0;
}

#second_footer #coordonnees{
	float: left;
	width: 434px;
}

#second_footer #environnement{
	float: right;
	width: 470px;
}

#second_footer #environnement img{
	float: left;
	padding: 0 38px 0 18px;
}

#second_footer #coordonnees ul li{
	margin: 0 0 5px 0;
}

#second_footer #coordonnees ul li span{
	font-weight: bold;
}

footer{
	height: 40px;
	background-color: #131313;
	font-size: 12px;
}

footer p{
	float: left;
	color: #f3f3f3;
	font-weight: bold;
	padding: 13px 0 0 0;
}

footer nav{
	float: right;
}

footer nav ul a li{
	list-style: none;
	padding: 13px 7px 11px 7px;
}

footer nav ul a{
	float: left;
	color: #f3f3f3;
	font-weight: bold;
	text-decoration: none;
}

footer nav ul a:hover{
	color: #ef692e;
}



.overlay_fiches_conteneurs{
    display: none;
    z-index: 99999;
    width: 612px;
    height: 430px;
	margin: 0px 0 0 0;


    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.overlay_fiches_conteneurs .fiche_conteneurs{
	padding: 0px;
	margin: 0px auto;
}

.overlay_fiches_conteneurs .fiche_conteneurs h1{
	margin: 0 0 12px 0;
}

.overlay_fiches_conteneurs .close{
	background-image: url('../images/close.png');
    position: absolute;
	right: 2px;
	top: 2px;
    cursor: pointer;
    height: 37px;
    width: 37px;
}.highlight {
	color: #e3a73e;
	background-color: #000;
}





/*
////////////////////////////////////////
 Absolute Centering
//////////////////////////////////////// 
*/
.Absolute-Center { 
  height: 50%; /* Set your own height: percents, ems, whatever! */
  width: 50%; /* Set your own width: percents, ems, whatever! */
  overflow: hidden; /* Recommended in case content is larger than the container */
  margin: auto; /* Center the item vertically & horizontally */
  position: absolute; /* Break it out of the regular flow */
  top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */
}


/* //////////////////////////////////////// */
/* Make sure our center blocks stay in their container! */
.Center-Container { position: relative; }


/* //////////////////////////////////////// */
/* Fixed floating element within viewport */
.Absolute-Center.is-Fixed { 
  position: fixed;
  z-index: 999;
  width: 612px;
  height: 430px;
  min-width: 612px;
  max-width: 612px;

}