/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
	.ce_autogridSpacer {margin: 0!important; line-height: 0!important;}
}
@charset "utf-8";
/* CSS Document */

/*
CLIENT : IGWEB
SITE WEB : www.igweb.fr
DATE DE CREATION : FEVRIER 2018

Réalisé par moi ;-)
SAMUEL TRICOT / www.iGweb.fr
*/


/* TYPO
font-family: 'Raleway', sans-serif;
Raleway:400,400i,500,700,700i
*/


/***********************************/
/* LAYOUT                          */
/***********************************/

body {font-family: 'Raleway', sans-serif;font-size: 1em;background-color: transparent !important;}
#fix-wrapper {position: absolute;}
#contentwrapper {background:transparent !important;}
#container {background-color: #28363b !important;}
#zone-contenu {background-color: #f8f9f9;}

#zone-contenu .inside, #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

#zone-contenu .inside, #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {
    padding-left: 40px;
    padding-right: 40px;
}

#zone-contenu .inside .mod_article {padding-top: 60px; padding-bottom: 100px;}

.ce_bgimage.img-rightside-50 .ce_bgimage-image {margin-left: 67%;}
.ce_bgimage.img-rightside-50 .ce_bgimage-outer {margin-right: 33%;}
.ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 250px; top: inherit; -webkit-transform: inherit;-ms-transform: inherit;transform: inherit;}


/********** header + stickyheader **********/
#header {width: 67%;top: 0px;z-index: 99;position: relative;background-color: transparent !important;}

.stickyheader .header.cloned {line-height: 25px;background-color: #28363b;-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;}

.header .inside {max-width: 100% !important;}
.header.original {line-height: 40px!important;}

/********** FIN header + stickyheader **********/

#container {position: relative;width: 100%;margin: 0 auto;background-color: #fff}

/********** Footer **********/
#top_link a { border: none; background-color: #a7c410; color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
body.fixed-header #top_link {opacity: 1;bottom: 20px;right: 20px;}
#footer a.totop {display: none;}
#footer {background-color: #28363b;}
#footer a {color: #a7c410; font-weight: 400;}
#footer p {font-weight: 400 !important; color: #fff; line-height: 1.5em; margin-bottom: 5px}
#footer strong {color: #fff;}
#footer a:hover {text-decoration: underline;}
#footer img {margin-bottom: 20px;}

#footer .inside {padding-top: 40px !important;}
#footer .mod_socials {display: block;width: 123px;margin: 0 auto;margin-top: 40px;margin-bottom: 0px;}

#footer .copyright {padding: 20px 0 20px 0; border-top: 1px #151c1f solid; margin: auto;margin-top: 30px; margin-bottom: 5px;width: 80%;}
#footer .copyright p {font-size: 0.85em;}

/********* logo ***********/
.header .logo-entreprise {position: relative;}
.logo-entreprise {margin:0 !important; background-image:none !important; padding:0 !important;float: left;font-size: 1.3em;border: none;}
.logo-entreprise a img {margin-top:30px; margin-left: 30px; z-index:999;height: auto;}

#stickyheader .logo-entreprise a img { display: none; width: 110px; height:auto;float: none;margin-top: 7px;margin-bottom: 10px;
	-webkit-transform: translateX(50%);
    transform: translateX(50%);}
.stickyheader .header.cloned .logo-entreprise {transition: height 0.3s ease;-webkit-transition: height 0.3s ease;	}
/******** fin logo *********/

p, li {font-family: 'Raleway', sans-serif;font-size: 1.1em; line-height: 1.4em;text-align: left;color:#f8f9f9 ;font-weight: 400 !important; }
h1 {font-family: 'Raleway', sans-serif; color: #f8f9f9 !important;font-size:2.8em !important; font-weight:700; margin-bottom: 10px; margin-top: 20px ;line-height: 1;padding-top: 10px;}
h2, h4 {font-family: 'Raleway', sans-serif; color: #f8f9f9 !important;font-size:1.5em !important; font-weight:400; text-transform:uppercase;}
h3 {font-family: 'Raleway', sans-serif; color: #28363b !important;font-size:3.8em !important; font-weight:700; margin-bottom: 20px; margin-top: 20px ;line-height: 1;}
h4 {font-family: 'Raleway', sans-serif; color: #28363b !important;font-size:1.5em !important; font-weight:400; text-transform:uppercase;}

a, p a {color: #f8f9f9; text-decoration: underline;
	-webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
}

a:hover { color: #a7c410;}
strong {font-weight: 400;color: #a7c410;}
em {font-style: italic; color:#28363b !important;font-size: 1em;}

.ce_divider_extended.version1 {background: #a7c410;height: 2px;}
.ce_divider_extended.invert, .ce_divider_extended.invert span {background-color: #28363b!important;}

.color-accent {color: #a7c410}
.right {float: right;}
.left {float: left;}
.ce_headline.center {text-align: center;}

#cboxNext,#cboxPrevious,#cboxClose {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==);
}

.ce_gallery .content {background: rgba(108, 193, 178, 0.8);}

/* Captcha Google */
.grecaptcha-badge{z-index: 999999; bottom: 90px !important;visibility: hidden;}


/********** RGPD **********/
#tarteaucitronAlertBig {background: #A8C329 !important;}
#tarteaucitronAlertBig #tarteaucitronPersonalize {background: #212121 !important;text-transform: uppercase !important;font-size: 0.9em !important;}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {background: transparent !important;color: #fff !important;text-decoration: underline;}
#tarteaucitronPercentage {background: #192528 !important;}
.tarteaucitronOpenPanel {cursor: pointer}

.rgpd p {font-size: 0.8em;}
.widget-checkbox.rgpd {margin-bottom: 0px;}
.widget-checkbox.rgpd fieldset {margin-top: 40px;margin-bottom: 0px;padding: 0px;border: 0px solid rgba(0,0,0,0.2);}

/* liens */
.ce_hyperlink a, a.btn, a.link, .back a, .more a, .submit.btn {border-width: 2px; border-color: #f8f9f9 !important; font-family: 'Raleway', sans-serif; font-size: 1.1em; font-weight: 500; margin-top: 25px;background-color: transparent; color: #fff; padding: 10px 25px; display: inline-block; text-decoration: inherit;
	-webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

#zone-contenu .ce_hyperlink a {font-weight: 500;background-color: #28363b !important; border-width: 2px; border-color: #28363b !important; font-size: 1.15em; text-transform: inherit;}
#zone-contenu .ce_hyperlink a:hover {background-color: #a7c410 !important; color: #fff !important; opacity: 1; border-color: #a7c410 !important;font-weight:500;}

.ce_hyperlink a:hover, a.btn:hover, a.link:hover, .back a:hover {background-color: #a7c410 !important; color: #28363b !important; opacity: 1; border-color: #a7c410 !important;font-weight: 500; }

.ce_hyperlink.color-accent a {background-color: #a7c410 !important; color: #28363b;border-color: #a7c410 !important;font-weight: 500;}
.ce_hyperlink.color-accent a:hover {background-color: #192124 !important; color: #a7c410 !important;}

.back a {padding-top: 15px;padding-bottom: 15px;display: block;}
.ce_hyperlink.center {text-align: center;}
.ce_hyperlink.left {margin-right: 20px;}

/* fin liens*/


/********** COOKIES ***********/
.cookiebar {background: #a7c410;font-size: 0.9em;font-weight: 400;line-height: 1.2em;}
.cookiebar a {color: #28363b;font-weight: 400;}
.cookiebar-close {background: #3B3C42;}

/********** TOP ***********/
.offcanvas-trigger { display:none}


/********** MENU **********/
.mainmenu {margin-top: 60px;}
.mainmenu ul li {float:left;line-height: 0.7em; margin:0 !important;}
.mainmenu li a {font-family: 'Raleway', sans-serif;font-size: 0.85em !important; font-weight:500 !important;padding:15px 0px !important; color:  #f8f9f9 !important; text-transform: uppercase !important; letter-spacing: 0.1em; margin-left: 25px; margin-right: 25px;}
.mainmenu li a:hover {color:#f8f9f9 !important;}
.mainmenu li.active a, .mainmenu li a.active, .header.original .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.trail {color:#f8f9f9 !important; }
.mainmenu ul li a:hover {opacity: 1;}

.mainmenu ul li a:after{content:"";width:0px;height:2px;background:#a7c410;margin:auto;position:absolute;bottom:0px;left:0px;
	transition: width 0.15s ease-out;
	-webkit-transition: width 0.15s ease-out;
	-moz-transition: width 0.15s ease-out;
 	-o-transition: width 0.15s ease-out; }
.mainmenu ul li a:hover:after{width:50%;cursor:pointer;background:#a7c410;}
.header.original .mainmenu ul li a.active:after, .header.cloned .mainmenu ul li a.active:after, .mainmenu ul li a.trail:after{width:50%;cursor:pointer;background:#a7c410;}


.stickyheader .header.cloned .mainmenu {margin-top:0px; margin: 0 auto;width: 425px; float: inherit; padding-bottom: 8px;}

.telephone-accueil {position: absolute;right: -137px;top: 58px;background-color: #a7c410; padding-left: 15px; padding-right: 20px;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
    	-webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
}
.telephone-accueil a {text-decoration: none; font-weight: 700; font-size: 1.05em; padding-top: 10px; padding-bottom: 10px;}
.telephone-accueil:hover {right: -142px;padding-left: 20px; }
.telephone-accueil a:hover {color: #f8f9f9 !important;}

/* MENU BURGER */
.smartmenu {display: none;}
.smartmenu-content .mod_navigation ul.level_1, .smartmenu-scrollable {overflow: auto;}
.smartmenu-content .smartmenu-scrollable {overflow: auto;}
.smartmenu-scrollable li {text-align: center;}
.smartmenu-content .smartmenu-table {background-color: rgba(40,54,59,0.92);}
.smartmenu-content .smartmenu-close {cursor: pointer;}
.smartmenu-content .mod_navigation a {text-decoration: none;}
.smartmenu-content a:hover {color: #fff !important;}
.smartmenu-content .mod_navigation li:not(.floatbox) {line-height: 3rem;}
.header.cloned .smartmenu .smartmenu-trigger {margin-top: 0;}

.smartmenu .smartmenu-trigger {margin-top: 54px;margin-right: 10px;height: 50px;z-index: 9;}
.smartmenu .smartmenu-trigger .line {height: 2px;background: #fff;}
.smartmenu .smartmenu-trigger .line:before {margin-top: 10px;height: 2px;background: #fff;}
.smartmenu .smartmenu-trigger .line:after {height: 2px;background: #fff;}


/***********************************/
/* ACCUEIL                         */
/***********************************/

/*scroll*/
.home span.wheel.services, .home span.wheel.contact {display: none !important;}

#linkToContent {width: 37px;height: 150px;border-left: 2px solid #a7c410;border-radius: 0;position: absolute;bottom: 0;margin: 0;left: 25px;z-index: 100;}
a#linkToContent {text-decoration: none; text-transform: uppercase;margin-left: -90px;
  animation-name: bounceIn;
  animation-duration: 800ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

#linkToContent .wheel {display: block; margin-left: 30px;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}



/* Réalisations + page détail réalisations */
#zone-contenu p {color: #28363b;margin-bottom: 5px;}
#zone-contenu strong {color: #28363b; font-weight: 700;}

.ce_portfoliofilter a {color: #28363b;text-decoration: none; text-transform: uppercase; font-weight: 700;}
.ce_portfoliofilter.only-icon .name {font-size: 1em;padding: 10px 20px;
    	-webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}


.ce_portfoliofilter.only-icon .name:hover , .ce_portfoliofilter.only-icon .selected .name {background-color: #a7c410 !important;color: #28363b;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

.ce_portfoliofilter {margin-bottom: 35px;margin-top: 35px;}

.ce_portfoliofilter.only-icon .all {border: 0; padding: 10px 20px;background-color: #28363b !important;color: #f8f9f9;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

.mod_portfoliolist_v5 .item.portrait {height: 500px;}
.mod_portfoliolist_v5.portfolio-col2 .item.paysage {width: 100%;}
.mod_portfoliolist_v5.portfolio-col3 .item.paysage {width: 66.56%;}
.mod_portfoliolist_v5.portfolio-col4 .item.paysage {width: 50%;}

.mod_portfoliolist_v5 .item .image:after {background: rgba(46, 56, 65, 0.95);}
.mod_portfoliolist_v5 .item .info {text-align: center;width: 100%;}
.mod_portfoliolist_v5 .item .info .title {border-bottom: 1px #5d6365 solid;padding: 15px 0;font-size: 1.15em !important;font-weight: 600;}
.mod_portfoliolist_v5 .item .info .subline {padding: 10px 0 0;}

.mod_newsreader h2 {margin-bottom: 15px; margin-top: 20px; color: #a7c410 !important;}
.mod_newsreader #linkToContent {display: none;}
/*.mod_newsreader .ce_bgimage-inside {margin-top: 80px;}*/

.mod_newsreader .prestations p {margin-bottom: 10px;}
.mod_newsreader .accroche em {color:#f8f9f9 !important;}
.mod_newsreader .accroche {padding: 30px 20px;}

.mod_newsreader h3 {font-size: 2.2em !important;}
.mod_newsreader h4 {font-size: 1.1em !important;}
.mod_newsreader .ce_text_image_bar .subheadline {color: #a7c410;font-size: 5em;display: inline-block;margin-bottom: 40px;}
.mod_newsreader .ce_text_image_bar .ce_hyperlink a {border-color: #28363b !important;color: #28363b;}
.mod_newsreader .ce_text_image_bar .ce_hyperlink a:hover {border-color: #a7c410 !important;color: #fff;}
.mod_newsreader .ce_text_image_bar.color-default p {color:#28363b !important}

.newsreader .back {padding-top: 10px;margin-top: 80px;margin-bottom: 60px;border-top: 0;overflow: hidden;margin-left: 0;width: 100%;padding: 0 150px;float: none;position: relative;clear: both;}
.newsreader .back a {background-color: #a7c410 !important;font-size: 1em;}


.close a {cursor: pointer;position: fixed;right: 20px;top: 20px;width: 40px;height: 40px;background-color: #a7c410;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding-top: 4px;
}

.close a:hover {background-color: #1b2528;}
.close a:hover:before , .close a:hover:after {background: #a7c410;}

.close a:before, .close a:after {display: inline-block;width: 35px;height: 2px;background: rgb(255,255,255);content: '';
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 3px;
}

.close a:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -35px;
}


/* Accroche */
.accroche {padding: 70px 0 0;}
.accroche p {font-size: 1.3em; font-weight: 500 !important;}
.accroche em {color:#28363b !important;font-weight: 700 !important;}


/***********************************/
/* SERVICES                        */
/***********************************/

/* couleur */
.mainmenu ul li a.services:after{background:#cf4744;}
.mainmenu ul li a.services:hover:after{background:#cf4744;}
.header.original .mainmenu ul li a.services.active:after, .header.cloned .mainmenu ul li a.services.active:after, .mainmenu ul li a.services.trail:after{background:#cf4744;}

.services .color-accent {color: #cf4744}
.services .ce_divider_extended.version1 {background: #cf4744;}
.services strong {color:#cf4744;}
.services .ce_hyperlink a:hover, .services a.btn:hover, .services a.link:hover,.services .back a:hover {background-color: #cf4744 !important;border-color: #cf4744 !important;}
.services .ce_hyperlink.color-accent a {background-color: #cf4744 !important;border-color: #cf4744 !important;}
.services .ce_hyperlink.color-accent a:hover {background-color: #192124 !important;color: #cf4744 !important;}
.services .telephone-accueil {background-color: #cf4744;}
.services a:hover {color: #cf4744;}
.services #footer a {color: #cf4744;}
.titre-couleur h4 { text-transform: inherit;}
.services .titre-couleur .color-accent {color: #cf4744; font-style: italic;}
.services #top_link a {background-color: #cf4744;}
.services #zone-contenu .ce_hyperlink a:hover {background-color: #cf4744 !important;color: #fff !important;border-color: #cf4744 !important;}

/*scroll*/
.services span.wheel.realisations, .services span.wheel.contact {display: none !important;}
.services #linkToContent {border-left: 2px solid #cf4744;}

.bloc-services #linkToContent {display: none;}

/* Bloc services */
.bloc-services {margin-top: 40px;}
#zone-contenu .bloc-services .ce_hyperlink a {background-color: transparent !important;border-width: 2px;border-color: #cf4744 !important;color: #cf4744;}
#zone-contenu .bloc-services .ce_hyperlink a:hover {background-color: #cf4744 !important;border-color: #cf4744 !important;color: #fff !important;}
.bloc-services h4 {font-size: 1.7em !important;font-weight: 700;text-transform: inherit;}
#zone-contenu .bloc-services .inside { padding-left: 0; padding-right: 0;}

.info {margin-top: 30px;}

/***********************************/
/* CONTACT                         */
/***********************************/

/* couleur */
.mainmenu ul li a.contact:after{background:#44c7cf;}
.mainmenu ul li a.contact:hover:after{background:#44c7cf;}
.header.original .mainmenu ul li a.contact.active:after, .header.cloned .mainmenu ul li a.contact.active:after, .mainmenu ul li a.contact.trail:after{background:#44c7cf;}

.contact .color-accent {color: #44c7cf}
.contact .ce_divider_extended.version1 {background: #44c7cf;}
.contact strong {color:#44c7cf;}
.contact .ce_hyperlink a:hover, .contact a.btn:hover, .contact a.link:hover,.contact .back a:hover {background-color: #44c7cf !important;border-color: #44c7cf !important;}
.contact .ce_hyperlink.color-accent a {background-color: #44c7cf !important;border-color: #44c7cf !important;}
.contact .ce_hyperlink.color-accent a:hover {background-color: #192124 !important;color: #44c7cf !important;}
.contact .telephone-accueil {background-color: #44c7cf;}
.contact .telephone-accueil.email {top: 105px;right: -168px;}
.contact .telephone-accueil.email:hover {right: -173px;padding-left: 20px; }
.contact a:hover {color: #44c7cf;}
.contact #footer a {color: #44c7cf;}
.contact .titre-couleur .color-accent {color: #44c7cf; font-style: italic;}
.contact #top_link a {background-color: #44c7cf;}
.contact #zone-contenu .ce_hyperlink a:hover {background-color: #44c7cf !important;color: #fff !important;border-color: #44c7cf !important;}


/*scroll*/
.contact span.wheel.realisations, .contact span.wheel.services {display: none !important;}
.contact #linkToContent {border-left: 2px solid #44c7cf;}


/* Formulaire */
#formulaire {margin-top: 20px;}
#formulaire form div.widget {margin-bottom: 10px;}
#formulaire input, #formulaire textarea,#formulaire select {background-color: #212d31; color: #44c7cf;font-family: 'Raleway', sans-serif;font-weight: 500;resize: vertical;}
#formulaire input:hover:not([type="submit"]), #formulaire button:hover:not([type="submit"]), #formulaire textarea:hover, #formulaire input:focus, #formulaire textarea:focus {border: 1px solid #44c7cf;background-color: #212d31;}

::-webkit-input-placeholder {color: #aaa; text-transform: uppercase;}
:-moz-placeholder { /* Firefox 18- */color: #aaa;text-transform: uppercase;}
::-moz-placeholder {  /* Firefox 19+ */color: #aaa;text-transform: uppercase;}
:-ms-input-placeholder {color: #aaa;text-transform: uppercase;}

input::-webkit-input-placeholder {color: #aaa !important;text-transform: uppercase;}
input:-moz-placeholder {color: #aaa !important;text-transform: uppercase;}
input::-moz-placeholder {color: #aaa !important;text-transform: uppercase;}
input:-ms-input-placeholder {color: #aaa !important;text-transform: uppercase;}

textarea::-webkit-input-placeholder {color: #aaa !important;text-transform: uppercase;}
textarea:-moz-placeholder {color: #aaa !important;text-transform: uppercase;}
textarea::-moz-placeholder {color: #aaa !important;text-transform: uppercase;}
textarea:-ms-input-placeholder {color: #aaa !important;text-transform: uppercase;}


#formulaire button.submit[type="submit"] {background: transparent;}
#formulaire input.submit, #formulaire button.submit {float: left;max-width: 150px;border: solid;border-width: 2px !important; border-color: #f8f9f9 !important; font-family: 'Raleway', sans-serif; font-size: 1.1em; font-weight: 500; text-transform: capitalize; margin-top: 10px;background-color: transparent; color: #fff; padding: 10px 25px; display: inline-block; text-decoration: inherit;
	-webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
#formulaire input.submit:hover, #formulaire button.submit:hover { background-color: #44c7cf; border-color: #44c7cf !important;}

#formulaire .widget.widget-captcha.mandatory {display: block !important;}
form .captcha_text {color: #44c7cf;}

/* map */
.mod_dlh_googlemaps#map .dlh_googlemap {height:400px !important; width: 100%; padding-left: 80px; padding-right: 80px;}
#map .routinglink input.submit {width: auto !important;min-width: auto !important;padding: 5px;margin-left: 5px;background: #44c7cf;}
#map input.text {padding: 5px;width: 70%;}
#map .routinglink a {color: #44c7cf;}
#map input:focus, #map textarea:focus {border: 1px solid #44c7cf;}
#map form {margin-top: 5px;}






/**************************************/
/* media queries
/**************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar{width: 20px;height: 15px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display: block;height: 20px;}
::-webkit-scrollbar-button:vertical:increment{background-color: #ffffff !important;}
::-webkit-scrollbar-track-piece{background-color:#dddddd;}
::-webkit-scrollbar-thumb:vertical{height: 50px;background-color: #28363b;}
::-webkit-scrollbar-thumb:horizontal{ width: 50px;background-color: #ffffff;}
}

@media screen and (max-width: 1600px) {
    .ce_bgimage-inside .ce_headline_extended.align-left.block {max-width: 100% !important;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 180px;}
}

@media screen and (max-width: 1366px) {
    #formulaire {margin-top: 10px;}
    form div.widget {margin-bottom: 10px;}
    #formulaire input.submit, #formulaire button.submit {margin-top: 0px;}
}

@media screen and (max-width: 1280px) {
    .ce_bgimage-inside .ce_headline_extended.align-left.block {max-width: 100% !important;}
}

@media screen and (max-width: 1024px) {
    h1 {font-size: 2em !important;}
    p {font-size: 1em;}
    .logo-entreprise a img {margin-left: 0px;}
    .mainmenu li a {margin-left: 10px;margin-right: 10px;}
    .mainmenu {margin-right: -25px;}
    a#linkToContent {margin-left: 0px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 120px;}
    .ce_bgimage-image .ce_headline_extended {max-width: 100% !important;}
    .logo-entreprise a img {margin-top: 20px;}
}

@media screen and (max-width: 960px) {
    .autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
    
    .ce_bgimage.fullscreen-image {height: auto !important;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 180px;}
    .smartmenu {display: block;}
    #linkToContent {display: none;}
    .bloc-services .autogrid { margin-top: 60px;}
    #formulaire input.submit, #formulaire button.submit {margin-bottom: 30px;}
    .ce_text_image_bar .ce_hyperlink {margin-top: 20px;}
    h3 {font-size: 3em !important;}
    .newsreader .back {padding: 0 20px;}
}

@media screen and (max-width: 800px) {
    .ce_portfoliofilter a {font-size: 0.9em;}
    .ce_portfoliofilter.only-icon .name {margin-left:0px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 160px;}
}

@media only screen and (max-width: 767px){
	/* smartmenu burgger réactiv */
	#top {display: block;}
	.header.original { visibility: visible;}
	.smartmenu {display: block;}
	#fix-wrapper, #top-wrapper {background-color: #28363b;}
	#header .inside {height: 93px;}
	.stickyheader .header.cloned {display: none}
	/*Fin réactiv smartmenu */
    
    #zone-contenu .inside, #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {
    padding-left: 20px;
    padding-right: 20px;
}
    .realisation #contentwrapper {margin-top: -15px;}
    #header {width: 100%;}
    .telephone-accueil, .telephone-accueil.email  {position: absolute;right: inherit;left: 0;top: 150px;}
    .contact .telephone-accueil.email { display: none;}
    .telephone-accueil:hover, .telephone-accueil.email:hover {right: inherit !important;}
    .telephone-accueil.email  {position: absolute;right: inherit;left: 0;top: 190px;}
    .smartmenu .smartmenu-trigger {margin-top: 45px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 50px;}
    .ce_portfoliofilter {display: none;}
    .mod_newslist {margin-top: 30px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-outer {height: auto !important;}
    h3 {font-size: 2.5em !important;}
    .close a {z-index: 999999; }

}

@media only screen and (max-width: 600px){   
}

@media only screen and (max-width: 480px){  
    .ce_hyperlink.left {float: none;}
    .ce_hyperlink a, a.btn, a.link, .back a, .more a, .submit.btn {margin-top: 15px;}
}

@media only screen and (max-width: 414px){
    h1 {font-size: 1.9em !important;}
}

@media only screen and (max-width: 375px){  
    .pt-xs {padding-top: 20px!important;}
    .pb-xs {padding-bottom: 20px!important;}
}

@media only screen and (max-width: 360px){
    .smartmenu .smartmenu-trigger {margin-top: 145px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 20px;}
}


@media only screen and (max-width: 320px){
    .smartmenu .smartmenu-trigger {margin-top: 7px;}
    .ce_bgimage.fullscreen-image .ce_bgimage-inside {margin-top: 0px;}
    .close a {top:10px; right: 10px;}
}