@charset "UTF-8";
/* CSS Document */


.mfp-auto-cursor .mfp-content {
    background-color: #ffffff;
    cursor: auto;
}

.clear {
    clear: both;
}

#wrapper {
	bottom: 0;
	left: 0;
	margin: 2.5% auto 2%;
	max-width: 1024px;
	min-height: 251px;
	position: relative;
}
#inner {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#carousel .temoignage {
	float: left;
	padding: 20px 10px;
	text-transform: none;
	width: 800px;
	margin: 0 auto;
	font-size:13px;
	height: 250px;
	/*border-top:#d1d1d1 1px solid;
	border-bottom:#d1d1d1 1px solid;*/
	background-color:#ffffff;
}

	#carousel .temoignage p {
		text-transform:none;
		font-size:12px;
		text-align:justify;
		color:#000;
		margin: -1% 0 0 0;
		line-height:16px;
	}
	
	#carousel .temoignage .push-legend {
		padding: 40px 0px 0px 0;
	}
	
	#carousel .temoignage .legend-title {
		display: block;
		font-size: 13px;
		line-height:18px;
		margin-left:-10px;
		letter-spacing:1px;
	}
	

#prev, #next {
	display: block;
	width: 50px;
	height: 80px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	z-index: 2;
}
#prev {
	background: url( img/ui-prev.png ) no-repeat;
	left: 50%;
	margin-left: -480px;
}
#next {
	background: url( img/ui-next.png ) no-repeat;
	right: 50%;
	margin-right: -480px;
}

#div_cart {
	width : 100%;
	margin : 0 0 8px;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
#div_carte iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.prev, .next, .prevH, .nextH {
	font-size:18px;
	color:#000000;
	margin: 0px 3px;
}

#navSlide {
	display: inline-block;
	vertical-align:middle;
	margin-top: -5px;
}

#navSlide a.activeSlide {
	background: #000000 none repeat scroll 0 0;
	color: #ffffff;
}
#navSlide a {
	color: #000000;
	margin: 0px;
	padding: 0 5px;
	text-decoration: none;
	font-size:12px;
	line-height:30px;
}
    
	
.informations {
    display: block;
    float: left;
    margin: 15px 0 20px;
    padding: 0 0% 3%;
    position: relative;
    width: 100%;
	color:#000000;
	border-top: 1px solid #d1d1d1;
}


.informations .nav-arrow {
	background-color: #ffffff;
    //left: 50%;
    position: absolute;
    top: -13px;
}
.informations .nav-arrow.pos1 {
	left: 15%;
}

.informations .nav-arrow.pos2 {
	left: 50%;
}

.informations .nav-arrow.pos3 {
	right: 15%;
}
.nav-arrow .icon-arrow-up--lightGrey {
    display: block;
	background-image: url("img/sprite-main2.png");

}
.informations .closeBT {
    background-color: #f2f2f2;
    bottom: 0.5%;
    color: #000000;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    height: 15px;
    left: 50%;
    letter-spacing: 1px;
    margin-left: -42px;
    padding: 3px 0 0;
    position: absolute;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
    width: 85px;
}
.informations .closeBT:hover {
	background-color: #000000;
	color:#f2f2f2;
}

.informations h4, .informations h2 {
    font-size: 0.85em;
    font-weight: bold;
    margin: 30px auto 10px;
    text-align: center;
}
.informations h5 {
    font-weight: normal;
    letter-spacing: 1px;
    margin: 10px 0;
    text-align: center;
	font-size:12px;
}
.informations img {
    margin: 0 auto;
}
.informations .content {
    margin: 0;
    padding: 0%;
}

.blocContent {
    margin: 2% 1.5% 0%;
	min-height:405px;
	position:relative;
}

.informations .content .blocContent .white {
	bottom: 0;
    left: 3.5%;
    position: absolute;
    width: 92%;
    z-index: 15;
	
}
.informations .content .blocContent .white .rond {
    height: 65px;
    width: 65px;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
	margin: 0px 0 10px 0px;
	float:right;
}

.informations .content .blocContent .white h4 {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0 0px 0px;
    text-align: left;
    text-transform: none;
}
.informations .content .blocContent .white p {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 2px 0 10px;
    text-align: left;
    text-transform: none;
}

	.informations .content .blocContent .white a {
	  color: #000000;	  
	}
	
	.informations .content .blocContent .white a:hover {
	  color: #000000;
	  text-decoration:underline;	  
	}

.informations .content .blocContent .white .push-text2.blanc {
    background-color: rgba(255, 255, 255, 1) !important;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    color: #000000 !important;
}
.informations .content .blocContent .white .push-text2 {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    transition: opacity 0.5s ease-in-out 0s;
    width:100%;
}

.informations .content .blocContent .white .push-text2.blanc p {
    color: #000000;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 2% 0;
    text-align: left;
    text-transform: none;
	font-style:italic;
}

.informations .content .blocContent .white .btn-light--red {
    background-color: none;
    color: #ED1C24;
    letter-spacing: 2px;
    padding: 0;
	font-weight:bold;
	text-decoration:underline;
	font-size:10px;
	text-transform:none;
	margin-top:5%;
	display: block;
}
.informations .content .blocContent .white p.note {
	text-transform: uppercase;
	font-size:11px;
	margin:5% 0 0 0;
	font-style:italic;
}

.informations .content .blocContent .white p.note .fa-star{
	color:#ecc203;
	margin-left:5px;
	font-size:13px;
}

.informations .content .blocContent .white p.note .fa-star.grey{
	color:#F2F2F2;
	margin-left:5px;
	font-size:13px;
}

.informations .content .blocContent h4 {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 10px 0 10px 20px;
    text-align: left;
    text-transform: none;
}
.informations .content .blocContent .blocNoir {
    color: #000;
    padding: 0;
    text-align: left;
	margin-left: 10px;
	position:relative;
}

.informations .content .blocContent .blocNoir p.dispo{
    font-size: 12px;
    letter-spacing: 1px;
    margin: 15px 10px 0;
    padding: 0;
    text-transform: none;
}

.informations .content .blocContent .blocNoir p.dispo strong{
    font-weight: bold;
    margin: 0 !important;
}
.informations .content .blocContent .blocNoir li {
     background: rgba(0, 0, 0, 0) url("img/puceNoir.jpg") no-repeat scroll 0 3px;
    font-size: 12px;
    margin: 0 0 0.7% 2%;
    padding: 0 0.2% 0 20px;
    text-transform: none;
	line-height:normal;
}
.informations .content .blocContent .blocItinok {
    background-color: #f2f2f2;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    height: 350px;
    overflow-y: auto;
    padding: 10px 20px;
}
.informations .content .blocContent .blocItin {
    color: #000000;
    float: left;
    margin: 0.3% 0;
    padding: 0.2% 0;
    text-align: left;
    width: 100%;
}
.informations .content .blocContent .blocItin .blocJour {
    color: #000000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
	line-height:normal;
	letter-spacing: 1px;
}
.informations .content .blocContent .blocItin .blocDesc {
    float: left;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 0;
    width: 100%;
	line-height:normal;
}
.informations .content .blocContent .blocItin .blocDesc p {
    font-size: inherit;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
	line-height:normal;
	font-size: 12px;
	letter-spacing: 1px;
}
.informations .content .blocSearch { 
	border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin: 15px 0;
    padding: 1%;
    width: 100%;
	text-align: center;
}
.informations .content .blocSearch form {
    display: inline-block;
    margin: 0 auto;
}
.informations .content .blocSearch p {
    color: #000000;
    float: left;
    font-size: 13px;
    line-height: 1.5em;
    margin: 5px 20px 0 0;
}
.informations .content .blocSearch .selectChamps {
    background: #e5e6e6 url("img/select.png") no-repeat scroll 118px center;
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    text-align: left;
    width: 140px;
	padding:0;
}
.informations .content .blocSearch .selectChamps select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */  
	background: transparent none repeat scroll 0 0;
    color: #000000;
    font-size:12px;
    padding: 0 20px 2px 10px;
    text-align: left;
    text-transform: none;
    width: 110%;
}
.informations .content .blocSearch #decouvrir {
    background-color: #247910;
    border: 1px solid #247910;
    color: #ffffff;
    float: left;
    font-size: 0.8em;
    letter-spacing: 2px;
    margin: 0 0 0 35px;
    padding: 8px 30px;
    text-align: center;
}
.informations .content .blocSearch #decouvrir:hover {
    border: 1px solid #000000;
}

.informations .content h4, .informations .content h2 {
    margin: 30px auto 10px;
    text-align: center;
}
.informations .content p {
    font-size: 0.85em;
    line-height: 1.4em;
}

.informations .content p strong {
    font-family: inherit;
    font-weight: bold;
	margin: 0px 0px 5px 20px;
}
.informations .leftContentBloc {
    float: left;
    height: auto;
    width: 50%;
}
.informations ul {
    width: 100%;
}
.informations li {
    font-size: 0.85em;
    line-height: 1.5em;
    list-style: outside none square;
    margin: 0 auto;
}
.informations .leftContent {
    height: auto;
    width: 60%;
}
.informations .rightContent {
    height: auto;
    width: 35%;
}
.informations .leftContent h4, .informations .rightContent h4 {
    margin-top: 10px;
}