/* ==========================================================================
   Style de Base
   Header
   Menu
   Footer
   ========================================================================== */


@charset "utf-8";
/* ==========================================================================
   CSS Reset
   ========================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
input {
	border: 0;
	background: none;
	outline: 0;
}
/* ==========================================================================
   Common CSS
   ========================================================================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Lato';
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {	
	color: #4b4b4b;
	background: #ececec;
	font-family: 'Lato';
	font-size:16px;
	line-height:22px;
            color: #1e499b;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {	
	outline: none;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;	
}
#container {
	min-height: 100%;
	position: relative;
}
.wrapper {
	width: 1170px;
	margin: 0 auto;
	position: relative;
        clear: both;
}
.block_lightblue {
    background: #e9eef5;
}
.block_white {
    background: white;
}
span[class^="flaticon-"]:before {
    margin-left: 0;
}
span[class^="flaticon-"].rounded:before {
    padding: 3px;
    border-radius: 50%;
}
span[class^="flaticon-"].rounded.orange:before {
    background: #FF6600;
}
span[class^="flaticon-"].rounded.blue:before {
    background: #1B479E;
}
.nodecoration {
    text-decoration: none !important;
    cursor: default;
}
.fleft2 {
    float: left;
    padding: 0px 20px 0px 5px;
}
.fright2 {
    float: right;
    padding: 0px 5px 0px 20px;
}
.clearhr {
    clear: both;
    font-size: 1px;
    height: 1px;
    width: 90%;
    margin: 50px auto;
}
.clearhr.border {
    border-top: 1px solid #1a3c7f;
}
.hide {
    display:none;
}
.fleft {
    float:left;
}
.fright {
    float:right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right !important;
}
.text-orange {
    color:#FF6600;
}
.text-green {
    color:#ff6500;
} 
.text-white {
    color:white;
}
.text-bold {
    font-weight: bold;
}
.p20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.p40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.p80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.mb100 {
    margin-bottom: 100px;
}
.onlyMobile {
    display: none !important;
}
iframe {
    max-width: 100%;
}
ul.checklist {
    padding-left: 30px;
}
ul.checklist li {
    margin-bottom: 5px;
    position:relative;
    font-size: 18px;
    line-height: 26px;
}
ul.checklist li:before {
    content: "\f101";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color: #43c002;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -10px;
}




/* CLEARFIX */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* CLEARFIX */

li {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ==========================================================================
   Titre
   ========================================================================== */
h1,h2 {
    text-align: center;
    font-size: 46px;
    line-height: 50px;
    margin: 60px 0 60px 0;
}
h3 {
    text-align: center;
    font-size: 25px;
    line-height: 28px;
}
h4 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
}
h1 > strong, h2 > strong, h3 > strong, h4 > strong {
    color:#fff;
    background: #1e499b;
    padding: 0px 0.5em 0.1em 0.5em;
}
h1 > small, h2 > small, h3 > small, h4 > small {
    font-size: 0.5em;
    color: rgb(87, 110, 152);
    display: inline-block;
    max-width: 100%;
}
.title-border-bottom {
    padding-bottom: 10px;
    position: relative;
}
.title-border-bottom:after {
    content: "";
    width: 5em;
    height: 0.1em;
    background: #1e499b;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2.5em;
}
.title-border-left-right {
    font-weight: bold;
}
.title-border-left-right small {
    position: relative;
    overflow: hidden;
    padding: 0 10em;
    font-weight: normal;
}
.title-border-left-right small:after, .title-border-left-right small:before {
    content: "";
    width: 9.5em;
    height: 1px;
    background: rgb(87, 110, 152);
    position: absolute;
    top: 50%;
    left: 0%;
}
.title-border-left-right small:after {
    left: 100%;
    margin-left: -9.5em;
}
.withsubtitle {
    margin-bottom: 0;
}
p.subtitle {
    font-size: 20px;
    text-align: center;
    color: rgb(87, 110, 152);
    margin-bottom: 20px;
    margin-top: 20px;
}


/* ==========================================================================
   bouton
   ========================================================================== */
.btn {
    display: inline-block;
    background: #FFF;
    color: #1e499b;
    border: none;
    border-bottom: 2px solid #ABABAB;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 30px;
    padding: 0 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-transition: all ease 0.4s;
    -khtml-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    cursor:pointer;
}
.btn:hover {
    background-color: #e6e6e6;
}
.btn.btn-orange {
    color: #fff;
    background: #ff6600;
    border-color:#A54200;
}
.btn.btn-orange:hover {
    background-color: #E45B00;
}
.btn.btn-lightblue {
    color: #28419b;
    background: #eff4fa;
    border-bottom: 3px solid;
    border-color:#28419b;
}
.btn.btn-lightblue:hover {
    background-color: #C5D5E8;
}
.btn.btn-yellow {
    background: #fcd313;
    border-color:#7D690A;
}
.btn.btn-yellow:hover {
    background-color: #DEBC1F;
}
.btn.btn-blue {
    color: #fff;
    background: #05379b;
    border-color:#0E2248;
}
.btn.btn-blue:hover {
    background-color: #052565;
}
.btn.btn-green {
    color: #fff;
    background: #5fc248;
    border-color:#5E6F26;
}
.btn.btn-green:hover {
    background-color: #4CA039;
}
.btn.btn-block {
    display: block;
    width: 100%;
    text-align: center;
}
.btn.btn-s {
    font-size: 14px;
    padding: 0 10px;
    line-height: 23px;
}
.btn.btn-xl {
    font-size: 22px;
    padding: 0 20px;
    line-height: 35px;
    font-weight: 900;
}
.btn.btn-xxl {
    font-size: 30px;
    line-height: 46px;
    padding: 0 20px;
    font-weight: 900;
}

/* ==========================================================================
   FIN bouton
   ========================================================================== */

/* ==========================================================================
   Header
   ========================================================================== */

header {
	background: #1e499b;
	width: 100%;
	float: left;
	z-index:99999;
	height:80px;
}
header a:hover {
    text-decoration:underline;
}

#logo {
	float: left;
	width: 178px;
	margin: 15px 0 10px;
	
	font: 0/0 a;
    display:inline-block;
    height: 55px;
    background-image: url('../images/logo.png');
    background-size: contain;
}

.log_generique {
    background-image: url('../images/logo_lws.png') !important; 
}

#logo2 {
    display: none;
}

.headerLeft {
	float: left;
	margin: 0 0 0 30px;
        width: 82%;
}
.headerTop .rating p {
	font-size:13px; line-height:16px;
	float: left;
	color: #ffffff;
	padding: 4px 0 0 0;
}
.headerTop .ratingImage {
	float: left;
	width: 110px;
	margin: 0 30px 0 0;
}
.ratingImage ul li {
    float: left;
	margin:3px 0 0 3px;
}

.ratingImage ul li a {
    color: #fed400;
    font-size: 20px;
}
.headertopLinks li {
	float: left;
	font-size:13px; line-height:16px;
	color: #ffffff;
	border-left: 1px solid #7892c3;
	padding: 5px 9px 0 12px;
}
.headertopLinks li:first-child {
	border-left: 0;
}
.headertopLinks li a {
	font-size:13px; line-height:16px;
	color: #ffffff;
	float:left;
}
.headertopLinks li.client {
	/*background: url(../images/lock.png) no-repeat scroll 9px 4px rgba(0, 0, 0, 0);*/
	padding: 4px 13px 0 13px;
}

.headertopLinks li.countries{
padding: 0px 5px 0 6px !important;
margin-top: 4px;
}

.headertopLinks li.client span[class^="flaticon-"]:before {
    font-size: 15px;
    margin-left: 0;
}
.headertopLinks li.contact {
	/*background: url(../images/msg.png) no-repeat scroll 9px 6px rgba(0, 0, 0, 0);*/
	padding: 4px 13px 0 13px;
}
.headertopLinks li.contact span[class^="flaticon-"]:before {
    font-size: 15px;
    margin-left: 0;
}
.headertopLinks {
	float: right;
}
.rating {
	float: left;
}
.headerTop {
	margin: 10px 0 0 0;
}
.countries span {
	background: url("../images/select.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	height: 5px;
	padding: 6px 0 0 14px;
	width: 9px;
}
.articles {
	/*background: url("../images/cart.png") no-repeat scroll left center rgba(0, 0, 0, 0);*/
	color: #437def;
	float: right;
	font-size:13px; line-height:16px;
	margin: 0 0 0 8px;
	padding: 4px 0 0 0px;
}
.articles span[class^="flaticon-"]:before {
    font-size: 22px;
    margin-right: 5px;
}
.articles p {
	float: left;
}
.articles span {
	float: left;
	padding: 0 0 0 5px;
}
.headerBottom p {
	float: left;
	font-size:20px; line-height:25px;
	color: #ffffff;
	padding: 0 12px 0 0;
}
.headerBottom span {
	float: left;
	font-size:20px; line-height:25px;
	color: #ffffff;
	text-transform: uppercase;
        margin-left: 100px;
}
.headerBottom {
	clear: both;
	float: left;
	margin:8px 0 0 0;
}
.menuIcon {
    display: none;
    height: 40px;
    width: 39px;
    margin: 0 auto;
    cursor: pointer;
    font: bold 15px/40px "the_serif-regular";
    color: #fff;
    float: right;
    background: url(../images/toggle.png) no-repeat center left;
}
.bg_home {	
	background: url(../images/bannerImage.jpg) no-repeat center top;
}
.domaine p {
    font: 64px/70px 'lato';
    color: #423737;
    font-weight: 800;	
}
.domaine .biz p {
	text-transform:none;
}
.domaine strong {
    font: 56px/65px 'lato';
    color: #1e499b;
    text-transform: lowercase;
    font-weight: 800;	
}
.domaine {
	margin: 16px 0 0 0;
}
.domaine1 {
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}
.adressBlock {
	background: #ff6600;
	width: 100%;
	float: left;
}
.adressBlock {
	/*position: absolute;*/
	position:relative;
	top: 10px;
	left: 0;
}
.adressBlock p {
	font-size:16px; line-height:41px;
	/*background: url(../images/I-icon.png) no-repeat 10px center;*/
	color: #fff;
	float: left;
	padding: 0 0 0 0px;
}
.adressBlock p span[class^="flaticon-"]:before {
    font-size: 22px;
    margin-left: 5px;
    margin-right: 5px;
}
.adressBlock a {
	font-size:16px; line-height:43px;        font-weight: 900;
	color: #fff;
	float: left;
	margin-left:3px;
}
.adressBlock span[class^="flaticon"] {
    margin: 0 9px;
}
#banner_45 {
    position: absolute;
    top:130px;
}
.domaineLinks li {
	width: 100%;
	clear: both;
	margin: 0 0 10px 0;
	float: left;
}
.domaineLinks li strong {
	background: #1E499B;
	color: #fff;
	font-size:37px; line-height:41px;
	font-weight: 900;
	border-radius: 8px;
	padding: 0 11px;
	float: left;
	margin: 0 20px 0 0;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}
.domaineLinks {
	margin: 25px 0 0;
}
.domaineLinks li p {
	color: #ff6600;
	font: bold 31px/35px 'asap';
	float: left;
	padding: 0 7px 0 0;
}
.domaineLinks li span {
	color: #ff6600;
	font: 11px/26px 'lato';
	float: left;
	padding: 0 11px 0 0;
}
.domaineLinks li small {
	color: #3871d7;
	font: 21px/26px 'lato';
	text-decoration: line-through;
	float: left;
    margin: 0 5px 0 0;
}
.domaineLinks li.be strong {
	font-size:22px; line-height:32px;
	font-weight: 900;
}
.domaineLinks li.biz strong {
	font-size:22px; line-height:32px;
	font-weight: 900;
	color: #FFF;
	background: #1E499B;
}
.domaineLinks li.biz p {
	color: #FF6600;
	font: bold 20px/25px 'asap';
	float: left;
}
.domaineLinks li.biz span {
	color: #FF6600;
	font: 10px/25px 'lato';
	float: left;
}
.commaderBlock .commander {
	background: #FF6600;
	width: 200px;
	font-size:29px; line-height:46px;  font-weight: 900;
	float: left;
	text-align: center;
	color: #fff;
	border-radius: 3px;
        border-bottom: 2px solid #A54200;
}
.commaderBlock .commander:hover {
    background: #FF8B3D;
}
.commaderBlock {
	float: right;
	margin-right:25px;
}
.commaderBlock p {
	color: #423737;
	font: 11px/13px 'asap';
	float: left;
	margin:10px 0 0 20px;
	 text-shadow:0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;    
	filter: progid:DXImageTransform.Microsoft.Glow(color=ffffff,strength=2);
	text-align: center;
	<!--[if IE]><style type="text/css">
	/*text-shadow: 1px 2px 0.2em #fff, 1px 0 0.2em #fff, 1px 0 0.2em #fff;*/
	
}

.check {
	clear: both;
	width: 100%;
	float: left;
	background: #1e499b;
	padding: 0 0 20px 0;
	text-align:center;
}
.check p {
	text-align: center;
	font-size:20px; line-height:51px;
	color: #fff;
    font-weight: bold;
}
.checkBlock {
  background: none repeat scroll 0 0 #ffffff;
  float: none;
  margin: 0 auto;
  display:inline-block;
  width: 84%;
}

/* ________________________________________________style selection langue _____________________________________ */
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
	margin: 0;
	padding: 0; 
	outline: none;
}

#polyglotLanguageSwitcher ul {
	list-style: none;	
}

#polyglotLanguageSwitcher {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: normal;
	position: relative; /* sets the initial position for the drop-down menu */	
	z-index: 100;
}

#polyglotLanguageSwitcher form {
	display: none;	
}

#polyglotLanguageSwitcher a {
	text-decoration: none;
	display: block;	
	padding: 2px 6px 2px 28px; /* 6px 6px 6px 28px */
	color: #444;
	width: 1em; /* 84px; total width: 120px */
	background-repeat: no-repeat;
	background-position: 6px center;
	height:15px; 
}

#polyglotLanguageSwitcher a:hover {
	color: #000;	
}

#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
	position: relative; /* sets the initial position for the trigger arrow */
	/*background-color: #FFF;
	border: 1px solid #E5E5E5;*/
	border-radius: 3px;
	height: 1.25em; /* 15px */
}

#polyglotLanguageSwitcher a.current:hover, 
#polyglotLanguageSwitcher ul.dropdown li:hover {
	/*background-color: #F7F7F7;*/
}

#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
	border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;
}

#polyglotLanguageSwitcher span.trigger {
	display: block;
	position: absolute;
	width: 9px;
	height: 5px;
	text-indent: -10000em;
	top: 9px; /* 6px */
	right: 6px;
}

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
	background: url(../images/arrow-down.gif) no-repeat left top;	
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
	background-position: left bottom !important;
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { 
	display: none;
	position: absolute;
	top: 22px; /* 28px */
	left: 0;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	border-top: none !important;
	border-radius: 0 0 3px 3px;
}

#polyglotLanguageSwitcher ul.dropdown li { 
	border-top: 1px dotted #D4D4D4;
	height:20px;
	border-left:0;
}

#polyglotLanguageSwitcher ul.dropdown li:last-child { 
	border-radius: 0 0 3px 3px;
}

/* Flags */

#en { 
	background-image: url(../images/flags/gb.png);
}

#fr { 
	background-image: url(../images/flags/fr.png);	
}

#de { 
	background-image: url(../images/flags/de.png);	
}

#it { 
	background-image: url(../images/flags/it.png);	
}

#es { 
	background-image: url(../images/flags/es.png);	
}
/* ________________________________________________Fin style selection langue _____________________________________ */

/* ##### MENU LANGUE ##### */
.headertopLinks li.countries {
/*padding: 0px 13px 0 13px!important;*/
margin: 0!important;
position: relative;
z-index: 10;
}
.headertopLinks .countries a{
background-repeat: no-repeat;
text-decoration: none;
}
.headertopLinks .countries > a{
padding: 14px 5px 5px 25px;
line-height: 13px;
border-radius: 2px 2px 0 0;
position: relative;
z-index: 11;
width: 36px;
background-position: 23% 50%;
}
.headertopLinks .countries>a img {
    margin-top: -5px;
}
.headertopLinks li.countries:hover > a {
background-color: #fff;
color:#4b4b4b;
} 
.headertopLinks li.countries:hover ul {
display: block;
} 
.headertopLinks .countries ul {
display: none;
position: absolute;
width: 150px;
background: #fff;
top:19px;
border-radius:0 2px 2px 2px;
-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
padding:5px;
}
.headertopLinks .countries ul li {
display: block;
border: none;
padding-left: 0;
width: 100%;
margin-bottom: 5px;
}
.headertopLinks .countries img.flag {
display: inline;
margin: 0 2px 0 0px;
}
.headertopLinks .countries ul li a{
line-height: 13px;
color:#4b4b4b;
}
.headertopLinks .countries ul li a:hover {
text-decoration: underline;
}
/* ### FIN MENU LANGUE ### */

/* ________________________________________________ style Flags _____________________________________ */
.flag{float:left;padding:0 !important;margin:5px 13px 0 10px;width:16px;height:11px;background:url(../images/msdropdown/icons/flagssprite_small.jpg) no-repeat;}.flag.ad{background-position:0 0}.flag.ae{background-position:0 -11px}.flag.af{background-position:0 -22px}.flag.ag{background-position:0 -33px}.flag.ai{background-position:0 -44px}.flag.al{background-position:0 -55px}.flag.am{background-position:0 -66px}.flag.an{background-position:0 -77px}.flag.ao{background-position:0 -88px}.flag.ar{background-position:0 -99px}.flag.as{background-position:0 -110px}.flag.at{background-position:0 -121px}.flag.au{background-position:0 -132px}.flag.aw{background-position:0 -143px}.flag.ax{background-position:0 -154px}.flag.az{background-position:0 -165px}.flag.ba{background-position:0 -176px}.flag.bb{background-position:0 -187px}.flag.bd{background-position:0 -198px}.flag.be{background-position:0 -209px}.flag.bf{background-position:0 -220px}.flag.bg{background-position:0 -231px}.flag.bh{background-position:0 -242px}.flag.bi{background-position:0 -253px}.flag.bj{background-position:0 -264px}.flag.bm{background-position:0 -275px}.flag.bn{background-position:0 -286px}.flag.bo{background-position:0 -297px}.flag.br{background-position:0 -308px}.flag.bs{background-position:0 -319px}.flag.bt{background-position:0 -330px}.flag.bv{background-position:0 -341px}.flag.bw{background-position:0 -352px}.flag.by{background-position:0 -363px}.flag.bz{background-position:0 -374px}.flag.ca{background-position:0 -385px}.flag.catalonia{background-position:0 -396px}.flag.cc{background-position:0 -407px}.flag.cd{background-position:0 -418px}.flag.cf{background-position:0 -429px}.flag.cg{background-position:0 -440px}.flag.ch{background-position:0 -451px}.flag.ci{background-position:0 -462px}.flag.ck{background-position:0 -473px}.flag.cl{background-position:0 -484px}.flag.cm{background-position:0 -495px}.flag.cn{background-position:0 -506px}.flag.co{background-position:0 -517px}.flag.cu{background-position:0 -528px}.flag.cr{background-position:0 -539px}.flag.cs{background-position:0 -550px}.flag.cv{background-position:0 -561px}.flag.cx{background-position:0 -572px}.flag.cy{background-position:-16px 0}.flag.cz{background-position:-16px -11px}.flag.de{background-position:-16px -22px}.flag.dj{background-position:-16px -33px}.flag.dk{background-position:-16px -44px}.flag.dm{background-position:-16px -55px}.flag.do{background-position:-16px -66px}.flag.dz{background-position:-16px -77px}.flag.ec{background-position:-16px -88px}.flag.ee{background-position:-16px -99px}.flag.eg{background-position:-16px -110px}.flag.eh{background-position:-16px -121px}.flag.england{background-position:-16px -132px}.flag.er{background-position:-16px -143px}.flag.es{background-position:-16px -154px}.flag.et{background-position:-16px -165px}.flag.eu{background-position:-16px -176px}.flag.fam{background-position:-16px -187px}.flag.fi{background-position:-16px -198px}.flag.fj{background-position:-16px -209px}.flag.fk{background-position:-16px -220px}.flag.fm{background-position:-16px -231px}.flag.fo{background-position:-16px -242px}.flag.fr{background-position:-16px -253px}.flag.ga{background-position:-16px -264px}.flag.gb{background-position:-16px -275px}.flag.gd{background-position:-16px -286px}.flag.ge{background-position:-16px -297px}.flag.gf{background-position:-16px -308px}.flag.gh{background-position:-16px -319px}.flag.gi{background-position:-16px -330px}.flag.gl{background-position:-16px -341px}.flag.gm{background-position:-16px -352px}.flag.gn{background-position:-16px -363px}.flag.gp{background-position:-16px -374px}.flag.gq{background-position:-16px -385px}.flag.gr{background-position:-16px -396px}.flag.gs{background-position:-16px -407px}.flag.gt{background-position:-16px -418px}.flag.gu{background-position:-16px -429px}.flag.gw{background-position:-16px -440px}.flag.gy{background-position:-16px -451px}.flag.hk{background-position:-16px -462px}.flag.hm{background-position:-16px -473px}.flag.hn{background-position:-16px -484px}.flag.hr{background-position:-16px -495px}.flag.ht{background-position:-16px -506px}.flag.hu{background-position:-16px -517px}.flag.id{background-position:-16px -528px}.flag.ie{background-position:-16px -539px}.flag.il{background-position:-16px -550px}.flag.in{background-position:-16px -561px}.flag.io{background-position:-16px -572px}.flag.iq{background-position:-32px 0}.flag.ir{background-position:-32px -11px}.flag.is{background-position:-32px -22px}.flag.it{background-position:-32px -33px}.flag.jm{background-position:-32px -44px}.flag.jo{background-position:-32px -55px}.flag.jp{background-position:-32px -66px}.flag.ke{background-position:-32px -77px}.flag.kg{background-position:-32px -88px}.flag.kh{background-position:-32px -99px}.flag.ki{background-position:-32px -110px}.flag.km{background-position:-32px -121px}.flag.kn{background-position:-32px -132px}.flag.kp{background-position:-32px -143px}.flag.kr{background-position:-32px -154px}.flag.kw{background-position:-32px -165px}.flag.ky{background-position:-32px -176px}.flag.kz{background-position:-32px -187px}.flag.la{background-position:-32px -198px}.flag.lb{background-position:-32px -209px}.flag.lc{background-position:-32px -220px}.flag.li{background-position:-32px -231px}.flag.lr{background-position:-32px -242px}.flag.lk{background-position:-32px -253px}.flag.ls{background-position:-32px -264px}.flag.lt{background-position:-32px -275px}.flag.lu{background-position:-32px -286px}.flag.lv{background-position:-32px -297px}.flag.ly{background-position:-32px -308px}.flag.ma{background-position:-32px -319px}.flag.mc{background-position:-32px -330px}.flag.md{background-position:-32px -341px}.flag.me{background-position:-32px -352px}.flag.mg{background-position:-32px -363px}.flag.mh{background-position:-32px -374px}.flag.mk{background-position:-32px -385px}.flag.ml{background-position:-32px -396px}.flag.mm{background-position:-32px -407px}.flag.mn{background-position:-32px -418px}.flag.mo{background-position:-32px -429px}.flag.mp{background-position:-32px -440px}.flag.mq{background-position:-32px -451px}.flag.mr{background-position:-32px -462px}.flag.ms{background-position:-32px -473px}.flag.mt{background-position:-32px -484px}.flag.mu{background-position:-32px -495px}.flag.mv{background-position:-32px -506px}.flag.mw{background-position:-32px -517px}.flag.mx{background-position:-32px -528px}.flag.my{background-position:-32px -539px}.flag.mz{background-position:-32px -550px}.flag.na{background-position:-32px -561px}.flag.nc{background-position:-32px -572px}.flag.ne{background-position:-48px 0}.flag.nf{background-position:-48px -11px}.flag.ng{background-position:-48px -22px}.flag.ni{background-position:-48px -33px}.flag.nl{background-position:-48px -44px}.flag.no{background-position:-48px -55px}.flag.np{background-position:-48px -66px}.flag.nr{background-position:-48px -77px}.flag.nu{background-position:-48px -88px}.flag.nz{background-position:-48px -99px}.flag.om{background-position:-48px -110px}.flag.pa{background-position:-48px -121px}.flag.pe{background-position:-48px -132px}.flag.pf{background-position:-48px -143px}.flag.pg{background-position:-48px -154px}.flag.ph{background-position:-48px -165px}.flag.pk{background-position:-48px -176px}.flag.pl{background-position:-48px -187px}.flag.pm{background-position:-48px -198px}.flag.pn{background-position:-48px -209px}.flag.pr{background-position:-48px -220px}.flag.ps{background-position:-48px -231px}.flag.pt{background-position:-48px -242px}.flag.pw{background-position:-48px -253px}.flag.py{background-position:-48px -264px}.flag.qa{background-position:-48px -275px}.flag.re{background-position:-48px -286px}.flag.ro{background-position:-48px -297px}.flag.rs{background-position:-48px -308px}.flag.ru{background-position:-48px -319px}.flag.rw{background-position:-48px -330px}.flag.sa{background-position:-48px -341px}.flag.sb{background-position:-48px -352px}.flag.sc{background-position:-48px -363px}.flag.scotland{background-position:-48px -374px}.flag.sd{background-position:-48px -385px}.flag.se{background-position:-48px -396px}.flag.sg{background-position:-48px -407px}.flag.sh{background-position:-48px -418px}.flag.si{background-position:-48px -429px}.flag.sj{background-position:-48px -440px}.flag.sk{background-position:-48px -451px}.flag.sl{background-position:-48px -462px}.flag.sm{background-position:-48px -473px}.flag.sn{background-position:-48px -484px}.flag.so{background-position:-48px -495px}.flag.sr{background-position:-48px -506px}.flag.st{background-position:-48px -517px}.flag.sv{background-position:-48px -528px}.flag.sy{background-position:-48px -539px}.flag.sz{background-position:-48px -550px}.flag.tc{background-position:-48px -561px}.flag.td{background-position:-48px -572px}.flag.tf{background-position:-64px 0}.flag.tg{background-position:-64px -11px}.flag.th{background-position:-64px -22px}.flag.tj{background-position:-64px -33px}.flag.tk{background-position:-64px -44px}.flag.tl{background-position:-64px -55px}.flag.tm{background-position:-64px -66px}.flag.tn{background-position:-64px -77px}.flag.to{background-position:-64px -88px}.flag.tr{background-position:-64px -99px}.flag.tt{background-position:-64px -110px}.flag.tv{background-position:-64px -121px}.flag.tw{background-position:-64px -132px}.flag.tz{background-position:-64px -143px}.flag.ua{background-position:-64px -154px}.flag.ug{background-position:-64px -165px}.flag.um{background-position:-64px -176px}.flag.us{background-position:-64px -187px}.flag.uy{background-position:-64px -198px}.flag.uz{background-position:-64px -209px}.flag.va{background-position:-64px -220px}.flag.vc{background-position:-64px -231px}.flag.ve{background-position:-64px -242px}.flag.vg{background-position:-64px -253px}.flag.vi{background-position:-64px -264px}.flag.vn{background-position:-64px -275px}.flag.vu{background-position:-64px -286px}.flag.wales{background-position:-64px -297px}.flag.wf{background-position:-64px -308px}.flag.ws{background-position:-64px -319px}.flag.ye{background-position:-64px -330px}.flag.yt{background-position:-64px -341px}.flag.za{background-position:-64px -352px}.flag.zm{background-position:-64px -363px}.flag.zw{background-position:-64px -374px}
/* ________________________________________________ Fin style Flags _____________________________________ */


/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	background: #1e499b;
	clear: both;
	float: left;
	width: 100%;
}
footer a:hover {
    text-decoration:underline;
}
.footer1 {
	float: left;
	width: 31%;
	margin: 0 9% 0 0;
}
.footer2 {
	float: left;
	width: 15%;
	color: #fff;
	margin: 26px 7.5% 0 0;
}
.footer2.footer3 {
	margin-right: 0;;
}
.footer1 .footerSelect {
	width: 100%;
	margin: 0 0 14px 0;
}
.footerSelect .footerSelect1 {
	width: 100%;
	height: 35px;
	line-height:35px;
}
.footerlabel {
	clear: both;
	margin-bottom: 19px;
	float: left;
}
.footerlabel {
	font: 16px/27px "Lato";
	color: #FFF;
}
.footerlabel span[class^="status"] {
    display: inline-block;
    height: 27px;
    width:27px;
    border-radius: 50%;
    position: relative;
    top:10px;
    margin-left: 10px;
    -moz-box-shadow: 0px 0px 1px 0px #000000;
-webkit-box-shadow: 0px 0px 1px 0px #000000;
-o-box-shadow: 0px 0px 1px 0px #000000;
box-shadow: 0px 0px 1px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=1);
}
.footerlabel span.status-ok {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4e355+0,43d000+100 */
background: #a4e355; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a4e355 0%, #43d000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a4e355), color-stop(100%,#43d000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #a4e355 0%,#43d000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #a4e355 0%,#43d000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #a4e355 0%,#43d000 100%); /* IE10+ */
background: linear-gradient(135deg,  #a4e355 0%,#43d000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4e355', endColorstr='#43d000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.footerlabel span.status-nok {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff6500; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff6500 0%, #ff8a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff6500), color-stop(100%,#ff8a00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ff6500 0%,#ff8a00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ff6500 0%,#ff8a00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ff6500 0%,#ff8a00 100%); /* IE10+ */
background: linear-gradient(135deg,  #ff6500 0%,#ff8a00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6500', endColorstr='#ff8a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.footerlabel span.status-info {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,05abe0+100 */
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #87e0fd 0%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#87e0fd), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #87e0fd 0%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #87e0fd 0%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #87e0fd 0%,#05abe0 100%); /* IE10+ */
background: linear-gradient(135deg,  #87e0fd 0%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.socialIcons li:first-child {
    display:block;
    width: 100%;
}
.socialIcons li strong {
	font: 16px/18px "Lato";
	color: #FFF;
	padding-bottom: 15px;
	display:block;
	width:100%;
}
.socialIcons li {
	display: inline-block;
	padding: 0 10px 0 0;
}
.socialIcons {
	border-top: 1px solid #5b7ab6;
	clear: both;
	padding: 25px 0 0 0;
        display: block;
}
.voter {
	background: #fff;
	width: 100%;
	clear: both;
}
.voter .formemail {
color: #8e8e8e;
font: 13px/15px "asap";
padding: 0 0 0 12px;
width: 75%;
padding: 8px 0px 9px 12px;
}
.voter .footerButton {
background: url(../images/footerButton.png) no-repeat right center;
color: #fff;
font: bold 13px/24px 'asap';
text-align: center;
margin: 4px 0;
padding: 0 11px 0 7px;
float: right;
}
.footer1 figure {
	margin: 17px 0 21px 0;
}
.voter1 h6 {
	font: 16px/18px "Lato";
	color: #FFF;
	padding-bottom: 15px;
	padding-top: 30px;
	float: left;
}
.footer2 li strong {
	font: 16px/21px 'Lato';font-weight:bold;
}
.footer2 li {
	font: 14px/21px "Lato";
}
.footer2 li a {
	font: 14px/21px "Lato";
	color:#fff;
}
.footer2 .nom {
	margin: 0 0 23px 0;
}
.footerBottom {
	clear: both;
	width: 100%;
	float: left;
	background: #ffffff;
}
.footerBottom a:hover{
    text-decoration:underline;
}
.france {
	float: left;
	width: 260px;
	margin: 10px 0 0 0;
}
.france p {
	color: #3871d7;
	font: 14px/40px "Lato";
	float: left;
}
.france figure {
	float: left;
	margin: 0 0 0 25px;
}
.footerLinks {
	text-align: center;
	margin:-4px 0 0 0;
}
.footerLinks li {
	display: inline-block;
	background: url(../images/footerlinksbg.png) no-repeat left center;
	padding: 0 5px;
        color: #ababab;
	font: 12px/15px "Lato";
}
.footerLinks li a {
	color: #ababab;
	font: 12x/15px "Lato";
}
.footerLinks li:first-child {
	background: none;
}
.footerLeft {
	float: left;
	margin: 21px 0 21px 0;
}
.tweets{
margin:12px 0 0 0;	
}


/* ________________________________________________ style dd _____________________________________ */

.borderRadiusTp{-moz-border-radius:0; border-radius:0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block;width:100% !important; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon .text{color:#7e7e7e;padding:0; position:absolute; background:#fff; display:none !important; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}
/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-right:1px solid #fff; right:24px;}
.dd .arrow{width:16px;height:16px; margin-top:-10px; background:url(../images/msdropdown/skin1/dd_arrow.gif) no-repeat;}
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#fff;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}

.fr_drop .dd{ border:none;}
.fr_drop .dd .ddTitle .ddTitleText{font-weight: 700; font-size:22px; color:#000; line-height:22px;}
.fr_drop .dd .arrow{ background:url(../images/select_arw.png) no-repeat right 7px; height:20px;}
.fr_drop .dd .ddChild li.selected{ font-size:20px;}
.fr_drop .dd .ddChild li .ddlabel{ font-size:20px;}

.select_type .dd .arrow{ background:url(../images/line_arw.png) no-repeat right 7px; height:32px;}
.select_type .dd{border:1px solid #c1c1c1; background:#ececec;}
.select_type .dd .ddTitle{ background:none;}
.select_type .dd .divider{border-right:none; right:24px;}
.select_type .dd .ddTitle .ddTitleText{ padding:13px 20px 10px 5px; font-size:15px; color:#1e499b;}
.select_type .dd .arrow{ width:25px; margin-top:-16px;}
.select_type .ddcommon .arrow{ right:15px;}
.select_type .ddcommon .ddChild li{ margin:0;}
/* ________________________________________________ Fin style dd _____________________________________ */

/* ==========================================================================
   End footer
   ========================================================================== */



/*TOP LINK*/
.top-link, .top-link:link, .top-link:visited, .top-link:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
    border: 1px solid #D7D7D7;
    bottom: 10px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    right: 14%;
    padding: 5px 8px;
    position: fixed;
    text-decoration: none;
    width: 50px;
    z-index: 10;
    display: none;
}
.top-link:before {
    border-bottom: 10px solid #D7D7D7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 0 auto 3px;
    width: 0;
}
/*FIN TOP LINK*/


/*BLOC CONTACT*/
.contact1 {
    width: 100%;
    clear: both;
    background: #ff6600;
}
.contact-blue .contact1 {
    background: #1F499B;
}
.contact1 p {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    font-weight: 900;
    color: #fff;
    padding: 40px 0 13px 0;
}
.contact1 span {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    font-style: italic;
}
.contact1 a {
        color: #FF6600;
    text-decoration: none;
    background: url(../images/bulle.png) no-repeat;
    padding: 10px 0px;
    display: inline-block;
    width: 127px;
    text-align: center;
    background-position: 0% 5px;
}
/*FIN BLOC CONTACT*/

.m0 {
    margin: 0!important;
}
.bloc_orange {
    background: #ff6600;
    padding: 12px;
    color: white;
    font-weight: bold;
    font-size: 20px;
}
/*TABLEAU*/
table {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    border-collapse: separate;
}
table thead:first-child tr:first-child th:first-child, table tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
table th, table td {
    padding: 8px;
    line-height: 36px;
    border: 1px solid #eeeeee;
}
table tbody tr:nth-child(odd) td, table tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}
/*FIN TABLEAU*/

.textMenuMobile {
	display: none;
    color: white;
    text-align: right;
    line-height: 54px;
    font-size: 20px;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1200px) {
    .wrapper {
        width: 950px;
    }
    .headerLeft {
        margin-left: 5px;
        width: 80%;
    }
    .headerTop .ratingImage {
        margin-right: 2px;
    }
}
@media (max-width: 979px) {
    h1, h2 {
        font-size: 38px;
        line-height: 42px;
    }
    #logo {
        display: none;
    }
    .wrapper {
        width: 750px;
    }
    .rating {
        display: none;
    }
    .articles {
        display: none;
    }
    .textMenuMobile {
		display: block;
	}
    .headerLeft {
        width: 75%;
    	padding-right: 50px;
    }
    .headertopLinks {
        margin: 10px 0 0 60px;
    }
    .headertopLinks li {
        font: 18px/20px "Lato";
    }
    .headertopLinks li a {
        font: 18px/20px "Lato";
    }
    .headertopLinks li.client {
        background-size: 10%;
        padding: 4px 13px 4px 32px;
    }
    .contact {
        display: none;
    }
    .countries {
        display: none;
    }
    .headerBottom {
        display: none;
    }
    .footer1 {
        margin: 0 20px 0 0;
        width: 25%;
        padding: 30px 0 0 0;
    }
    .footer2 {
        margin: 26px 19px 0 0;
        width: 22%;
    }
    .footer2.footer3 {
        margin-right: 0;
        width: 22%;
    }
    .socialIcons li {
        padding: 0 8px 0 0;
    }
    .france {
        float: none;
        width: 100%;
        text-align: center;
    }
    .france figure img{
        display: inline;
    }
    .france figure, .france p {
        float: none;
        margin: 0;
    }
    .footerLeft {
        float: none;
        margin: 0;
        width: 100%;
    }
    .hideMobile {
        display: none!important;
    }
    .onlyMobile {
        display: initial!important;
    }
}
@media (max-width: 767px) {
    .wrapper {
        width: 90%;
    }
    .client {
        display: none;
    }
    .headerLeft {
        width: 90%;
    }
    footer {
        padding-bottom: 20px;
    }
    .footer1 figure {
        display: none;
    }
    .footerlabel {
        clear: both;
        float: none;
        margin: 0 auto;
        width: 150px;
        overflow: hidden;
        height: 36px;
    }
    .socialIcons {
        text-align: center;
        margin: 16px 0 0 0;
    }
    .voter1 h6 {
        text-align: center;
        width: 100%;
    }
    .footer2 {
        display: none;
    }
    .footer1 {
        margin: 0 auto;
        width: 100%;
        float: none;
        margin: 0;
    }
    .footer1 .footerSelect {
        background: none repeat scroll 0 0 #ffffff;
        margin: 16px auto 25px;
        width: 90%;
    }
    .menuIcon {
        top: -45px;
    }
}
@media (max-width: 579px) {
    
    .title-border-left-right small {
        padding: 0 4.5em;
    }
    .title-border-left-right small:after, .title-border-left-right small:before {
        width: 2.5em;
    }
    .title-border-left-right small:after {
        margin-left: -2.5em;
    }
}

@media (max-width: 479px) {
    .wrapper {
        width: 91%;
    }
    .headertopLinks {
        margin: 10px 0 0 10px;
    }
    .headerLeft {
        width: 80%;
    }
}
@media (max-width: 280px) {
    .headerLeft {
        display: none;
    }
}



/* style.faq */
.faq.white {
    background: white;
}
.faq {
    padding: 0px 0 80px 0;
}
.faq h3 {
    font-size: 32px;
    color: #1e499b;
    text-align: center;
    margin-bottom: 20px;
}
.faq_elt {
    margin-bottom: 10px;
}
.faq_elt h4 {
        background: #1e499b;
    color: #fff;
    font-size: 23px;
    text-align: left;
    line-height: 32px;
}
.faq2 .faq_elt h4 {
        background: transparent;
    color: #06389b;
    font-size: 23px;
    text-align: left;
    line-height: 32px;
}
.faq_elt h4 a {
    padding: 10px 8px 10px 45px;
    color: #fff;
    font-weight: 700;
    display: block;
    position: relative;
}
.faq2 .faq_elt h4 a {
    color: #06389b;
}
.faq_elt h4 a:before {
    display: inline-block;
    font-size: 1.5em;
    content: "+";
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #1e499b;
    background: white;
    border-radius: 50%;
    font-weight: bolder;
    text-align: center;
}
.faq2 .faq_elt h4 a:before {
    background: transparent;
        font-family: Flaticon;
        color:#FF6600;
            content: "\f13c";
            font-size: 1.2em;
}
.faq_content {
    text-align: justify;
    overflow: hidden;
    background: transparent;
    padding: 10px;
    display: none;
    font-size: 18px;
    line-height: 26px;
}
.faq_content p{
    margin-bottom: 10px;
}
.faq_elt.active h4 a:before {
    content: "-";
    line-height: 30px;
}
.faq2 .faq_elt.active h4 a:before {
    background: transparent;
        font-family: Flaticon;
        color:#FF6600;
            content: "\f13c";
            font-size: 1.2em;
            transform: rotate(90deg);
}
.faq_elt ul {
    margin: 10px 0 10px 10px;
}
.faq_elt ul li {
    padding-left: 10px;
    position: relative;
}
.faq_elt ul li:before {
    content: "- ";
    position: absolute;
    left: -10px;
}
/* style.faq FIN */



/* style.text */
.bloc_text {
    margin: 0px 0;
}
.bloc_text.white {
    background: #fff;
}
.bloc_text a.biglink {
    color: #ff6600;
    font-size: 25px;
    text-decoration: underline;
    margin-left: 40px;
}
.bloc_text.fullwidth {
    margin: 0;
    background: url(../images/process-bg.jpg) top right #FEFDFB;
    background-repeat: no-repeat;
}
.bloc_text .wrapper {
    background: #fff;
    padding: 0px 20px 80px 20px;
}
.bloc_text.fullwidth .wrapper {
    background: transparent;
    padding-right: 300px;
}
.bloc_text .wrapper.bg_top {
    background: url(../images/lamp_lap.png) no-repeat right 81px #fff;
    padding-right: 30%;
}
.bloc_text h2 {
    /*font-size: 32px;
    color: #1e499b;
    line-height: 34px;
    padding: 0 0 68px 0;
    display: inline-block;*/
}
.bloc_text p {
    font-size: 16px;
    color: #1e499b;
    line-height: 19px;
    padding: 0 0 20px 0;
    text-align: justify;
}
.bloc_text p.orange {
    color: #ff6600;
}
.bloc_text ul {
    font-size: 16px;
    color: #1e499b;
    line-height: 20px;
}
.bloc_text ul.checkul li {
    padding: 0 0 10px 40px;
    position: relative;
}
.bloc_text ul.checkul li:before {
    content: "\f101";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color: #FF6500;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 979px) {
    .bloc_text.fullwidth .wrapper {
        background: transparent;
        padding-right: 20px;
    }
    .bloc_text a.biglink {
        margin-left: 0;
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .bloc_text .wrapper.bg_top {
        background: #fff;
        padding-right: 5px;
    }
    .bloc_text .wrapper {
        background: #fff;
        padding: 40px 5px;
    }
}
@media (max-width: 579px) {
}
/* style.text FIN */




/* style.tab-promo */
.tab-promo img {
    display: inline-block;
}
.tab-promo .tab_links {
    display: table;
    width: 100%;
    background: #17378b;
    margin-bottom: 35px;
}
.tab-promo .tab_links li {
    display: table-cell;
    border-right: 1px solid #fff;
}
.tab-promo .tab_links li a {
    padding: 0 21px;
    font-size: 17px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #fff;
    font-weight: 800;
    position: relative;
}
.tab-promo .tab_links li.active a, .tab-promo .tab_links li a:hover {
    background: #fff;
    color: #0e2c68;
}
.tab-promo .tab_links li a img {
    position: relative;
    top: 2px;
}
.tab-promo .tab_links li a img.hover {
    display: none;
}
.tab-promo .tab_links li.active a img.normal, .tab-promo .tab_links li a:hover img.normal {
    display: none;
}
.tab-promo .tab_links li.active a img.hover, .tab-promo .tab_links li a:hover img.hover {
    display: inline-block;
}
.tab-promo .tab_links li a span {
    padding-left: 20px;
}
.tab-promo .tab_links li a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -8px;
    opacity: 0;
}
.tab-promo .tab_links li.active a:after, .tab-promo .tab_links li a:hover:after {
    opacity: 1;
}
.tab-promo .tab_content h3 {
    line-height: 34px;
    color: #17378b;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
}
/* style.tab-promo FIN */




/* style.blogs */
.blogs {
    margin: 0;
    padding: 0 0 80px 0;
    width: 100%;
    background: #ececec;
}
.blogs ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.blogs ul li {
    margin: 0 1% 0 0;
    padding: 0;
    display: inline-block;
    float: left;
    width: 24.25%;
    background: url(../images/image_1.jpg) no-repeat #ffffff;
    min-height: 400px;
    background-size: contain;
    text-align: center;
    position: relative;
}
.blogs ul li:last-child {
    margin-right: 0;
}
.blogs ul li.cb {
    background: url(../images/image_4.jpg) no-repeat #ffffff;
    background-size: contain;
}
.blogs ul li.paypal {
    background: url(../images/paypal.jpg) no-repeat #ffffff;
    background-size: contain;
}
.blogs ul li.cheque {
    background: url(../images/cheque.jpg) no-repeat #ffffff;
    background-size: contain;
}
.blogs ul li.virement {
    background: url(../images/virement.jpg) no-repeat #ffffff;
    background-size: contain;
}
.blogs ul li h4 {
    margin: 0 0 0 0;
    min-height: 240px;
    padding: 178px 0 20px 0;
    font-weight: bold;
    font-size: 22px;
    color: #1e499b;
    font-weight: 700;
    text-transform: uppercase;
}
.blogs ul li p {
    margin: 0;
    padding: 0 8px 45px 8px;
    font-size: 16px;
    color: #1e499b;
    display: block;
}
.blogs ul li .btn-container{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 979px) {
    .blogs ul li {
        margin: 0 1% 20px 0;
        width: 49.5%;
    }
    .blogs ul li:nth-child(even) {
        margin-right: 0;
    }
}
@media (max-width: 579px) {
    .blogs ul li {
        margin-right: 0;
        width: 100%;
        background-size: cover!important;
    }
}
/* style.blogs FIN */




/* style.bloctextimground */
.textimground.grey {
    background: #F5F5F5;
}
.textimground.white {
    background: white;
}
.textimground .width50 {
    padding: 30px 0.2% 0.2% 0.2%;
    display: inline-block;
    width: 49.8%;
        vertical-align: top;
}
.textimground .width50 img{
    margin: 0 auto;
}
.textimground .width50 h3{
        font-weight: bold;
    font-size: 23px;
    color: #05379b;
    line-height: 50px;
    text-align: center;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #9EB1DA;
    margin: 0 0 15px;
}
.textimground .width50 p{
    font-size: 16px;
    color: #05379b;
    line-height: 25px;
    text-align: justify;
    padding: 0 10px 23px 10px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 979px) {
    .textimground .width50 {
        width: 49.5%;
    }
}
@media (max-width: 767px) {
    .textimground .width50 {
        width: 100%;
    }
}
@media (max-width: 579px) {
    
}
@media (max-width: 479px) {
}
/* style.bloctextimground FIN */









/* style.avisslider */

.avisslider.carousel_section {
    position: relative;
    overflow: hidden;    
    background: url(../images/baner_img3.png); 
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%),url(../images/baner_img3.png) no-repeat center top;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%),url(../images/baner_img3.png) no-repeat center top;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%),url(../images/baner_img3.png) no-repeat center top;
    
    background-size: cover;
    background-position-y: 0%;
    background-repeat: no-repeat;
    width: 100%;
}
.avisslider .carousel_in                                 {float: right; width: 670px; padding: 65px 70px 120px;}
.avisslider .slick-slide h3                         {color: #ff6600; padding-bottom: 20px;    font-size: 31px;  line-height: 33px;}
.avisslider .slick-slide h5                         {color: #0e2c68; padding-bottom: 20px;    font-size: 20px;
    line-height: 22px;
    font-weight: 700;}
.avisslider .slick-slide p                          {color: #0e2c68; padding-bottom: 20px;}
.avisslider .slick-slide strong.name                {display: block; text-align: right; font-size: 15px; line-height: 20px; color: #0e2c68; font-weight: bold; padding-bottom: 42px;}
.avisslider .slick-slide a.join_us                  {display: block;font-size: 16px; height: 40px; line-height: 40px; padding: 0 16px; background: #ff6600; border-radius: 3px; font-weight: 700; color: #fff; width: 275px; text-align: center; margin: 0 auto 0px; text-transform: uppercase;}
.avisslider .slick-dots                           {text-align: center;}
.avisslider .slick-dots li                       {margin: 0 10px;  text-align: center; display: inline-block; width: 24px; height: 24px; border: 2px solid #909090; border-radius: 50%;}
.avisslider .slick-dots li button                   {background: #ff6600; height: 16px; width: 16px; border: none; border-radius: 50%; font-size: 0px; position: relative;  outline: none; display: block; margin: 2px ; background: transparent}
.avisslider .slick-dots li.slick-active button  {background: #ff6600; }
.avisslider .slick-prev                             {display: none;visibility: hidden;position: absolute; left: -70px; top: 50%; width: 40px; height: 40px; background: url(../images/prev.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px;font-size: 0px;}
.avisslider .slick-next                             {display: none;visibility: hidden;position: absolute; right: -70px; top: 50%; width: 40px; height: 40px; background: url(../images/next.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px; font-size: 0px;}
.avisslider .slick-slide >img                       {position: absolute; /*left: 10%;*/ height: 100%; width: auto;}
.avisslider .slick-slide                            {position: relative;}
.avisslider .carousel_in                            {position: relative; z-index: 9;}
.avisslider .arrow_wrap                             {position: absolute; left: 0; top: 50%; width: 100%; height:100%;}
.avisslider.carousel_section .container            { height: 100%;}
.avisslider.carousel_section .prev                             {position: absolute; left: 0px; top: 50%; width: 40px; height: 40px; background: url(../images/prev.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px;font-size: 0px; z-index: 999;}
.avisslider.carousel_section  .next                             {position: absolute; right: 0px; top: 50%; width: 40px; height: 40px; background: url(../images/next.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px; font-size: 0px; z-index: 999;}
.avisslider .arrows                                  { width: 670px; position: relative; display: table; height: 100%; float: right;}
.avisslider .slider                                     {position: relative; z-index: 99;}
.avisslider .slick-dots                                 {position: absolute; bottom:70px; width: 1210px; margin-left: -605px; padding-left: 515px; left: 50%;}
.avisslider .avis_trustpilot {text-align: center;}
.avisslider .avis_trustpilot img{margin: 0 auto;max-width: 100%;}

/* RESPONSIVE */
@media only screen and (max-width: 1599px)
{
    .avisslider .slick-slide >img {left:0%; }
    .avisslider.carousel_section {
        background-position: 40% 0px;
    }
}
@media only screen and (max-width: 1300px)
{
}

@media only screen and (max-width:1209px)
{
    .avisslider .carousel_in                    {width: 570px;}
    .avisslider .slick-slide >img               {left: -15%; width: 115%;object-fit: cover;}
    .avisslider .arrows                         {width: 570px;}
    .avisslider .slick-dots                     {padding-left:422px; }
    .avisslider .slick-dots                     {width:470px; right:70px; left: auto; padding: 0;}
}
@media only screen and (max-width:1023px) 
{
}
@media only screen and (max-width:1024px) 
{
    .avisslider .slick-dots                     {display: none !important;}
    .avisslider .carousel_in                    {padding: 50px 70px 75px;}
    .avisslider .slick-slide strong.name        {padding-bottom: 30px;}
}


@media only screen and (max-width:991px)
{
    .avisslider .carousel_in                    {width: 470px;}
    .avisslider .slick-slide >img               {left: -15%; width: 115%;object-fit: cover;}
    .avisslider .arrows                         {width: 470px;}
    .avisslider .slick-dots                     {padding-left:422px; }
    .avisslider .slick-dots                     {width:470px; right:70px; left: auto; padding: 0;}
}
@media only screen and (max-width:767px) 
{
    .avisslider .slick-slide >img               {position: static; width:850px; left: auto; top: auto; height:500px;}
    .avisslider .carousel_in                    {width: 100%; padding: 45px 0;     margin-top: -170px;}
    .avisslider .slick-slide:after              {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255,0.5)}
    .avisslider .arrows                         {width: 100%;}
    .avisslider.carousel_section .prev         {top:330px;}
    .avisslider.carousel_section .next         {top:330px;}
    .avisslider.carousel_section {
            background-size: contain;
        background-repeat: no-repeat;
    }
    .avisslider.carousel_section .container {
        padding-top: 325px;
    }
}

@media only screen and (max-width:599px) 
{
    .avisslider .slick-slide >img               {height: 400px; width: 600px;}
    .avisslider.carousel_section .prev         {top:65%;}
    .avisslider.carousel_section .next         {top:65%;}
    .avisslider.carousel_section .container {
        padding-top: 190px;
    }
}

@media only screen and (max-width:479px) 
{
    .avisslider .slick-slide >img               {height: 360px; width: 500px; margin-left: -20px;}
    .avisslider.carousel_section .prev         {top:65%;}
    .avisslider.carousel_section .next         {top:65%;}
    .avisslider .carousel_in                    {margin-top: -140px;padding-bottom: 60px;}
    .avisslider.carousel_section .container {
        padding-top: 170px;
        padding-bottom: 20px;
    }
}

/* style.avisslider FIN */











/* style.text-colonnes */
.text_colonnes {
    padding: 80px 0;
}
.text_colonnes.white {
    background: white;
}
.text_colonnes .width33 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.text_colonnes h2 {
        color: #ff6600;
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
    padding-right: 10px;
        line-height: 26px;
}
.text_colonnes p {
    text-align: justify;
    color: #0e2c68;
    font-size: 18px;
    line-height: 24px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .text_colonnes .width33 {
        width: 100%;
    }
    .text_colonnes:not(:first-child) .width33 {
        margin-top: 20px;
    }
}
/* style.text-colonnes FIN */



/* style.slider */
/* ---------------------------------------------------------*/
.slider_setion {width:100%;display:block;padding: 51px 0 89px 0;margin:0;background:url(../images/slider_bg.jpg) no-repeat center top;min-height: 500px;}

.slider_setion.bg2 {
    background:url(../images/slider_bg2.png) no-repeat 20% top;
}

.slider_setion_in { display:block;float:right; padding:0; margin:0; width:45%;margin: 0 85px 0 0;}
.slider_setion_rt { display:block;padding:0; margin:0; }
.slider_setion_rt h4 {font-size:31px;line-height:32px;color:#ff6600;font-weight:400;display:block;padding:0;margin: 0 0 21px 0;}
.slider_setion_rt strong {font-size:20px;line-height: 22px;color:#0e2c68;font-weight:700;display:block;padding:0;margin: 0 0 26px 0;}
.slider_setion_rt p {font-size:15px;line-height: 19px;color:#0e2c68;font-weight:400;display:block;padding:0;margin: 0 0 23px 0;}

.slider_setion_rt h6 {font-size:15px;line-height: 20px;color:#0e2c68;font-weight:400;display:block;padding:0;margin: 0 0 54px 0;text-align:right;}
.bxslider li {
    padding: 0 2px;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
    background: url(../images/slider_nav.png) 50% 50% no-repeat #ff6600 !important;
    border-radius: 50%;
}
.bx-wrapper .bx-prev {
    background: url(../images/slider_nav_prev.png) 50% 50% no-repeat #ff6600 !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1200px) {
    .slider_setion.bg2 {
        background-position: 0% top;
    }
}
@media (max-width: 979px) {
    .slider_setion.bg2 {
        background-position: -50% top;
    }
    .slider_setion_in { width:50%;}
}
@media (max-width: 767px) {
    .slider_setion.bg2 {
        background:none;
    }
    .slider_setion_in { width:60%;margin: 0 auto;float: none;}
}
@media (max-width: 579px) {
    .slider_setion_in { width:75%;}
}

@media (max-width: 479px) {
    .slider_setion_in { width:95%;}
    .bx-wrapper .bx-controls-direction a {
        top:100%;
        margin-top: 0px;
        color: transparent;
        display: inline-block;
    }
    .bx-controls-direction {
        width: 95%;
        margin: 0 auto;
    }
    .bx-wrapper .bx-prev {
        left: 0;
    }
    .bx-wrapper .bx-next {
        right: 0;
    }
}
/* style.slider FIN */



/* style.popover */
.main_content_in_rt ul li{cursor:pointer;position:relative;}
.popover_lws {
        font-family: 'Lato', sans-serif;
    display:none;
    position:absolute;
    width:200%;
    padding: 20px;
        background-color: #0e2c68;
            color: white;
    left: -50%;
    z-index: 9999;
    border-radius: 3px;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,1);
    font-size: 14px;
    max-width: 250px;
}
.popover_lws_trigger {
    position: relative;
}
.popover_lws_trigger:hover .popover_lws{display:block;}
/* style.popover FIN */


















/* style.header-remise */
.header_remises {
        background: url(../images/banner1.jpg) no-repeat 82% 43px #edf2f6;
}
.header_remises .wrapper {
}
.header_remises .header_top {
    background: #17378b;
    display: inline-block;
    margin: 80px 0 40px 0;
    border-radius: 5px 5px 0 0;
        width: 472px;
}
.header_remises .header_top h1 {
    padding: 0 0 15px 20px;
    color: #ff6600;
    text-align: left;
    margin:0;
    margin-top: -45px;
    font: bold 43px/37px 'asap';
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 1px none;
    text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;
    transform: rotate(-1deg);
    z-index: 222;
    margin-left: 15px;
    position: relative;
}
.header_remises .header_top strong {
        color: white;
    font-size: 26px;
    padding: 0px 0 0px 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.header_remises .header_top ul li {
    line-height: 58px;
    font-size: 25px;
    padding-left: 50px;
        font-family: 'Asap',sans-serif;
        color:white;
        position:relative;
}
.header_remises .header_top ul li:before {
        content: "\f101";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color: #FF6500;
    position: absolute;
    top: 2px;
    left: 15px;
}
.header_remises .header_top ul li:nth-child(odd)  {
    background: white;
        color: #0e2c68;
}

/*
RESPONSIVE
*/
@media (max-width: 1200px) {
    .header_remises {
        background-position: 155% 43px;
    }
    
}
@media (max-width: 979px) {
    .header_remises {
        background-position: 185% 43px;
    background-size: contain;
}
.header_remises .header_top {
    width: 380px;
}
.header_remises {
    background-position: 370% 43px;
}
}
@media (max-width: 767px) {
    .header_remises {
    background: none;
}
.header_remises .header_top {
    margin-top: 30px;
    width: 100%;
}
.header_remises .header_top h1 {
    padding-left: 5px;
    margin-top: -30px;
    font-size: 28px;
}
}
@media (max-width: 579px) {
}
/* style.header-remise FIN */



/* style.header_promo */
.header_promo {
    background: url(../images/fond_promo.jpg);
    background-repeat: no-repeat;;
    background-size: cover;
    min-height: 425px;
    padding: 10px 0;
    position: relative;
    background-position: 45% 0%;
}
.header_promo .block_promo_container {
    position: absolute;
    width: 100%;
    bottom:30px;
}
.header_promo .block_promo_container .wrapper {
    display: table;
}
.block_promo, .block_promo_price {
    display: table-cell;
}
.block_promo {
    width: 70%;
}
.block_promo_title {
        max-width: 60%;
    position: absolute;
    font: bold 37px/37px 'asap';
    top: -32px;
    left:0;
    margin: 0;
    color: #2D98C6;
    text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    transform: rotate(-1deg);
    text-align: left;
    background: url(../images/logo_wordpress.png) no-repeat;
    min-height: 100px;
    padding-left: 100px;
}
.block_promo_title strong{
        background: none;
    padding: 0;
    color: #F74D00;
    font-size: 50px;
    font-weight: bolder;
}
.block_promo_price {
    width: 30%;
    vertical-align: bottom;
    text-align: right;
}
.block_promo_content {
    background: #152551;
    color: white;
    border-radius: 10px;
    padding: 70px 270px 25px 25px;
    margin-top: 35px;
    margin-right: -32%;
    display: inline-block;
    min-height: 287px;
    width: 79%;
    position: relative;
}
.block_promo_content img {
    margin-top: -56px;
    margin-left: -25px;
}
.block_promo_content ul {
    width: 70%;
    padding-left: 50px;
}
.block_promo_content ul li {
    font-family: asap;
    font-weight: bold;
    font-size: 20px;
    line-height: 46px;
    border-bottom: 1px solid #8a92a8;
    position:relative;
}
.block_promo_content ul li:last-child {
    border: none;
}
.block_promo_content ul li:before {
    content: "\2713";
    position: absolute;
    left: -50px;
    font-size: 1.5em;
    background: #5fc248;
    border-radius: 50%;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    height: 32px;
    width: 32px;
    top: 50%;
    margin-top: -15px;
    display: block;
    line-height: 30px;
    text-align: center;
}
.block_promo_video {
    display: inline-block;
    position: relative;
    top: 32px;
}
.block_promo_video a:after {
    content: ' ';
    background: url('../images/icon_player.png');
    background-repeat: no-repeat;
    height: 85px;
    width: 85px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
}
.block_promo_price s {
    font-family: asap;
    font-size: 22px;
    color: white;
}
.block_promo_price span.price_promo {
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
    font-family: asap;
    font-weight: bold;
    font-size: 50px;
    color: #17378b;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 40px;
}
.block_promo_price span.price_promo small {
    font-size: 32px;
}

/* RESPONSIVE */
@media only screen and (max-width:1200px) {
    .block_promo {
        width: 75%;
    }
    .block_promo_price {
        width: 25%;
    }
    .block_promo_video img {
        max-width: 100%;
    }
    .block_promo_content {
        min-height: 280px;
        padding-right: 30%;
        margin-right: -32%;
    }
    .block_promo_video {
        max-width: 49%;
        top: 15px;
    }
    .header_promo {
        background-position: 55% 0%;
    }
    .block_promo_title {
        max-width: 70%;
        font-size: 32px;
    }
    .block_promo_title strong {
        font-size: 45px;
    }
}
@media only screen and (max-width:979px) {
    .header_promo .block_promo_container {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .header_promo .block_promo_container .wrapper {
        display: block;
    }
    .block_promo, .block_promo_price {
        display: block;
        width: 100%;
    }
    .block_promo_price {
        text-align: center;
        margin-top: 20px;
    }
    .block_promo_price s {
        color: #17378b;
    }
}
@media only screen and (max-width:767px) {
    .block_promo_content img {
        max-width: 50%;
    }
    .block_promo_content ul {
        width: 50%;
    }
    .block_promo_content {
        min-height: auto;
        padding-right:0;
        margin-right: 0;
        width: 90%;
    }
    .block_promo_video {
        position: absolute;
    width: 100%;
    right: 0%;
    top: 50%;
    margin-top: -25%;
    }
}
@media only screen and (max-width:550px) {
    .block_promo_video {
        display: none;
    }
    .block_promo_content {
        width: 100%;
    }
    .block_promo_content ul {
        width: 80%;
    }
    .block_promo_title {
        max-width: 100%;
    }
    .block_promo_title strong {
    }
}
/* style.header_promo FIN */



/* style.gamme */
.gamme {
    background: url('../images/contact_bg.png') center top no-repeat;
    color:#0e2c68;
    padding: 0 0 80px 0;
}
.gamme h3 {
    font-size: 40px;
    text-align: center;
    margin: 0 0 86px 0;
        line-height: 40px;
}
.gamme ul li {
    width: 16%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #AAB6C8;
    min-height: 222px;
}
.gamme ul li:not(:last-child) {
    margin-right: 0.5%;
}
.gamme ul li h4 {
    padding: 0 10px;
}
.gamme ul li h4 a {
    font-size: 23px;
    line-height: 25px;
    color: #0e2c68;
    font-weight: 400;
}
.gamme ul li figure {
    margin: 0 auto 18px;
}
.gamme ul li figure span[class^="flaticon-"] {
    width: 106px;
    height: 106px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    border: 1px solid #AAB6C8;
}
.gamme ul li figure span[class^="flaticon-"]:before {
    margin-left: 0;
    text-align: center;
    line-height: 106px;
    font-size: 55px;
}
@media (max-width: 1199px) {
    .gamme ul li {
        width: 15.98%;
    }
}
@media (max-width: 979px) {
    .gamme {
        background-size: contain;
    }
    .gamme ul li {
        width: 32.5%;
        margin-bottom: 15px;
    }
    
}
@media (max-width: 767px) {
    .gamme ul li {
        width: 49%;
    }
}
@media only screen and (max-width:479px) {
    .gamme ul li {
        width: 100%;
    }
    .gamme ul li:not(:last-child) {
        margin-right: 0;
    }
}
/* style.gamme FIN */



/* style.compare */
/* ==========================================================================
   Bloc Comparaison
   ========================================================================== */


@charset "utf-8";
.compare_container {
    padding-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}
.compare_container.bg2 {
    background: url('../images/bg_affiliation_hebergeur_web.jpg') no-repeat -0% top;
}
.compare_container h1 {
    font-size: 32px;
    color: #1e499b;
    line-height: 33px;
    font-weight: 700;
    text-align: center;
    padding: 0px 0 150px 0;
    text-shadow: 0 0 30px #fff,0 0 32px #fff,0 0 35px #fff,0 0 20px #fff,0 0 27px #fff,0 0 37px #fff,0 0 47px #fff,0 0 77px #fff;
    margin: 0;
}
.compare_elt {
    display: inline-block;
    background: #1e499b;
    overflow: hidden;
    float: left;
}
.compare_elt.shadow {
    -moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}
.compare_elt.bluelws {
    background: white;
}
.compare_elt.bluelws .price_element{
    color:#1e499b;
}
.compare_elt.bluelws div.price_element_stroke::after{
    background:#6283c8;
}
.compare_elt.width33 {
    width: 32.49%;
    margin-right: 1%;
}
.compare_elt:last-child {
    margin-right: 0;
}
.compare_elt h2 {
    position: relative;
    font-size: 26px;
    color: #FFF;
    padding: 10px 0;
    font-weight: 700;
        margin-bottom: 10px;
        line-height: 22px;
        margin: 0;
}
.compare_elt.haschoice h2 {
    padding-top: 35px;
}
.compare_elt h2:after {
    content: "";
    position: absolute;
    padding-bottom: 10%;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
}
.compare_elt h2:before {
    top: 190%;
    left: -10px;
    right: 0;
    border: solid #99B52C;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 213, 169, 0);
    border-top-color: #99B52C;
    border-width: 100px;
    border-left-width: 200px;
    border-right-width: 200px;
    border-top-width: 30px;
}
.compare_elt.bluelws h2 {
    background: #2a59b3;
}
.compare_elt.bluelws h2:after {
    background-color: #1f499b;
}
.compare_elt.bluelws h2:before {
   border-top-color: #1f499b;
   top: 185%;
}
/*.compare_elt.haschoice {
    position: relative;
    z-index: 1;
}*/
.compare_elt.haschoice h2:before {
    margin-top: -20px;
}
.compare_elt h2.green {
    background-color: #ADC45C;
}
.compare_elt h2.green:after {
    background-color: #99B52C;
}
.compare_elt h2.green:before {
    border-top-color: #99B52C;
}
.compare_elt h2.orange {
    background-color: #FF8200;
}
.compare_elt h2.orange:after {
    background-color: #FF6600;
}
.compare_elt h2.orange:before {
    border-top-color: #FF6600;
}
.compare_elt h2.blue {
    background-color: #0C2E6F;
    border-bottom: 1px solid white;
    color: #fcd313;
}
.compare_elt h2.blue:after {
    background-color: #0C2E6F;
        top: 104%;
}
.compare_elt h2.blue:before {
    border-top-color: #0C2E6F;
}
.compare_elt span:not(.choix_1_css) {
    position: relative;
    font-size: 19px;
    color: #FFF;
    line-height: 20px;
    font-weight: 700;
    min-height: 45px;
    display: inline-block;
        padding-top: 10px;
}
/*Bloc choix de la rédaction*/
.choix_1_css {
    position: absolute;
    background: #FCD313;
    height: 36px;
    line-height: 32px;
    padding: 0 15px;
    border-radius: 3px;
    border: 2px solid white;
    top: -20px;
    left: 50%;
    margin-left: -112px;
    width: 225px;
    text-align: center;
        z-index: 1;
}
.choix_1_css::after {
    content: "";
    left: 50%;
    position: absolute;
    bottom: -24px;
    width: 26px;
    height: 17px;
    border: 12px solid #FCD313;
    border-color: #FCD313 transparent transparent transparent;
    margin-left: -13px;
}
/*Fin bloc choix de la rédaction*/

/*BLOC PRIX*/
.price_element {
margin: 15px 0;
color: #fff;
}
.compare_elt .price_element {
    margin-top: 50px;
}
.price_element_percent {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top:-10px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.price_element_main {
text-align: center;
padding-top: 10px;
font-size: 45px;
padding: 20px 0 0px 0;
font-weight: bolder;
}
.price_element_main div {
display: inline-block;
}
.price_element_main div.price_element_stroke {
color: #99B6D5;
font-weight: bold;
font-size: 45%;
position: relative;
}
div.price_element_stroke::after {
content: "";
position: absolute;
height: 2px;
background: #fff;
left: -5px;
right: -5px;
transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-webkit-transform: rotate(-22deg);
top: 50%;
}
.price_element_decimal {
font-size: 65%;
margin-left: -25px;
position: relative;
top: -12px;
}
.price_element_separator {
margin-left: -8px;
margin-right: 8px;
}
.price_element_ht {
font-size: 22%;
margin-left: -30px;
}
.price_element_ttc {
color: #fff;
text-align: center;
font-size: 11px;
}
.mois .price_element_main div.price_element_stroke {
color:white;
}
.mois .price_element_main {
padding-top:0;
}
/* Fin new bloc prix */

.compare_elt ul {
    margin-top: 10px;
    background: #fff;
    padding: 8px 0;
}
.compare_elt ul li {
    font-size: 19px;
    color: #233b6c;
    line-height: 38px;
    display: block;
    width: 95%;
    margin: 0 auto;
}
.compare_elt ul li:nth-child(odd) {
    background: #ececec;
}
.compare_elt ul li.bg-yellow {
    background: #fcd313;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1200px) {
    .compare_elt h2 {
        font-size: 20px;
    }
    .compare_elt.bluelws h2:before, .compare_elt h2:before {
        top: 174%;
        left: -45px;
    }
}
@media (max-width: 979px) {
    .compare_elt h2 {
        font-size: 16px;
    }
    .compare_elt h2:after {
        padding-bottom: 13%;
    }
    .compare_elt.bluelws h2:before, .compare_elt h2:before {
        left: -80px;
    }
    .compare_elt span:not(.choix_1_css) {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .compare_elt, .compare_elt.width33 {
        width: 100%;
        float: none;
        max-width: 500px;
        margin: 0 auto 10px auto;
    }
    .compare_elt h2 {
        font-size: 26px;
    }
    .compare_elt h2:after {
        padding-bottom: 10%;
    }
    .compare_elt.bluelws h2:before, .compare_elt h2:before {
       display: none;
    }
    .choix_1_css {
        display: none;
    }
}
@media (max-width: 579px) {
}

@media (max-width: 479px) {
    .compare_elt h2:after {
        min-height: 55px;
    }
}
/* style.compare FIN */



/* style.cadeau */
.bloc_cadeau {
    padding: 0px 0 80px 0;
} 
.bloc_cadeau h2 span {
    font-family: 'Lato',sans-serif;
    font-size: 33px;
    line-height: 35px;
    color: #ff6600;
    font-weight: 400;
    display: block;
    padding: 0;
    margin: 0;
}
.bloc_cadeau_content_in {
    position:relative;
}
.bloc_cadeau_content_in_lft {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 -50px;
}
.bloc_cadeau_content_in_rt {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0px 0 0 0;
    width: 50%;
}
.bloc_cadeau_content_ul_icon_container {
    position: absolute;
    height: 100%;
}
.bloc_cadeau_content_in_rt ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    height: 100%;
}
.bloc_cadeau_content_in_rt ul.row3 {
    padding: 0 50px;
}
.bloc_cadeau_content_in_rt ul li {
    padding: 0;
    margin: 0 18px 42px 0;
    width: 110px;
    text-align: center;
    display: inline-block;
}
.bloc_cadeau_content_in_rt ul li {
    padding: 0;
    margin: 0 18px 42px 0;
    width: 110px;
    text-align: center;
    display: inline-block;
}
.bloc_cadeau_content_in_rt ul li h4 {
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    line-height: 15px;
    color: #0e2c68;
    font-weight: 700;
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
}
.bloc_cadeau_content_in_rt ul li figure {
    display: block;
    padding: 0;
    margin: 0 auto 9px;
}
.bloc_cadeau_content_in_rt ul li figure img {
    margin: 0 auto;
}
.bloc_cadeau_content_in_rt ul li figure span[class^='flaticon'] {
    display: block;
    height: 75px;
    width:75px;
    margin: 0 auto;
    line-height: 75px;
    border-radius: 50%;
    background: #F9FDFC;
    color:#0E2C68;
}
.bloc_cadeau_content_in_rt ul li figure span[class^='flaticon-']:before {
    font-size: 40px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1200px) {
    .bloc_cadeau_content_in_lft {
        margin: 0 0 0 -200px;
    }
    .bloc_cadeau_content_in_rt {
        width: 54%;
    }
}
@media (max-width: 979px) {
    .bloc_cadeau_content_in_lft {
        margin: 0 0 0 -375px;
    }
    .bloc_cadeau_content_in_rt {
        width: 65%;
    }
}
@media (max-width: 767px) {
    .bloc_cadeau_content_in_lft, .bloc_cadeau_content_in_rt {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .bloc_cadeau_content_in_lft {
        width: 200px;
        max-width: 80%;
    }
    .bloc_cadeau_content_in_rt {
        margin-top: 20px;
        width: 100%;
    }
    .bloc_cadeau_content_ul_icon_container {
        position: relative;
    }
    .bloc_cadeau_content_in_rt ul li {
        width: 100px;
    }
}
@media (max-width: 579px) {
}
/* style.cadeau FIN */






/* style.banner-landing-promo */

.banner-landing-promo {
    position: relative;
    border-bottom: 5px solid #0e2c68;
}
.banner-landing-promo:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 103px;
    background: url(../images/btm_shadow.png) left top repeat-x;
}
.banner-landing-promo img {
    display: block;
    width: 100%;
    height: auto;
}
.innerbanner-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.innerbanner-cont .wrapper {
    position: relative;
    display: block;
    height: 100%;
}
.banner-landing-promo .banner_logo_wrap {
    position: absolute;
    left: 20px;
    bottom: 0px;
}
.banner-landing-promo .banner_logo .logo1 {
    position: relative;
    z-index: 9;
}
.banner-landing-promo .banner_logo img {
    width: auto;
}
.banner_logo .logo2 {
    margin-top: -58px;
    margin-left: 14px;
}
.banner-landing-promo .banner_logo_wrap span {
    margin-right: 55px;
    box-shadow: 2px 1px 8px #6b7da4;
    display: block;
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: -93px;
    top: -9px;
}
.banner-landing-promo .banner_logo_wrap span em {
    display: block;
    width: 86px;
    height: 86px;
    background: #feae23;
    border: 2px solid transparent;
    border-radius: 50%;
    text-align: center;
    font-family: 'lato';
    font-size: 52px;
    line-height: 85px;
    color: #fff;
    font-weight: normal;
    transform: rotate(-25deg);
    text-shadow: 1px 1px 2px #734a38;
    position: relative;
    top: 2px;
    left: 2px;
    font-style: normal;
}
.banner-landing-promo .banner_logo_wrap span em small {
    padding-left: 3px;
    font-size: 22px;
    position: relative;
    font-family: 'lato';
    top: -10px;
}
.innerbanner-cont span.arrow {
    position: absolute;
    right: 215px;
    bottom: 8px;
}
@media only screen and (max-width: 1599px) {
    .banner-landing-promo> img {
        min-height: 330px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 1209px) {
    .banner-landing-promo .innerbanner-cont span.arrow {
        right: 12px;
        bottom: -15px;
    }
}
@media only screen and (max-width: 991px) {
    .banner-landing-promo .banner_logo_wrap {
        bottom: -13px;
        left: 25px;
    }
    .banner-landing-promo .banner_logo .logo1 {
        width: 360px;
        height: auto;
    }
    .banner-landing-promo .banner_logo .logo2 {
        margin-top: -50px;
        margin-left: -25px;
    }
    .banner-landing-promo .banner_logo .logo2 {
        width: 487px;
        height: auto;
    }
    .banner-landing-promo .banner_logo_wrap span {
        width: 95px;
        height: 95px;
    }
    .banner-landing-promo .banner_logo_wrap span em {
        width: 83px;
        height: 83px;
        background: url(../images/circle.png) left top no-repeat;
        background-size: 100% 100%;
        font-size: 46px;
        top: 1px;
        left: 1px;
    }
}

/* style.banner-landing-promo FIN */



/* style.banner */
.banner {
    background: url(../images/banner_adresse-email-pro.jpg) no-repeat #FBFBFB;
    padding: 90px 0 40px 0;
        background-size: cover;
}
.banner.sitebuilder {
    background: url(../images/creation_site_internet_banner.jpg) no-repeat #FBFBFB;
    padding: 60px 0 40px 0;
    background-size: cover;
    background-position: 45% 0%;
}
.banner.sitebuilder.v2 {
    background: url(../images/creation-site-pas_cher_banner.jpg) no-repeat #fff;
    background-position: 30% -20px;
    background-size: cover;
}
.banner.sitebuilder.v5 {
    background: url(../images/creer-son-site-web_banner.jpg) no-repeat #FFFFFF;
    background-position: 30% -40px;
    background-size: cover;
}
.banner.sitebuilder.v6 {
    background: url(../images/creer-un-site-artisan.jpg) no-repeat #FFFFFF;
    background-position: 30% -40px;
    background-size: cover;
}
.banner.sitebuilder.v7 {
    background: url(../images/creer-un-site-d-artiste.jpg) no-repeat #FFFFFF;
    background-position: 30% -40px;
    background-size: cover;
}
.banner.sitebuilder.v8 {
    background: url(../images/creer-un-site-cv.jpg) no-repeat #FFFFFF;
    background-position: 50% -40px;
    background-size: cover;
}
.banner.sitebuilder.v9 {
    background: url(../images/creer-un-site-de-chambre-d-hotes.jpg) no-repeat #FFFFFF;
    background-position: 45% -40px;
    background-size: cover;
}
.banner.sitebuilder.v10 {
    background: url(../images/creer-site-compagnie-de-theatre.jpg) no-repeat #FFFFFF;
    background-position: 40% -30px;
    background-size: cover;
}
.banner.sitebuilder.v11 {
    background: url(../images/creer-un-site-auto-entrepreneur.jpg) no-repeat #FFFFFF;
    background-position: 30% -40px;
    background-size: cover;
}
.banner.sitebuilder.v12 {
    background: url(../images/creer-un-site-restaurant.jpg) no-repeat #FFFFFF;
    background-position: 44% -28px;
    background-size: cover;
}
.banner.sitebuilder.v13 {
    background: url(../images/creation-site-pas_cher_banner.jpg) no-repeat #FFFFFF;
    background-position: 64% -40px;
    background-size: cover;
}
.banner.sitebuilder.v14 {
    background: url(../images/creer-un-site-photographe.jpg) no-repeat #FFFFFF;
    background-position: 44% -30px;
    background-size: cover;
}
.banner.sitebuilder.v15 {
    background: url(../images/creer-un-site-mairie-ou-commune.jpg) no-repeat #FFFFFF;
    background-position: 57% -30px;
    background-size: cover;
}
.banner.sitebuilder.v16 {
    background: url(../images/creer-site-ecole-college-lycee-universite.jpg) no-repeat #FFFFFF;
    background-position: 57% -30px;
    background-size: cover;
}
.banner.sitebuilder.v17 {
    background: url(../images/creer-site-association.jpg) no-repeat #FFFFFF;
    background-position: 57% -30px;
    background-size: cover;
}

 

 
.banner h3 {
    font-size: 32px;
    color: #1e499b;
    line-height: 33px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0 10px 0;
    text-shadow: 0 0 30px #fff,0 0 32px #fff,0 0 35px #fff,0 0 20px #fff,0 0 27px #fff,0 0 37px #fff,0 0 47px #fff,0 0 77px #fff;
    margin-top: 50px;
}
.banner_inner {
    float: right;
    position: relative;
    background: white;
}
.banner_inner .banner_price_container > ul {
    padding-top: 23px;
}
.banner_inner h1{
   color: #1e499b;
    font: bold 40px/48px 'asap';
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 1px none;
    text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    transform: rotate(-1deg);
    z-index: 222;
    margin: 0;
    margin-left: 15px;
    position: absolute;
    top: -30px;
}
.banner_inner .banner_content {
    background-color: rgba(255,255,255,0.9);
        padding: 23px 14px 9px 14px;
        float: left;
}
.banner_inner .banner_content h4 {
    font: bold 30px/40px 'asap';
    color: #7bbf19;
    border-bottom: #102a60 1px solid;
}
.banner_inner ul {
    color: #1e499b;
    font: 18px/24px 'asap';
    margin-top: 10px;
}
.banner_inner ul li {
    padding: 0 0 5px 40px;
    position: relative;
}
.banner_inner ul li:before {
    content: "\f101";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color: #7bbf19;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
}
.banner_price_container {
    float: left;
    min-width: 220px;
}
.banner_price {
        background: #1e499b;
        text-align: center;
        color: white;
    padding: 25px;
    position: absolute;
    min-width: 220px;
    height: 100%;
}
.banner_price_big {
    display: block;
    font-size: 45px;
    font-weight: bolder;
    line-height: 50px;
}
.banner_price .button_container {
    position: absolute;
    width: 100%;
    margin-left: -25px;
    bottom: 10px;
}
/*Banner sitebuilder v3*/
.banner.sitebuilderv3 {
    background: url(../images/site_professionnel_banner.jpg) no-repeat #FFFFFF;
    background-position: 0px 0px;
    min-height: 392px;
    padding-top:20px;
    padding-bottom:0px;
    
}
.banner.sitebuilderv3.afnic {
    background-image: url(../images/site_web_gratuit_banner.jpg);
    background-position: 50% 0%;
}
.banner.sitebuilderv3.v4 {
    background-image: url(../images/creer-site-internet-v2.jpg);
    background-position: 50% 0%;
        background-size: cover;
}
.banner.sitebuilderv3.v5 {
    background-image: url(../images/creer-une-boutique-en-ligne.jpg);
    background-position: 50% 0%;
        background-size: cover;
}

.banner.sitebuilderv3 h1 {
    text-align: left;
        color: #1e499b;
    font: bold 40px/48px 'asap';
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 1px none;
    text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    transform: rotate(-1deg);
    z-index: 222;
    margin: 0;
}
.banner.sitebuilderv3 h1 strong{
    display:block;
    background: transparent;
    padding: 0;
    color:#43c002;
    text-transform: uppercase;
}
.banner.sitebuilderv3 div.price_block{
    float:right;
    min-width: 25%;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0;
}
.banner.sitebuilderv3 div.price_block s {
    /* float: right; */
    font-size: 20px;
    text-shadow: none;
}
.banner.sitebuilderv3 div.price_block .price_inner{
    font-family: 'asap';
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 1px none;
    text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    font-weight: normal;
    font-size: 30px;
    line-height: 60px;
}
.banner.sitebuilderv3 div.price_block .price_inner span{
    font-size: 40px;
font-weight: 900;
}
    
.banner.sitebuilderv3 ul.features {
    float: left;
    margin: 30px 0;
    color: #1e499b;
    font: 18px/24px 'asap';
}
.banner.sitebuilderv3 ul.features li {
    padding: 0 0 5px 40px;
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
}
.banner.sitebuilderv3 ul.features li:before {
    content: "\f101";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color: #7bbf19;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
}
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1440px) {
    .banner.sitebuilderv3 {
        background-position: 65% 0px;
    }
    .banner.sitebuilder {
        background-position: 45% 0%;
    }
    .banner.sitebuilder.v2{
        background-position: 45% 0%;
    }
    .banner.sitebuilderv3.v4 {
        background-position: 50% 0%;
    }
    .banner.sitebuilder.v5 {
        background-position: 50% -40px;
    }
}
@media (max-width: 1200px) {
    
}
@media (max-width: 1024px) {
    .banner.sitebuilder {
        background-position: 38% 0%;
    }
    .banner.sitebuilderv3, .banner.sitebuilderv3.afnic {
        background-position: 55% 0px;
    }
    .banner.sitebuilderv3.v4 {
        background-position: 60% 0%;
    }
    .banner.sitebuilder.v5 {
        background-position: 40% -40px;
    }
}
@media (max-width: 979px) {
    .banner, .banner.sitebuilder {
        background: #ececec;
    }
    .banner.sitebuilder.v2{
        background: #ececec;
    }
    .banner.sitebuilder.v5 {
        background: #ececec;
    }
    .banner_inner {
        float: none;
        position: relative;
    }
    .banner_inner .banner_content h4 {
        font-size: 25px;
    }
    .banner.sitebuilderv3, .banner.sitebuilderv3.afnic {
        background-position: 25% 0px;
    }
    .banner.sitebuilderv3 div.price_block {
        float: left;
        margin-left: 30px;
    }
    .banner.sitebuilderv3 ul.features {
        display:none;
    }
    .banner.sitebuilderv3 ul.features, .banner.sitebuilderv3 div.price_block {
        margin-top: 70px;
    }
    .banner.sitebuilderv3.v4 {
        background-position: 40% 0%;
    }
}
@media (max-width: 768px) {
    .banner.sitebuilderv3, .banner.sitebuilderv3.afnic {
        background-position: 40% 0px;
    }
    
}
@media (max-width: 767px) {
    .banner.sitebuilder .banner_inner{
        /*display: none;*/
        margin-top: 80px;
    }
    .banner.sitebuilder .banner_inner h1{
        transform: none;
        left: 0;
        right: 0;
        margin-left: 0px;
        top: -64px;
        line-height: 32px;
    }
    .banner.sitebuilder .banner_inner .banner_content {
            background: url('../images/responsive-creation-de-site-internet.jpg') no-repeat 50% 30%;
    }
    .banner.sitebuilder.v2 .banner_inner .banner_content {
            background: url('../images/responsive-creation-site-internet-pas-cher.jpg') no-repeat 50% 30%;
    }
    .banner.sitebuilder.v5 .banner_inner .banner_content {
            background: url('../images/responsive-creer-son-site-web.jpg') no-repeat 50% 30%;
    }
    .banner.sitebuilder .banner_inner .banner_content h4 {
        position: relative;
        top: -15px;
        width: 80%;
        margin: 0 auto 180px auto;
        border-bottom: #7bbf19 2px solid;
        line-height: 25px;
    }
    .banner.sitebuilder .banner_inner .banner_content {
        width: 100%;
        float: none;
    }
    .banner.sitebuilder .banner_price_container {
        float: none;
        min-width: 100%;
    }
    .banner.sitebuilder .banner_inner ul li:nth-child(n+4) {
        display:none;
    }
    .banner.sitebuilder .banner_price_container .banner_price {
        position: relative;
    }
    .banner.sitebuilder .banner_price_container .banner_price .button_container {
        position: relative;
        margin-left: 0;
    }
    .banner_inner .banner_price_container > ul {
        padding-top: 0px;
        margin-top: 0px;
        padding-left: 14px;
    }
    .banner.sitebuilderv3 {
        background-position: 40% 0px;
    }
    .banner.sitebuilder {
        padding-top: 0;
        background: none;
    }
    .banner.sitebuilder.v2, .banner.sitebuilder.v5 {
        /*background: white;*/
    }
    .banner.sitebuilderv3 h1 {
        transform: none;
        font-size: 2em;
    }
}
@media (max-width: 579px) {
    .banner {
        padding-top: 40px;
    }
    .banner_inner .banner_content {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .banner_inner h1 {
        font-size: 35px;
    }
    .banner_price_container {
        float: none;
    }
    .banner_price {
        position: relative;
        padding: 5px;
    }
    .banner_price .button_container {
        position: relative;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .banner.sitebuilderv3 {
        min-height: 0;
        background: url('../images/responsive-creer-un-site-web-professionnel.jpg') no-repeat white 90% 60%;
    }
    .banner.sitebuilderv3.v4 {
        min-height: 0;
        background: url('../images/responsive-creer-un-site-web-gratuit.jpg') no-repeat white 90% 60%;
    }
    .banner.sitebuilderv3.afnic {
        min-height: 0;
        background: url('../images/responsive-creer-site-web-gratuit-afnic.jpg') no-repeat white 90% 60%;
    }
    .banner.sitebuilderv3 ul.features, .banner.sitebuilderv3 div.price_block {
        margin: 20px 0;
        float: none;

    }
    .banner.sitebuilderv3 h1 {
        margin-bottom: 40px;
        font-size: 1.5em;
    }
    .banner.sitebuilderv3 div.price_block s {
        display: block;
        line-height: 20px;
        margin-top: 16px;
    }
    .banner.sitebuilderv3 div.price_block {
        width: 100%;
    }
}
@media (max-width: 479px) {
    .banner_inner h1 {
        font-size: 25px;
    }
    .banner_inner .banner_content h4 {
        font-size: 18px;
    }
    /*.banner.sitebuilderv3.v4 {
        background: #fff;
    }*/
}

/* style.banner FIN */






/* style.atouts */
.atouts {
        width: 100%;
    background: #05379b;
    padding: 0px 0 80px 0;
    float: left;
    clear: both;
    color: white;
}
.atouts h5 {
    font-size: 32px;
    color: #FFF;
    line-height: 33px;
    font-weight: 400;
    text-align: center;
    padding: 0 0 40px 0;
}
.atouts ul {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.atouts ul li {
    width: 19.2%;
    float: left;
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 0;
    text-align: center;
}
.atouts ul li:last-child {
    margin-right: 0;
}
.atouts ul li span {
    display: block;
    margin: 0 auto 17px;
    text-align: center;
}
.atouts ul li span[class^="flaticon"] {
    margin: 33px 0;
    display: inline-block;
}
.atouts ul li h6 {
    font-size: 18px;
    color: #FFF;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    border-bottom: solid 1px #FFF;
    padding: 0 15px 16px 15px;
}
.atouts ul li p {
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0 0 0;
}
.atouts ul li span[class^="flaticon"]:before {
    color: white;
    border: 1px solid;
    border-radius: 50%;
    padding: 15px;
    font-size: 40px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 979px) {
    .atouts ul {
        text-align: center;
    }
    .atouts ul li {
        width: 31.5%;
        float: none;
    }
}
@media (max-width: 767px) {
    .atouts ul li {
        width: 48.5%;
    }
    .atouts ul li:nth-child(even) {
        margin-right: 0;
    }
}
@media (max-width: 479px) {
    .atouts ul li {
        width: 100%;
        margin-right: 0;
    }
}
/* style.atouts FIN */























/* style.bandeau-promotion */

.bandeau_promotion {
    background: #17378b;
    position: relative;
    z-index: 9;
}
.pramotion_left {
    float: left;
    padding: 14px 0;
}
.pramotion_left span, span.promo-rounded {
    float: left;
    margin-right: 55px;
    box-shadow: 2px 1px 8px #6b7da4;
    display: block;
    width: 84px;
    height: 84px;
    border: 4px solid #fff;
    border-radius: 50%;
}
.pramotion_left span em, span.promo-rounded em {
    display: block;
    width: 72px;
    height: 72px;
    background: #ea5527;
    border: 2px solid transparent;
    border-radius: 50%;
    text-align: center;
    font-family: 'lato';
    font-size: 32px;
    line-height: 72px;
    color: #fff;
    font-weight: normal;
    transform: rotate(-25deg);
    text-shadow: 1px 1px 2px #734a38;
    position: relative;
    top: 2px;
    left: 2px;
    font-style: normal;
}
.pramotion_left span em small, span.promo-rounded em small {
    font-size: 20px;
    position: relative;
    top: -10px;
}
.pramotion_left p {
    font-size: 24px;
    line-height: normal;
    color: #fff;
    float: left;
    padding-top: 11px;
}
.pramotion_left p strong {
    display: block;
    font-weight: 900;
    color: #fcd313;
}
.pramotion_right {
    float: right;
    padding: 17px 0 17px 78px;
    background: url(../images/arrow_promotion.png) left top no-repeat;
    background-size: 56px 100%;
}
.promotion-price {
    float: left;
}
.promotion-price p {
    font-size: 21px;
    line-height: 25px;
    color: #fff;
    padding-bottom: 2px;
}
.promotion-price strong {
    float: left;
    font-size: 51px;
    line-height: 51px;
    color: #fcd313;
    font-weight: 900;
}
.promotion-price span {
    float: right;
    text-align: right;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Asap', sans-serif;
    padding-left: 5px;
}
.promotion-price span em {
    text-decoration: line-through;
    display: block;
    color: #fcd313;
    padding-top: 3px;
}
.pramotion_right a.benefit {
    float: right;
    margin-left: 75px;
    background: #fff;
    height: 56px;
    line-height: 56px;
    background: #fff;
    padding: 0 28px;
    border-radius: 3px;
    font-size: 37px;
    font-weight: 900;
    color: #17378b;
    margin-top: 12px;
}
.promo-rounded-day {
    line-height: 34px;
}
.promo-percent {
    line-height: 64px;
    font-size: 24px;
}

/*RESPONSIVE*/
@media only screen and (max-width:1209px) {
    .pramotion_left span            {margin-right: 20px;}
    .pramotion_right a.benefit      {margin-left: 25px;}
    .pramotion_right                {padding-left: 65px;}
    .pramotion_section              {margin-top: 0;}
    .pramotion_right                {margin-top: 0;}
}
@media only screen and (max-width:991px) {
    .pramotion_left span            {width: 75px; height: 75px;     margin-right: 15px;}
    .pramotion_left span  em        {width: 63px; height: 63px;    font-size: 35px;
    line-height: 62px;}
    .pramotion_left p               {font-size: 18px;}
    .promotion-price  p             {font-size: 18px;}
    .promotion-price strong         {font-size: 40px;}
    .promotion-price span           {font-size: 15px;}
    .pramotion_right a.benefit      {margin-left: 20px;    padding: 0 15px;    font-size: 26px;    height: 45px;  line-height: 45px;}
    .pramotion_right                {padding-left: 50px;     background-size: 35px 100%;}
}
@media only screen and (max-width:767px) {
    .pramotion_left                 {float: none; width: 285px; margin: 0 auto;}
    .pramotion_right                {float: none; width:370px; margin: 0 auto; padding-left: 0; background: none; padding-top: 0;text-align: center;}
    .pramotion_right a.benefit      {margin-top: 17px;}
    .pramotion_right .promotion-price {margin: 0 auto;float: none;}
    .pramotion_right a.benefit, .promotion-price strong {float:none;}
}
@media only screen and (max-width:479px) {
    .promotion-price                {width: 100%; float: none;}
    .pramotion_right                {max-width: 100%;}
    .pramotion_right a.benefit      {display: block; margin: 10px auto 0; float: none;    width: 165px;}
}
/* style.bandeau-promotion FIN */


/* BLOC VIDEO */

.container_video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    -moz-box-shadow: 0px 0px 20px 0px #656565;
-webkit-box-shadow: 0px 0px 20px 0px #656565;
-o-box-shadow: 0px 0px 20px 0px #656565;
box-shadow: 0px 0px 20px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=20);
}
.container_video .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* BLOC VIDEO */

/* BLOC GAUCHE DROITE */
.leftright-container {
    display: flex;
    align-items: center;
    padding: 40px 0;
}
.leftright-img {
    min-width: 340px;
    padding: 0px 20px;
}
.leftright-img img {
    border-radius: 50%;
    padding: 10px;
    border: 10px solid #BBB;
    background: #eee;
}
.leftright-content {
    padding: 0px 20px;
}
.leftright-content ul{
    margin: 10px 0;
    padding-left: 20px;
}
.leftright-content ul li{
    list-style: initial;
}
.leftright-content h4 {
    text-align: left;
    margin-bottom: 20px;
}
/*RESPONSIVE*/
@media only screen and (max-width:1024px) {
    .leftright-img {
        min-width: 280px;
    }
}
@media only screen and (max-width:767px) {
    .leftright-img {
        display: none;
    }
}
/* FIN BLOC GAUCHE DROITE */



/* TAB */
ul.tab-ul-links {
    margin: 30px 0;
}
ul.tab-ul-links li {
   display: inline-block;
}
ul.tab-ul-links li:not(:last-child) {
   margin-right: 30px;
}
ul.tab-ul-links li a {
   font-size: 18px;
   color:#06389b;
   font-weight: bold;
   display: inline-block;
   line-height: 40px;
}
ul.tab-ul-links li a:hover, ul.tab-ul-links li a.active {
    border-bottom: 2px solid #ff6600;
}
.tab-element {
    display: none;
    font-size: 18px;
    line-height: 26px;
}
.tab-element.active {
    display: block;
}
/* RESPONSIVE */
@media only screen and (max-width:767px) {
    ul.tab-ul-links li {
        width: 100%;
        text-align: center;
    }
    ul.tab-ul-links li:not(:last-child) {
        margin-right: 0px;
    }
}
/* FIN TAB */

/* BLOCK FLEXBOX */
.flex-container {
    display: flex;
    flex-wrap: wrap;
}
.flex-container.space-between {
    justify-content:space-between;
}
.flex-container.space-around {
    justify-content:space-around;
}
.flex-container.center {
    justify-content:center;
}
.flex-container.items-center {
    align-items: center;
}
.flex-container.align-space-between {
    align-content:space-between;
}
.flex-container.align-space-between .flex-element {
    align-self: center;
}
.flex-element.flex-50 {
    flex-grow: 1;
    width: 50%;
}
.flex-element.flex-30 {
    flex-grow: 1;
    max-width: 30%;
}
.flex-element.flex-70 {
    flex-grow: 1;
    max-width: 70%;
}
.flex-element.flex-60 {
    flex-grow: 1;
    max-width: 60%;
}
.flex-element.flex-29 {
    flex-grow: 1;
    max-width: 29%;
}
.flex-element.flex-69 {
    flex-grow: 1;
    max-width: 69%;
}
.flex-content, .flex-icone {
    padding-left: 30px;
    padding-bottom: 20px;
}
.flex-content {
    max-width: 80%;
}
.flex-content p {
    margin-top: 20px;
    text-align: justify;
    font-size: 18px;
    line-height: 26px;
}
.flex-content ul {
    margin-top: 20px;
}

/*RESPONSIVE*/
@media only screen and (max-width:1024px) {
    .flex-icone {
        display:none;
    }
    .flex-element.flex-50 .flex-content {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 25px;
    }
}
@media only screen and (max-width:978px) {
    .flex-element.flex-30 {
        max-width: 49%;
    }
    .flex-element.flex-30.bloc_shadow:not(:last-child) {
        margin-bottom: 20px;
    }
    .flex-element.flex-60 {
        max-width: 49%;
    }
}
@media only screen and (max-width:767px) {
    .flex-element.flex-50 {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:524px) {
    .flex-element.flex-30 {
        max-width: 100%;
    }
    .flex-element.flex-30 img{
        margin-bottom: 10px;
    }
    .flex-element.flex-60 {
        max-width: 100%;
    }
}

/* FIN BLOCK FLEXBOX */


/* REFERENCES */
.reference-element {
    text-align: center;
    margin-bottom: 20px;
    -moz-box-shadow: 0px 0px 10px 0px #656565;
-webkit-box-shadow: 0px 0px 10px 0px #656565;
-o-box-shadow: 0px 0px 10px 0px #656565;
box-shadow: 0px 0px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
}
.reference-element h5 {
    font-size: 25px;
    color: #1e499b;
    font-weight: bold;
    padding: 10px 0;
}
.reference-element p {
    font-size: 16px;
    line-height: 20px;
    color: #1e499b;
    padding: 0 15px 15px 15px;
}
.reference-element a {
    color: #ff6600;
    text-decoration: underline;
}
.reference-element img {
        margin: 0 auto;
}
/* FIN REFERENCES */

/*BLOCS HEBERGÉ EN FRANCE*/
.bloc_shadow {
    padding: 20px;
    -moz-box-shadow: 0px 0px 10px 0px #656565;
-webkit-box-shadow: 0px 0px 10px 0px #656565;
-o-box-shadow: 0px 0px 10px 0px #656565;
box-shadow: 0px 0px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
position:relative;
}
.bloc_shadow p{
    margin-bottom: 10px;
}
.bloc_shadow h4 {
    font-weight: bold;
    margin-bottom: 20px;
}
.bloc_shadow img{
    margin: 0 auto;
}
/*FIN BLOCS HEBERGÉ EN FRANCE*/


/*REFERENCES SITEPRO*/
.reference-elt {
    margin-bottom: 15px;
    position: relative;
}
.reference-link {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.51);
    text-align: center;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.reference-link a {
    margin: auto;
}
.reference-elt:hover .reference-link {
    opacity: 1;
}
@media only screen and (max-width: 524px) {
    .reference-elt img {
        margin: 0 auto;
    }
}
/*FIN REFERENCES SITEPRO*/

/* SLIDER ICONES */
.slider-icone .indicators {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}
.slider-icone .indicators ol {
    display: inline-block;
}
.slider-icone .indicators ol li {
    display: inline-block;
    text-align: center;
    width: 120px;
    vertical-align: top;
    color:#819dcd;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.slider-icone .indicators ol li span[class^="flaticon-"]{
    display: block;
    height: 65px;
    width: 65px;
    border-radius: 100%;
    margin: 0 auto;
    background: #819dcd;
    color: white;
    line-height: 65px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.slider-icone .indicators ol li.active, .slider-icone .indicators ol li:hover {
    color:#0033a0;
}
.slider-icone .indicators ol li.active span[class^="flaticon-"], .slider-icone .indicators ol li:hover span[class^="flaticon-"] {
    background:#0033a0;
}
.slider-icone .indicators ol li span[class^="flaticon-"]:before{
    font-size: 40px;
}
.slider-icone .indicators a.prev {
        position: absolute;
    left: 100px;
    top: 25%;
    width: 40px;
    height: 40px;
    background: url(../images/prev.png) center center no-repeat #17378b;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    margin-top: -20px;
    font-size: 0px;
    z-index: 999;
}
.slider-icone .indicators a.next {
        position: absolute;
    right: 100px;
    top: 25%;
    width: 40px;
    height: 40px;
    background: url(../images/next.png) center center no-repeat #17378b;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    margin-top: -20px;
    font-size: 0px;
    z-index: 999;
}
.slider-icone .slider-element {
    display: none;
    position: relative;
    z-index: 0;
}
.slider-icone .slider-container {
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}
.slider-icone .slider-image {
    border-radius: 100%;
    -moz-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
    border: 5px solid #1E499B;
    padding: 2px;
    background: white;
    position: relative;
    z-index: 2;
}
.slider-icone .slider-element .slider-content {
    width: 60%;
    background: white;
    padding: 2px;
    border: 4px solid #1E499B;
    position:relative;
    z-index: 1;
    left: -30px;
    border-radius: 2px;
}
.slider-icone .slider-element .slider-content .slider-content-inner {
    padding: 10px 10px 10px 40px;
    background: #1E499B;
    color:white;
    border-radius: 2px;
}
.slider-icone .slider-element .slider-content .slider-content-inner h4{
    font-weight: 900;
}
.slider-icone .slider-element .slider-content .slider-content-inner p{
    text-align: justify;
    font-weight: 700;
}
.slider-icone .slider-element.active {
    display: flex;
}
.slider-icone .slider-element .slider-image, .slider-icone .slider-element .slider-content {
    align-self: center;
}
.slider-icone .slider-element .slider-image img {
    border-radius: 100%;
    padding: 2px;
    background: #1E499B;
}
.slider-fonction {
    margin-bottom: 70px;
    position:relative;
}
.slider-fonction .slider-container {
    position:relative;
}
.slider-fonction .indicators ol{
    display: flex;
    margin: 60px 0;
}
.slider-fonction .indicators ol li{
    width: 25%;
    text-align: center;
    font-weight: bold;
    color:#ff6600;
    font-size: 18px;
    line-height: 70px;
    position: relative;
    cursor: pointer;
}
.slider-fonction .indicators ol li.active:after{
    top: 75%;
        left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 102, 0, 0);
    border-top-color: #ff6600;
    border-width: 11px;
    margin-left: -11px;
}
.slider-fonction .indicators ol li:not(:last-child){
    border-right: 1px solid;
}
.slider-fonction .slider-element {
    display: none;
}
.slider-fonction .slider-element .slider-image, .slider-fonction .slider-element .slider-content {
    width:49%;
    min-width: 250px;
}
.slider-fonction .slider-element.active {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slider-fonction .slider-element .slider-image {
    padding: 6px;
    border: 3px solid #ff6600;
}
.slider-fonction .slider-element .slider-content {
    font-size: 18px;
    text-align: justify;
}
.slider-fonction .slider-container a.prev {
    position: absolute;
    left: 50px;
    top: 50%;
    width: 40px;
    height: 40px;
    background: url(../images/prev.png) center center no-repeat #60c247;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    margin-top: -20px;
    font-size: 0px;
    z-index: 999;
}
.slider-fonction .slider-container a.next {
    position: absolute;
    right: 50px;
    top: 50%;
    width: 40px;
    height: 40px;
    background: url(../images/next.png) center center no-repeat #60c247;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    margin-top: -20px;
    font-size: 0px;
    z-index: 999;
}
/* RESPONSIVE */
@media (max-width: 1200px) {
    .slider-icone .indicators a.prev, .slider-icone .indicators a.next {
        display: none;
    }
    .slider-icone .slider-container {
        width:100%;
    }
}
@media (max-width: 978px) {
    .slider-icone .slider-element .slider-content {
        width: 85%;
            left: -40px;
    }
    .slider-fonction .indicators ol li {
        font-size: 16px;
    }
    .slider-fonction .slider-container a.prev {
        left :0 ;
    }
    .slider-fonction .slider-container a.next {
        right :0 ;
    }
}
@media (max-width: 768px) {
    .slider-icone .slider-element.active {
        display: block;
    }
    .slider-icone .slider-element .slider-image {
        display:none;;
    box-shadow: none;
    border: none;
    padding: 0px;
    background: transparent;
    }
    .slider-icone .slider-element .slider-image img {
        max-width: 50%;
        margin: 0 auto;
    }
    .slider-icone .slider-element .slider-content {
        width: 100%;
            left: 0px;
            display: block;
    }
}
@media (max-width: 700px) {
    .slider-fonction .indicators {
        display: none;
            
    }
    .slider-fonction .slider-element.active {
        justify-content: center;
    }
    .slider-fonction .slider-element .slider-image {
        max-width: 300px;
    }
    .slider-fonction .slider-element .slider-image, .slider-fonction .slider-element .slider-content {
        width: 100%;
    }
}
@media (max-width: 425px) {
    .slider-fonction .slider-container a.prev, .slider-fonction .slider-container a.next {
        top: 108%;
    }
}
/* FIN SLIDER ICONES */

/* SLIDER SUCCESS */
.slider_success {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.slider_success .slider_success_container {
    width: 45%;
    float: right;
    min-height: 500px;
    margin-top: 40px;
    position: relative;
    margin-right: 80px;
}
.slider_success .slider_success_element {
    display: none;
}
.slider_success .slider_success_element.active {
    display: block;
}
.slider_success .avis_trustpilot {
    text-align: center;
}
.slider_success .avis_trustpilot img {
    margin: 0 auto;
}
.slider_success .slider_success_element h5 {
    color: #0e2c68;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}
.slider_success .slider_success_element p {
    color: #0e2c68;
    padding-bottom: 20px;
    text-align: justify;
}
.slider_success .slider_success_element strong.name {
    display: block;
    text-align: right;
    font-size: 15px;
    line-height: 20px;
    color: #0e2c68;
    font-weight: bold;
    padding-bottom: 42px;
}
.slider_success .slider_success_container a.prev {
        position: absolute;
    left: -70px;
    bottom: 66%;
    width: 40px;
    height: 40px;
    background: url(../images/prev.png) center center no-repeat #17378b;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    font-size: 0px;
    z-index: 999;
}
.slider_success .slider_success_container a.next {
        position: absolute;
    right: -70px;
    bottom: 66%;
    width: 40px;
    height: 40px;
    background: url(../images/next.png) center center no-repeat #17378b;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 50%;
    font-size: 0px;
    z-index: 999;
}
.slider_success .slider_success_container .indicators ol {
    margin-top: 40px;
    text-align: center;
}
.slider_success .slider_success_container .indicators ol li{
    text-align: center;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid #909090;
    border-radius: 50%;
    margin: 0 10px;
    cursor:pointer;
    padding: 2px;
    background: transparent;
    position:relative;
}
.slider_success .slider_success_container .indicators ol li:hover:after, .slider_success .slider_success_container .indicators ol li.active:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #ff6600;
    position: absolute;
    border-radius: 100%;
    top: 1px;
    left: 1px;
}
@media (max-width: 1440px) {
    .slider_success {
        background-position: -240px 0;
    }
}
@media (max-width: 1024px) {
    .slider_success {
        background-size: contain;
        background-position: 50%;
    }
}
@media (max-width: 768px) {
    .slider_success {
        background: white !important;
    }
    .slider_success .slider_success_container {
        width: 75%;
        float: none;
        margin: 40px auto;
    }
}
@media (max-width: 430px) {
    .slider_success .slider_success_container {
        width: 100%;
    }
    .slider_success .slider_success_container a.prev, .slider_success .slider_success_container a.next {
        display: none;
    }
}

/* FIN SLIDER SUCCESS */

/* BLOC PERFORMANCE */
.bloc-performance {
    margin: 40px 0;
    padding-left: 300px;
    max-width: 50%;
    padding-right: 10px;
    background-repeat: no-repeat;
        background-position: 10px -22px;
        min-height: 240px;
}
.bloc-performance:first-child {
    border-right: 2px solid #d6d6d6;
}
.bloc-performance.ecommerce {
    background-image: url(../images/ecommerce.jpg);
}
.bloc-performance.wp {
    background-image: url(../images/wordpress.jpg);
        background-position: 10px -16px;
}
.bloc-performance h3 {
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
}
.bloc-performance p {
    margin-bottom: 20px;
    font-size: 20px;
    padding-right: 30px;
}
.bloc-performance p strong {
    color:#ff6600;
}
@media (max-width: 1024px) {
    .bloc-performance {
        padding-left: 200px;
    background-size: 36%;
        background-position: 10px -15px;
    }
}
@media (max-width: 978px) {
    .bloc-performance {
        padding-left: 150px;
    background-size: 25%;
        background-position: 10px -8px;
    }
}
@media (max-width: 768px) {
    .bloc-performance {
        padding-left: 0px;
        padding-top: 80px;
    background-size: 25%;
        background-position: 50% 0!important;
        text-align: center;
    }
    .bloc-performance p {
        padding:0;
    }
    .bloc-performance h3 {
        text-align: center;
    }
}
@media (max-width: 525px) {
    .bloc-performance {
        max-width: 100%;
        border:none !important;
    }
}
/* FIN BLOC PERFORMANCE*/

/* BLOC MENU PAGE */
.menu_page {
    background: #2e60c1;
}
.menu_page.fixed {
    position: fixed;
    top: 0;
    z-index: 999999999;
    right: 0;
    left: 0;
}
.menu_page ul {
    display: flex;
}
.menu_page ul li {
    width: 25%;
    text-align: center;
    position:relative;
}
.menu_page ul li a{
    color:#c7d2e6;
    font-size: 26px;
    line-height: 130px;
    display: block;
    -webkit-transition: all ease 0.4s;
    -khtml-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.menu_page.fixed ul li a{
    line-height: 80px;
}
.menu_page ul li.active, .menu_page ul li:hover {
    background: #1f499b;
}
.menu_page ul li.active a, .menu_page ul li:hover a{
    color:white;
}
.menu_page ul li.active:before {
    top: 75%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 102, 0, 0);
    border-top-color: #ff6600;
    border-width: 15px;
    margin-left: -15px;
}
/*RESPONSIVE*/
@media (max-width: 1024px) {
    .menu_page ul li a{
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .menu_page {
        display: none;
    }
}
/*FIN RESPONSIVE*/
/* FIN BLOC MENU PAGE */

/* TABLE COMPARE */
table.compare_offer {
    width: 99.4%;
    margin-bottom: 20px;
    color: #1a3c7f;
    border: 5px solid white;
        border-collapse: collapse;
    border-spacing: 0;
}
table.compare_offer thead {
    background: white;
}
table.compare_offer th.compare_title {
    width: 30%;
    padding-top: 37px;
    padding-bottom: 142px;
}
table.compare_offer th i {
    color: #1a3c7f;
    font-size: 60px;
}
table.compare_offer th {
    border: none;
}
table.compare_offer th h2 {
    font-size: 16px;
    text-align: center;
    padding: 0;
        font-family: 'Asap',sans-serif;
    color: #1e499b;
    font-weight: 700;
    margin: 0;
}
table.compare_offer tbody td {
    text-align: center;
    white-space: normal;
    padding: 12px;
    height: 22px;
    border: 1px solid #D6D6D6;
    font-size: 16px;
    vertical-align: middle;
}
table.compare_offer tbody tr:nth-of-type(odd) td {
    background: #F9F9F9;
}
table.compare_offer tbody tr td:first-child {
    border-left: 0;
    text-align: left;
}
table.compare_offer tbody tr:nth-of-type(odd) td {
    background: #F9F9F9;
}
table.compare_offer td.bg-warning {
    color: #fff!important;
    background-color: #ff6600!important;
    border-color: #fff!important;
}
table.compare_offer tbody tr:nth-of-type(odd) td {
    background: #F9F9F9;
}
table.compare_offer a {
    color: #ff6600;
    text-decoration: underline;
}
table.compare_offer td[colspan="4"] {
    font-weight: 600;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    background: url(../images/close.png) no-repeat center!important;
    content: " "!important;
    display: block;
    width: 15px;
    height: 15px;
    margin: 15px auto 0 auto;
}
/*RESPONSIVE*/
@media (max-width: 1024px) {
    table.compare_offer tbody td {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    table.compare_offer {
        display: none;
    }
}
/* FIN TABLE COMPARE */

/* SOUS MENU */
.topDomainsBar {
    width: 100%;
    background: #fff;
    border-top: 1px solid #05379b;
}
.topDomainsMenu {
    width: 100%;
}
.topDomainsMenu ul {
    text-align: center;
}
.topDomainsMenu ul li {
    float: none;
    display: inline-block;
}
.topDomainsMenu ul li a {
    display: inline-block;
    font: 15px/40px;
    font-size: 15px;
    line-height: 40px;
    color: #0f2a60;
    padding: 0 14px;
    margin-right: 4px;
}
.topDomainsMenu ul li a:first-child span {
    margin-left: 0;
}
.topDomainsMenu ul li a span {
    margin: 0 12px 0 8px;
}
/* RESPONSIVE */
@media (max-width: 980px) {
    .topDomainsBar {
        display: none;
    }
}
/* FIN RESPONSIVE */
/* FIN SOUS MENU */

/*BANNER JOB*/
.banner.job {
    padding: 80px 0;
    background: url(../images/fond-banniere-min.jpg) no-repeat #FBFBFB;
}
.banner.job .banner-job-content {
    background: rgba(30, 73, 155, 0.77);
    text-align: center;
    color:white;
    padding: 35px 0;
}
.banner.job .banner-job-content h1{
    text-transform: uppercase;
    margin: 0 0 35px 0;
    font-size: 32px;
    line-height: 30px;
    font-weight: 500;
}
.banner.job .banner-job-content h1 small{
    display: block;
    font-size: 24px;
    margin-top: 10px;
    color:white;
    font-weight: normal;
}
.banner.job .banner-job-content strong{
    font-size: 20px;
    font-weight: bold;
}
/*RESPONSIVE*/
/*FIN RESPONSIVE*/

/*FIN BANNER JOB*/

/* MENU JOB */
.menu_job {
    background: white;
}
.menu_job ul {
    display: flex;
    justify-content: center;
}
.menu_job ul li:not(:last-child){
    margin-right: 50px;
}
.menu_job ul li a {
    font-size: 20px;
    line-height: 70px;
    color: #737695;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-left: 30px;
}
.menu_job ul li a span.iconfa {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #737695;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
span.iconfa.iconfa-technique-job {
    -webkit-mask-image: url(../images/flaticon-svg/004-tools.svg);
    mask-image:  url(../images/flaticon-svg/004-tools.svg);
}
span.iconfa.iconfa-administratif-job {
    -webkit-mask-image: url(../images/flaticon-svg/001-web-settings-confirmed.svg);
    mask-image:  url(../images/flaticon-svg/001-web-settings-confirmed.svg);
}
span.iconfa.iconfa-commercial-job {
    -webkit-mask-image: url(../images/flaticon-svg/003-handshake.svg);
    mask-image:  url(../images/flaticon-svg/003-handshake.svg);
}
span.iconfa.iconfa-stage-job {
    -webkit-mask-image: url(../images/flaticon-svg/002-students-cap.svg);
    mask-image:  url(../images/flaticon-svg/002-students-cap.svg);
}
.menu_job ul li a:hover, .menu_job ul li.active a {
    color:#1c4b9b;
}
.menu_job ul li a:hover span.iconfa, .menu_job ul li.active a span.iconfa {
    background-color:#1c4b9b;
}
.menu_job.fixed {
    position: fixed;
    top: 0;
    z-index: 999999999;
    right: 0;
    left: 0;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
}
/* FIN MENU JOB */

/* ICONFA */
span.iconfa {
    background: #1e499b;
    -webkit-mask-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.text-green span.iconfa {
    background: #ff6500;
}
h2 span.iconfa {
    width: 40px;
    height: 40px;
}
/* FIN ICONFA */

/* Video JOB */
.text-video-job {
    padding-left: 30px;
}

/* RESPONSIVE */
@media (max-width: 978px) {
    .flex-element.flex-70.text-video-job {
        max-width: 49%;
    }
    .job_item_title h3 {
        font-size: 26px;
    }
}
@media (max-width: 525px) {
    .flex-element.flex-70.text-video-job, .flex-element.flex-30.video-job {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .flex-element.flex-30.video-job iframe{
        margin: 0 auto;
        display: block;
    }
}
/* FIN RESPONSIVE */

/* Fin Video JOB */

/*JOB item*/
.job_item_title {
    background: #1e499b;
    color:white;
    padding: 20px 0;
}
.job_item_title h3 {
    font-size: 30px;
    text-align: left;
    padding: 0 70px;
    word-wrap: break-word;
    max-width: 100%;
}
.job_item_title h3.job_technique {
    background: url('../images/reseau-web-min.png') no-repeat -1% 50%;
}
.job_item_title h3.job_commercial {
    background: url('../images/marketing-min.png') no-repeat -1% 50%;
}
.job_item_title h3.job_hotline {
    background: url('../images/hotline-min.png') no-repeat -1% 50%;
}
.job_item_title h3.job_stage {
    background: url('../images/stagiaire-min.png') no-repeat -1% 50%;
}
.job_item_title h3.job_postuler {
        background: url('../images/icons-postuler-min.png') no-repeat -1% 50%;
    padding: 20px 100px;
}
.job_item_title h3 small {
    display: block;
    font-size: 18px;
    color:white;
}
.job_container {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #e9eef5 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#e9eef5 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#e9eef5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9eef5',GradientType=1 ); /* IE6-9 */
    padding: 40px 0 70px 0;

}
.job_container_right {
    padding-left: 75px;
}
.job_container_left {
    padding-right: 75px;
}
.job_container h4 {
    font-size: 30px;
    text-align: left;
    margin: 30px 0;
    padding-left: 55px;
    line-height: 70px;
}
.job_container h4.job_poste {
    background: url('../images/poste-min.png') no-repeat 0% 50%;
}
.job_container h4.job_description {
    background: url('../images/mission-min.png') no-repeat 0% 50%;
}
.job_container h4.job_profil {
    background: url('../images/cv-min.png') no-repeat 0% 50%;
}
.job_container strong, .job_container p, .job_container ul {
    margin-bottom: 30px;
}
.job_container strong {
    display: inline-block;
}
.job_container ul {
    padding-left: 36px;
}
.job_container ul li {
    list-style: initial;
}
.postuler_content {
    font-size: 20px;
    padding: 40px 0;
}
.postuler_content a{
    color:#294785;
    text-decoration: underline;
}
/* RESPONSIVE */
@media (max-width: 978px) {
    .job_item_title h3 {
        font-size: 26px;
    }
    .menu_job ul li a {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .menu_job ul li a {
        font-size: 16px;
        padding-left: 0px;
    }
    .menu_job ul li a span.iconfa {
        display: none;
    }
    .menu_job {
        display: none;
    }
    .job_container_right {
        padding-left: 0px;
    }
    .job_container_left {
        padding-right: 0px;
    }
    .job_container {
        background: white;
    }
}
@media (max-width: 670px) {
    .job_item_title h3 {
        text-align: center;
    }
}
@media (max-width: 425px) {
    .job_container h4 {
        font-size: 20px;
    }
}
/* FIN RESPONSIVE */
/*Fin JOB item*/


/* POPOVER */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.popover h3 {
    padding: 10px;
    font-size:16px;
    font-weight: 700;
    text-align: left;
    line-height: initial;
}
.popover {
    max-width: 500px;
}
.popover p {
    
    color: #1e499b;
}
.popover table {
    
    font-size: 14px;
    color: #1e499b;
    width: 100%;
    border: 1px solid #1e499b !important;
}
.popover table th {
    color:#1e499b;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}
.popover table td {
    text-align: center !important;
    line-height: 30px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    padding: 0px !important;
    border:none !important;
}
.popover table tr:nth-of-type(odd) {
    background-color: #ececec;
}
.popover ul {
    padding-left: 20px;
}
.popover ul li {
    border: none;
    display: list-item;
    padding: 0;
    list-style:initial;
}
/* Fin Popover */