*	{ padding:0; margin:0; outline:0; }

img	{ vertical-align:middle; border:none; max-width: 100%; }
#map-google img { max-width:none; }

/*.hide-mobile { display:block; }*/
.show-mobile { display:none; }

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/icones/loading.gif') 50% 50% no-repeat #fff;
}


html {
	height:100%; margin:0; padding:0;
	}

body {
	font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; color:#323232; margin:0; padding:0; width:100%;
	background-color:#ffffff;
	}

h1 {
	/* font-size:30px; */font-size:50px; font-family:'Open Sans', Arial, sans-serif; font-weight:700; /*color:#323232;*/ color: #3c69ac;
	padding:0 0 10px;
	}
h2 {
	/*font-size:24px;*/ font-size:35px; font-size: font-family:'Open Sans', Arial, serif; font-weight:700; /*color:#323232;*/ color: #3c69ac;
	padding:8px 0 10px;
	}
h3 {
	font-size:20px; font-family:'Open Sans', Arial, sans-serif; font-weight:700; color:#323232;
	padding:6px 0 0; margin-bottom:5px; text-transform:uppercase;
	}


.clr	{ clear:both; float:none; height:0px; font-size:0px; line-height:0px; }
.Chargement, .loading	{ padding:1px 0px 3px 19px; height:16px; padding-bottom:3px; background-image:url(../images/icones/loading.gif); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll; display:block; clear:both; float:none; }

h2.background-red { color:#ffffff; background-color:#3c69ac; padding:8px 12px; }

p { padding:8px 0; line-height:24px; }
p.introduction { color:#323232; font-weight:400; font-size:22px; line-height:34px; margin-bottom:15px; font-style:italic; }
p.background { padding:20px; margin:15px 0; background-color:#eaeaea; }
p.small { font-size:14px; line-height:18px; }
p strong { font-weight:600; }
p.title { font-size:26px; font-weight:400; line-height:30px; }
p.subtitle { font-size:18px; line-height:30px; }

div.error { background-color:#c0392b; color:#ffffff; padding:15px 20px; margin:10px 0 20px }
div.success { background-color:#27ae60; color:#ffffff; padding:15px 20px; margin:10px 0 20px }

div.separator { width:100%; height:10px; margin:30px 0 20px; background-color:#bfaf9e; }


ul {
	padding:5px 0 10px 15px; list-style:none;
	}
ul li {
	/* padding:2px 0 0px 22px; margin:5px 0;
	background:url(../images/icones/list-arrow.png) no-repeat scroll 0px 12px; */
	background:url(../images/interface/liste-fleche.png) no-repeat scroll 0px 0px;
	padding: 5px 0px 2px 36px; 
	margin: 5px -10px;
	background-size: 31px;
	}

div.error ul li { background:url(../images/icones/list-arrow-white.png) no-repeat scroll 0px 12px; }


.pink { color:#790627; }
.darkBlue { color:#0B3947; }
.green { color:#877F13; }
.lightBlue { color:#139BC5; }
.grey { color:#aaa295; font-size:13px; }

	
a.button {
	display:block; position:relative; text-align:center; font-size:16px; font-weight:700;
	padding:10px 0; color:#ffffff; background-color:#3c69ac;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	}
a.button:hover {
	color:#ffffff; background-color:#2e5184; text-decoration:none;
	}


/*=============================================================================================*/
/*==   LIENS    ===============================================================================*/
/*=============================================================================================*/
a		{ color:#3c69ac; text-decoration:none; }
a:hover	{ color:#3c69ac; text-decoration:underline; }

#copyright a		{ color:#ffffff; text-decoration:none; }
#copyright a:hover	{ color:#a3aaad; text-decoration:none; }

#menu a		{ text-decoration:none; }
#menu a:hover	{ text-decoration:none; }

a.button:hover, a.button.selected {
	color:#ffffff; text-decoration:none; background-color:#2e5184;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}
/*============================================================================================*/
/*=============================================================================================*/


/*=============================================================================================*/
/*==   FORM     ===============================================================================*/
/*=============================================================================================*/
.form-table td { padding:5px 0; }

input, textarea, select
	{
	padding:10px 15px; font-size:14px; font-family:'Open Sans', Arial, sans-serif; font-weight:400;
	color:#323232; background-color:#f4f4f4; border:none; border-radius:6px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	}
select { padding:9px 15px; -webkit-appearance: menulist; }
textarea { resize:none; }

select.ui-datepicker-month, select.ui-datepicker-year { padding:2px 4px!important; }

/*.section-content input, .section-content textarea, .section-content select { background-color:#eeeeee; margin-bottom:10px; }*/

input[type=submit],input[type=button],button {
	padding:8px 20px; color:#ffffff; font-size:16px; font-family:'Open Sans', Arial, sans-serif; background-color:#3c69ac; border-radius:6px;
	-webkit-appearance: none; font-weight:700; border:none; cursor:pointer;
	}
	
input[placeholder], [placeholder], *[placeholder] {
   color:#151515 !important;
   opacity: 1 !important;
}
::-webkit-input-placeholder { color:#302e2b; }
::-moz-placeholder { color:#302e2b; opacity: 1 !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#302e2b; } /* ie */
input:-moz-placeholder { color:#302e2b; opacity: 1 !important; }

input[type=submit],input[type=button],label[for],select	{ cursor:pointer; }


.searchForm { float:right; font-size:16px; font-weight:400; }
.searchForm input[type=button], .searchForm input[type=submit], .searchForm select {
	font-size:14px; font-weight:400; color:#474949; padding:5px 10px; text-transform:none;
	background-color:#ffffff; border:1px solid #cccccc; border-radius:4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.searchForm input[type=submit] {
	color:#ffffff;
	background-color:#3c69ac; border:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.searchForm input[type=button].louer { border-radius:4px 0 0 4px; }
.searchForm input[type=button].vendre { border-radius:0 4px 4px 0; }
.searchForm input[type=button].selected {
	background-color:#ebebeb; border:1px solid #adadad; box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.1) inset; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.searchForm input[type=button]:hover {
	box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.1) inset;
}

/*=============================================================================================*/
/*=============================================================================================*/



/*=============================================================================================*/
/*==   LAYOUT     =============================================================================*/
/*=============================================================================================*/
div.row.full { width:100%; float:left; }

#header, #header-offre, #menu, .section, #slider, #main, #footer, #copyright, #header-info	{ width:100%; position:relative; float:left; z-index:9999; background-color:white; }

#header-offre { height:260px; margin-bottom:80px; }
	#header-offre .row.image { margin-top:82px; }

#header	 { height:120px; position:fixed; top:30px; left:0px; }
	#header .header-logo { height:90px; padding-top:5px; }
	#header .header-logo > a > img{ height:110px}
	#header .header-menu { height:120px; padding-top:0px; border-left:1px solid #d1d4d6; }
	#header .header-links { height:80px; padding-top:40px; }
	#header ul.nav{ padding: 50px 0 0 30px; }

#header-info {
	height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #3c69ac;
}
	#header-info a {
		float: right;
		padding: 3px 20px;
		font-size: 15px;
		font-weight: bold;
	}
	#header-info a:link, #header-info a:visited {
		color: #ffffff;
	}
	#header-info a:hover, #header-info a:active {
		color: #000000;
		text-decoration: none;
	}
	
#section-jobs {
	height:650px; background-color:#f0f0f0; //margin-top:120px;
	}
	#section-jobs .slogan { height:64px; margin:70px 0 80px;}
	#section-jobs .slogan p { color:#ffffff; font-size:45px; line-height:45px; font-weight:700; text-align:center; padding-top:0; }
	.slider-caption { display:none; }
	
#section-recherche {
	min-height:140px; padding:60px 0; background-color:#a3aaad; padding-bottom:30px;
	}
	
#main {
	min-height:700px; z-index:5000; padding-bottom:80px;
	}
				
#footer	{
	color:#a3aaad; background-color:#323232; height:140px; padding:50px 0; font-size:14px; 
	}
	#footer p { line-height:20px; }
	#footer strong { color:#ffffff; }
	
	
#copyright	{
	color:#a3aaad; background-color:#323232; height:30px; padding:50px 0; font-size:14px; border-top:1px solid #555555;
	}

.section-content-homepage { padding:80px 0; }
.section-accroche { padding:50px 0; background-color:#edeeef; }

.section-accroche .row {
	display: table;
}

.section-accroche .table {
	display: table;
	height: 100%;
}

.section-accroche .table .vertical-align {
	display: table-cell;
	vertical-align: middle;
}

.section-images { height:380px; position:relative; }
	.section-images .section-images-left, .section-images .section-images-right { width:50%; height:380px; position:absolute; top:0; z-index:9000; }
	.section-images .section-images-left { left:0; background-color:#ffffff; }
	.section-images .section-images-right { right:0; background-color:#ffffff; }
	.section-images .row { position:absolute; left:50%; bottom:177px; margin-left:-609px; z-index:9100; }
	.section-images p { font-size:40px; font-weight:700; line-height:44px; color:#ffffff; margin-bottom:10px; }

.section-citation { padding:50px 0; background-color:#323232; text-align:center; }
	.section-citation p { color:#ffffff; font-size:28px; font-weight:700; line-height:34px; }
	
#map { width:100%; height:650px; }
	
.share { text-align:center; }
	
.infowindow p { padding:0; line-height:18px; }
	
/*=============================================================================================*/
/*==   MENU    ================================================================================*/
/*=============================================================================================*/
ul.nav {
	width:100%; float:left; list-style:none; padding:35px 0 0 30px; margin:0; z-index:9999;
}
ul.nav > li {	
	float:left; position:relative; display:block; margin:0; padding:0 20px 0 0;
	background:none; font-family:'Open Sans', Arial, sans-serif; font-weight:700; font-size:16px; text-transform:uppercase;
}
ul.nav > li a {
	height:30px; color:#323232; padding-bottom:52px;
}

ul.nav li:hover > a, ul.nav li.selected > a {
	color:#3c69ac; text-decoration:none;
}

ul.nav li ul.subnav {	
	z-index:9999; list-style:none; margin-top:0px; padding:0; position:absolute; top:70px; left:0;
	display:none; background:#3c69ac;
}
ul.nav li ul.subnav li {
	display:block; float:left; margin:0; padding:4px 0 6px;
	width:260px; background:#3c69ac; text-align:center;
}
ul.nav li ul.subnav li a {
	font-size:14px; height:auto;
	padding:6px 0; width:100%; text-align:center; color:#ffffff;
}
ul.nav li ul.subnav li:hover {
	background-color:#2e5184;
}
ul.nav li ul.subnav li a:hover, ul.nav li ul.subnav li:hover a {
	border-bottom:none;
}



ul.secondarynav {
	width:100%; float:right; list-style:none; padding:0; margin:13px 0 0; z-index:9999;
}
ul.secondarynav > li {	
	float:right; position:relative; display:block; margin:0; padding:0 20px 0 0;
	background:none; font-family:'Open Sans', Arial, sans-serif; font-weight:700; font-size:14px;
}
ul.secondarynav > li a {
	color:#3c69ac;
}

ul.secondarynav li:hover > a, ul.secondarynav li.selected > a {
	color:#000000; text-decoration:none;
}




ul.footernav {
	width:100%; float:right; list-style:none; padding:0; margin:0; z-index:9999;
}
ul.footernav > li {	
	float:right; position:relative; display:block; margin:0; padding:0 12px 0 0;
	background:none; font-family:'Open Sans', Arial, sans-serif; font-weight:400; font-size:14px; text-transform:uppercase;
}
ul.footernav > li a {
	color:#ffffff;
}

ul.footernav li:hover > a, ul.footernav li.selected > a {
	color:#a3aaad; text-decoration:none;
}
/*=============================================================================================*/
/*=============================================================================================*/



	

/*=============================================================================================*/
/*==   AUTRES PAGES   =========================================================================*/
/*=============================================================================================*/
ul.list-photos { margin:0; padding:0; }
ul.list-photos li {
	position:relative; float:left; width:180px; height:180px; margin:0 20px 20px 0; padding:0;
	background:none;
}
ul.list-photos li.nomargin { margin:0; }
ul.list-photos li img { width:100%; height:100%; }
ul.list-photos li div.overlay {
	width:100%; height:100%; position:absolute; top:0; left:0; display:none; cursor:pointer;
	background:url(../images/icones/overlay.png) no-repeat scroll center center; color:#ffffff;
	}
	
	
ul.list-objects { margin:0; padding:0; }
ul.list-objects li {
	position:relative; float:left; width:282px; min-height:300px; margin:0 30px 50px 0; padding:0;
	background-color:#ffffff; background-image:none; border-bottom:5px solid #dddddd;
}
ul.list-objects li.nomargin { margin:0; }

ul.list-objects li div.content { padding:15px; text-align:center; font-weight:400; }
ul.list-objects li div.title { margin:0 auto; font-size:20px; }
ul.list-objects li div.price {
	display:inline-block; margin:10px auto; padding:4px 10px;
	font-size:18px; color:#ffffff; background-color:#747373; border-radius:4px;
}
ul.list-objects li div.text { margin:0 auto; }
/*=============================================================================================*/
/*=============================================================================================*/


.offre { background-color:#ffffff; }
	.offre-categorie { background-color:#edeeef; padding:20px 20px 5px; text-align:center; font-size:10px; text-transform:uppercase; }
	.offre-titre { background-color:#edeeef; height:50px; overflow:hidden; padding:0 20px; text-align:center; font-size:22px; line-height:24px; font-weight:700; }
	.offre-separateur { background-color:#edeeef; border-bottom:1px solid #d1d4d6; }
	.offre-texte { height:180px; padding:20px 20px; font-size:14px; }
	.offre-bouton { text-align:center; font-weight:700; padding:10px 20px; background-color:#3c69ac; }
		.offre-bouton a { color:#ffffff; }

.carousel-element.important div.offre-categorie, .carousel-element.important div.offre-titre, .carousel-element.important div.offre-separateur{
	background-color:#3c69ac;
	color: #ffffff;
}


.actualites { border:5px solid #a3aaad; }
	.actualites a:link, .actualites a:visited { color: #323232;}
	.actualites a:hover, .actualites a:active { color: #3c69ac; text-decoration: none;}
	.actualites-titre { padding:0 20px; }
	.actualites-separateur { border-top:1px solid #d1d4d6; line-height:10px; }
	.actualites-content { padding:0 20px 10px 20px; }
		.actualites-date { font-size:12px; }
		.actualites-texte { padding-bottom:10px; border-bottom:1px solid #daddde; }
		
	.actualites-link { padding:0 20px; margin-bottom:10px; font-weight:700; }
		.actualites-link a:link, .actualites-link a:visited, .actualites-link a:hover, .actualites-link a:active {color: #3c69ac; text-decoration: none;}

.horaires { border:5px solid #a3aaad; }
	.horaires-titre { padding:0 20px; }
	.horaires-separateur { border-top:1px solid #d1d4d6; line-height:10px; }
	.horaires-content { padding:0 20px 10px 20px; }
	.horaires-content a[href^="tel:"]{color: #3c69ac;}


.icon-big { font-size:70px; color:#3c69ac; }


.offre-sidebar-content { padding:0 0 10px 0; }
	.offre-sidebar-date { font-size:12px; }
	.offre-sidebar-titre { padding-bottom:10px; border-bottom:1px solid #daddde; }
	.offre-sidebar-titre a { color:#323232; }	


.liste-offres th { text-align:left; border-bottom:2px solid #a3aaad; padding:10px 6px; font-size:22px; font-weight:700; }
	.liste-offres th:nth-child(1) { width:42%; }
	.liste-offres th:nth-child(2) { width:22%; }
	.liste-offres th:nth-child(3) { width:16%; }
	.liste-offres th:nth-child(4) { width:20%; }

.liste-offres tr:nth-child(2n) td { background-color:#ffffff; }
.liste-offres tr:nth-child(2n+1) td { background-color:#f6f6f7; }

.liste-offres td { border-bottom:1px solid #d1d4d6; padding:10px 6px; }
	.liste-offres td:first-child { text-transform:uppercase; border-left: 5px solid transparent; }
	.liste-offres td:last-child { border-right: 5px solid transparent; }
	.liste-offres tr.important td:first-child{ border-left-color: #3c69ac;}
	.liste-offres tr.important td:last-child{ border-right-color: #3c69ac;}
	.liste-offres tr.important td a {color: #3c69ac;}
	
.liste-offres tr:hover td { background-color:#3c69ac; cursor:pointer; }

.liste-offres tr td a { color:#323232; }
.liste-offres tr:hover td a { color:#ffffff; text-decoration:none; }



.detail-offre td { padding:10px 6px; }
	.detail-offre td:nth-child(1) { width:38%; font-weight:700; vertical-align:top; }
	.detail-offre td:nth-child(2) { width:62%; vertical-align:top; }
		.detail-offre td:nth-child(2) p { padding-top:0; }
		
section table p { padding-top:0; }
		

.detail-offre tr:nth-child(2n) td { background-color:#ffffff; }
.detail-offre tr:nth-child(2n+1) td { background-color:#f6f6f7; }

.contact-offre { border:5px solid #a3aaad; padding:15px 20px; }
.contact-offre h2 { font-size:21px; padding:0; }
.contact-offre p { padding:3px 0; }



#section-recherche { text-align:center; }
	.recherche-titre { font-size:30px; font-weight:700; line-height:34px; }
	.recherche-soustitre { font-size:24px; line-height:34px; }


.section-contact-horaires { font-size:14px; }
.section-contact-horaires p { padding:0px 0 15px; }

/*
.detail-content { padding:20px 30px; border-bottom:5px solid #dddddd; }
.detail-price { background-color:#E42313; font-size:24px; font-weight:400; color:#ffffff; padding:20px 25px; }
.detail-file { background-color:#747373; border-radius:4px; font-size:15px; font-weight:400; text-align:center; padding:10px 0 15px; }
	.detail-file a { color:#ffffff; text-decoration:none; }
	.detail-file a:hover { color:#ffffff; text-decoration:none; }

.detail-options td { font-size:16px; padding:8px 0; border-bottom:1px solid #e1e1e1; }
.detail-options td:nth-child(2) { font-weight:400; text-align:right; }

.detail-map { width:100%; height:386px; }
.detail-address { font-size:16px; margin-top:10px; }
*/


.carousel-element { width:386px; float:left; margin-right:30px; }

a.prev, a.next {
	display: block;
	position: absolute;
	top: 340px;
	font-size:50px;
	color:#818283;
}
a.prev { left: 20px; }
a.next { right: 20px; }
a.prev:hover, a.next:hover { color:#f6f6f7; }




























.wizard {
    display: block;
    overflow: hidden;
    width: 100%;
}
.wizard a {
    outline: 0 none;
}
.wizard ul {
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
}
.wizard ul > li {
    display: block;
    padding: 0;
	background-image:none;
}
.wizard > .steps .current-info {
    left: -999em;
    position: absolute;
}
.wizard > .content > .title {
    left: -999em;
    position: absolute;
}
.wizard > .steps {
    display: block;
    position: relative;
    width: 100%;
}
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%;
}
.wizard > .steps .number {
    font-size: 20px;
}
.wizard > .steps > ul > li {
    width: 25%;
	margin:0 0 10px;
}
.wizard > .steps > ul > li, .wizard > .actions > ul > li {
    float: left;
}
.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    border-radius: 5px;
    display: block;
    margin: 0;
    padding: 1em;
    text-decoration: none;
    width: auto;
	background: #eee none repeat scroll 0 0;
    color: #aaaaaa;
}
.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #eee none repeat scroll 0 0;
    color: #aaaaaa;
    cursor: default;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #3c69ac none repeat scroll 0 0;
    color: #fff;
    cursor: default;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #eee none repeat scroll 0 0;
    color: #aaaaaa;
}
.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
    background: #ff3111 none repeat scroll 0 0;
    color: #fff;
}
.wizard > .content {
    background: #eee none repeat scroll 0 0;
	border-radius: 5px;
    display: block;
    margin: 0;
    /*min-height: 35em;*/
    overflow: hidden;
    position: relative;
    width: auto;
}
.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 0 0.5em 2.5%;
    width: 67.5%;
}
.wizard > .content > .body {
    float: left;
    /*height: 95%;*/
    padding: 2.5%;
    position: absolute;
    width: 95%;
}

.wizard > .actions {
    display: block;
    position: relative;
    text-align: right;
    width: 100%;
}
.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 0 0 2.5%;
    width: 97.5%;
}
.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li {
    margin: 0 0.5em;
}
.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #3c69ac none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    background: #eee none repeat scroll 0 0;
    color: #aaa;
}
.wizard > .loading {
}
.wizard > .loading .spinner {
}

@media (max-width: 600px) {
.wizard > .steps > ul > li {
    width: 50%;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    margin-top: 0.5em;
}
.wizard.vertical > .steps, .wizard.vertical > .actions {
    display: block;
    float: none;
    width: 100%;
}
.wizard.vertical > .content {
    display: block;
    float: none;
    margin: 0 0.5em 0.5em;
    width: auto;
}
}
@media (max-width: 480px) {
.wizard > .steps > ul > li {
    width: 100%;
}
}

.image-pointsforts{
	width:50%;
	margin-bottom:30px;
	filter: grayscale(100%);
	transition: all 0.5s;
}

.col4:hover .image-pointsforts{
	filter: grayscale(0);
}

.section-with-image{
	display:-webkit-flex;
	display:flex;
	margin-top:20px;
}

.section-with-image div{
	width: calc(100%*6/12);
	margin-right: calc(100%*1/12);
}
.section-with-image div+div{
	width: calc(100%*4/12);
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	margin-right: 0;
}
.section-with-image div+div img{
	padding-top:8px;
}

.section-maps{
	display: -webkit-flex;
	display: flex;
}

.section-maps-description{
	width:25%; 
	margin:0 12.5%; 
	box-sizing:border-box; 
	font-size:14px; 
	display:flex; 
	flex-direction:column; 
	justify-content:center;
	margin-left: calc((100% - 1218px) / 2); 
	padding: 0;
}

.form_mission{
	display: -webkit-flex;
	display: flex;
	
	-webkit-align-items: center;
	align-items: center;
}
.form_mission .g-recaptcha{
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: center;
	justify-content: center;
}

.caroufredsel_wrapper{
	margin-top:120px !important;
}

.section-with-image div .atouts{
	margin-right: 0;
	display:-webkit-flex;
	-webkit-justify-content: end;
	-webkit-align-items: center;
	display:flex;
	justify-content: end;
	align-items: center;
	padding: 15px 30px 15px 85px;
	margin: 15px 0;
	position:relative;
	min-height:80px;
	box-sizing: border-box;
	background: rgb(238,238,238);
	background: linear-gradient(178deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 19%);
	text-align:right;
}

.section-with-image div .atouts .atouts-picto{
	background-color:#3c69ac; 
	width: 110px; 
	height: 110px; 
	position: absolute; 
	left: -50px; 
	border-radius: 50%; 
	top: -15px;
}

.section-with-image div .atouts .atouts-picto img{
	height:50px;
	position: absolute;
	margin: auto;
}

.section-with-image div .atouts:nth-child(1) .atouts-picto img{
	top: 0px;
	left: 0;
	bottom: 3px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(2) .atouts-picto img{
	top: 0px;
	left: 1px;
	bottom: 10px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(3) .atouts-picto img{
	top: 0px;
	left: 1px;
	bottom: 9px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(4) .atouts-picto img{
	top: 0px;
	left: 5px;
	bottom: 22px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(4) .atouts-picto img{
	top: 0px;
	left: 3px;
	bottom: 22px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(5) .atouts-picto img{
	top: 0px;
	left: -1px;
	bottom: 10px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(6) .atouts-picto img{
	top: 0px;
	left: 6px;
	bottom: 10px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(7) .atouts-picto img{
	top: 0px;
	left: 4px;
	bottom: 12px;
	right: 0px;
}

.section-with-image div .atouts:nth-child(even){
	width: calc(100% - 55px);
}

.section-with-image div .atouts:nth-child(odd){
	width: calc(100% - 175px);
}


.section-with-image div .atouts::after{
	content: '';
    position: absolute;
    width: 300px;
    height: 1px;
    bottom: 0;
    right: 0;
    z-index: -1;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 1);
}


.section-with-image .atouts-partie-text{
	position:relative;
	overflow:hidden;
	display:-webkit-flex;
	-webkit-flex-direction:column;
	-webkit-align-items:flex-end;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}

.section-with-image .atouts-partie-text::after{
	content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -1px;
    z-index: 2;
    box-shadow: -1px 0px 10px 1px rgba(0, 0, 0, 1);
}

.section-with-image div .photoatouts{
	height: 0; 
	width: 100%;
	margin-right:0;
	padding-bottom:100%; 
	background: url('../../fichiers/nos-atouts-83.jpg') no-repeat center left; 
	background-size:cover; 
	border-radius:50%;
}

.section-with-image div .photoengagement{
	height: 0; 
	width: 100%;
	margin-right:0;
	padding-bottom:100%; 
	background: url('../../fichiers/Notre-engagement-84.jpg') no-repeat center right; 
	background-size:cover; 
	border-radius:50%;
}

.section-with-image.section-atouts div+div{
	-webkit-align-items: center;
	align-items: center;
}

.curriculumTitre{
	width: calc(100% + (100vw - 100%) / 2);
	margin-left: calc((-100vw + 100%) / 2);
	padding-left: calc(20vw + 10px);
	position: relative;
	margin-top:40px;
	box-sizing:border-box;
}

.curriculumTitre::after{
	content: '';
	width: 20vw;
	position:absolute;
	top:0;
	bottom:0;
	height:1px;
	left:0;
	background:black;
	margin:auto;
}

.cvstep img{
	width:calc(100% / 6);
}

.cvastuce{
	width:100%;
	display: flex;
	justify-content: flex-end;
	margin-top:30px;
}

.cvastuce > div{
	width:50%;
}

.curriculumAstuceTitre{
	width: calc(100% + (100vw - 1218px) / 2);
	margin-right: calc((-100vw + 1218px) / 2);
	position:relative;
	box-sizing:border-box;
}

.curriculumAstuceTitre strong{
	background:white;
	z-index:10;
	padding-right:10px;
	position:relative;
	padding-left: 43px;
}

.curriculumAstuceTitre::after{
	content: '';
	width: 100%;
	position:absolute;
	top:0;
	bottom:0;
	height:1px;
	left:0;
	right:0;
	background:black;
	margin:auto;
}

.lettremotivation-ligne{
	display:-webkit-flex;
	display:flex;
	padding:25px 0;
}

.lettremotivation-ligne + .lettremotivation-ligne{
	border-top: 1px solid #3c69ac;
}

.lettremotivation-ligne .lettremotivation-cercle{
	height: 115px;
	width: 120px;
	min-width: 120px;
	background:#3c69ac;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
	border-radius: 50%;
	font-size: 90px;
	padding-bottom: 5px;
}

.lettremotivation-ligne .lettremotivation-cercle + .lettremotivation-texte{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 25px;
}

.cvaeviter{
	width: 50%;
	margin-left: 22%;
	margin-top: 50px;
}

.cvaeviter p {
	padding-left: 15px;
}

.cvaeviter .titreeviter{
	width: calc((1218px * 0.5) + (1218px * 0.22) + ((100vw - 1218px) / 2));
	margin-left: calc(0px - (1218px * 0.22) - ((100vw - 1218px) / 2));
	padding-left: calc((1218px * 0.22) + ((100vw - 1218px) / 2));
	box-sizing:border-box;
	position:relative;
}

.cvaeviter .titreeviter::after{
	content: '';
	width: calc((1218px * 0.22) + ((100vw - 1218px) / 2));
	position:absolute;
	top:0;
	bottom:0;
	height:1px;
	left:0;
	background:black;
	margin:auto;
}

.document{
	margin-top:30px;
	margin-bottom:50px;
	padding-left:5%;
}

.document p {
	padding-left:50px;
}

.document-line{
	position:relative;
}

.document-optionnel{
	width: 78%;
	margin-left: 22%;
}

.document-optionnel p{
	padding-left: 15px;
}

.document-optionnel .titre-document-optionnel{
	width: calc((1218px * 0.78) + (1218px * 0.22) + ((100vw - 1218px) / 2));
	margin-left: calc(0px - (1218px * 0.22) - ((100vw - 1218px) / 2));
	padding-left: calc((1218px * 0.22) + ((100vw - 1218px) / 2));
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}

.document-optionnel .titre-document-optionnel::after{
	content: '';
	width: calc((1218px * 0.22) + ((100vw - 1218px) / 2));
	position: absolute;
	top: 0;
	bottom: 0;
	height: 1px;
	left: 0;
	background: black;
	margin: auto;
}


div.littleicon{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	background-size: contain !important;
	z-index: 11;
}

div.icon-ok{background: url('../../images/interface/icon-ok.png') no-repeat center center;}
div.icon-cv{background: url('../../images/interface/icon-cv.png') no-repeat center center;}
div.icon-lettre{background: url('../../images/interface/icon-lettre.png') no-repeat center center;}
div.icon-feuilles{background: url('../../images/interface/icon-feuilles.png') no-repeat center center;}
div.icon-diplome{background: url('../../images/interface/icon-diplome.png') no-repeat center center;}
div.icon-certificat{background: url('../../images/interface/icon-certificat.png') no-repeat center center;}
div.icon-id{background: url('../../images/interface/icon-id.png') no-repeat center center;}
div.icon-person{background: url('../../images/interface/icon-person.png') no-repeat center center;}
div.icon-feuilleok{background: url('../../images/interface/icon-feuilleok.png') no-repeat center center; left: -35px;}
div.icon-voiture{background: url('../../images/interface/icon-voiture.png') no-repeat center center; left: -35px;}

body{
	overflow-x: hidden;
}

.horaires-titre h1{
	font-size:30px;
}