:root {
	--cp--bleu: #06121d;    
    --cp--bg-nav: #000000;
    --cp--bg-footer: #000000;
    --cp--bg-fond-blanc: #FFFFFF;
    --cp--bg-fond-gris: #ECECEC;
    --cp--text-color: #383838;
    --cp--rouge: #b01507;
}

body {
	font: 1rem Poppinslight, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: var(--cp--text-color);
	padding: 0;
	margin: 0;
	background-color: #ededed;
	line-height: 1.6em;
}

*{-moz-box-sizing: border-box; box-sizing: border-box;}


@font-face {
    font-family: 'Abuget';
    src: url('/scripts/css/fonts/Abuget.eot');
    src: url('/scripts/css/fonts/Abuget.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Abuget.woff2') format('woff2'),
        url('/scripts/css/fonts/Abuget.woff') format('woff'),
        url('/scripts/css/fonts/Abuget.ttf') format('truetype'),
        url('/scripts/css/fonts/Abuget.svg#Abuget') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinsbold';
    src: url('/scripts/css/fonts/Poppins-SemiBold.eot');
    src: url('/scripts/css/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('/scripts/css/fonts/Poppins-SemiBold.woff') format('woff'),
        url('/scripts/css/fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('/scripts/css/fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinsregular';
    src: url('/scripts/css/fonts/Poppins-Regular.eot');
    src: url('/scripts/css/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/scripts/css/fonts/Poppins-Regular.woff') format('woff'),
        url('/scripts/css/fonts/Poppins-Regular.ttf') format('truetype'),
        url('/scripts/css/fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinslight';
    src: url('/scripts/css/fonts/Poppins-Light.eot');
    src: url('/scripts/css/fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Poppins-Light.woff2') format('woff2'),
        url('/scripts/css/fonts/Poppins-Light.woff') format('woff'),
        url('/scripts/css/fonts/Poppins-Light.ttf') format('truetype'),
        url('/scripts/css/fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinsextralight';
    src: url('/scripts/css/fonts/Poppins-ExtraLight.eot');
    src: url('/scripts/css/fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('/scripts/css/fonts/Poppins-ExtraLight.woff') format('woff'),
        url('/scripts/css/fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('/scripts/css/fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair';
    src: url('/scripts/css/fonts/Playfair9pt-Medium.eot');
    src: url('/scripts/css/fonts/Playfair9pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('/scripts/css/fonts/Playfair9pt-Medium.woff2') format('woff2'),
        url('/scripts/css/fonts/Playfair9pt-Medium.woff') format('woff'),
        url('/scripts/css/fonts/Playfair9pt-Medium.ttf') format('truetype'),
        url('/scripts/css/fonts/Playfair9pt-Medium.svg#Playfair9pt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

h1{font-family: 'Poppinsbold';}
h2 .rouge{font-weight:bold;}
h2{font-family: 'Poppinsextralight';}

.enteteTab{background-color:black;color:white;}
.rouge{color:var(--cp--rouge);}

div#div_glob{width:100%;height:100%;}


.sectionmainblanc{background-color:var(cp--bg-fond-blanc);}
.sectionmaingris{background-color:var(--cp--bg-fond-gris);}
.sectionmainrouge{background-color:var(--cp--rouge); color:white;}
.sectionmainnoir{background-color:#000; color:white;}

.ligne1{background-color:#F0F0F0;}
.ligne{background-color:white;}
#sectionmainblanc_ref{border-bottom: 1px solid #4C4C4C;}

a:link, a:visited, a:active{
	color: ##6EAEFB;
	text-decoration: none;
}

a:hover{text-decoration: underline;}

.sectionmainrouge a:link, .sectionmainrouge a:visited, .sectionmainrouge a:active{color:white;}

img{max-width:100%;}

div#divillusht{background-repeat:no-repeat;background-size:cover;background-position: center center;}

.bgrouge{color:white;background-color:var(--cp--rouge);font-weight:bold;padding:1rem;}
.bgvert{color:white;background-color:green;font-weight:bold;padding:1rem;}

div#divillushthome{background-position: center center;background-size: cover;}

/************************** Formulaires *******************************/
span[itemprop="headline"],span[itemprop="author"],span[itemprop="url"],span[itemprop="image"],span[itemprop="logo"],span[itemprop="description"],span[itemprop="offers"],span[itemprop="priceCurrency"],span[itemprop="lowPrice"],span[itemprop="offerCount"]{display:none;}
form p{text-align:center;margin:0;padding:0;}
form label{
	display:inline-block;
	width:150px;
	text-align:right;
	margin-right:10px;
}

.form p{text-align:center;margin:0;padding:0;}

form label{
	display:inline-block;
	width:150px;
	text-align:right;
	margin-right:10px;
}
 p:focus-within label{color:var(--cp--text-color);}

.bleu{color:var(--cp--bleu);}

.spanform{
	display:inline-block;
	text-align:left;
	width:100%;
	background-color:#f3f3f3;
	margin-bottom: 10px;
}

form input[type="text"],form input[type="file"],form input[type="email"],form input[type="number"],form input[type=password],form select,#labelle_contat_cv{
	height:40px;
	background-color:white;
	color: var(--cp--text-color);
	border:none;
	border-bottom: 1px solid #313131;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1rem;
}

input[type=file]::file-selector-button {
  visibility: hidden;
}



.input[type=file]:before {
  content: 'your wording';
}

form textarea{
	background-color:white;
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: var(--cp--text-color);	
	border: 1px solid #313131;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1rem;
	background-color:#E9E9E9;
	padding: 1rem;
}

input[type="submit"],input[type="reset"],input[type="button"],button{
	background-color: var(--cp--bg-nav);
	color:white;
	border: 1px solid var(--cp--bg-nav);
	padding: 0.5rem;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:20px;
	font-size:1rem;
	cursor:pointer;
}

input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:not(.hamburger-menu):hover,button:not(.hamburger-menu):hover{
	background-color: var(--cp--rouge);
	border: 1px solid var(--cp--rouge);
}

form input[type="text"]:focus, form textarea:focus, form select:focus, form input[type="email"]:focus{outline: none;}

#btRecherche{height:40px;border: 1px solid var(--cp--rouge);background-color:var(--cp--rouge);}

/** Contact **/
#divform_cs form input[type="text"],#divform_cs form input[type="email"],#divform_cs form input[type="number"],#divform_cs form input[type=password],#divform_cs form select{
	height:40px;
	background-color:white;
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: var(--cp--text-color);
	border:none;
	border: 1px solid #313131;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1rem;
}
/** Contact **/
/************************** Formulaires *******************************/


/************* File d'ariane **************/
/* Style the list */
ul.breadcrumb {
	padding: 0;
	list-style: none;
	text-align:center;
}

/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
	font-size: 0.85rem;
}

/* Element séparateur */
ul.breadcrumb li+li:before {
	padding: 5px;
	font-size:0.6rem;
	color: #767676;
	content: ">>";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
	color: #767676;
	text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
	color: black;
	text-decoration: none;
}

div.sectionmainrouge ul.breadcrumb li+li:before{color:white;}

/************* File d'ariane **************/

.list_carousel a{color:var(--cp--text-color);text-decoration:none;}

div#cap_sticky_contact form input[type="text"],div#cap_sticky_contact form input[type="email"],div#cap_sticky_contact form input[type="number"],div#cap_sticky_contact form input[type=password],div#cap_sticky_contact form select{
	height:32px;
	background-color:white;
	border:none;
	padding-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1rem;
	width:100%;
	border-radius:5px;
	display:block;
	font-size:0.9rem;
	color: var(--cp--text-color); 

}

div#cap_sticky_contact form input[type="submit"],div#cap_sticky_contact form input[type="reset"],div#cap_sticky_contact form input[type="button"],div#cap_sticky_contact form button{
	width:100%;
	height:45px;
	border-radius:500px;
	border: none;}
div#cap_sticky_contact form input[type="submit"]:hover,div#cap_sticky_contact form input[type="reset"]:hover,div#cap_sticky_contact form input[type="button"]:hover,div#cap_sticky_contact form button:hover{
	box-shadow:none;
	background-color:#181818;
	cursor: pointer;
}

div#cap_sticky_contact form textarea{
	background-color:white;
	border:none;
	padding-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1rem;
	width:100%;
	border-radius:5px;
	display:block;
	font-size:0.9rem;
}

svg#Calque_1{display: none;}

div#divoblig{margin-top:-0.5rem;margin-top:1rem;margin-bottom:1rem;font-style:italic;}

/***************** Carrousel *****************/
.list_carousel{
	margin: 0;
	width: 360px;
	overflow:hidden;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	color: #999;
	width: 50px;
	height: auto;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
	overflow: hidden;
	overflow:hidden;
	border-radius: 15px;
}



.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}

.center{text-align:center;}
/***************** Carrousel *****************/

a.aensavoirplus:link, a.aensavoirplus:visited, a.aensavoirplus:active{
	padding:2rem;
	padding-top:1rem;
	padding-bottom:1rem;
	display:inline-block;
	margin-top: 2rem;
	font-size:1.1rem;
	text-decoration:none;
	color:var(--cp--text-color);
	padding:0;
	padding-bottom:0.25rem;
	border-bottom: 1px solid #313131;
}

a.aensavoirplus:hover{text-decoration:none;}

a.adownload:link, a.adownload:visited, a.adownload:active{
	display:inline-block;
	margin-top: 1rem;
	font-size:1.1rem;
	text-decoration:none;
	color:var(--cp--text-color);
	padding: 0.25rem;
    border: 1px solid #a1a1a1;
    padding-left: 3rem;
    padding-right: 1rem;
    background-image: url(/images/download.png);
    background-repeat: no-repeat;
    background-position: 0.5rem center;
}

a.adownload:hover{text-decoration:none;}


/*** Les annonces ***/
a.aannoncelst:link, a.aannoncelst:visited, a.aannoncelst:active{color:var(--cp--text-color);text-decoration:none;}
a.aannoncelst:hover{color:white;}
div.divannoncelst{
    border: 1px solid #EAEAEA;
    margin: auto;
    position: relative;
    text-align: left;
}
div.divannoncelst:hover{border: 1px solid var(--cp--bg-footer);}
div.divannoncelst:hover *{color:white !important;}
div.divannoncelst:hover div.divannoncelstdet{background-color:var(--cp--bg-footer);}

div.div_etat_ann{background-color:var(--cp--rouge);color:white;font-weight:bold;padding:0.5rem;padding-left:1rem;padding-right:1rem;display:inline-block;margin-top:1rem;margin-left:1rem;padding-left:20px;}
div.div_etat_ann::before{
	content: "";
	display:inline-block;
	height:29px;
	width:29px;
	left:4px;
	margin-top:-5px;
	background-image:url(/images/losange-noir.png);
	background-repeat:no-repeat;
	background-size: cover;	
	background-position: center center;	
	position:absolute;
}
div.div_etat_ann_nouveau{background-color:black;color:white;font-weight:bold;padding:0.5rem;padding-left:1rem;padding-right:1rem;display:inline-block;margin-top:1rem;margin-left:1rem;padding-left:20px;}
div.div_etat_ann_nouveau::before{
	content: "";
	display:inline-block;
	height:29px;
	width:29px;
	left:4px;
	margin-top:-5px;
	background-image:url(/images/losange-rouge.png);
	background-repeat:no-repeat;
	background-size: cover;	
	background-position: center center;	
	position:absolute;
}

/*** Les annonces ***/

.divport_slide_img h3{font-family: 'Playfair';font-weight:normal;}

/***************** Partie footer *****************/
footer{
	width: 100%;
	height: auto;
	background-color: var(--cp--bleu);
	padding-top:20px;
	color:white;
}

footer aside#asiders img{margin-right:12px; line-height: 1rem;}

a.abas:link, a.abas:visited, a.abas:active{
	width: 98%;
    line-height: 1rem;
    display: block;
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0.8rem;
}

a.abas:hover{text-decoration:underline;}

a.apagination:link, a.apagination:visited, a.apagination:active {
    font-size: 0.7rem;
    text-decoration: none;
    width: auto;
    min-width: 15px;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    color: #4f4f4f;
    border: 1px solid #B1B1B1;
    display: inline-block;
    text-align: center;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -Webkit-border-radius: 3px;
    border-radius: 3px;
}
a.apagination:hover{background-color:var(--cp--text-color); color:white;}

.selectionpage {
    font-size: 0.7rem;
    text-decoration: none;
    width: auto;
    min-width: 15px;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    background-color: var(--cp--rouge);
    border: 1px solid var(--cp--rouge);
    display: inline-block;
    text-align: center;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -Webkit-border-radius: 3px;
    border-radius: 3px;
}

#divcontactglob{
	background-image: url(/images/bg-contact.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
	background-attachment: fixed;
	background-position:right center;
}
#divcontactglob h1{margin-top:0;padding-top:4rem;}

#divbtsticky label{margin-top:-10px;display:block;text-align:center !important;width:100%;}
#divbtsticky a{text-decoration:none;}

/***************** Partie footer *****************/