/*** GENERAL **********************************************************************************/
html {
	color: #5d5d5d;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	background: #ffffff;
}
.i18n-pl html { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }


/*** BORDER BOX **********************************/
*, *:before, *:after { box-sizing: border-box; }

.clear{ clear:both; }


/*** LAYOUT **************************************/
body {
	margin: 0;
	padding: 0;
}
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
@media screen and (min-width: 980px) {
	.wrapper { min-width: 980px; }
}


/*** ICOMOON *************************************/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?miz86n');
	src:url('../fonts/icomoon.eot?#iefixmiz86n') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?miz86n') format('truetype'),
		url('../fonts/icomoon.woff?miz86n') format('woff'),
		url('../fonts/icomoon.svg?miz86n#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e20e";
}
.icon-person:before {
	content: "\e253";
}
.icon-search:before {
	content: "\e2ca";
}



/*** HEADER ***********************************************************************************/
@media screen and (min-width: 980px) {

	#header {
		position: fixed;
		z-index: 500;
		width: 100%;
	}
	#header .wrapper {
		margin: 0 auto;
		padding: 0 7%;
		width: 80%;
		min-width: 980px;
		max-width: 1300px;
		background: #ffffff;

		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	/*** LOGO CONTENT ***/
	.region-region-header {
		float: left;
		width: 20%;
		height: 115px;
	}
	/*** TOPMENU CONTENT ***/
	.region-region-header-top {
		float: right;
		width: 73%;
	}
	/*** MENU CONTENT ***/
	.region-region-header-menu {
		float: right;
		margin-top: 17px;
	}

}


/*** LOGO ****************************************/
@media screen and (max-width: 980px) {
	.header__logo { display: none; }
}
@media screen and (min-width: 980px) {
	.header__logo {
		display: block;
		max-width: 100%;
		line-height: 115px;
	}
	.header__logo img { vertical-align: middle; }
}


/*** LIEN COMPTE *********************************/
.header_compte {
	display: block;
	margin: 0;
	padding: 0;
	height: 60px;
	line-height: 60px;

	color: #0c849f;
	font-size: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	background: #f0f6fb;
	border-bottom: 1px solid #dbebfa;
}

@media screen and (max-width: 980px) {
	.header_compte { display: none; }
}
@media screen and (min-width: 980px) {

	.header_compte {
		float: right;
		padding: 0 20px;
		width: 32%;
		height: 38px;
		line-height: 38px;
    	color: #ffffff;
    	text-transform: none;
		background: #0c849f;
		border-right: 1px solid #ffffff;
		border-bottom: none;
	}
	.header_compte span {
		display: inline-block;
		position: relative;
		padding: 0 0 0 48px;
	}
	.header_compte span:before {
	    content: "\e253";
	    font-family: 'icomoon';
	    font-size: 24px;
	    color: #ffffff;
	    text-align: center;

		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 38px;
		height: 38px;
		line-height: 38px;
	}

}


/*** DROP DOWN LANGUAGE **************************/
#block-lang-dropdown-language .ddTitle {
	padding: 0;
	height: 60px;
	line-height: 60px;
}

/*** FLAG ***/
.ddTitleText .fnone { margin-right: 10px; }
.ddTitleText .ddlabel {
	color: #ffffff;
	text-transform: uppercase;
}

/*** DROP ***/
.ddChild { background: #d6e5ec;	}
.ddChild li {
	padding: 0 20px;
	height: 38px;
	line-height: 38px;
}
.ddChild .fnone { margin-right: 10px; }
.ddChild .ddlabel {
	color: #5d5d5d;
	text-transform: uppercase;
}

@media screen and (max-width: 980px) {
	#block-lang-dropdown-language { background: #d6e5ec; }
	#block-lang-dropdown-language .ddTitleText .ddlabel { color: #5d5d5d; }
	#block-lang-dropdown-language .form-item { margin: 0; }
	#block-lang-dropdown-language .ddcommon { width: 100% !important; }
	#block-lang-dropdown-language .ddcommon .ddTitle .ddTitleText { text-align: center; }
	#block-lang-dropdown-language .ddChild { text-align: center; }
}
@media screen and (min-width: 980px) {

	#block-lang-dropdown-language {
		float: right;
		width: 16%;
		background: #0c849f;
	}
	#block-lang-dropdown-language .ddTitle {
		padding: 0 20px;
		height: 38px;
		line-height: 38px;
	}
	.ddChild li:hover { background: #0095B4; }
	.ddChild li:hover .ddlabel { color: #ffffff; }

	/**** RESET ***/
	#block-lang-dropdown-language .form-item { margin: 0; }

}


/*** SEARCH FORM *********************************/
#block-search-form {
	padding: 15px 2%;
	background: #d5e5eb;
}
#block-search-form .search-form {
	margin: 0;
	padding: 0;
}

/*** INPUT ***/
#block-search-form .form-type-textfield {
	float: left;
	width: 80%;
}
#block-search-form .form-type-textfield input {
	margin: 0;
	padding: 0 5px;

	width: 100%;
	height: 38px;
	line-height: 38px;

	border: none;
	outline: none;

	color: #5d5d5d;
	font-size: 16px;
	background: #ffffff;
}

#block-webform-client-block-87 .webform-component-radios { margin-bottom: 10px !important; }
#block-webform-client-block-87 .form-item .form-type-radio {
	padding-left: 0;
	padding-right: 0;
}


/*** SUBMIT ***/
#block-search-form .form-actions {
	float: left;
	width: 20%;
}
#block-search-form .form-actions .form-submit {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;

    background: url(../imgs/contenu/icon-search.png) no-repeat center center #ffffff;
    border: none;
    outline: none;
    text-indent: 1000px;
}

/**** RESET ***/
.search-form { margin: 0; }
#block-search-form .form-item { margin: 0; }

@media screen and (max-width: 980px) {
	#block-search-form {
		display: none;
		border-bottom: 1px solid #ffffff;
	}
}
@media screen and (min-width: 980px) {

	#block-search-form {
		float: right;
		width: 25%;
		padding: 0;
	}
	#block-search-form .form-type-textfield input { background: #d5e5eb; }
	#block-search-form .form-actions .form-submit { background: url(../imgs/contenu/icon-search.png) no-repeat center center #d5e5eb; }

	/*
	#block-search-form .input {
		float: left;
		width: 20%;
	}
	*/

}


/*** MENU ****************************************/
.region-region-header-menu ul {
	margin: 0;
	padding: 0;
}
.region-region-header-menu li { display: block; }
.region-region-header-menu li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 60px;
	line-height: 60px;
	color: #0c849f;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;

	background: #f0f6fb;
}
@media screen and (max-width: 980px) {
	.region-region-header-menu { display: none; }
	.region-region-header-menu li { border-bottom: 1px solid #dbebfa; }
}
@media screen and (min-width: 980px) {
	.region-region-header-menu li {
		float: left;
		border-top: none;
	}
	.region-region-header-menu li a {
		padding: 0 5px;
		font-size: 13px;
		text-align: left;
		text-transform: none;
		background: none;
	}
	.region-region-header-menu li a:hover, .region-region-header-menu li.active-trail { background: #eaf2f6; }
}
@media screen and (min-width: 1560px) {
	.region-region-header-menu li a {
		padding: 0 15px;
		font-size: 14px;
	}
}


/*** FOOTER ***********************************************************************************/
#footer {
	padding: 50px 0;
	background-color:#2d3e50;
}
#footer .wrapper { max-width: 1280px; }

/*** FOOTER LEFT ***/
.footer__left {
	padding: 0 2% 25px 2%;

	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
}
.footer__left--col1, .footer__left--col2 {
	list-style: none;
	margin: 0;
	padding: 0 2%;
	width: 100%;
}
.footer__left--col1 li, .footer__left--col2 li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}
.footer__left--col1 li a, .footer__left--col2 li a {
	color: #bccbd3;
	text-decoration: none;
}
.footer__left--col1 li a:hover, .footer__left--col2 li a:hover { text-decoration: underline; }

/*
.footer__left--col3 .footer__left__as24 {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 130px;
}
.footer__left--col3 .footer__left__as24 img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
}
.footer__left--col3 .footer__left__total {
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 4px 8px;

	color: #bccbd3;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #bccbd3;
}*/


/*** FOOTER LOGO ***/
.footer__left__logo {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100px;
}
.footer__left__logo:first-child { margin-top: 0; }
.footer__left--col3 .footer__left__logo img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
}



/*** FOOTER RIGHT ***/
.footer__right {
	padding: 25px 2%;
	color: #bccbd3;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
}
.footer__right a {
	text-decoration: none;
	color: #bccbd3;
}
.footer__right--col2 img {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;

	width: auto !important;
	height: 50px;

	border-right: 1px solid #bccbd3;
}

.ie678 .popup-messages .msg-error:first-child{
	display: block!important;
}

.ie678 .popup-messages .msg-error{
	display: none;
}

.ie678 .footer__right--col2 img { height: 26px !important; }

.footer__right--col2 p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}


/*** FOOTER BOTTOM ***/
.footer__bottom {
	padding: 25px 2% 0 2%;
	color: #bccbd3;
	font-size: 12px;
	line-height: 18px;
}
.footer__bottom__link a {
	display: block;
	padding: 0 8px;
	float: left;
	color: #bccbd3;
	text-decoration: none;
	border-left: 1px solid #bccbd3;
}
.footer__bottom__link a:hover { text-decoration: underline; }
.footer__bottom__link a:first-child { border: none; }


@media screen and (max-width: 640px) {
	.footer__left--col3 { margin-top: 20px; }
}
@media screen and (min-width: 640px) {
	.footer__left--col1, .footer__left--col2 {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 35%;
	}
	.footer__left--col3 {
		display: block;
		float: left;
		width: 30%;
		text-align: right;
	}
	.footer__right--col1 {
		float: left;
		width: 35%;
	}
	.footer__right--col1 a:hover { text-decoration: underline; }
	.footer__right--col2 {
		float: left;
		width: 50%;
	}
}
@media screen and (min-width: 980px) {

	.footer__left {
		float: left;
		width: 50%;
		padding: 0 2% 0 0;
		border-right: 1px solid #bccbd3;
		border-bottom: none;
	}

	.footer__right {
		margin: 0;
		padding: 0 0 0 2%;
		float: left;
		width: 50%;
		border-bottom: none;
	}
	.footer__bottom {
		margin: 0;
		padding: 0;
	}
	.footer__bottom__link { float: right; }

}



/*** DISCOVER CONTACT *************************************************************************/
.discover__contact {
	display: block;
	margin: 50px 0;
	padding: 0;

	color: #ffffff;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;

	clear: both;
	overflow: hidden;
}
.discover__contact__message {
	float: left;
	padding: 0 20px;
	width: 100%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	background: #f6b43d;
}
.discover__contact__fleche { display: none; }

@media screen and (min-width: 450px) {
	.discover__contact { font-size: 14px; }
}
@media screen and (min-width: 640px) {
	.discover__contact { font-size: 18px; }
}
@media screen and (min-width: 1200px) {
	.discover__contact { font-size: 21px; }
	.discover__contact__message {
		padding: 0 0 0 280px;
		width: 89%;
		text-align: left;
		background: url(../imgs/contenu/bg-fleche-jaune.gif) no-repeat left center #f6b43d;
	}
	.discover__contact__fleche {
		display: block;
		float: left;
		width: 11%;
		height: 88px;
		background: url(../imgs/contenu/bg-fleche-bout-jaune.gif) no-repeat left center #fde2b8;
	}
}
@media screen and (min-width: 1200px) {
	.discover__contact { font-size: 30px; }
}



/*** INFO COMPLEMENTAIRE **********************************************************************/
.info__comp {
	display: block;
	margin: 50px 0;
	padding: 0;

	color: #ffffff;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;

	clear: both;
	overflow: hidden;
}
.info__comp__message {
	float: left;
	padding: 0 20px;
	width: 100%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	background: #f6b43d;
}
.info__comp__message span img { display: none; }
.info__comp__fleche { display: none; }

@media screen and (min-width: 450px) {
	.info__comp { font-size: 14px; }
}
@media screen and (min-width: 640px) {
	.info__comp { font-size: 18px; }
}
@media screen and (min-width: 980px) {
	.info__comp { font-size: 21px; }
	.info__comp__message {
		padding: 0 0 0 40px;
		width: 89%;
		text-align: left;
	}
	.info__comp__message span { float: left; }
	.info__comp__message span img {
		display: inline;
		margin: 15px 10px 0 10px;
	}
	.info__comp__fleche {
		display: block;
		float: left;
		width: 11%;
		height: 88px;
		background: url(../imgs/contenu/bg-fleche-bout-jaune.gif) no-repeat left center #fde2b8;
	}
}
@media screen and (min-width: 1200px) {
	.info__comp { font-size: 30px; }
}





/*** HOME PAGE ********************************************************************************/
.region-content {
    clear: both;
    overflow: hidden;
}

/*** SLIDER ***/
#block-views-sliders-block-acc .views-slideshow-cycle-main-frame-row, #block-views-sliders-block-acc .views-slideshow-cycle-main-frame {
	width: 100%;
	height: 500px;
}
#block-views-sliders-block-acc .view-sliders { position: relative; }
#block-views-sliders-block-acc .view-sliders:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 200;

	width: 100%;
	height: 44px;
	background: url(../imgs/contenu/bg-cache-bleu.png) no-repeat center center;
}

@media screen and (min-width: 980px) {
	#block-views-sliders-block-acc .views-slideshow-cycle-main-frame-row, #block-views-sliders-block-acc .views-slideshow-cycle-main-frame { height: 700px; }
}

/*** SLIDER TITLE ***/
#block-views-sliders-block-acc .views_slideshow_cycle_slide { position: relative; }
#block-views-sliders-block-acc .views-field-body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 500px;
}
#block-views-sliders-block-acc .views-field-body .field-content {
	position: relative;

	display: block;
	height: 500px;

	color: #ffffff;
	font-size: 20px;
	text-align: right;
	text-transform: uppercase;
}
#block-views-sliders-block-acc .views-field-body .field-content p {
	position: absolute;
	bottom: 30%;
	right: 2%;

	margin: 0;
	padding: 0;
}
#block-views-sliders-block-acc .views-field-body .field-content strong { color: #2d3e50; }

@media screen and (min-width: 980px) {
	#block-views-sliders-block-acc .views-field-body { height: 700px; }
	#block-views-sliders-block-acc .views-field-body .field-content {
		margin: 0 auto;
		width: 80%;
		min-width: 980px;
		height: 700px;
		font-size: 40px;
	}
	#block-views-sliders-block-acc .views-field-body .field-content p { right: 100px; }
}
@media screen and (min-width: 1400px) {
	#block-views-sliders-block-acc .views-field-body .field-content p { right: 0; }
}

/*** SLIDER IMG ***/
#block-views-sliders-block-acc .views-field-field-diap-image .field-content {
	width: 100%;
	height: 700px;
}

/*** CONTROLS ***/
#block-views-sliders-block-acc .views-slideshow-controls-top {
	position: absolute;
	left: 0;
	bottom: 70px;
	z-index: 200;

	width: 100%;
	text-align: center;
}
#block-views-sliders-block-acc .views-slideshow-pager-field-item {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 50%;
}
#block-views-sliders-block-acc .views-slideshow-pager-field-item:hover { cursor: pointer; }
#block-views-sliders-block-acc .views-slideshow-pager-field-item.active { background: #f6b43d; }



/*** BLOCK EXPLICATION ************************************************************************/
#block-block-8  {
	position: relative;
	padding: 60px 2%;

	color: #ffffff;
	text-align: center;
	background: #0095b4;
}
#block-block-8 p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
}
#block-block-8 a {
	color: #2d3e50;
	font-weight: 700;
	text-decoration: none;
}
#block-block-8 a:hover { text-decoration: underline; }


/*** PICTO ***/
#block-block-8 .home__picto {
	padding: 75px 0;
	clear: both;
	overflow: hidden;
}
#block-block-8 .home__picto__box img {
	margin: 0;
	padding: 0;
}
#block-block-8 .home__picto__box__nb {
	margin-bottom: 10px;
	font-size: 50px;
	font-weight: 700;
}
#block-block-8 .home__picto__box__label {
	padding: 0 10%;
	font-size: 14px;
}
@media screen and (max-width: 980px) {
	#block-block-8 .home__picto__box { margin-top: 40px; }
	#block-block-8 .home__picto__box:first-child { margin-top: 0; }
}
@media screen and (min-width: 980px) {
	#block-block-8 {
		margin-bottom: 80px;
		padding: 60px 10% 100px 10%;
	}
	#block-block-8 .home__picto__box {
		float: left;
		width: 30%;
		margin-left: 5%;
	}
	#block-block-8 .home__picto__box:first-child { margin-left: 0; }
}
@media screen and (min-width: 1200px) {
	#block-block-8 { padding: 60px 20% 100px 20%; }
}


/*** DOWNLOAD FILE ***/
/*GENERAL*/
.dlPlaquette {
	position: absolute;
	left: 0;

	width: 100%;
}
.dlPlaquette form {
	margin: 0 auto;
	padding: 0;
	width: 45%;

	font-weight: 400 !important;
	border-radius: 10px;
}

.dlPlaquette input {
	margin: 0;
	padding: 0 15px 0 60px;
	float: left;

	width: 75%;
	height: 70px;
	line-height: 70px;

	border: none;
	outline: none;

	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;


	border-right: 1px solid #ffffff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.dlPlaquette select {
	margin: 0;
	padding: 0 15px;
	float: left;

	width: 25%;
	height: 70px;
	line-height: 70px;

	border: none;
	outline: none;

	font-size: 16px;
	text-transform: uppercase;
	background: #f6b43d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.dlPlaquette select img {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}

@media screen and (max-width: 980px) {
	.dlPlaquette { display: none; }
}



/*** RESET ***/
.dlPlaquette .ddcommon {
	position: relative;
	width: 20% !important;
	height: 70px;
	line-height: 70px;
	border: none !important;
	outline: none !important;
}
.dlPlaquette .ddcommon .ddTitle { background: none !important; }
.dlPlaquette .dd .divider { display: none; }
.dlPlaquette .dd .ddTitle .ddTitleText { padding: 0 !important; }

.dlPlaquette .dd .ddArrow {
	position: absolute;
	top: 42px;
	right: 20px;
    width: 10px;
    height: 5px;
    background: url(../imgs/contenu/arrow-down.png) no-repeat;
}



/*** DROP ***/
.dlPlaquette .dd .ddChild { height: auto !important; }
.dlPlaquette .dd .ddChild li {
	padding: 0;
	height: 28px;
	line-height: 28px;

	font-size: 13px;
}

/*SPECIFIQUE PAR BLOC*/
.dlPlaquette.block_8 {
    bottom: -35px;
}
.dlPlaquette.block_8 form {
    background: #f6b43d;
}
.dlPlaquette.block_8 input {
    background: url(../imgs/contenu/picto-dl-pdf-orange.png) no-repeat 20px center #f6b43d;
}
#block-block-13 {
    text-align: center;
}
.dlPlaquette.block_13 {
    top: 564px;
}
.dlPlaquette.block_13 form {
    background: #0095b4;
}
.dlPlaquette.block_13 input {
    background: url(../imgs/contenu/picto-dl-pdf-blue.png) no-repeat 20px center #0095b4;
}

/*** BLOCK ENGAGEMENT *************************************************************************/
#block-block-9 {
	padding: 60px 2%;
	background: url(../imgs/contenu/bg-explication.jpg) no-repeat center center;
	background-size: cover;

	color: #ffffff;
	text-align: center;
}

/*** TITRE 1 ***/
#block-block-9 h2 {
	margin: 0;
	padding: 0;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
}
#block-block-9 h2 span { position: relative; }
#block-block-9 h2 span:before {
	content: "";
    position: absolute;
    top: 0;
    left: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}
#block-block-9 h2 span:after {
	content: "";
    position: absolute;
    top: 0;
    right: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}
#block-block-9 .home__engage__titre {
	margin: 10px 0 0 0;
	padding: 0;

	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
}

#block-block-9 p {
	margin: 0;
	padding: 0;
}
#block-block-9 a {
    margin: 0;
    padding: 15px 25px;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #f6b43d;
    border-radius: 15px;
}

@media screen and (min-width: 980px) {
	#block-block-9 { padding: 60px 10%; }
	#block-block-9 a { font-size: 24px; }
}
@media screen and (min-width: 1200px) {
	#block-block-9 { padding: 60px 20%; }
}

/*** COLONNE ***/
.home__engage__col__illu {
	margin: 0 0 15px 0;
	padding: 0;
}
.home__engage__col p {
	margin: 0;
	padding: 0;

	font-size: 25px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	text-align: center;
}
.i18n-pl .home__engage__col p { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

.home__engage__col ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	list-style-position: inside;
	text-align: center;
}
.home__engage__col li {
	margin: 8px 0 0 0;
	padding: 0;
}
.home__engage__col li:before {
	content: "\2022";
	position: relative;
	top: 0;
	left: -5px;
}
.home__engage__col--1 li:before { color: #6fc8c9; }
.home__engage__col--2 li:before { color: #f6b43d; }

.home__engage__col li:first-child { margin: 0; }

.home__engage__lastLine {
	margin: 70px 0 !important;
	padding: 0 !important;
	font-size: 18px;
}
@media screen and (max-width: 980px) {
	.home__engage__col {
		margin-top: 40px;
		padding: 0 2%;
	}
	.home__engage__col__illu { margin: 0; }
}
@media screen and (min-width: 980px) {
	.home__engage__col {
		float: left;
		margin-top: 60px;
		padding: 0 5%;
		width: 50%;
	}
	.home__engage__col p { text-align: left; }
	.home__engage__col ul { text-align: left; }
	.home__engage__col__illu {
		margin: 0 0 30px 0;
		height: 140px;
		line-height: 140px;
	}
}
@media screen and (min-width: 1200px) {
	.home__engage__col {
		padding: 0 10%;
	}
}


/*** ACTUALITES *******************************************************************************/

/*** FILTER ***/
.view-filters {
	background: url(/sites/all/themes/eurovat/imgs/contenu/bg-contact.jpg) no-repeat center bottom #ffffff;
}
.view-filters form {
	background: #f6b43c;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.view-filters form .views-exposed-widget { border-right: 1px solid #ffffff; }
.view-filters label { display: none; }
.view-filters select {
	padding: 0 57px 0 25px;
	background: url(../imgs/contenu/news-select.gif) no-repeat right center #f6b43c;
	border: none;
	border-bottom-left-radius: 5px;
	-moz-appearance:none;
}
.view-filters select::-ms-expand { display: none; }

.views-exposed-form .views-exposed-widget {
	float: none;
	width: 100%;
}
@media screen and (min-width: 640px) {
	.view-filters form {
		margin: 0 auto;
		padding: 0;
		min-width: 980px;
		max-width: 1200px;
		width: 80%;
	}
	.views-exposed-form .views-exposed-widget {
		float: left;
		width: auto;
	}
}



/*** RESET ***/
.view-filters .views-exposed-widgets { margin: 0; }
.view-filters .views-exposed-form .views-exposed-widget { padding: 0; }



#block-views-actualites-block-1 { display: none; }
@media screen and (min-width: 640px) {
	#block-views-actualites-block-1 {
		display: block;
		height: 560px;
		background: #f0f6fb;

		clear: both;
		overflow: hidden;
	}
}
@media screen and (min-width: 980px) {
	#block-views-actualites-block-1 {
		float: left;
		width: 60%;
	}
}

/*** TITRE ***/
#block-views-actualites-block-1 .titre-actu {
	position: relative;
	margin: 30px 0 20px 0;
	padding: 0 2%;
}
@media screen and (min-width: 980px) {
	#block-views-actualites-block-1 .titre-actu {
		margin: 50px 0 40px 0;
		padding: 0 100px;
	}
}

#block-views-actualites-block-1 .titre-actu h3 {
	position: relative;
	margin: 0;
	padding: 0;

	color: #f8bc54;
	font-size: 32px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	text-align: center;
	font-style: italic;
}
.i18n-pl #block-views-actualites-block-1 .titre-actu h3 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

#block-views-actualites-block-1 .titre-actu h3 div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	width: 100%;
	height: 20px;

	border-bottom: 1px solid #f8bc54;
}
#block-views-actualites-block-1 .titre-actu h3 span {
	position: relative;
	z-index: 200;
	padding: 0 15px;
	background: #f0f6fb;
}

/*** SLIDER ***/
#block-views-actualites-block-1 .jcarousel-container {
	/*padding: 0 85px;*/
	margin: 0 auto;
	width: 80%;
	max-width: 550px;
}
#block-views-actualites-block-1 .jcarousel-clip { overflow: hidden; }
.ie678 #block-views-actualites-block-1 .jcarousel-container { width: 100% !important; }
.ie678 #block-views-actualites-block-1 .jcarousel-container li { width: 250px !important; }


/*** PREV / NEXT ***/
#block-views-actualites-block-1 .jcarousel-container .jcarousel-next {
    position: absolute;
    top: 50%;
    right: -34px;
    margin-top: -22px;
    width: 24px;
    height: 43px;

    background: url(../imgs/contenu/bt-next-jaune.png) no-repeat center center;
}
#block-views-actualites-block-1 .jcarousel-container .jcarousel-prev {
    position: absolute;
    top: 50%;
    left: -34px;
    margin-top: -22px;
    width: 24px;
    height: 43px;

    background: url(../imgs/contenu/bt-prev-jaune.png) no-repeat center center;
}

@media screen and (min-width: 1200px) {
	#block-views-actualites-block-1 .jcarousel-container {
		margin: 0 auto;
		width: 800px;
	}
}


/*** ITEM ***/
#block-views-actualites-block-1 .jcarousel-item {
	position: relative;
	margin: 1px;
	padding: 0 15px;
	height: 390px;
	font-size: 15px;
}
#block-views-actualites-block-1 .jcarousel-item p {
	margin: 0;
	padding: 0;
}
#block-views-actualites-block-1 .views-field-field-actu-image .field-content {
	width: 100%;
	height: 200px;
	border-radius: 15px;
}
#block-views-actualites-block-1 .views-field-field-actu-date {
	position: absolute;
	top: 120px;
	left: 15px;

	padding-top: 5px;
	width: 80px;
	height: 80px;

	color: #ffffff;
	font-size: 14px;
	text-align: center;

	background: #f8bc54;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#block-views-actualites-block-1 .views-field-field-actu-date .jour {
	font-size: 46px;
	line-height: 46px;
}
#block-views-actualites-block-1 .views-field-field-actu-date .mois {
	margin-top: 5px;
	font-size: 11px;
	line-height: 11px;
}

#block-views-actualites-block-1 .views-field-title-field {
	margin-top: 20px;
	font-weight: 700;
	color: #4D4D4D;
}
#block-views-actualites-block-1 .views-field-body {
	margin-top: 5px;
	font-weight: 400;
	color: #4D4D4D;
}
#block-views-actualites-block-1 .views-field-body a { color: #4D4D4D; }
#block-views-actualites-block-1 .views-field-nothing a {
	display: block;
	margin: 8px 0 0 0;
	padding: 0;
	color: #f6b43d;
	text-decoration: none;
	text-transform: uppercase;
}
#block-views-actualites-block-1 .views-field-nothing a:hover { text-decoration: underline; }



/*** ILS PARLENT DE NOUS **********************************************************************/
#block-views-references-clients-block {
	position: relative;
	height: 560px;
	background: #0095b4;
}
@media screen and (max-width: 980px) {
	#block-views-references-clients-block { padding: 1px; }
}
@media screen and (min-width: 980px) {
	#block-views-references-clients-block {
		float: left;
		width: 40%;
	}
}

/*** TITRE ***/
#block-views-references-clients-block .titre-ref {
	position: relative;
	margin: 60px 0 50px 0;
	padding: 0 2%;
}
#block-views-references-clients-block .titre-ref h3 {
	position: relative;
	margin: 0;
	padding: 0;

	color: #ffffff;
	font-size: 20px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	text-align: center;
	font-style: italic;
}
.i18n-pl #block-views-references-clients-block .titre-ref h3 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

@media screen and (min-width: 1200px) {
	#block-views-references-clients-block .titre-ref { padding: 0 40px; }
	#block-views-references-clients-block .titre-ref h3 { font-size: 32px; }
}
#block-views-references-clients-block .titre-ref h3 div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	width: 100%;
	height: 20px;

	border-bottom: 1px solid #ffffff;
}
#block-views-references-clients-block .titre-ref h3 span {
	position: relative;
	z-index: 200;
	padding: 0 15px;
	background: #0095b4;
}

/*** SLIDER ***/
#block-views-references-clients-block .jcarousel-container {
	margin: 0 !important;
    padding: 0 40px !important;
    width: 100% !important;
    height: 380px !important;
}
#block-views-references-clients-block .jcarousel-clip { width: 100%; }
.ie678 #block-views-references-clients-block .jcarousel-clip { width: 500px !important; }



/*** PREV / NEXT ***/
#block-views-references-clients-block .jcarousel-prev, #block-views-references-clients-block .jcarousel-next { display: none !important; }

/*** NAVIGATION ***/
#block-views-references-clients-block .jcarousel-navigation {
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: 200;

	width: 100%;
	text-align: center;
}
#block-views-references-clients-block .jcarousel-navigation li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 50%;
}
#block-views-references-clients-block .jcarousel-navigation li:hover { cursor: pointer; }
#block-views-references-clients-block .jcarousel-navigation li.active { background: #2d3e50; }
#block-views-references-clients-block .jcarousel-navigation li span {
	display: block;
	text-indent: 999px;
}

/*** ITEM ***/
#block-views-references-clients-block .jcarousel-container .jcarousel-item {
	position: relative;
	padding: 0 15px;
	height: 380px;
	font-size: 15px;
	background: none;
	border: none;
}
#block-views-references-clients-block .jcarousel-item {
	margin: 0 !important;
	padding: 0 !important;
}
@media screen and (min-width: 1200px) {
	#block-views-references-clients-block .jcarousel-container .jcarousel-item {
		padding: 0 60px !important;
		height: 340px;
	}
	#block-views-references-clients-block .jcarousel-container { height: 340px !important; }
	#block-views-references-clients-block .jcarousel-navigation { bottom: 0; }
}

/*** LOGO SHORT ***************************************/
#block-views-references-clients-block .views-field-field-ref-logo { width: 100%; }
#block-views-references-clients-block .views-field-field-ref-logo .field-content {
	width: 100%;
	text-align: center;
}
#block-views-references-clients-block .views-field-field-ref-logo .field-content img {
	margin: 0 auto 30px auto;
	padding: 0;
	max-width: 50%;
	max-height: 130px;
	width: auto;
	height: auto;
}

/*** TEXTE SHORT **************************************/
#block-views-references-clients-block .views-field-body {
	position: relative;
	margin: 0;
	padding: 0 30px;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-align: center;
	font-style: italic;
}

#block-views-references-clients-block .views-field-body:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 0;

	width: 20px;
	height: 16px;
	background: url(../imgs/contenu/open-quote.png) no-repeat center center;
}
#block-views-references-clients-block .views-field-body:after {
	content: "";
	position: absolute;
	bottom: 15px;
	right: 0;

	width: 20px;
	height: 15px;
	background: url(../imgs/contenu/close-quote.png) no-repeat center center;
}
#block-views-references-clients-block .views-field-body .reference__bt {
	display: block;
	margin: 15px 0 0 0;
	padding: 0;

	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	font-family: 'Open Sans', sans-serif !important;
	font-style: normal !important;
	text-decoration: none;
}
#block-views-references-clients-block .views-field-body .reference__bt:hover {
	cursor: pointer;
	text-decoration: underline;
}
.i18n-pl #block-views-references-clients-block .views-field-body .reference__bt { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

/*** LOGO LONG ***************************************/
#block-views-references-clients-block .views-field-body-1 {	display: none; }

.reference__full {
	display: none;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;

	width: 100%;
	height: 100%;

	background: url(../imgs/contenu/bp-popin-ref.png) repeat center center;
}

/*** IMG FULL ***/
.reference__full__image { width: 40%; }
.reference__full__image img {
	display: block;
	width: 100%;
	height: auto;
}

/*** FULL TXT ***/
.reference__full__texte {
	position: relative;
	margin: 50px 15% 0 15%;

	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	text-align: center;
	font-style: italic;
}
.reference__full__texte:before {
	content: "";
	position: absolute;
	top: 0;
	left: -20px;

	width: 20px;
	height: 16px;
	background: url(../imgs/contenu/open-quote.png) no-repeat center center;
}
.reference__full__texte:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -20px;

	width: 20px;
	height: 15px;
	background: url(../imgs/contenu/close-quote.png) no-repeat center center;
}

/*** CLOSE ***/
.reference__full__close {
	display: block;

	position: absolute;
	top: 20px;
	right: 20px;

	width: 24px;
	height: 24px;
}
.reference__full__close:hover { cursor: pointer; }




/*** PAGE RECUP TVA ***************************************************************************/

/*** BOX ***/
#node-37 { position: relative; }
#node-37 .field-name-body {
	width: 100%;
	background: url(../imgs/contenu/bg-recup-tva.jpg) no-repeat center center #0988a2;
}
#node-37 .field-name-body .field-items {
	padding: 0 2%;
}
#node-37 .field-name-body .field-item {
	padding: 30px 0;
	color: #ffffff;
	text-align: center;
}
#node-37 .field-name-body .field-item h2 {
	margin: 0;
	padding: 20px 0;

	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}
#node-37 .field-name-body .field-item p {
	margin: 10px 0 0 0;
	padding: 0;

	font-size: 16px;
	line-height: 18px;
}
@media screen and (min-width: 980px) {
	#node-37 .field-name-body .field-item h2 {
		padding: 40px 0;
		font-size: 38px;
		line-height: 45px;
	}
	#node-37 .field-name-body .field-item p {
		font-size: 25px;
		line-height: 30px;
	}
}
#node-37 .field-name-body .field-item p:first-child { margin-top: 0; }
#node-37 .field-name-body .field-item a {
	display: inline-block;
	margin: 0;
	padding: 25px;

	color: #ffffff;
	font-size: 22px;
	text-decoration: none;
	text-transform: uppercase;
	background: #f6b43d;
	border-radius: 15px;
}

@media screen and (min-width: 980px) {
	#node-37 .field-name-body {
		position: relative;
		height: 600px;
	}
	#node-37 .field-name-body:before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -30px;
		z-index: 200;

		margin-left: -50px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 50px 0 50px;
		border-color: #0988a2 transparent transparent transparent;
	}
	#node-37 .field-name-body .field-items {
		margin: 0 auto;
		padding: 0 7%;
		width: 80%;
		min-width: 980px;
	}
	#node-37 .field-name-body .field-item {
		padding: 165px 0 50px 0;
		color: #ffffff;
		text-align: center;
	}
}



/*** SLIDER ***********************************************************************************/
#node-37 .view-tva { background: #f0f6fb; }
#node-37 .view-tva .skin-default {
	position: relative;
	padding: 60px 0;
}
@media screen and (min-width: 1200px) {
	#node-37 .view-tva .skin-default {
		margin: 0 auto;
		padding: 120px 0;
		max-width: 1200px;
	}
}

/*** RESET JSLIDER ***/
#node-37 .views-slideshow-cycle-main-frame-row, #node-37 .views-slideshow-cycle-main-frame {
	width: 100% !important;
}
.ie678 #node-37 .views-slideshow-cycle-main-frame-row, #node-37 .views-slideshow-cycle-main-frame {
	height: 720px;
}

/*** CONTROLS ***/
#node-37 .views-slideshow-controls-top {
	position: static;
    left: auto;
    bottom: auto;

    width: 100%;
    text-align: center;
}
#node-37 .views-slideshow-controls-text-pause { display: none; }
#node-37 .views-slideshow-controls-text-previous {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    margin-top: -22px;
    width: 24px;
    height: 43px;
    text-indent: 1000px;
    overflow: hidden;
    background: url(../imgs/contenu/bt-prev-jaune.png) no-repeat center center;
}
#node-37 .views-slideshow-controls-text-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    margin-top: -22px;
    width: 24px;
    height: 43px;
    text-indent: 1000px;
    overflow: hidden;
    background: url(../imgs/contenu/bt-next-jaune.png) no-repeat center center;
}

/*** LOGO ***/
#node-37 .recupTVA__logo { text-align: center; }
#node-37 .recupTVA__logo img {
	margin: 0;
	padding: 0;
	max-width: 300px;
	height: auto !important;
}
.ie678 .recupTVA__logo img {
	width: auto !important;
	height: auto !important;
}

/*** BASELINE ***/
#node-37 .recupTVA__baseline {
	margin: 30px 0 0 0;
	padding: 0;

	color: #0095b4;
	font-size: 24px;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
}
#node-37 .recupTVA__baseline .field-content { position: relative; }
#node-37 .recupTVA__baseline .field-content:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;

    width: 100%;
    height: 25px;
    border-bottom: 1px solid #0095b4;
}
#node-37 .recupTVA__baseline p {
	display: inline-block;
	position: relative;
	z-index: 100;

	margin: 0;
	padding: 0 30px;
	background: #f0f6fb;
}

@media screen and (min-width: 980px) {
	#node-37 .recupTVA__baseline { font-size: 38px; }
	#node-37 .recupTVA__baseline .field-content { margin: 0 20%; }
}


/*** CONDITIONS ***/
#node-37 .recupTVA__description {
	margin: 15px 0 0 0;
	padding: 0;

	color: #0095b4;
	font-size: 18px;
	text-align: center;
}
#node-37 .recupTVA__description p {
	margin: 0;
	padding: 0;
}

/*** EN UN MOT ***/
#node-37 .recupTVA__mot {
	margin-top: 25px;
	color: #0095b4;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}

/*** SLIDER CONTENT ***/
.recupTVA__etape {
	padding: 0 50px;
}
#node-37 .view-display-id-block_etapes .view-content { text-align: center; }

/*** BOX PICTO ***/
#node-37 .view-display-id-block_etapes .views-row {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 50px 0 0 0;
	width: 100%;
}
#node-37 .view-display-id-block_etapes .views-row img { max-width: 170px; }

/*** FLECHE ENTRE ICON ***/
#node-37 .view-display-id-block_etapes .views-row:before {
	content: "";

	position: absolute;
	top: 70px;
	left: -55%;
	width: 50px;
	height: 38px;
	background: url(../imgs/contenu/arrow-right.png) no-repeat center center;
}
#node-37 .view-display-id-block_etapes .views-row:first-child:before { display: none; }

@media screen and (min-width: 980px) {
	#node-37 .view-display-id-block_etapes .views-row {
		margin-left: 10%;
		padding: 0;
		width: 15%;
	}
	#node-37 .view-display-id-block_etapes .views-row:first-child { margin-left: 0; }
}


/*** PICTO ***/
#node-37 .views-field-field-etape-offre-picto img {
	width: 100%;
	height: auto;
}

/*** TEXTE SOUS PICTO ***/
/*#node-37 .recupTVA__mot {
	margin-top: 25px;
	color: #2d3e50;
	font-size: 18px;
	line-height: 22px;
}*/



/*** BLOCK TEXTE AU DESSUS CARTE **************************************************************/
#block-block-7 {
	padding: 80px 0;
	text-align: center;
	color: #ffffff;
	background: #0095b4;
}
#block-block-7 h3 {
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	text-transform: uppercase;
}
#block-block-7 h3 span {
	position: relative;
	display: inline-block;
}
#block-block-7 h3 span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    z-index: 50;
    width: 30%;
    height: 18px;
    border-bottom: 1px solid #ffffff;
}
#block-block-7 h3 span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -35%;
    z-index: 50;
    width: 30%;
    height: 18px;
    border-bottom: 1px solid #ffffff;
}

#block-block-7 p {
	margin: 0;
	padding: 0;
	line-height: 24px;
}




/*** BLOCK EUROVAT SENGAGE ********************************************************************/
#block-block-6 {
	padding: 80px 0;
	background: url(../imgs/contenu/bg-engage.jpg) no-repeat center center;
}
#block-block-6 .content {
	position: relative;

	display: block;
	margin: 0 auto;
	padding: 40px 2%;
	width: 90%;

	color: #ffffff;
	background: #dea33a;
	border-radius: 15px;
	opacity: .9;
}
#block-block-6 .content h3 {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;

	font-size: 20px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	text-align: center;
}
.i18n-pl #block-block-6 .content h3 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

#block-block-6 .content h3 em {
	position: relative;
	display: inline-block;
}
#block-block-6 .content h3 em:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}
#block-block-6 .content h3 em:after {
    content: "";
    position: absolute;
    top: 0;
    right: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}

#block-block-6 .content p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#block-block-6 .content ul {
	list-style-position: inside;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#block-block-6 .content li {
	margin: 8px 0;
	padding: 0;
}
#block-block-6 .content li:before {
	content: "\2022";
	position: relative;
	top: 0;
	left: -5px;
	color: #2d3e50;
}
#block-block-6 .content i {
	position: absolute;
	bottom: 20px;
	left: 35px;
}

@media screen and (min-width: 980px) {

	#block-block-6 .content {
		padding: 80px 100px 100px 100px;
		min-width: 980px;
		max-width: 1200px;
		width: 80%;
	}
	#block-block-6 .content h3 { font-size: 32px; }
	#block-block-6 .content ul { font-size: 16px; }
	#block-block-6 .content p { font-size: 16px; }

}




/*** ACTUALITES *******************************************************************************/

/*** TITRE ***/
.page-node-39 #block-system-main {
	padding-top: 200px;
	background: url(../imgs/contenu/bg-contact.jpg) no-repeat center center #ffffff;
}
.page-node-39 #block-system-main > .content {
    margin: 0;
    padding: 30px 0;

	text-align: center;
    background: #ffffff;
}
.page-node-39 #block-system-main #node-39  { position: relative; }
.page-node-39 #block-system-main #node-39:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;

    width: 100%;
    height: 50%;
    border-bottom: 1px solid #f6b43d;
}
.page-node-39 #node-39 h1 {
    position: relative;
    z-index: 100;

	display: inline;
	margin: 0;
	padding: 0 20px;

    color: #f6b43d;
    font-size: 32px;
    font-family: 'Droid Serif', serif;
    font-weight: 400;
    font-style: italic;
    background: #ffffff;
}
.i18n-pl .page-node-39 #node-39 h1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

@media screen and (min-width: 980px) {
	.page-node-39 #block-system-main #node-39  {
	    margin: 0 auto;
		width: 80%;
		min-width: 980px;
	}
}

/*** CONTENT ***/
#block-views-actualites-block-actu-page .view-actualites .views-row {
	padding: 60px 2%;

	clear: both;
	overflow: hidden;
}
#block-views-actualites-block-actu-page .view-actualites .view-actualites-content { position: relative; }
#block-views-actualites-block-actu-page .view-actualites .views-row-odd { background: #f0f6fb; }
#block-views-actualites-block-actu-page .view-actualites .views-row-even { background: #ddebf6; }


/*** DATE ***/
#block-views-actualites-block-actu-page .views-field-field-actu-date { display: none; }

/*** IMAGE ***/
#block-views-actualites-block-actu-page .views-field-field-actu-image {
	margin-bottom: 10px;
	padding: 0 20%;
}
#block-views-actualites-block-actu-page .views-field-field-actu-image .field-content img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 980px) {
	#block-views-actualites-block-actu-page .views-field-field-actu-date {
		display: block;

		position: absolute;
		top: 0;
		left: 17%;

		padding-top: 5px;
		width: 8%;
		height: 80px;

		color: #ffffff;
		font-size: 14px;
		text-align: center;

		background: #f8bc54;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	#block-views-actualites-block-actu-page .views-field-field-actu-date .jour {
		font-size: 46px;
		line-height: 46px;
	}
	#block-views-actualites-block-actu-page .views-field-field-actu-date .mois {
		margin-top: 5px;
		font-size: 11px;
		line-height: 11px;
	}
	#block-views-actualites-block-actu-page .view-actualites .views-row { padding: 60px 0; }
	#block-views-actualites-block-actu-page .view-actualites .view-actualites-content {
		margin: 0 auto;
		width: 80%;
	}
	#block-views-actualites-block-actu-page .views-field-field-actu-date { left: 17%; }
	#block-views-actualites-block-actu-page .views-field-field-actu-image {
		float: left;
		width: 25%;
		margin-right: 5%;
		margin-bottom: 10px;
		padding: 0;
	}
	#block-views-actualites-block-actu-page .views-field-field-actu-image .field-content img { border-radius: 15px; }
}
@media screen and (min-width: 1200px) {
	#block-views-actualites-block-actu-page .view-actualites .view-actualites-content { max-width: 1200px; }
}


/*** TITRE ***/
#block-views-actualites-block-actu-page .views-field-title-field {
	margin: 0;
	padding: 0;

	color: #f6b43d;
	font-weight: 400;
	font-size: 22px;
	line-height: 25px;
}

/*** TEXTE ***/
#block-views-actualites-block-actu-page .views-field-body {
	margin: 0;
	padding: 0;

	color: #2d3e50;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	overflow: hidden;
}
#block-views-actualites-block-actu-page .views-field-body ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
#block-views-actualites-block-actu-page .views-field-body a {
	color: #0095b4;
	text-decoration: none;
}#block-views-actualites-block-actu-page .views-field-body a:hover { text-decoration: underline; }



/*** ACTU SOLO ********************************************************************************/
.node-type-actualites { background: #f0f6fb; }
.node-actualites {
	position: relative;
	margin: 0 auto;
	width: 100%;

	color: #2d3e50;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;

	clear: both;
	overflow: hidden;
}
.node-actualites a { color: #18519f; }

/*** TITRE ***/
.node-actualites h1 {
	margin: 0;
	padding-left: 27%;
	color: #f6b43d;
	font-weight: 400;
	font-size: 22px;
	line-height: 25px;
}
.node-actualites .field-name-body { padding-left: 27%; }
.node-actualites .field-name-field-actu-date { display: none; }

/*** IMAGE ***/
.node-actualites .field-name-field-actu-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
}
.node-actualites .field-name-field-actu-image .field-label { display: none; }
.node-actualites .field-name-field-actu-image img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 980px) {
	.node-actualites {
		margin-top: 150px;
		margin-bottom: 50px;
		min-width: 980px;
		max-width: 1200px;
		width: 80%;
	}
	.node-actualites .field-name-field-actu-image {
		float: left;
		margin-right: 50px;
		margin-bottom: 10px;
		overflow: hidden;
	}
}




/*** RECUP TAXE GAZOLE  ***********************************************************************/
#node-38 .field-type-text-with-summary {
	position: relative;
	padding: 40px 0;
	width: 100%;
	background: url(../imgs/contenu/bg-taxe.jpg) no-repeat center center #f6b43d;
}
#node-38 .field-type-text-with-summary:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	z-index: 200;

	margin-left: -50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #f6b43d transparent transparent transparent;
}

#node-38 .field-type-text-with-summary h1 {
	margin: 0 0 30px 0;
	padding: 0;

	color: #ffffff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
}
#node-38 .field-type-text-with-summary h1 em {
	position: relative;
	display: inline-block;
	font-style: normal;
}
#node-38 .field-type-text-with-summary h1 em:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}
#node-38 .field-type-text-with-summary h1 em:after {
    content: "";
    position: absolute;
    top: 0;
    right: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}

#node-38 .field-type-text-with-summary h2 {
	margin: 0;
	padding: 0;

	color: #ffffff;
	font-size: 28px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	background: #f6b43d;
}
#node-38 .field-type-text-with-summary h2 em {
	display: block;

    margin: 0 auto;
   	padding: 30px 0;
	font-style: normal;
	background: url(../imgs/contenu/bg-pompe.jpg) no-repeat 200px center;
	background-size: contain;
}
#node-38 .field-type-text-with-summary .field-item div {
	display: block;

    margin: 0 auto;
   	padding: 30px 2%;
}
#node-38 .field-type-text-with-summary .field-item ul {
	list-style: inside;
	list-style: none;
}
#node-38 .field-type-text-with-summary .field-item ul li {
	position: relative;
	margin: 10px 0;
	padding: 7px 0 0 60px;

	min-height: 45px;

	color: #ffffff;
	font-size: 22px;
	line-height: 24px;
}

/*** NUMERO LISTE ***/
#node-38 .field-type-text-with-summary .field-item ul li:before {
    position: absolute;
    top: 0;
    left: 0;

	display: block;
	width: 45px;
	height: 45px;
	line-height: 40px;
	color: #2d3e50;
	text-align: center;

	border: 2px solid #ffffff;
	border-radius: 50%;
}
#node-38 .field-type-text-with-summary .field-item ul:first-child li:first-child:before { content: "1"; }
#node-38 .field-type-text-with-summary .field-item ul:first-child li:first-child + li:before { content: "2"; }
#node-38 .field-type-text-with-summary .field-item ul:first-child li:first-child + li + li:before { content: "3"; }
#node-38 .field-type-text-with-summary .field-item ul:first-child +ul li:first-child:before { content: "4"; }
#node-38 .field-type-text-with-summary .field-item ul:first-child +ul li:first-child + li:before { content: "5"; }
#node-38 .field-type-text-with-summary .field-item ul:first-child +ul li:first-child + li + li:before { content: "6"; }

@media screen and (min-width: 980px) {
	#node-38 .field-type-text-with-summary {
		padding: 150px 0 0 0;
		height: 600px;
	}
	#node-38 .field-type-text-with-summary h1 {
		font-size: 35px;
		line-height: 35px;
	}
	#node-38 .field-type-text-with-summary h2 em {
		width: 80%;
		min-width: 980px;
	}
	#node-38 .field-type-text-with-summary .field-item ul {
		float: left;
		width: 50%;
	}
	#node-38 .field-type-text-with-summary .field-item div {
	   	padding: 30px 10%;
		width: 80%;
		min-width: 980px;
	}
}


/*** TITRE SLIDER ***/
#node-38 .tipce-titre {
	margin: 0;
	padding: 80px 0 15px 0;

	color: #2d3e50;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	background: #f0f6fb;
}
#node-38 .tipce-titre span {
	position: relative;
	display: inline-block;
	font-size: 38px;
	line-height: 38px;
}
#node-38 .tipce-titre span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #2d3e50;
}
#node-38 .tipce-titre span:after {
	content: "";
    position: absolute;
    top: 0;
    right: -35%;
    z-index: 50;
    width: 30%;
    height: 50%;
    border-bottom: 1px solid #2d3e50;
}
#node-38 .tipce-sstitre {
	margin: 0;
    padding: 0 0 40px 0;
    color: #0095b4;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    background: #f0f6fb;
}


/*** SLIDER DRAPEAU ***/
.view-tipce { position: relative; }

/*** DRAPEAU ***/
.view-tipce .views-slideshow-controls-top { background: #e1eef7; }
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item {
	float: left;
	padding: 40px 0;
	width: 16.66%;
	text-align: center;
}
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item:first-child { }
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item.active {
	position: relative;
	background: #c4deef;
}
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item.active:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	z-index: 200;
	margin-left: -30px;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 30px 0 30px;
	border-color: #c4deef transparent transparent transparent;
}
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item .drapeau-titre { display: none; }
.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item:hover { cursor: pointer; }



/*** SLIDER DRAPEAU CONTENT ***/
.view-tipce .views_slideshow_main {
	position: relative;
	padding: 80px 0;
	background: #f0f6fb;
	text-align: center;
}

.view-tipce .views-slideshow-cycle-main-frame-row, .view-tipce .views-slideshow-cycle-main-frame { width: 100%; }

@media screen and (max-width: 980px) {
	.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item img {
		width: 80%;
		height: auto;
	}
}
@media screen and (min-width: 980px) {
	.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item .drapeau-titre {
		display: block;
		margin-top: 20px;
	}
	.view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item img {
		max-width: 100px;
		height: auto;
	}
}

.ie678 .view-tipce .views-slideshow-controls-top .views-slideshow-pager-field-item img {
	height: 100px;
}


/*** TITRE ***/
.view-tipce .views-field-title-field {
	margin: 0 0 40px 0;
	padding: 0;

	color: #0095b4;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

/*** SOUS TITRE ***/
.view-tipce .views-field-field-tipce-sous-titre {
	margin: 0 0 20px 0;
	padding: 0;

	color: #0095b4;
	font-size: 20px;
	line-height: 20px;
}

/*** CONTENT ***/
.view-tipce .views-field-body { color: #2d3e50; }
.view-tipce .views-field-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.view-tipce .views-field-body ul li {
	position: relative;
	margin: 8px 0 0 0;
	padding: 0;
}
.view-tipce .views-field-body ul li:before {
	content: "\2022";
	position: relative;
	top: 0;
	left: -5px;
}
.view-tipce .views-field-body ul li:first-child { margin: 0; }
.view-tipce .views-field-body p {
	margin: 30px 0 0 0;
	padding: 0;
	color: #2d3e50;
	font-size: 12px;
}
.view-tipce .views-field-body a {
	color: #f6b43d;
	text-decoration: none;
}
.view-tipce .views-field-body a:hover { text-decoration: underline; }

/*** CONTROL ***/
.view-tipce .views-slideshow-controls-bottom { display: none; }
/*@media screen and (min-width: 980px) {
	.view-tipce .views-slideshow-controls-bottom {
		display: block;

		position: static;
	    left: auto;
	    bottom: auto;

	    width: 100%;
	    text-align: center;
	}
	.view-tipce .views-slideshow-controls-text-pause { display: none; }
	.view-tipce .views-slideshow-controls-text-previous {
	    position: absolute;
	    top: 65%;
	    left: 40px;
	    z-index: 100;
	    margin-top: -22px;
	    width: 24px;
	    height: 43px;
	    text-indent: 1000px;
	    overflow: hidden;
	    background: url(../imgs/contenu/bt-prev-jaune.png) no-repeat center center;
	}
	.view-tipce .views-slideshow-controls-text-next {
	    position: absolute;
	    top: 65%;
	    right: 40px;
	    z-index: 100;
	    margin-top: -22px;
	    width: 24px;
	    height: 43px;
	    text-indent: 1000px;
	    overflow: hidden;
	    background: url(../imgs/contenu/bt-next-jaune.png) no-repeat center center;
	}
}*/



/*** EUROVAT SENGAGE **************************************************************************/
#block-block-10 {
	padding: 20px 0;
	background: url(../imgs/contenu/bg-engage-2.jpg) no-repeat center center;
}
#block-block-10 .content {
	position: relative;
	display: block;
	padding: 40px;

	color: #ffffff;
	background: #0095b4;
	border-radius: 15px;
	opacity: .9;
}
#block-block-10 .content h3 {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;

	font-size: 18px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	text-align: center;
}
.i18n-pl #block-block-10 .content h3 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }

#block-block-10 .content h3:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;

    width: 100%;
    height: 50%;
    border-bottom: 1px solid #ffffff;
}
#block-block-10 .content h3 em {
	position: relative;
	padding: 0 20px;
	z-index: 100;
	background: #0095b4;
}
#block-block-10 .content p {
	margin: 0;
	padding: 0;
}
#block-block-10 .content ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	list-style: none;
}
#block-block-10 .content li {
	margin: 8px 0;
	padding: 0;
}
#block-block-10 .content li:before {
	content: "\2022";
	position: relative;
	top: 0;
	left: -5px;
	color: #2d3e50;
}
#block-block-10 .content i {
	position: absolute;
	bottom: 20px;
	left: 35px;
}

@media screen and (min-width: 980px) {
	#block-block-10 { padding: 80px 0; }
	#block-block-10 .content {
		margin: 0 auto;
		padding: 80px 100px 100px 100px;
		width: 80%;
		min-width: 980px;
		max-width: 1200px;
	}
	#block-block-10 .content h3 { font-size: 32px; }
}
/*** DETACHEMENT DE PERSONNEL ****************************************************************/
#node-211 .field-type-text-with-summary {
    position: relative;
    padding: 40px 0;
    width: 100%;
    background: url(../imgs/contenu/bg-personel.jpg) no-repeat center center;
    background-size: cover;
}

#node-211 .field-type-text-with-summary h1 {
    margin: 0 0 30px 0;
    padding: 0;

    color: #ffffff;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
}
#node-211 .field-type-text-with-summary h1 small {
    font-size: 24px;
    font-weight: 400;
}
#node-211 .field-type-text-with-summary p {
    margin: 80px 0 34px 0;
    padding: 0;

    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
}

@media screen and (min-width: 980px) {
    #node-211 .field-type-text-with-summary {
        padding: 150px 0 0 0;
        height: 600px;
    }
    #node-211 .field-type-text-with-summary h1 {
        font-size: 35px;
        line-height: 35px;
    }
}
/*LOI MACRON*/
#block-block-14 {
    padding: 60px 2%;
    color: #2D3E50;
    text-align: center;
}
    /*** TITRE 1 ***/
#block-block-14 h2, #block-block-17 h2  {
    margin: 0;
    padding: 0;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    text-transform: uppercase;
}
#block-block-14 h2 span, #block-block-17 h2 span { position: relative; }
#block-block-14 h2 span:before, #block-block-17 h2 span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -12%;
    z-index: 50;
    width: 10%;
    height: 50%;
    border-bottom: 1px solid #2D3E50;
}
#block-block-14 h2 span:after, #block-block-17 h2 span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -12%;
    z-index: 50;
    width: 10%;
    height: 50%;
    border-bottom: 1px solid #2D3E50;
}

#block-block-14 p {
    margin: 0;
    padding: 0;
}


@media screen and (min-width: 980px) {
    #block-block-14, #block-block-17 { padding: 140px 10%; }
    #block-block-14 h2, #block-block-17 h2 {
        font-size: 25px;
        line-height: 28px;
    }
    #block-block-14 .content:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -54px;
        z-index: 200;
        margin-left: -50px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 50px 0 50px;
        border-color: #ffffff transparent
    }
}
@media screen and (min-width: 1200px) {
    #block-block-14, #block-block-17 {
        padding: 140px 20%;
        position: relative;
    }
    #block-block-14 h2, #block-block-17 h2 {
        font-size: 40px;
        line-height: 40px;
    }
}

/*** COLONNE ***/

.col p {
    margin: 0;
    padding: 0;

    text-align: center;
    color: #0095B4;
    font-weight: 600;
}

.col ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none inside none;
    text-align: center;
}
.col li {
    margin: 8px 0 0 0;
    padding: 0;
}
.col li:before {
    content: "\2022";
    position: relative;
    top: 0;
    left: -5px;
}
#block-block-14 .col--1 li:before { color: #0095B4; }
#block-block-14 .col--2 li:before { color: #0095B4; }

.col li:first-child { margin: 0; }

@media screen and (max-width: 980px) {

    .col {
        margin-top: 40px;
        padding: 0 2%;
    }
}
@media screen and (min-width: 980px) {
    .col {
        float: left;
        margin-top: 60px;
        padding: 0 5%;
        width: 50%;
    }
    .col p { text-align: left; }
    .col ul { text-align: left; }
}

/*DEMARCHE OBLIGATOIRE BLOC 15*/
#block-block-15 {
    background: #0095B4;
    color: #ffffff;
    position: relative;
}
#block-block-15 .content, #block-block-16 .content {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    padding: 0 40px;

    z-index:2;
}
#block-block-15:before{
    position: absolute;
    content: url("../imgs/contenu/picto-doc.png");
    right: 30px;
    bottom: -14px;
    z-index:1;
}
#block-block-15 p, #block-block-16 p {
    font-weight: 700;
    line-height: 25px;
}
#block-block-15 li, #block-block-16 li {
    line-height: 27px;
}
.arrow:before {
    content: url("../imgs/contenu/picto-fleche.png");
    position: relative;
    top: 7px;
    left: -10px;
    float: left;

}
.em {
    margin: 50px 0 70px 0;

    font-style: italic;
    font-size: 19px;
    font-weight: 400 !important;
    font-family:"Droid Serif", 'Open Sans', sans-serif;
    line-height: 29px;
}
#block-block-15 h3 {
    padding: 25px 0;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight:700;
}
@media screen and (min-width: 768px) {
    #block-block-15 h3 {
        padding: 100px 0 60px 0;
    }
}
/*RISQUE FINANCIER BLOC 16*/
#block-block-16 {
    background: url("../imgs/contenu/bg-bloc16.jpg") no-repeat center;
    background-size: cover;
    padding: 80px 0;
    z-index: 3;
}
#block-block-16 h3 {
    margin: 0;
    text-align: center;
}
#block-block-16 .content {
    display: block;
    padding: 40px 20px;
    color: #ffffff;
    background: #2D3E50;
    border-radius: 15px;
    opacity: .9
}
#block-block-16 .em {
    padding-left: 25px;
    line-height:29px;
}
/*EXPERTISE EUROVAT BLOC 17*/
#block-block-17 {
    padding: 60px 2%;
    color: #ffffff;
    text-align: center;
}
#block-block-17 h2 {
    color: #2D3E50;
}
#block-block-17 .yellow {
    text-align: left;
    margin: 4% 9%;
    color: #F6B43D;
}
#block-block-17 .content {
    max-width: 960px;
    margin: 0 auto;
}
#block-block-17 .col {
    margin: 15px auto;
    width: 425px;
    height: 307px;
    max-width: 90%;

    padding: 20px;
}
#block-block-17 .arrow {
    color: #ffffff;
    font-weight: 400;
}
#block-block-17 .col--1 {
    background: url("../imgs/contenu/bloc-blue.png");
    background-size: 100% 100%;
}
#block-block-17 .col--2 {
    background: url("../imgs/contenu/bloc-yellow.png");
    background-size: 100% 100%;
}

@media screen and (max-width: 980px) {

    #block-block-17 .col {
        margin-top: 40px;
    }
}
@media screen and (min-width: 980px) {
    #block-block-17 .col {
        float: left;
        padding: 0 5%;
        width: 48%;
        margin: 0 1%;
    }
    #block-block-17 .col p { text-align: left; }
    #block-block-17 .col ul { text-align: left; }
}
/*CONFORT DE DEMARCHES BLOC 18*/
#block-block-18 .content {
    max-width: 960px;
    margin: 0 auto;
    background-color: #DBEAF6;
    display: block;
    padding: 40px 60px;
    border-radius: 15px;
}
#block-block-18 h3 {
    color: #2D3E50;
}
#block-block-18 .blue {
    color: #0095B4;
    font-weight: 600;
    line-height: 25px;
}
@media screen and (min-width: 920px) {
    .item {
        float: left;
        width: 28%;
    }
}
.item {
    margin: 0 2%;
}
.item p {
    color: #2D3E50;
    font-weight: 600;
    line-height: 23px;
}
#block-block-18 .em {
    color: #0095B4;
    padding-top: 50px;
    margin: 0;
}
.item .picto {
    margin: 0 auto;
}
.item--1 .picto {
    background-image: url("../imgs/contenu/icone1.png");
    width: 214px;
    height: 174px;
}
.item--2 .picto {
    background-image: url("../imgs/contenu/icone2.png");
    width: 164px;
    height: 141px;
}
.item--3 .picto {
    background-image: url("../imgs/contenu/icone3.png");
    width: 164px;
    height: 141px;
}

/*** FAQ **********************************************************************************/
.view-faq h3 {
    font-size: 25px;
    color: #F6B43D;
}
.faq-question p {
    color: #0C849F;
    font-weight: 700;
    cursor: pointer;
    font-size: 19px;
}
.faq-question {margin: 12px 0;}
.faq-answer { display: none;}
.show {display: block;}
.view-faq li {list-style: none;

}
.faq-answer li {
    list-style: disc;
}
/*** CONTACT **********************************************************************************/
#block-webform-client-block-87 { background: #f0f6fb; }
#block-webform-client-block-87 .clientside-error { display: none !important; }

/*** H2 **/
#block-webform-client-block-87 .titre-form {
	position: relative;
	margin: 0 0 20px 0;
	padding: 40px 0;

	text-align: center;
	text-transform: uppercase;
	background: #2d3e50;
}
#block-webform-client-block-87 .titre-form:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #2d3e50 transparent transparent transparent;
}

#block-webform-client-block-87 .titre-form h2 {
	position: relative;

	display: inline;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: 400;
}
#block-webform-client-block-87 .titre-form h2:before {
	content: "";

	position: absolute;
	top: -15px;
	left: -70px;

	display: block;
	width: 60px;
	height: 61px;

	background: url(../imgs/contenu/picto-info.gif) no-repeat center center;
}
#block-webform-client-block-87 .form-item {
	margin: 0 auto;
	padding: 0 2%;
}
@media screen and (min-width: 980px) {
	#block-webform-client-block-87 .titre-form { margin: 0 0 100px 0; }
	#block-webform-client-block-87 .form-item { padding: 0 25%; }
}

/*** LABEL ***/
#block-webform-client-block-87 .form-item label {
	margin: 0 0 10px 0;
	padding: 0;

	color: #2d3e50;
	font-size: 15px;
	font-weight: 400;
}

/*** INPUT ***/
#block-webform-client-block-87 .form-item .form-text {
	margin: 0 0 20px 0;
	padding: 0 1%;
	width: 100%;
	height: 40px;

	border: 1px solid #b8d7eb;
	outline: none;

	color: #000000;
	font-size: 15px;
	background: #ffffff;
	border-radius: 4px;
}
#block-webform-client-block-87 .form-item .form-text.error { border: 1px solid red; }


/*** SELECT / OPTION ***/
.webform-component--pays-ie8 { display: none; }
.ie678 .webform-component--pays-ie8 { display: block; }
.webform-component--pays { display: block; }
.ie678 .webform-component--pays { display: none; }


.ie678 #webform-client-form-87 .webform-component--pays-ie8 .form-item {
	margin: 0 !important;
	padding: 0 !important;
}
.ie678 #webform-client-form-87 .webform-component--pays-ie8 .form-item label:first-child { display: none; }
.ie678 #edit-submitted-pays-ie8 {
	margin: 0 0 20px 0 !important;
	padding: 6px 12px !important;
	width: 100% !important;
	height: 720px !important;

	background: #ffffff !important;
	border: 1px solid #b8d7eb !important;
	text-decoration: none !important;
}
.ie678 #edit-submitted-pays-ie8 option {
	color: #000000 !important;
	background: #ffffff !important;
}


/*** CHECKBOX ***/
#block-webform-client-block-87 .webform-component--pays {
	clear: both;
	overflow: hidden;
}
#block-webform-client-block-87 .webform-component--pays .form-type-checkbox {
	float: left;
	margin: 0 10px 10px 0;
	padding: 8px 10px;

	color: #2d3e50;
	font-size: 15px;
	line-height: 15px;
	text-align: center;

	background: #d4e6f4;
	border-radius: 5px;
}
#block-webform-client-block-87 .form-type-checkbox .form-checkbox { display: none; }

/*** CHECKBOX CHECKED ***/
#block-webform-client-block-87 .form-type-checkbox.checkbox-checked { background: #0c849f !important; }
#block-webform-client-block-87 .form-type-checkbox.checkbox-checked label { color: #ffffff; }

/*** CHECKBOX AUTRE ***/
#block-webform-client-block-87 #webform-component-autre label {
	float: left;
	margin: 0;
	padding: 0 10px;

	width: 20%;
	height: 30px;
	line-height: 30px;

	color: #2d3e50;
	font-size: 15px;

	background: #d4e6f4;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#block-webform-client-block-87 #webform-component-autre input {
	float: left;
	width: 80%;
	height: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*** TEXTAREA ***/
#block-webform-client-block-87 .form-item textarea {
	margin: 0 0 0 0;
	padding: 10px 1%;
	height: 200px;

	border: 1px solid #b8d7eb;
	outline: none;

	color: #000000;
	font-size: 15px;
	background: #ffffff;
	border-radius: 4px;
}

#block-webform-client-block-87 .webform-component--pays .description { display: none; }

/*** SUBMIT ***/
#block-webform-client-block-87 .form-actions { text-align: center; }
#block-webform-client-block-87 .form-submit {
	margin: 30px 0;
	padding: 20px 25px;

	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;

	background-color: #f6b43d;
	border-radius: 15px;
	border: 0 none;
}

/*** CHAMPS OBLIG ***/
#block-webform-client-block-87 .champs-obligatoires {
	margin: 0 auto;
	padding: 10px 2%;
}
@media screen and (min-width: 980px) {
	#block-webform-client-block-87 .champs-obligatoires { padding: 20px 25%; }
}


/*** HEADER MAP *******************************************************************************/
.europeMap__Header { background: #f0f6fb; }

/*** TITRE ***/
.europeMap__Header h1 {
	position: relative;

	margin: 0;
	padding: 0;

	height: 100px;
	line-height: 100px;

	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	background: #f6b43d;
}
.europeMap__Header h1:before {
	content: "";

	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -50px;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #f6b53d transparent transparent transparent;
}
@media screen and (min-width: 980px) {
	.europeMap__Header { padding-top: 150px; }
	.europeMap__Header h1 { font-size: 32px; }
	.europeMap__Header h1 span { position: relative; }
	.europeMap__Header h1 span:before {
		content: "";
		position: absolute;
		top: -9px;
		left: -75px;

		width: 60px;
		height: 60px;
		background: url(../imgs/contenu/picto-contact.jpg) no-repeat center center;
	}
}

.europeMap__Header__anchor { display: none; }
@media screen and (min-width: 980px) {
	.europeMap__Header__anchor {
		display: block;

		position: absolute;
		top: 0;
		right: 50px;

		color: #ffffff;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	.europeMap__Header__anchor:before {
		content: "";

		position: absolute;
		top: 34px;
		left: -40px;

		width: 30px;
		height: 30px;

		background: url(../imgs/contenu/picto-questions.gif) no-repeat center center;
	}
	.europeMap__Header__anchor:after {
		content: "";

		position: absolute;
		top: 30px;
		right: -40px;

		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 30px 20px 0;
		border-color: transparent #fde2b8 transparent transparent;
	}
}


/*** H3 ***/
.europeMap__Header .europeMap__side__sousTitre {
	margin: 0;
	padding: 50px 0 25px 0;

	color: #2d3e50;
	font-size: 25px;
	line-height: 25px;
	font-weight: 400;
	text-align: center;
}


#block-block-12 {
	background: #f0f6fb;
	clear: both;
	overflow: hidden;
}

/*** TITRE ***/
#block-block-12 .europeMap__title {
    position: relative;
    margin: 0;
    padding: 20px 0;

    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
	background: #f6b43d;
}
#block-block-12 .europeMap__title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	z-index: 200;

	margin-left: -50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #f6b53d transparent transparent transparent;
}

@media screen and (min-width: 980px) {
	#block-block-12 .europeMap__title { font-size: 24px; }
}




/*** MAP **************************************************************************************/
.europeMap { height: 500px; }
#vmap { height: 500px; }

/*** SIDE ***/
.europeMap__side { width: 100%; }

@media screen and (min-width: 980px) {
	.europeMap {
		float: left;
		width: 55%;
	}
	#vmap {
		float: right;
		width: 653px;
	}

	/*** SIDE ***/
	.europeMap__side {
		float: left;
		width: 45%;
	}
}

/*** IE8 ***/
.ie678 .europeMap {
	float: left;
	width: 50%;
}
.ie678 #vmap {
	float: none;
	width: 100%;
}
.ie678 .europeMap__side {
	float: left;
	width: 50%;
}


.europeMap__side h2 {
    margin: 0;
    padding: 0 40px;
    height: 100px;
    line-height: 100px;
    color: #ffffff;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    background: #0095b4;
}
.europeMap__side__content { display: none; }
#europeMap__side__content__fr { display: block; }

#node-40 .europeMap__side .views-row {
	height: 200px;
	border-top: 2px solid #adcfe8;
	clear: both;
	overflow: hidden;
}
#node-40 .europeMap__side .views-row:first-child { border-top: none; }

/*** PHOTO ***/
#node-40 .europeMap__side .views-field-field-personne-photo {
	float: left;
	margin-right: 15px;
}
#node-40 .europeMap__side .views-field-field-personne-photo img {
	display: block;
	margin: 0;
	padding: 0;
}
#node-40 .europeMap__side .views-field-field-personne-prenom {
	margin: 20px 0 0 0;
	padding: 0 20px;
	color: #0095b4;
	font-size: 18px;
}
#node-40 .europeMap__side .views-field-title {
	margin: 5px 0 0 0;
	padding: 0 20px;
	color: #0095b4;
	font-size: 18px;
}
#node-40 .europeMap__side .views-field-field-telephone {
	margin: 20px 0 0 0;
	padding: 0 20px;
	color: #2d3e50;
	font-size: 12px;
}
#node-40 .europeMap__side .views-field-field-email {
	margin: 10px 0 0 0;
	padding: 0 20px;
	color: #0095b4;
	font-size: 12px;
	font-weight: 700;
}
#node-40 .europeMap__side .views-field-field-email a {
	color: inherit;
	text-decoration: none;
}
#node-40 .europeMap__side .views-field-field-email a:hover { text-decoration: underline; }

@media screen and (min-width: 980px) {
	#node-40 .europeMap__side .views-field-field-telephone { font-size: 15px; }
	#node-40 .europeMap__side .views-field-field-email { font-size: 15px; }
}


/*** MAP TVA **********************************************************************************/
.europeMap__side__content .view-tva {
	padding: 40px 0;
	background: #f0f6fb;
}
.europeMap__side__content .view-tva .views-field-title { display: none; }
.europeMap__side__content .view-tva .views-field-body .field-content div {
	margin: 0 40px;
	padding: 15px 0;

	color: #f6b43d;
	font-size: 16px;
	line-height: 16px;

	border-top: 1px solid #b0c3d1;
}
.europeMap__side__content .view-tva .views-field-body .field-content div:first-child { border-top: none; }
.europeMap__side__content .view-tva .views-field-body .field-content  div span {
	color: #2d3e50;
	font-size: 14px;
	line-height: 14px;
}
.europeMap__side__content .view-tva .views-field-body .field-content p {
	margin: 0;
	padding: 0;
}
.europeMap__side__content .view-tva .views-field-body .field-content  a {
	position: relative;

	display: block;
	margin: 20px 0 0 0;
	padding: 15px 40px 0 80px;

	color: #0095b4;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.europeMap__side__content .view-tva .views-field-body .field-content  a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 62.5px 0 62.5px 60px;
	border-color: transparent transparent transparent #d4e6f3;

}
.europeMap__side__content .view-tva .views-field-body .field-content a span {
	color: #2d3e50;
	font-size: 14px;
	line-height: 14px;
}




/*** CONTACT INFO **********************************************************************/
#node-40 .field-name-body {
	margin: 0 auto;
	padding: 25px 0;

	background: #f0f6fb;

	clear: both;
	overflow: hidden;
}

/*** LEFT ***/
#node-40 .contact__left {
	padding: 0 2%;
	width: 100%;
	clear: both;
	overflow: hidden;
}
@media screen and (min-width: 980px) {
	#node-40 .field-name-body {
		min-width: 980px;
		max-width: 1920px;
	}
	#node-40 .contact__left {
		float: left;
		width: 65%;
		padding: 0 0 0 150px;
		background: url(../imgs/contenu/picto-contact.gif) no-repeat 30px center;
	}
}
#node-40 .contact__left h3 {
	margin: 0 0 20px 0;
	padding: 0;

	color: #0095b4;
	font-weight: 700;
}
#node-40 .contact__left p {
	margin: 0;
	padding: 0;
	color: #2d3e50;
}
#node-40 .contact__left a { color: #0095b4; }
#node-40 .contact__left strong { color: #0095b4; }


@media screen and (min-width: 640px) {
	#node-40 .contact__left__col {
		float: left;
		padding: 0 40px;
		width: 50%;
		border-left: 1px solid #adcfe8;
	}
	#node-40 .contact__left__col:first-child {
		padding-left: 0;
		border-left: none;
	}
}


/*** RIGHT ***/
#node-40 .contact__right {
	padding: 40px 2% 0 2%;
	width: 100%;
}
#node-40 .contact__right h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #0095b4;
	font-weight: 700;

	clear: both;
	overflow: hidden;
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
	#node-40 .contact__left p {	font-size: 12px; }
}
@media screen and (min-width: 980px) {
	#node-40 .contact__right {
		float: left;
		width: 35%;
		border-left: 1px solid #adcfe8;
	}
	#node-40 .contact__right h3 { padding: 0 0 0 40px; }
}
#node-40 .contact__right p {
	margin: 0;
	padding: 0;
}
#node-40 .contact__right__theme {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}
#node-40 .contact__right__theme__col {
	margin-top: 20px;
	padding: 0;
}
#node-40 .contact__right__theme__col:first-child { margin-top: 0; }
#node-40 .contact__right__theme__col h4 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #2d3e50;
}
#node-40 .contact__right__theme__col p {
	margin: 0;
	padding: 0;
}
#node-40 .contact__right__theme__col a, #node-40 .contact__right__theme__col strong { color: #0095b4; }

/*** SHOW / HIDE ***/
#bt__direction, #bt__compta { cursor: pointer; }
#bt__direction__content, #bt__compta__content { display: none; }

@media screen and (min-width: 1200px) {
	#node-40 .contact__right__theme__col {
		margin-top: 0;
		padding: 0 40px;
		float: left;
		width: 50%;
	}
}
/*** MENU CONTACT ***********************************************************************************/
.menu__contact {
	position: fixed;
	top: 50%;
	right: 10px;
	z-index: 1000;

	margin-top: -90px;
}
@media screen and (max-width: 980px) {
	.menu__contact { display: none; }
}

/*** CONTACT PHONE *************************************/
.menu__contact__phone {
	position: relative;
	display: block;

	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 84px;
	height: 84px;

	clear: both;
	overflow: hidden;

	border-radius: 50%;
	transition: 0.3s ease-in-out all;
}
.menu__contact__phone:hover {
	width: 294px;
	border-radius: 0;
	cursor: pointer;
}
.menu__contact__phone__content {
	position: absolute;
	top: 0;
	right: 0;
	width: 294px;
	height: 84px;
}
.menu__contact__phone__label {
	position: relative;
	top: 0;
	right: -42px;
	padding: 0 42px 0 0;

	float: left;
	width: 210px;
	height: 84px;
	line-height: 78px;

	color: #ffffff;
	font-size: 13px;
	text-align: right;

	background: #55a9bb;
}
.menu__contact__phone__label__centerer {
	display: inline-block;
	vertical-align: middle;
	line-height: 13px;
}
.menu__contact__phone__label:before {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: -42px;
	z-index: -1;

	width: 84px;
	height: 84px;

	border-radius: 50%;
	background: #55a9bb;
}
.menu__contact__phone__label .menu__contact__mail__label__font {
	margin-top: 5px;
	font-size: 15px;
	text-transform: uppercase;
}
.menu__contact__phone__picto {
	position: relative;
	float: left;
	width: 84px;
	height: 84px;
	background: url(../imgs/contenu/contact-tel.png) no-repeat center center #55a9bb;
	border-radius: 50%;
}

/*** CONTACT MAIL *************************************/
.menu__contact__mail {
	position: relative;
	display: block;

	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 84px;
	height: 84px;

	clear: both;
	overflow: hidden;

	border-radius: 50%;
	transition: 0.3s ease-in-out all;
}
.menu__contact__mail:hover {
	width: 294px;
	border-radius: 0;
}
.menu__contact__mail__content {
	position: absolute;
	top: 0;
	right: 0;
	width: 294px;
	height: 84px;
}
.menu__contact__mail__label {
	position: relative;
	top: 0;
	right: -42px;
	z-index: 200;
	padding: 0 42px 0 0;

	float: left;
	width: 210px;
	height: 84px;
	line-height: 78px;

	color: #ffffff;
	font-size: 13px;
	text-align: right;

	background: #2d3e50;
}
.menu__contact__mail__label__centerer {
	display: inline-block;
	vertical-align: middle;
	line-height: 13px;
}
.menu__contact__mail__label:before {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: -42px;
	z-index: -1;

	width: 84px;
	height: 84px;

	border-radius: 50%;
	background: #2d3e50;
}
.menu__contact__mail__label .menu__contact__mail__label__font {
	margin-top: 5px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.menu__contact__mail__picto {
	position: relative;
	z-index: 500;

	float: left;
	width: 84px;
	height: 84px;
	background: url(../imgs/contenu/contact-mail.png) no-repeat center center #2d3e50;
	border-radius: 50%;
}
/*** CONTACT FAQ *************************************/
.menu__contact__faq {
	position: relative;
	display: block;

	float: right;
	margin: 0;
	padding: 0;
	width: 84px;
	height: 84px;

	clear: both;
	overflow: hidden;

	border-radius: 50%;
	transition: 0.3s ease-in-out all;
}
.menu__contact__faq:hover {
	width: 294px;
	border-radius: 0;
}
.menu__contact__faq__content {
	position: absolute;
	top: 0;
	right: 0;
	width: 294px;
	height: 84px;
}
.menu__contact__faq__label {
	position: relative;
	top: 0;
	right: -42px;
	z-index: 200;
	padding: 0 42px 0 0;

	float: left;
	width: 210px;
	height: 84px;
	line-height: 78px;

	color: #ffffff;
	font-size: 13px;
	text-align: right;

	background: #F6B43D;
}
.menu__contact__faq__label__centerer {
	display: inline-block;
	vertical-align: middle;
	line-height: 13px;
}
.menu__contact__faq__label:before {
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: -42px;
	z-index: -1;

	width: 84px;
	height: 84px;

	border-radius: 50%;
	background: #F6B43D;
}
.menu__contact__faq__label .menu__contact__faq__label__font {
	margin-top: 5px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.menu__contact__faq__picto {
	position: relative;
	z-index: 500;

	float: left;
	width: 84px;
	height: 84px;
	background: url(../imgs/contenu/contact-faq.png) no-repeat center center #F6B43D;
	border-radius: 50%;
}



/*** PAGE TYPE **************************************************************************************/
#node-100, #node-171, #node-284  {
	padding: 150px 0 80px 0;
	background: #f0f6fb;
}
#node-251  {
    padding: 150px 0 0 0;
    background: #f0f6fb;
}
#block-views-faq-faq-recent {
    padding: 0 0 80px 0;
    background: #f0f6fb;
}
#node-100 h1, #node-171 h1, #node-251 h1, #node-284 h1 {
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0 7%;
	width: 80%;
	min-width: 980px;
	max-width: 1280px;

    color: #0095b4;
    font-size: 32px;
    font-weight: 400;
}
#node-100 .field-name-body, #node-284 .field-name-body, #node-171 .field-name-body, .view-faq  {
	margin: 0 auto;
	padding: 40px 7%;
	max-width: 1280px;
	background: #ffffff;
}
#node-100 .field-name-body a, #node-284 .field-name-body a, #node-171 .field-name-body a { color: #0c849f; }
@media screen and (min-width: 640px){
    #node-100 .field-name-body, #node-284 .field-name-body, #node-171 .field-name-body, .view-faq  {
        width: 80%;
        border-radius: 15px;
    }
}


/*** SEARCH RESULT **********************************************************************************/
.page-search { background: #f0f6fb; }
.page-search #block-system-main {
	margin: 0 auto;
	padding: 150px 7% 80px 7%;
	width: 80%;
	min-width: 980px;
	max-width: 1280px;
}

/*** H2 ***/
.page-search h2 {
	margin: 0;
	padding: 0;

    color: #0095b4;
    font-size: 32px;
    font-weight: 400;
}

/*** SEARCH FORM ***/
.page-search .block-system .search-form {
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}
.page-search .search-advanced { display: none; }
.page-search .form-item label { display: none; }

.page-search .form-type-textfield {
	float: left;
	margin: 0;
	padding: 0;
	width: 80%;
}
.page-search .form-type-textfield .form-text {
	margin: 0;
	padding: 0 15px;
	width: 100%;
	height: 40px;
	line-height: 40px;

	border: 1px solid #e0e6ed;
}
.page-search .form-submit {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	height: 40px;
	line-height: 40px;

	background: url(../imgs/contenu/picto-search.png) no-repeat center center #e0e6ed;
  	border: none;
  	outline: none;
  	text-indent: 1000px;
}


/*** SEARCH RESULT ***/
.search-results {
	margin: 0;
	padding: 0;
}
.search-results li {
	margin: 40px 0 0 0;
	padding: 0;
}
.search-results li:first-child { margin-top: 0; }
.search-results a { color: #18519f; }
.search-results .search-snippet-info { padding-left: 0; }
.search-results .search-info { display: none; }






/*** BOX ALERTE *************************************************************************************/
#block-views-alertes-block-alerte {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 500;

	width: 320px;
}

/*** TITRE ***/
#block-views-alertes-block-alerte h2 {
	position: relative;

	margin: 0;
	padding: 30px 0 15px 0;

	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	background: #2d3e50;

	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#block-views-alertes-block-alerte h2:before {
	content: "";

	position: absolute;
	top: -30px;
	left: 50%;

	display: block;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	background: url(../imgs/contenu/picto-alerte.jpg) no-repeat center center #2d3e50;

	border-radius: 50%;
}

/*** BOX ALERTE CONTENT ***/
#block-views-alertes-block-alerte .view-content {
	padding: 30px 25px;
	text-align: center;
	background: #dbebfa;
}
#block-views-alertes-block-alerte .fermer-alerte {
	content: "";

	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 200;

	display: block;
	width: 24px;
	height: 24px;

	background: url(../imgs/contenu/picto-cancel.png) no-repeat center center;
}
#block-views-alertes-block-alerte .fermer-alerte:hover { cursor: pointer; }

/*** TITRE ***/
#block-views-alertes-block-alerte .views-field-title-field {
	margin-bottom: 15px;

	color: #2d3e50;
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
}

/*** CONTENT ***/
#block-views-alertes-block-alerte .views-field-body p {
	margin: 0;
	padding: 0;

	color: #0095b4;
	font-size: 15px;
	line-height: 18px;
}



/*** RESP *******************************************************************************************/
@media screen and (max-width: 980px) {

	.headerMobile {
		position: relative;
		width: 100%;
		height: 60px;

		text-align: center;
		border-bottom: 1px solid #0c849f;
	}

	/*** BT MOB ***/
	.headerMobile__btMob {
		position: absolute;
		top: 0;

		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.headerMobile__btMob:before {
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;

		font-family: 'icomoon';
		color: #0c849f;
		font-size: 32px;
	}

	/*** BT SEARCH ***/
	.headerMobile__btSearch { left: 0; }
	.headerMobile__btSearch:before { content: '\e2ca'; }

	/*** BT MENU ***/
	.headerMobile__btMenu { right: 0; }
	.headerMobile__btMenu:before { content: '\e20e'; }

	/*** BT HOME ***/
	.headerMobile__btHome {
		display: block;
		margin: 0;
		padding: 0;
	}
	.headerMobile__btHome img {
		margin: 10px 0;
		padding: 0;
		height: 40px;
	}

}

@media screen and (min-width: 980px) {

	.headerMobile { display: none; }

}




/*** RESET FORM POUR IOS ***/
input { border-radius: 0; }
select {
    -webkit-appearance: none;
	border-radius: 0;

	display: block;
	margin: 0;
	padding: 0 25px;
	width: 100%;
	height: 42px;

	font-size: 15px;
	line-height: 42px;

	background: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}




/*** POPIN RAPPEL ***********************************************************************************/
.popin__bg {
	display: none;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;

	width: 100%;
	height: 100%;

	background: url(../imgs/contenu/bg-popin.png) repeat;
}

#block-webform-client-block-122 {
	display: none;

	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2500;

	margin-top: -250px;
	margin-left: -250px;
	padding: 50px 40px 20px 40px;

	width: 500px;
	background: #55a9bb;
	border-radius: 15px;
}
#block-webform-client-block-122:before {
	content: "";
	position: absolute;
	top: -42px;
	left: 50%;
	margin-left: -42px;

    width: 84px;
    height: 84px;
    background: url(../imgs/contenu/contact-tel.png) no-repeat center center #55a9bb;
    border-radius: 50%;
}
#block-webform-client-block-122 .form-item, #block-webform-client-block-122 .form-actions {
	margin: 0;
	padding: 10px 0;
}
#block-webform-client-block-122 .rappel-titre {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
#block-webform-client-block-122 .rappel-sstitre {
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 14px;
}


/*** LABEL ***/
#block-webform-client-block-122 #webform-component-selectionnez-un-pays label, #block-webform-client-block-122 #webform-component-numero-de-telephone label {
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
}

/*** SELECT ***/
#block-webform-client-block-122 #webform-component-selectionnez-un-pays { margin-bottom: 15px; }
#block-webform-client-block-122 #webform-component-selectionnez-un-pays .form-select {
	margin: 0;
	padding: 0 5px;

	width: 100%;
	height: 38px;
	line-height: 38px;

	border: none;
	outline: none;

	color: #5d5d5d !important;
	font-size: 16px;
	background: #ffffff;
	border-radius: 5px;
}

/*** INPUT ***/
#block-webform-client-block-122 #webform-component-numero-de-telephone {  margin-bottom: 25px; }
#block-webform-client-block-122 #webform-component-numero-de-telephone .form-text {
	margin: 0;
	padding: 0 5px;

	width: 100%;
	height: 38px;
	line-height: 38px;

	border: none;
	outline: none;

	color: #5d5d5d;
	font-size: 16px;
	background: #ffffff;
	border-radius: 5px;
}

/*** SUBMIT ***/
#block-webform-client-block-122 .form-actions { text-align: center; }
#block-webform-client-block-122 .form-actions input {
    margin: 0;
    padding: 15px;

    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
	background: #f6b43d;

    border: none;
    outline: none;
	border-radius: 10px;
}




/*** POPIN CONFIRMATION *****************************************************************************/
.messages.error { display: none; }

.status-messages-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;

	width: 100%;
	height: 100%;

	background: url(../imgs/contenu/bg-popin.png) repeat;
}
.status-messages-overlay .status-messages-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2500;

	margin-top: -250px;
	margin-left: -250px;
	padding: 70px 40px 50px 40px;

	width: 30%;
	background: #55a9bb;
	border-radius: 15px;
}
.status-messages-overlay .status-messages-popup p {
	margin: 0;
	padding: 0;

	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
.status-messages-popup .popup-close {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 200;

    display: block;
    width: 24px;
    height: 24px;
    background: url(../imgs/contenu/picto-cancel.png) no-repeat center center;
}
.status-messages-popup .popup-close:hover { cursor: pointer; }

/*** POPIN MSG ***/
.popup-messages {
	color: #ffffff;
	text-align: center;
}

/*
##     ##    ###    #### ##    ## ######## ######## ##    ##    ###    ##    ##  ######  ########
###   ###   ## ##    ##  ###   ##    ##    ##       ###   ##   ## ##   ###   ## ##    ## ##
#### ####  ##   ##   ##  ####  ##    ##    ##       ####  ##  ##   ##  ####  ## ##       ##
## ### ## ##     ##  ##  ## ## ##    ##    ######   ## ## ## ##     ## ## ## ## ##       ######
##     ## #########  ##  ##  ####    ##    ##       ##  #### ######### ##  #### ##       ##
##     ## ##     ##  ##  ##   ###    ##    ##       ##   ### ##     ## ##   ### ##    ## ##
##     ## ##     ## #### ##    ##    ##    ######## ##    ## ##     ## ##    ##  ######  ########
*/

.maintenance-page {
	text-align: center;
}
.maintenance-page #header {
	position: static!important;
	margin: 20px 0;
}
.maintenance-page #name-and-slogan {
	display: none;
}
.maintenance-page #content-content {
	margin: 0 0 50px 0;
}

/*user login*/
#user-login {margin-top: 150px;}

/*bug view recup tva*/
#europeMap__side__content__de .views-row-2,
#europeMap__side__content__de .views-row-3,
#europeMap__side__content__de .views-row-4,
#europeMap__side__content__de .views-row-5,
#europeMap__side__content__de .views-row-6,
#europeMap__side__content__de .views-row-7,
#europeMap__side__content__de .views-row-8 {display: none;}

/*cta phone*/
#edit-submitted-numero-de-telephone {width: 100%;}

/*// Dirty patch*/
.views-slideshow-pager-fields .active .views-content-field-tipce-drapeau img {
	border: none;
}

.views-slideshow-pager-fields .views-content-field-tipce-drapeau img {
	width: 100px;
	height: 100px;
	max-height: 100px;
}

.views-slideshow-pager-fields .views-content-field-tipce-drapeau a, .views-slideshow-pager-fields .active .views-content-field-tipce-drapeau a {
	text-decoration: none;
	text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: transparent;
    color: #5d5d5d;
}


/* Cookie */
#cookieChoiceInfo{
	top: auto!important;
	bottom: 0px;
	padding: 14px 10px!important;
	background-color: #0095b4!important;
	font-size:  14px;
	color: white;
	border-top: white 2px solid;
}
#cookieChoiceInfo span{
	display: block;
	margin-bottom: 8px;
}
#cookieChoiceInfo a{
	text-transform: uppercase;
	font-size: 13px;
}
#cookieChoiceInfo a:link,
#cookieChoiceInfo a:visited,
#cookieChoiceInfo a:hover,
#cookieChoiceInfo a:active{
	color: white;
}
@media screen and (min-width: 768px) {
	#cookieChoiceInfo{
		padding: 14px 50px!important;
	}
}
@media screen and (min-width: 1024px) {
	#cookieChoiceInfo{
		padding: 14px 20%!important;
	}
}



#block-menu-menu-footer-reseau-sociaux ul {
	display: inline-flex;
}

#block-menu-menu-footer-reseau-sociaux {
    position: absolute;
    left: 25%;
    top: 47%;
}

@media screen and (min-width: 768px) {
    #block-menu-menu-footer-reseau-sociaux{
        position : absolute;
    	left : 250px;
    	top	: 100px;
    }
}
@media screen and (min-width: 1024px) {
    #block-menu-menu-footer-reseau-sociaux {
        position : absolute;
    	left : 65%;
    	top	: 37%;
    }
}