@charset "iso-8859-1";

@import url(gallery.css);
@import url(elements.css);
@import url(structure.css);
@import url(navigationElements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);
@import url(publicationMethods.css);
@import url(search.css);
@import url(board.css);
@import url(annonce.css);
@import url(directory.css);
@import url(community.css);
@import url(googleMap.css);
@import url(responsive.css);
@import url(flexslider.css);
@import url(/scripts/jquery-ui/jquery-ui.css);
@import url(flags/flags.css);
/*@import url(skeleton.css);
@import url(layout.css);*/

/* ---------------------
INITIALISATION DES STYLES
------------------------*/

@font-face {
  font-family: "Gotham-Book";
  src: url('../fonts/Gotham-Book.woff') format('woff');
}

@font-face{
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.woff') format('woff');
}


select, label, input[type="submit"],  button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select{
	background: url(/modeles/fr/Candidats/images/triangleSelect.png) #fff 98% 8px no-repeat;
	background-size: 15px;
}
* {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	/* Image de l'arrière-plan de la page */
	background: #f8f5e2;
	/*font-family:"PT Sans",Arial,Helvetica,sans-serif;*/
	font-family:'Quicksand', sans-serif;
	font-size:15px;
	line-height:130%;
  color:#0c0c0c;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

/* --------------
TRICKS
-----------------*/
.hide  { display: none; }
.clear {
	border: 0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.relative { position: relative; }

.posLeft   { float: left; }
.posMiddle { margin: 0 auto; }
.posRight  { float: right; }

.txtCenter { text-align: center; }
.txtLeft   { text-align: left; }
.txtRight  { text-align: right; }

.size1_1 { width: 100%; padding: 0 1%; min-height: 1px; }
.size1_2 { width: 50%;  padding: 0 1%; min-height: 1px; }
.size1_3 { width: 33.33%; padding: 0 1%; min-height: 1px; }
.size1_4 { width: 25%; padding: 0 1%; min-height: 1px; }
.size1_5 { width: 20%; padding: 0 1%; min-height: 1px; }
.size1_6 { width: 16.66%; padding: 0 1%; min-height: 1px; }
.size1_7 { width: 14.285%; padding: 0 1%; min-height: 1px; }
.size1_8 { width: 12.5%; padding: 0 1%; min-height: 1px; }

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(/common_images/community/bg_arrow.png);
}
.arrowBlack.reverse {
	left: auto;
	right: 5px;
}
.arrowContent {
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }
.socialNetworkConnect {}
a.facebookConnect, a.twitterConnect, a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}
a.googleConnect {
	display: inline-block;
	vertical-align: top;
	background-color: #cc3732;
	border-color: #b62b26;
}
a.facebookConnect:hover { background-color: #6895c4; }
a.twitterConnect:hover  { background-color: #6bcbf8; }
a.googleConnect:hover   { background-color: #e94d48; }
a.facebookConnect .iconSocialNetwork, a.twitterConnect .iconSocialNetwork, a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(/common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}
a.twitterConnect .iconSocialNetwork { background-position: -30px 0; }
a.googleConnect .iconSocialNetwork  { background-position: -60px 0; }
a.facebookConnect > span, a.twitterConnect > span, a.googleConnect > span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
a.facebookConnect > span { border-left: 1px solid #405a91; }
a.twitterConnect > span { border-left: 1px solid #4998d5; }
a.googleConnect > span { border-left: 1px solid #b62b26; }
/*.googleConnect > div { display: none; }*/
#overDiv {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
}

/* ---------------------------------------- */
/* X - Fancy Box                            */
/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	background: #f9f9f9;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
	padding: 15px;
	margin: 0;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/common_images/fancyBox/fancybox_sprite.png); }
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8060;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	cursor: pointer;
	opacity: 0.8;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/common_images/fancyBox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 8040;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	z-index: 8040;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/common_images/fancyBox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	z-index: 8040;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	visibility: hidden;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8010;
	display: none;
	background: url(/common_images/fancyBox/fancybox_overlay.png);
	overflow: hidden;
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	position: relative;
	z-index: 8050;
	font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: none;
	visibility: hidden;
}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	z-index: 8050;
	margin-bottom: -35px;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	text-shadow: 0 1px 2px #222;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/common_images/fancyBox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/common_images/fancyBox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* Champ de formulaire masqué pour gestion d'un antispam de type honey pot*/
.firstnameFormRow {
	display:none;
}

/*// .home .bx-catnav .active{
// 	display: none;
// }*/

/*.bx-lang{
	margin-top: 8px !important;
}*/

#accountAuthentificationForm {
    position: relative;
    float: left;
    width: calc(100%/2 - 20px);
    margin-right: 40px;
}

@media only screen and (max-width:568px){
  #accountAuthentificationForm{
    width: 100%;
}
}
@media only screen and (max-width:1285px){
  #accountAuthentificationForm input[type="text"], #accountAuthentificationForm input[type="password"], #accountAuthentificationForm input[type="email"], #accountSubscription input[type="text"] {
    width: 100%;
}
}

/*// #nested .menu-gris{
// 	display: none;
// }*/

.home .bx-catnav .active{
	display: none;
}

#formpersonnalise label[for="newsletter"] {
	display: none;
}
#formpersonnalise label[for="newsletter"] + div{
	display: none;
}
@media only screen and (max-width:768px){
	iframe{
		max-width: 100%;
		height:  auto;
	}
}

.catalogProductsList .sortResults{
		display: none;

}

// .formtaille .formulaire{
// 	padding-right: 30%;
// }

.formtaille .formulaire{
	padding-right: 8%;
}

.myLogin #contents{
	padding:  0 0 10px 0;
}

.boutonBleu{
	border: 0 none;
    border-radius: 16px;
    padding: 6px 16px;
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    background-color: #3191B8;
}
p .boutonBleu:hover{background-color: #C5D12D !important;}
.boutonVert{
	/*border: 0 none;
    border-radius: 16px;
    padding: 6px 16px;
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    background-color: #C5D12D;*/
    font: 400 14px/19px 'Quicksand';
    text-decoration: none;
    padding: 10px 40px 10px 20px;
    transition-duration: 0.5s;
    border-radius: 50px;
    background: #f05534;
    color: #fff;
    border: solid 1px #f05534;
    position: relative;
    text-decoration: none !important;
    color: #fff !important;
    margin: 20px 0;
}
/*p .boutonVert:hover{background-color: #3191B8 !important;}*/

.boutonVert:hover{
  	background: transparent;
    color: #f05534 !important;
  }
  .boutonVert:hover::after{
  	content: url(/images/arrow_btn_orange.svg);
  }
  .boutonVert::after{
  	content: url(/images/arrow_btn.svg);
    position: absolute;
    top: 12px;
    right: 16px;
  }

.formtaille #reset{display:none;}

@media (max-width: 820px){
	.btnLangue{
	margin: 0;
	display: inline-block;
	text-decoration: none;
	background: #efefef;
	width: auto;
	height: 30px;
	padding: 3px 10px;
	border-radius: 15px;
	font-size: 25px;
	text-align: center;
	margin: 8px;
	}

	.btnLangue i{
		width: 32px;
		height: 32px;
	}

	.btnLangue{
		position: relative;
		float: right;
	}

	.bx-lang{
		margin-top: -95px !important;
		position: absolute;
		background-color: #bdbdbd;
		padding: 11px;
    z-index: 9999999;
    height: 49px;
    width: 97%;
    display: none;
	}

	.activeLang{
		display: block;
		margin-top: 85px !important;
		transition-duration: .35s;
		transition-timing-function: ease-in;
		width: 100%;
		position:absolute;
		left: 0;
		background: transparent;
	}
	.activeLang .widgetContainer, .activeLang .widgetContainer ul{
		background: #202e3b;
	}
	
}
@media (min-width: 821px){
	.btnLangue{display: none;}
}
@media (min-width: 1024){
	.bx-lang{display: flex;}
}
/*.temoignage .bx-contact{
	display: none;
}*/

.widgetSocial ul li{
	display: inline-block;
	background: none !important;
	padding-left: 0 !important;
	padding-right: 10px;
}

.widgetSocial ul li a{
	display: inline-block;
	font-size: 28px;
}

.widgetSocial ul li a svg:hover{
	color: #C5D12D;
	cursor: pointer;
}

.formulaire .row{
	display: flex;
	flex-direction: column;
	margin: 0;
}
.formulaire .row input, .formulaire .row select{
	width: 100%;
  border: 0;
  padding: 0 0 0rem 3rem;
  margin: 0.7rem 0 1.5rem 0;
  background: rgba(32,46,59,.1);
  border-radius: 40px;
  height: 40px;
  width: 70% !important;
  margin: 0;
}
 @media only screen and (max-width:820px){
 	.formulaire .row input, .formulaire .row select{
 		width: 100% !important;
 	}
 }
.formulaire .row label{
	padding: 10px 15px 0px 15px;
	margin: 0 0 10px 0;
}
.formulaire .row textarea{
	width: 70%;
	background: rgba(32,46,59,.1);
	border: 0;
}
.formulaire .submit input{
	background: transparent;
	padding: 10px 40px 10px 20px;
}

.formulaire .submit{
  	font: 400 14px/19px 'Quicksand';
    text-decoration: none;
    width: fit-content;
    transition-duration: 0.5s;
    border-radius: 50px;
    background: #f05534;
    color: #fff;
    border: solid 1px #f05534;
    position: relative;
    display: flex; 
  }
  .formulaire .submit:hover{
  	background: transparent;
    color: #f05534;
  }
  .formulaire .submit:hover input{
  	color: #f05534;	
  }
  .formulaire .submit:hover::after{
  	content: url(/images/arrow_btn_orange.svg);
  }
  .formulaire .submit::after{
  	content: url(/images/arrow_btn.svg);
    position: absolute;
    top: 12px;
    right: 16px;
  }
  .home .formulaire .row select{
  	width: 100% !important;
  }