/* old-standard-tt-regular - latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: lighter;
  src: url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'),
       url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.hcr-consult.com/css/old-standard-tt-v12-latin-regular.svg#OldStandardTT') format('svg'); /* Legacy iOS */
	font-display: swap;
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: lighter;
  src: url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.hcr-consult.com/css/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	font-display: swap;
}


html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0;border: 0; font-size: 100%;vertical-align: baseline; width: 100%; }

body {background : #FFFFFF;width: 100%;font-style : normal;font-weight : lighter;height : 100%; color: #333;
font-family: 'Raleway', sans-serif !important; 
} 
iframe {width: 0 !important;}

header,main, div, ul, div span, div p {float: left; position: relative;}
header {margin-top: 100px;}

.partscreen{z-index: 999; width: 1200px; }

a:link, a:visited{text-decoration: none !important; }
ol, ul {list-style: none; margin : 0;padding : 0;}
::before, ::after { box-sizing: border-box;}
*, ::before, ::after { box-sizing: inherit;}
b, strong {    font-weight: bold;}
p {width: 100%; text-decoration: none !important;}
span {display : inline-block;width : 100%;   }

h1, h2,h3, h5, h6 {float : left;font-weight : normal;text-align : center;vertical-align : middle;font-size : x-large;min-height : 30px; width: 100%;position: relative;}
h1 {text-align: center; color: #000; font-size: 2.8em;text-transform: uppercase; font-weight: bold; }
h2 {text-align: left; color: #444; font-size: x-large;text-transform: uppercase; font-weight: bold; }
h3 {text-align: left; color: #000; font-size: large;text-transform: uppercase; font-weight: normal; }
h5 {color: #cc0066;font-size : large;font-weight : lighter;}
h6 {color: #949494;font-size : 0.8em;font-weight : lighter;line-height : 20px;height : 20px;}
/*.title-default {display: block;text-transform: uppercase;line-height: 1em; text-align: left !important; margin-bottom : 20px;} */

/* POSITION ABSOLUTE */
#mainmenu,.header,.fullmenu .sub li .sub1,.fullmenu .sub li .sub2,ul li a:before, ul li a span:before,#navigation li ul,.srcbouton:after,.srcboutonreverse:after,.loadbar,.glow,.jssora051,.error {position : absolute;}
/* POSITION RELATIVE */
.headercol25,.header_nav,div span, div p,ul li,ul li a, .bouton,input[type="text"], input[type="radio"], textarea, input[type="password"], input[type="email"], select,#footerfull,.srcbouton,.srcboutonreverse,.trackbar,#sizepicmenu,#navigation li ul li a span,.enveloppe,.adsbygoogle {position: relative;}
/* POSITION FIXED */
#main-wrapper,#menu,#mainmenumobile,#fullbodypub,#phonecall,#loading, #loadingsafari,.preloader-wrap,#estimsizepic {position: fixed; }
/* GENERIQUES & CHARTE COULEUR 210819 Bleu foncé :  rgba(3,34,65,0.88) - #032241 ou 1 pour plein*/
.bgmain088 { background: rgba(3,34,65,0.88); }
.bgmain1 { background: rgba(3,34,65,0.8); }
.width100{width: 100%;}
.width50 {width: 50%;}
.width70 {width: 66%;}
.width30 {width: 34%;}
.width80 {width: 80%;}

/* ERROR formulaire contact */
.error {left: 10%; top: -40px; font-size: small; background-color: #FFC; color: #032241; display: none; border: 1px #032241 solid; border-radius: 10px; padding: 3px; width: 70%;}

/* NOUVEAU MENU 19/03/19 */
#main-wrapper {height: 60px;top: 0; left: 0; z-index: 10000; }
.container {float: none; }
.row, #main-wrapper {width: 100%; height: 65px;}
.header {top: 0;z-index: 1000;font-size: 0; display: block; width: 100% !important; box-sizing: border-box; }
.container:before,.row:before {content:" ";display: table;box-sizing: border-box;font: inherit;}
.header_logo,.header_nav,.header_details,.headercol25 {font-weight: 500; font-size: 16px; vertical-align: middle !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; }
nav {text-align: center !important; display: block; box-sizing: border-box; }
#navigation{font-size: 0;text-align: center !important; }
#navigation li{	display: inline-block;	font-size: 13px;vertical-align: middle; padding-top: 20px;	padding-bottom: 20px; width: 19.5%;}
#navigation li a{display: block;font-size: 13px;	color: #FFF;text-transform: uppercase;cursor: pointer;	}
#navigation li a:before,#navigation li a span:before,#navigation li ul li a span:before {content: '';display: inline-block;	background-color: #d2b66c;	left: 0;bottom: -3px;width: 0;height: 2px;transition: width 0.2s linear;}
#navigation li a:hover:before,#navigation li:hover a:before{width: 100%;text-shadow: 2px 2px 3px rgba(0,0,0,0.7);}
#navigation li ul{width: 200px;	top: 100%;left: 50%;transform: translateX(-50%);visibility: hidden;	opacity: 0;	transition: opacity 0.3s linear;}
#navigation li:hover ul{visibility: visible;opacity: 1;	}
#navigation li ul li{padding-top: 10px; padding-bottom: 0px; width: 100%;}
#navigation li ul li:last-child{padding-bottom: 10px;}
#navigation li ul li a{	display: inline-block;	letter-spacing: 0;	}
#navigation li ul li a:before{display: none;}
#navigation li ul li a span{padding: 4px 0 !important;}
#navigation li ul li a span:before{	width: 0 !important;}
#navigation li ul li a:hover span:before{width: 100% !important;}
#navigation li ul li a span::before {bottom: 0px;z-index: 2;}
#navigation li .menu-item1,#navigation li .menu-item2,#navigation li .menu-item3,#navigation li .menu-item4,#navigation li .menu-item5 {display:block;}
#navigation li ul li.sub-menu-item23,#navigation li ul li.sub-menu-item12{display: none;}

.headercol25 {width: 10%; min-height: 1px; text-align: center;}
.headercol25 img {width: 60px !important; height: 60px !important;}
.header_nav{width: 75%;min-height: 1px;}
.header_details {width: 15%;line-height: 1em; height: 60px;text-align: center !important; top: 3px;}

.header_number{font-size: 1em; color: #FFF !important; display: inline-block !important; margin-top: 15px; width: 80%; }
.ai-mobile-phone {display: inline; font-style: normal !important; }
.header_social {display: inline-block !important; margin-top: 18px; width: 20%;  }
.header_social img {width: 25px; height: 25px; margin-bottom: 15px; margin-left: 5px;}
.enveloppe {width: 33%;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;color: #FFF !important;vertical-align: middle !important;display: inline-block !important; font-size: x-large; margin-top: -10px;  }
.enveloppe:hover{color: #d2b66c !important; cursor: pointer;}

.header_number{display: none!important; width: 0%;}
.header_social{width: 100%;}	


/* FIN NOUVEAU MENU */
/* DEBUT MENU MAX 720px */
#menu {width : 0px;top: 0;height : 60px;z-index : 999; display: none; }
#actu, #reseau, #divindex {display : none;}
#mainmenu {width: 100%;float: left;list-style : none;color: #FFF; z-index : 1050;display: none;}
#mainmenu li {float : left; display: inline-block;vertical-align : middle;text-align : center;list-style : none;width : 25%;height : 75px;line-height : 75px;font-size : x-large; }
#mainmenu li:first-child img {margin: auto;vertical-align : middle;text-align:center;}
#mainmenu li a, #mainmenumobile li a {color: #FFF;text-shadow : 0 0 0;}
#mainmenu li:hover {color: #FFF;font-weight : bold;}
#mainmenu li:last-child a,#mainmenu li:hover a {color: #FFF;}

.fullmenu a, .submobile a,.submenufont2 a 	{color: #ffffff;text-decoration : none;text-shadow : 0 0 0;}
.fullmenu 			{float: left; top : 75px;width : 100%;z-index : 10000;border-bottom : 1px solid #222; height: 210px;}
.sub,#prefooter ul 	{margin-left: auto; margin-right: auto; width: 1000px; }
.sub li,#prefooter ul > li	{float: left;border : none;text-decoration : none;text-align : left;z-index : 990;list-style : none; width: 25%; height: 210px;}
.submenufont 			{font-size : large;vertical-align : middle;color: #d2b66c;height: 30px; line-height: 30px; }
.submenufont2 			{font-size : medium;vertical-align : bottom;color: #ffffff;height: 30px; line-height: 30px; }
.sub li.submenuimage{ width: 30%;}
.submenuimagetitletext 	{font-size : medium;vertical-align : middle;color: #0074E4;}
.sub li.submenuimagetext 		{width: 70%;}
.submenuimage img {border: 2px groove #333; margin-top: 10px;}
#mainmenumobile {color: #FFF;height : 50px;width: 100%;}
#mainmenumobile li {text-align : center;list-style : none;width : 50%;height : 50px;font-size : large;display: inline-block; float: left;}
#divindexmobile {display : none;z-index : 999; margin-top: 50px; }
.submobile { width: 100%;  background: #FFF;height: 100vh; }
.submobile li{	z-index: 991; width: 100%;vertical-align: middle; float: left;	border-bottom: 1px solid #FFF !important;}
.submobile li a {color: #FFF;}
.submobile li button {width: 92% !important; margin-left: 1%; text-align: left !important; padding-left: 10px; color: #FFF; font-size: x-large; border: 0px !important; }
li.submenumob2{vertical-align: top;color: #EEE; background: #0074E4;text-align: left; padding-left: 5px; }
li.submenumob2 a, li.submenumob a {text-decoration: none;color: #EEE;}
li.submenumob2 a:hover, li.submenumob a:hover {color: #FFF; cursor: pointer;}
img.logomenumobile {height : 50px;width : 150px;}
img.logomenu {height : 50px;width : 160px;}
#openindex:hover,#mainmenumobile li:first-child:hover,#mainmenu li:hover,#mainmenu li:last-child:hover,.submenufont2 a:hover,.textprefooter:hover,.textprefooter a:hover,.srcbouton:hover, .srcboutonmenu:hover,.submobile li.submenumob2 a:hover, .submobile li.submenumob a:hover,#mainmenu li:last-child:hover {cursor : pointer;font-weight: bold;}
/* FIN MENU MAX 720px */
#totoparrow {position: fixed; right: 2%; width: 30px; height: 30px; background-color: #333; z-index: 50000; display: none;}
#totoparrow p {text-align: center; line-height: 28px; height: 30px; font-size: 35px; color: #FFF;margin-top: 12px;font-weight: lighter;}
#totoparrow:hover {cursor: pointer; background-color: #F03;}

/* DEBUT FOOTERFULL */
#footerfull {width: 100%;z-index : auto;overflow : hidden; margin-top: 10px; }
#footer {margin : auto;width : 1000px; float: none;}
#footer span {display: table; margin: 0 auto; }
#footer p {margin-top : 10px;z-index : auto; text-align: center;}
.mention, .mentionpp {text-align : center;color: #FFF;margin-top : 20px; font-size: small;}
#footer a {color: #D2B66C;}
/* FIN FOOTERFULL */

/* DEBUT BOUTON */
.bouton {z-index : auto;border : #FFF outset 2px;outline : none;color: #fff;display : inline-block;font-size : medium;background : #222;padding : 0 5px 0 5px;border-radius : 10px;}
.srcbouton,.srcboutonreverse{ display: block; width: 94%;	margin : 0 auto;height: 53px;font-size: 15px;color: #032241;line-height: 47px;text-align: center;text-decoration: none !important;vertical-align: top;	border: solid 2px #032241; z-index: 10000;	transition: all 0.2s linear;background-color: transparent; border-radius: 7px;}
.srcboutonreverse{ color: #FFF;border: solid 2px #FFFFFF; }
.srcbouton:after,.srcboutonreverse:after{content: '';display: inline-block;	background-color: #d2b66c;	top: 50%;left: 50%;	width: 0;height: 0;	transition: all 0.2s linear;z-index: -1;}
.srcbouton:hover,.srcboutonreverse:hover{	border-color: #d2b66c;	color: #FFF;cursor: pointer;}
.srcbouton:hover:after,.srcboutonreverse:hover:after{	top: 0;	left: 0;width: 100%;height: 100%;	}
/* FIN BOUTON */
#phonecall{float: left; text-decoration: none;right: 20px; bottom: 20px;display: none;z-index: 99999;}
input[type="text"], input[type="radio"], textarea, input[type="password"], input[type="email"], select {background : #FFF;color: #222;border : #CCC solid 1px;border-radius : 5px;}

.logofooter {position: relative; float: left; margin-top: 30px; margin-bottom: 30px; padding-top: 20px;border-top: #DDD 7px solid; width: 100%;}
.logofooterimg {position: absolute; left: 46%; top: -35px; width: 65px;}
.logofooterimg img {width: 65px; height: 65px;}



/* CONTACT.PHP */
.formular { float: left;left: 27%; width: 46%; height: auto; padding-bottom: 30px;}
.formular-basic, .formular-message {float: left; width: 100%; height: auto;}
.formular-basic::before, .formular-message::before {content: " "; display: table; }

.col25 {margin-top: 5px !important; width: 47%;float: left;min-height: 1px;padding-left: 0;padding-right: 3%; }
.col100 {margin-left: 0%; width: 97%;float: left;position: relative;min-height: 1px;}

.col100 p {
	position: relative; /* permet de positionner la checkbox cachée */
}

.col100 p [type="checkbox"]:not(:checked), 
.col100 p [type="checkbox"]:checked {
	/* Cache la checkbox sans
	   la désactiver pour les
	   lecteurs d'écran */
	position: absolute;
	left: 0;
	opacity: 0.01;
}

/* on prépare le label */
.col100 p [type="checkbox"]:not(:checked) + label,
.col100 p [type="checkbox"]:checked + label {
	position: relative; /* permet de positionner les pseudo-éléments */
	padding-left: 2.3em; /* fait un peu d'espace pour notre case à venir */
	font-size: 1.05em; /* Label un peu plus gros */
	line-height: 1.7;
	cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect de la case */
.col100 p [type="checkbox"]:not(:checked) + label:before,
.col100 p [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid #aaa;
	background: #FFF;
	border-radius: .2em;
	box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
	transition: all .275s;
}

/* Aspect de la coche */
.col100 p [type="checkbox"]:not(:checked) + label:after,
.col100 p [type="checkbox"]:checked + label:after {
	content: 'x';
	position: absolute;
	top: .36em;
	left: .11em;
	font-size: 2em;
	color: #032241;
	line-height: 0;
	transition: all .2s; /* Petite transition */
	font-weight: bold;
}

/* Aspect non cochée */
.col100 p [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
.col100 p [type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1) rotate(0);
}




.formular label {font-size: 16px; text-transform: uppercase; color: #000000; }
.formular-basic input[type="text"], .formular-basic input[type="tel"], .formular-basic input[type="email"], .formular select, .formular-message textarea {clear: both;position:static !important;border: none; border-radius: 0;  border-bottom-width: medium;background-image: none;background: transparent; box-shadow: none;display: block;width: 97%; padding-left: 2%;padding-top: 7px;padding-bottom: 7px;font-size: 12px;outline: none !important;color: #000;  } /*border-bottom: solid 2px #032241; */
.formular-message textarea {height: 60px; resize: none; font-size: 14px; }
.followme { margin-left: 35%;	margin-top: 35px;	width: 30%;	height: 60px;}
.formular-basic .col25 span, .bordertextarea {border: #999 solid 1px;}
.formular-basic .errorform {width: 100% !important;height: 15px !important; line-height: 15px !important; color: red !important; font-size: 12px; font-style: italic; text-transform:none; font-weight: normal; margin-top: 5px !important; }
.formular-basic .col25 span:before { content: '';display: inline-block;	background-color: #d2b66c;	position: absolute;	bottom: 0px;width: 0;height: 2px;transition: width 0.2s linear;}
.formular-basic .col25 span:hover:before {width: 100%;}
.formular-message .col100 span:before { content: '';display: inline-block;	background-color: #d2b66c;	position: absolute;	bottom: 0px;width: 0;height: 2px;transition: width 0.4s linear;}
.formular-message .col100 span:hover:before {width: 100%;}
#sendformmail.srcbouton {margin-top: 10px; width: 95%; }
::placeholder {  color: #000;  font-size: 12px; font-style: italic; text-transform:none; font-weight: normal;}

/* FIN CONTACT.PHP */



#maindiv {height: 0; min-height: 0; width: 0;}

/* CHARTE COULEUR - Bleu foncé = #032241 - Doré = #D2B66C */

/* TEXT-TRANSFORM UPPERCASE */
.titlepres,.bigtitleline1,.linetitle p,.panel li .ville,.panel li .details {text-transform: uppercase;}


/* SLIDESHOW.PHP */
.slideshow img { border:0; }
.slideshow  {	z-index: 998;	overflow: hidden; margin-top: 40px; }

.slideshow li span {    position: absolute;    top: 0px;    left: 0px;    color: transparent;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    opacity: 0;
    z-index: 0;	-webkit-backface-visibility: hidden;    -webkit-animation: imageAnimation 36s linear infinite 0s;    -moz-animation: imageAnimation 36s linear infinite 0s;    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;    animation: imageAnimation 36s linear infinite 0s;}
@media screen and (max-width:788px) { .slideshow,.clicestim, .mouseOn, .mouseOut  {display: none;} }

.slideshow li:nth-child(2) div { -webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s;}
.slideshow li:nth-child(3) div {-webkit-animation-delay: 12s;-moz-animation-delay: 12s; -o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.slideshow li:nth-child(4) div {-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.slideshow li:nth-child(5) div {-webkit-animation-delay: 24s; -moz-animation-delay: 24s;-o-animation-delay: 24s; -ms-animation-delay: 24s;animation-delay: 24s;}
.slideshow li:nth-child(6) div {-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% { opacity: 0;   -webkit-animation-timing-function: ease-in;	}
	8% { opacity: 1;   -webkit-transform: scale(1.05);  -webkit-animation-timing-function: ease-out;	}
	17% { opacity: 1;  -webkit-transform: scale(1.1);	}
	25% { opacity: 0;  -webkit-transform: scale(1.1);	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% { opacity: 0; -moz-animation-timing-function: ease-in;	}
	8% { opacity: 1; -moz-transform: scale(1.05); -moz-animation-timing-function: ease-out;	}
	17% {opacity: 1;-moz-transform: scale(1.1);}
	25% {opacity: 0;-moz-transform: scale(1.1);	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% { opacity: 0; -o-animation-timing-function: ease-in;	}
	8% { opacity: 1; -o-transform: scale(1.05); -o-animation-timing-function: ease-out;	}
	17% { opacity: 1; -o-transform: scale(1.1);	}
	25% { opacity: 0; -o-transform: scale(1.1);	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% { opacity: 0; -ms-animation-timing-function: ease-in;	}
	8% { opacity: 1; -ms-transform: scale(1.05); -ms-animation-timing-function: ease-out;	}
	17% {opacity: 1; -ms-transform: scale(1.1);	}
	25% {opacity: 0; -ms-transform: scale(1.1);	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% { opacity: 0; animation-timing-function: ease-in;	}
	8% { opacity: 1; transform: scale(1.05); animation-timing-function: ease-out;	}
	17% {opacity: 1; transform: scale(1.1);	}
	25% {opacity: 0; transform: scale(1.1);	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}
.slideshow li:nth-child(1) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic1mini-min.jpg"); }
.slideshow li:nth-child(2) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic2mini-min.jpg"); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.slideshow li:nth-child(3) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic3mini-min.jpg"); -webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s;}
.slideshow li:nth-child(4) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic4mini-min.jpg"); -webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.slideshow li:nth-child(5) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic5mini-min.jpg"); -webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s;}
.slideshow li:nth-child(6) span { background-image: url("https://www.hcr-consult.com/img/sizepics/sizepic6mini-min.jpg"); -webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s;}
}



/* ABOUTME.PHP */
.helpusfull,.mapscreen,.statfull,.services,.contact {margin-bottom: 25px !important;} 
.aboutmeleft,.helpusleft,.statleft {top: 0; background: transparent; }

.aboutmedivleft {margin-top: 20px;  }

.titleref {color: #000; font-size: large; width: 6%; text-align: left; font-weight: bold; }
.titleline {background-color: #D2B66C; margin-top: 10px; width: 6%; height: 1px;}
.titlelinecenter {display: inline-block; background-color: #D2B66C; margin-top: 5px; width: 60px; height: 1px;}
.titlepres {font-size: x-large; text-align: left; width: 80%; color: #333;margin-left: 5%; }
.bigtitleline1 {font-size: 2.6em;line-height: 1em;color: #000; text-align: left;   margin-top: 25px; font-weight: bold;}
.bigtitleline2 { font-size: xx-large; text-align: left;   }
.aboutpresent {color: #222; font-size: large; text-align: justify; width: 95%; margin-left: 0;margin-bottom: 20px; margin-top: 15px; font-weight: normal;}
.aboutpresent p span {margin-top: 8px;}
.aboutmeright {left: 0%; } /*background: rgba(2,48,97,0.88); */
/*.aboutmeright img {display: inline-block;  margin-top: -22%; } /* margin-left: -6%; width: 500px; height: 610px; TAILLE DE l'IMAGE V3 = 568x771, soit ratio hauteur vs largeur = 1,3573 */
.aboutmeright img {margin-left: -5%;width: 100%;height: auto;margin-top: -25%;     }
.aboutmeright.mapsold img { position: relative;  margin-top: 0 !important;  }

/*.jssorleft { float: left;} */

/* FIN ABOUTME.PHP */

.linenumber,.linetitle{margin-left: 0; margin-top: 20px;}
.linenumber p{ margin-top: 0px;}
.linetitle p{font-size: 2.6em;line-height: 1em;}
.linetitle h2,.linetitle h3 {text-align: left;}
.refcenter { width: 400px;}


@media screen and (max-width:1220px) {
.width70{ width: 100%;}
.width30{ width: 0%}
.aboutmeright img{display: none;}
.aboutpresent {width: 99%; margin-top: 10px;}	
.titleref {width: 3%;}
.titleline{width: 3%;}
.titlepres{width: 91%; margin-left: 3%;}
.headercol25 {width: 10%;}
.header_details {width: 25%;}
.header_nav{width: 65%;}
h1, h2, h3 {width: 100%;}	
}

@media screen and (max-width:1000px) {
h1 { font-size: 2.3em;	}
h2 { font-size: 20px;	}
H3 { font-size: 18px; }
.aboutpresent p span { font-size: 16px;	}
main {margin-top: 20px;}
.formular {left: 2%; width: 96%;}
#navigation li.row-item1, #navigation li.row-item2 {display: none;}
#navigation li {width: 33%;}
}

@media screen and (max-width:800px) {
.col25, .col100 { width: 94%;	}
#navigation li.row-item1, #navigation li.row-item2, #navigation li.row-item3  {display: none;}
#navigation li {width: 50%;}
h3 { font-size: 16px; }
.aboutpresent p span { font-size: 15px;	}
}

@media screen and (max-width:600px) {
#navigation li.row-item1, #navigation li.row-item2, #navigation li.row-item3,#navigation li.row-item4  {display: none;}
#navigation li {width: 100%;}
.headercol25 {width: 25%;}
.header_details {width: 35%;}
.header_nav{width: 40%;}
.header_number{display: none!important; width: 0%;}
.header_social{width: 100%;}	

}