/* CSS Document */

@import url("main.css");

body {
	margin:0;
	padding:0;
	font-family:'open_light_web', Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#332f30;
	background-color:#fff;
	background:url(/global/img/bg/fond.png) repeat;
}

/* Global */
h1, .titre_h1, h2, .titre_h2, h3, .titre_h3, h4, .titre_h4 {
	font-family:'Santana_bold', sans-serif;
	font-weight:normal;	
}
h1, .titre_h1 {
	color:#a38b66;
	text-transform:uppercase;
	font-size:22px;
	margin:0 0 10px 0;	
}
h2, .titre_h2 {
	font-size:18px;
	color:#332f30;
}
h3, .titre_h3 {
	font-size:16px;
	color:#cfb182;
}
h4, .titre_h4 {
	font-size:14px;
	color:#a38b66;
}
p {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:justify;
}
a {
	color:#a38b66;
	text-decoration:none;
}
a:hover {
	color:#000000;
}
hr {
	position:relative;
	display:block;
	height:1px;
	background-color:#a38b66;
	overflow:hidden;
	border:none;
	margin-bottom:15px;
	margin-top:15px;
}
img { border:none;}
ul {
	position:relative;
	margin:10px 0px 10px 0px;
	padding:0;
	list-style:none;
}
ul li {
	position:relative;
	margin:0;
	padding:0;
	background-image:url(../img/puces/carre-brun-10.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	line-height:22px;
	margin-left:20px;
}
strong {
	font-family:'open_web', sans-serif;
	font-weight:normal;
}

/* Fomulaire */
input[type=text], input[type=password], select, textarea, .input {
	font-family:'open_italic_web';
	color:#373234;
	border:1px solid #A78560;
	border-radius:0;
	padding:5px;
	font-size:14px;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, .input:focus {
	background-color:#A78560;
	color:#fff;
	border:1px solid #A78560;
}
/* Boutons : liens + submit */
input[type=submit], input[type=button], a.bouton, a.button {
	font:normal 22px 'Santana_bold', sans-serif;
	color:#fff;
	letter-spacing:normal;
	border:none;
	padding:8px;
	border-radius:0;
	background:url(/global/img/bg/menu-01.png) no-repeat 0 0 #966A39;
	text-transform:uppercase;
}
input[type=submit]:hover, input[type=button]:hover, a.bouton:hover, a.button:hover {
	background:url(/global/img/bg/menu-01.png) no-repeat 0 -457px;
}
input:invalid, textarea:invalid {background:#fff;}

/* Tooltip, cadres, infos, erreurs */
.ui-tooltip {
	font:normal 18px 'open_web', sans-serif;
	background:#966A39;
	color:#fff;
	border:2px solid #AB8861;
	border-radius:0;
}
#txt_confirm, .txt_confirm, .erreurs {
	background:#A78560;
	color:#fff;
	border-radius:0;
	margin:10px auto;
	display:inline-block;
	font:normal 18px 'open_italic_web', sans-serif;
	border:2px solid #fff;
	z-index:5000;
	padding:10px;
}
.erreurs {
	background:#fff;
	color:#000;
	border:2px solid #FF9900;
}

/* Conteneur */
#main {
	position:relative;
	min-height:500px;
}

/* Haut */
#haut {
	position:relative;
}
#haut_min {
	position:relative;
	height:170px;
}
#logo_haut {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	background:url(/global/img/bg/trs-blanc-60.png) repeat;
}
#tel_haut, #mail_haut {
	position:absolute;
	cursor:pointer;
	bottom:15px;
	right:15px;
	z-index:10;	
	width:67px;
	height:71px;
	background:url(/global/img/bt/tel-hover.png) no-repeat 0 0;
}
#mail_haut {
	background:url(/global/img/bt/mail-hover.png) no-repeat 0 0;
	right:100px;
}
#menu_mobile{
	display:none;
}
/* Contenu */
.contenu {
	position:relative;
	width:1420px;
	margin:auto;
}
#contenu_pages {
	position:relative;
	z-index:30;
	min-height:700px;
	margin-top:30px;	
}
h1.titre_page {
	position:relative;
	margin:-61px 0 0 0;
	display:block;
	width:198px;
	z-index:30;
	text-align:center;
	color:#fff;
	padding:15px 30px;
	background:url(/global/img/bg/th-brun-18.png) no-repeat 2% center, url(/global/img/bg/th-brun-18.png) no-repeat 98% center, url(/global/img/bg/trs-noir.png) repeat;			
}

/* Encarts */
#encarts {
	position:relative;
	height:650px;
}
.encart {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:650px;
	-khtml-opacity:0; 
    -moz-opacity:0; 
    -ms-filter:"alpha(opacity=0)"; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
    filter:alpha(opacity=0); 
    opacity:0;
}
.encart_image {
	position:relative; 
	height:650px;
	overflow:hidden;	
	z-index:1;	
}
.encart_infos {
	position:absolute;	
	z-index:2;
	width:500px;
	height:100px;
	bottom:50px;
	left:0;	
}
.encart_titre {
	background:url(/global/img/bg/trs-noir.png) repeat;
	padding:8px 10px 8px 150px;
	color:#fff;
	font:normal 16px 'Santana', sans-serif;	
}
.encart_texte {
	background:url(/global/img/bg/trs-gris.png) repeat;	
	padding:5px 10px 3px 150px;
	font-size:14px;
}
.encart_texte a {
	text-transform:uppercase;
	color:#352D28;
}
.encart_texte a:hover {color:#FF9A00;}
#encarts_liens {
	position:absolute;
	text-align:right;
	bottom:122px;
	left:390px;
	z-index:3;
	width:100px;
}
.encart_lien {
	display:inline-block;
	height:10px;
	width:10px;
	background-color:#fff;	
}
.encart_lien.actif {background-color:#cfb182;}

/*Menu haut sur les pages */
#menu_haut {
	display: flex;
	position:absolute;
	top:0;
	right:0;
	z-index:30;
	width:1130px;
	height:45px;	
	background:url(/global/img/bg/menu-haut.png) no-repeat 0 0;
}
#menu_haut li {
	/*float:left;*/
	font:normal 16px 'Santana', sans-serif;
	text-transform:uppercase;
	background:none;
	width:25%;
	padding:0;
	margin:0;
	height:21px;		
}
#menu_haut li a {
	display:block;
	text-align:center;
	color:#fff;	
	padding:14px 20px;
	border-left:1px solid #d2b689;
	border-right:1px solid #725534;
}
#menu_haut li a:hover {
	background:#A78560;
	color:#373234;
}

/* Menu Accueil */
#menu_accueil {
	position:relative;
	margin-top:-15px;
	z-index:10;
	text-align:center;
}	
.m_accueil {
	position:relative;
	/*width:348px;*/
	/*height:348px;*/
	width: 250px;
	height: 250px;
	display:inline-block;
	margin-right:5px;
	text-align:center;
	text-transform:uppercase;
	font:normal 28px 'Santana', sans-serif;	
}
.m_accueil:last-child {margin-right:0;}
.m_accueil a {
	display:block;
	height:180px;	
	padding-top:168px;
}
#m_accueil_01 {background:url(/global/img/bg/menu-01.png) no-repeat;}
#m_accueil_02 {background:url(/global/img/bg/menu-02.png) no-repeat;}
#m_accueil_03 {background:url(/global/img/bg/menu-03.png) no-repeat;}
#m_accueil_04 {background:url(/global/img/bg/menu-04.png) no-repeat;}
#m_accueil_05 {background:url(/global/img/bg/menu-04.png) no-repeat;}

#m_accueil_01 a {color:#fff;}
#m_accueil_02 a {color:#634626;}
#m_accueil_03 a {color:#cfb182;}
#m_accueil_04 a {color:#373234;}
#m_accueil_05 a {color:#634626;}
.m_accueil:hover {background-position:0 -457px !important;}

/* Texte accueil */
#texte_accueil {
	position:relative;
	margin:30px 0;
	text-align:center;
	font-size:16px;	
}
#texte_accueil h1 {
	background:#966A39;
	color:#fff;
	display:inline-block; 
	padding:10px 30px;	
}
#texte_accueil table {
	border-collapse:separate;
	border-spacing:50px;	
}
#texte_accueil table td {
	position:relative;
	width:33.33%;
}
#texte_accueil table td strong {color:#FF9900;}
#texte_accueil h2 {
	text-align:center;	
	background:url(/global/img/bg/tv-brun-18.png) no-repeat top center, url(/global/img/bg/tv-brun-18.png) no-repeat bottom center;
	text-transform:uppercase;
	padding:30px 0;
	margin-bottom:10px;	
	font:normal 18px 'Santana_bold', sans-serif; 
}

/* Actualités */
#actus_home {
	position:relative;
	margin:20px 0;	
}
#actus_home .actu {
	position:relative;
	float:left;	
	background:url(/global/img/bg/trs-beige.png) repeat;
}
#actus_home .titre_h3 {
	font-size:24px;
	text-align:center;
	margin-bottom:15px;
}
#actus_home .titre_h3:after {
	display:inline-block;
	content:'';
	margin-left:10px;
	width:200px;
	height:1px;
	background:#CFB182;	
}
#actus_home .actu_image {
	float:left;
	width:600px;	
}
#actus_home .actu_image img {width:100%;}
#actus_home .actu_contenu {
	position:relative;
	padding:60px;	
	margin-left:600px;
}
.actu_titre {
	color:#373234;
	font:normal 22px 'Santana', sans-serif;
	text-transform:uppercase;
	margin-bottom:20px;	
}
.actu_titre a {color:#373234;}
.actu_date {
	position:absolute;
	right:5px;
	top:5px;
	text-align:center;
	color:#373234;
}
.actu_date:after {
	display:block;
	content:'';
	background:#373234;
	width:1px;
	height:20px;
	margin:5px auto 0 auto;
}
#actus_liens {
	position:absolute;
	right:5px;
	top:20px;	
}
.actu_lien {
	display:inline-block;
	height:10px;
	width:10px;
	background-color:#a38b66;	
}
.actu_lien.actif {background-color:#373234;}
/* Détail d'une actualité */
.actu_detail {min-height:500px !important;}
#actu_cadre_image_principale {
	position:relative;
	display:inline;
	float:left;
	margin:0 15px 15px 0px;
	z-index:100;
	padding:0;
	width:auto;
}
#actu_image_principale {position:relative;} 
#texte_actu {position:relative;}
#texte_actu ul {
	position:relative;
	display:inline-block;
	width:inherit;
}
#actu_infos {
	padding:0 15px;
	margin:8px 0;	
}

/* Contact */
#form_contact input[type="text"], textarea, select {
	width:90%;
	box-sizing:border-box;
}

/* Références */
#filtres {
	position:relative;
	padding:2%;
	margin-right:2%;
	margin-top:200px;
	width:24%;
	float:left;
	background:url(/global/img/bg/trs-beige.png) repeat;	
}
.filtre {
	position:relative;
	margin-bottom:10px;
	padding-bottom:30px;
	background:url(/global/img/bg/th-brun-18.png) no-repeat center bottom;	
}
.filtre strong {
	font:normal 16px 'open_italic_web', sans-serif;		
}
#references {
	position:relative;
	width:70%;
	float:left;	
}

#template-emploi{
	position:relative;
	width:100% !important;
	float:inherit !important;
}


#references #loader {
	text-align:center;	
}
.reference {
	position:relative;
	cursor:pointer;
	float:left;
	margin:0 40px 40px 0;
	width:400px;
	height:270px;
	background-repeat:no-repeat;
	background-size:100% auto;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	transition:all 1s;
}

.reference img {
    transition: all 1s;
    object-fit: cover;
}

.reference:hover {
	background-size:110% auto;	
}

.reference img:hover {
    scale: 1.1;
}


.reference_titre {
	font:normal 18px 'Santana_bold', sans-serif;
	text-align:center;
	position: relative;
	z-index: 2;
}
.reference_titre a {
	display:block;
	color:#fff;	
	background:url(/global/img/bg/th-brun-18.png) no-repeat 2% center, url(/global/img/bg/th-brun-18.png) no-repeat 98% center, url(/global/img/bg/trs-noir.png) repeat;
	padding:5px 30px;
}
.reference_lien {
	position:absolute;
	bottom:3px;
	right:0;
	font:normal 14px 'open_light_web', sans-serif;		
	text-transform:uppercase;
	z-index: 2;
}	
.reference_lien a {
	background:url(/global/img/bg/trs-noir.png) repeat;
	color:#fff;	
	padding:3px 5px;

}
.pagination {
	position:relative;
	margin:0 0 20px 0;	
}
.pagination > span {display:none;}
.pagination .lien_page {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#966A39;
	color:#fff;	
}
a.lien_page:hover, a.lien_page_sel {
	background:#D2C8B9 !important;	
	color:#966A39 !important;
}

/* Fiche référence */
h1.page_reference {
	position:relative;
	float:left;	
	width:auto;
	padding:15px 50px;
}
#reference_infos {
	position:relative;
	float:right;
	margin:-61px 0 0 0;
}
#reference_infos span {
	display:inline-block;
	background:#966A39;
	width:180px;
	text-align:right;
	color:#fff;
	text-transform:uppercase;
	padding:2px 5px;
	margin-bottom:3px;	
}
#reference_infos strong {
	display:inline-block;
	width:150px;
	text-align:left;
	margin-left:-0.25em;
	background:#373234;
	padding:2px 5px;
	color:#fff;	
}
#reference_description {
	position:relative;
	font:normal 14px 'open_italic_web', sans-serif; 	
}
#reference_description ul {
	position:relative;
	float:right;
	width:50%;
	margin-right:5%;	
}
#titre_details {
	position:relative;
	margin:0 0 40px 0;
	text-align:center;	
	background:url(/global/img/bg/tv-brun-18.png) no-repeat top center, url(/global/img/bg/tv-brun-18.png) no-repeat bottom center;
	text-transform:uppercase;
	padding:30px 0;
	font:normal 18px 'Santana_bold', sans-serif; 	
}
#reference_medias {
	border-top:1px solid #966A39;
	padding-top:10px;
	margin-top:10px;	
}
.media {
	display:inline-block;
	margin-right:5px;	
}
.cbox_ref #cboxCurrent, .cbox_ref #cboxNext, .cbox_ref #cboxPrevious, .cbox_ref #cboxClose, .cbox_ref #cboxMiddleLeft, .cbox_ref #cboxMiddleRight, .cbox_ref #cboxTopLeft, .cbox_ref #cboxTopCenter, .cbox_ref #cboxTopRight, .cbox_ref #cboxBottomLeft, .cbox_ref #cboxBottomCenter, .cbox_ref #cboxBottomRight {display:none !important;}
#cboxOverlay.cbox_ref {background:#fff !important;}
.cbox_ref #cboxLoadedContent {margin:0;}
.cbox_ref #cboxTitle {
	color:#fff;	
	background:url(/global/img/bg/th-brun-18.png) no-repeat 2% center, url(/global/img/bg/th-brun-18.png) no-repeat 98% center, url(/global/img/bg/trs-noir.png) repeat;
	padding:5px 10%;	
	float:none;
	width:80%;
	bottom:0;	 
}
.tab_reference {
	position:relative;
	float:left;
	margin-top:15px;
	width:45%;
	background:url(/global/img/bg/trs-beige.png) repeat;
}
.tab_reference tr td {
	padding:5px;
	font:normal 14px 'open_web', sans-serif;
}
.tab_reference tr td:first-child {
	text-align:center;
	color:#966A39;
	font:normal 14px 'open_italic_web', sans-serif;
}
div#pdf{
	position:absolute;
	margin-top: -180px;
}
a.pdf-download{
	font-weight:bold;
	font-size:12pt;
	text-decoration:underline;
}
.fa-download{
	color:rgb(120, 85, 46);
}

/* Bas */
#bas {
	position:relative;
	height:100px;
	background:url(/global/img/bg/bas.png) repeat-x bottom;
	background-color:#373234;
}
#menu_bas {
	float:right;
	margin-top:15px;	
}
.m_bas {
	display:inline-block;
	color:#fff;
}
.m_bas a {color:#fff;}
.m_bas a:after {
	margin:0 5px;
	content:'/';
	color:#966a39;	
}
.m_bas:last-child a:after {content:'';}
.m_bas a:hover {
	color:#966a39;
	text-decoration:underline;
}

/* Bandeau */
#mention_cookies {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 40px;
	padding: 10px;
	text-align: center;
	background:#fff;
	font-size:16px;
	border-top:1px solid #999;
	z-index: 99999;
}
#mention_cookies p {
	display:inline;
	padding: 0;
	margin: 0;
}
#mention_cookies #bt_close {
	display:inline-block;
	margin-left: 50px;
}

#mention_cookies a{
	color:#a38b66;
}

/*Evolution du 22012025*/

.hidden{
	display: none;
}

.btn{
	background: #966A39;
	color: #fff;
	display: inline-block;
	padding: 10px 30px;
}

.btn {
	color: white !important;
	font-family:'Santana_bold', sans-serif;
	text-transform: uppercase;
	margin-top: 2rem;
}

#template-emploi .emploi  p{
	padding: 5px 5px 0px 5px ;
	color: white !important;
	font-weight: bold !important;
	font-family:'Santana_bold', sans-serif;
	position: relative;
	z-index: 2;
}

.fond{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
}