@font-face{font-family:Symbolicons;src:url(Symbolicons.eot)}
td { font-family: Arial; font-size: 12px; font-style: normal; line-height: normal;color:#006FC8;}
.checklistcanceled {text-decoration: line-through;color: #999;}
body {margin: 0px;background-image:url(/images/locations.gif); background-position:left top; background-repeat:no-repeat; background-color:#FFFFFF;font-family: Arial; font-size: 12px; font-style: normal; line-height: normal;color:#006FC8;}
/* background: #FFFFFF  url(/images/bg_bleu.jpg) repeat-y fixed 50% 50% !important*/
.checklistcanceled {text-decoration: line-through;color: #999;}
a:hover {text-decoration:underline;}
a:click {color: #006FC8;}
a {font:normal 12px Arial, sans-serif;color:#006FC8;text-decoration:none;}
a:active {outline:none;}
:focus {moz-outline-style:none;}
textarea,input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
/* removing dotted line on buttons and clickable input elements for Firefox */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner{ border:0; }
/* Remove outline on buttons and clickable input elements for WebKit Browsers & IE8 */
input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button { outline : none; }
input:focus, textarea:focus {border: 1px solid #333;}
input[type=checkbox] {#border: 0;#background: none;}
input, textarea{border: 1px solid #EDEDED;height: auto;padding: 5px 1px 5px 5px;font-family: 'Arial'; font-size: 14px;color:#006FC8;}
select{border: 1px solid #EDEDED;padding: 1px;-webkit-border-radius:0px;border-top-left-radius:0px;font:normal 12px Arial, sans-serif;color:#006FC8;}
.btnbleu {font-family: Arial;color: #fff;font-size: 12px;background: #006FC8;padding: 5px;text-decoration: none; border:0}
.btnbleu:hover {background: #3DA1F2;text-decoration: none;}
.copyright {font: bold 11.5px Arial, sans-serif;color: #FFFFFF; text-decoration: none;}
h1 {font:bold 16px Arial, sans-serif;color:#004c95;}
h2 {font:bold 14px Arial, sans-serif;color:color:#004c95;padding:0;margin:0;}
h3 {font:bold 14px Arial, sans-serif;color:color:#004c95;padding:0;margin:0;}
h4 {font:bold 14px Arial, sans-serif;color:color:#004c95;padding:0;margin:0;}
h5 {font:bold 14px Arial, sans-serif;color:color:#004c95;padding:0;margin:0;}
.boldcouleur {font: bold 13px italic Arial, sans-serif;color:#004c95;text-decoration:none}
.Rubrique {font:bold 14px Arial, sans-serif;color: #0D7D18; }
.rouge {color: #C31F1E; font-size: 13px;}
.special {font:normal 9px Arial, sans-serif; color: #F9F9F9; text-decoration: none}
.RubriqueNoir {font: normal 18px Arial, sans-serif;color:#004c95; margin:0px 0px 7px 0px; }
.menu {font: bold 12px Arial, sans-serif;color: #FFFFFF;padding: 2px 0px 2px 5px;background-color: #ECCD41;border: 1px solid #ECCD41;width: 183px;height: 19px;vertical-align: middle;text-align: center;}
.sousmenu {font-size: 12px;color: #FFFFFF;padding: 2px 0px 2px 5px;background-color: #336699;height: 10px;font-weight: bold;}
#immobilier_child a {display: block; width: 160px; height:13px;border: 1px solid #FFFFFF; padding: 2px 0px 2px 5px; text-decoration: none; font:normal 11px Arial;color: #FFFFFF; border-bottom: none;}
#immobilier_child a:hover {font-weight:bold}
.h1Boite {font:bold 14px;color: #fff;padding: 5px 10px;margin-bottom:10px;text-align: right;}
.divTableau {width:462px;vertical-align: top;padding: 0px;margin-top: 0px;border: 1px solid #FA680C;background-image:url(/images/boite_orange.gif);background-repeat:no-repeat;background-position:top;}
.FicheDetail {width:99%;vertical-align: top;padding: 0px;margin-top: 0px;background-image:url(/images/bg-blanc.png)}
.listing {vertical-align: top;padding: 0px;margin-top: 0px;background-image:url(/images/boite_location.gif);background-repeat:no-repeat;width:470px;}
.listing .ref {color:#FFFFFF; font-size:12px; font-weight:bold; text-align:right; padding-right:10px;}
.lienBleu {color: #336699;}
.h1Promotion {font:bold 14px;color: #FFF;padding: 0px;margin: 0px;width: 100%;height: 20px;vertical-align: top;text-align: left;background-color: #004c95;}
.errormsg { color:#004c95; font-weight:bold; }
.font12 {font-weight:normal; font-size:12px Arial;color:#006FC8;}
#pagestatus .pagestatus_sucess{background:url(/images/success_icon.gif) no-repeat 0.5em #CFF28B;padding: 10px 5px 10px 45px;margin: 0 25px 0 25x;font: 11px;font-weight:bold;vertical-align:top;}
#pagestatus .pagestatus_error{background:url(/images/fail_icon.gif) no-repeat 0.5em #F8791A;padding: 10px 5px 10px 45px;margin: 0 25px 0 25x;color: #fff;vertical-align:top;}
#pagestatus .pagestatus_tip{background:url(/images/safety_icon.gif) no-repeat left #FCFFCB;padding: 8px 5px 5px 45px;margin: 0 25px 0 25x;vertical-align:top;}
#pagestatus .pagestatus_info{background:url(/images/alert_icon.gif) no-repeat 0.5em #FFFF66;padding: 10px 5px 10px 45px;margin: 0 25px 0 25x;vertical-align:top;}
.liensouligne { color:#FF0000; text-decoration:underline;}
.sousligne {text-decoration:underline;}
.liennonsouligne { color:#000; text-decoration:none;font-weight:bold}
.blockspan {position: absolute; display:block; background: #9CBACE; background-color:#FF0000;font:bold 11px Arial, sans-serif; text-align:center; color:#FFF;padding-top:1px;border: 1px solid #fff}
input.button1 {font-family: Arial, sans-serif;font-size: 14px;color: #fff;text-decoration: none;border: 1px solid #000;background: #336699;padding: 0px;margin: 0;}
.blockavantage td, .blockavantage a {color:#3DA1F2; font:bold 11px Arial, sans-serif; padding: 14px 0px 14px 0px; text-align:left; line-height:13px;}
.titreavantage {color:#3DA1F2; font-weight:bold; font-size:15px; text-align:center}
.navigation {color:#308DE4;font:bold 11.5px;}
.navig{color:#0066B9;font:bold 13px;text-decoration:none;}
.lientexte{font-size:11.5px; color:#006FC8; text-decoration:none;}
#annonce{width: 77px;height:45px;position: absolute;top: 12px;margin-left:5px;z-index: 10;display:block;background-image:url(/images/annonce-ref.gif);font-size:16px;color:#FFF;font-weight:bold;padding-left:20px;padding-top:20px;}
.partenariat{font-family: Arial;font-size: 12px; font-style: normal; line-height: normal;color:#006FC8;margin:10px 0px 0px 10px;}
.showdiv {display:block;}
.hidediv {display:none;}
div.row {float: left; margin: 0; padding: 0; width: 98.5%;}
div.cols2 {float: left; margin: 0 0 0 0; padding: 0;}
#Region a{font-size:11px;}
#Region_soleil a{font-size:14px; color:#fb8517; text-decoration:none}
.pagesSuivPrec{height:30px;vertical-align:middle;padding:5px 3px 0px 0;_padding:0px 5px 0 0;}
.pagesSuivPrec span{float:left;padding:3px 6px;_padding:1px 3px;margin:0px 1px 0 1px;font-size:11px;line-height:15px;height:15px;_line-height:17px;height:17px;font-weight:bold;background-color:#007BD9;border:1pxsolid #007BD9;color:#fff}
.pagesSuivPrec span.cesure{float:left;padding:3px 6px;_padding:1px 3px;margin:0px 1px 0 1px;background-color:#fff;color:#5e5e5e;border:1px solid #007BD9;font-size:11px;line-height:15px;height:15px;_line-height:17px;height:17px;font-weight:bold}
.pagesSuivPrec a{float:left;padding:3px 6px;_padding:1px 3px;margin:0px 1px 0 1px;border:0px solid #007BD9;font-size:11px;line-height:15px;height:14px;_line-height:17px;font-weight:bold;
 background: #eaeaea;background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#eaeaea)); 
 background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
 background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
 background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
 background: linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
 -pie-background: linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
 -webkit-box-shadow: #ccc 0 1px 2px; 
 -moz-box-shadow: #ccc 0 1px 2px; 
 box-shadow: #ccc 0 1px 2px;}
.pagesSuivPrec a:hover{text-decoration:underline;border:1px solid #0B62B4}
.pagesSuivPrec a:focus{ background-color:#004c95;}
#footer h5{margin:5px 0 5px 0;font:bold 20px Arial, sans-serif; color:#006FC8;border-bottom:solid 1px #fff}
#footer p{margin:8px 0 8px 0; font:normal 14px Arial, sans-serif; color:#006FC8}
#footer td{margin:8px 0 8px 0; font:normal 12px Arial, sans-serif; color:#006FC8}
#footer ul{margin:8px 0 8px 0; font:normal 12px Arial, sans-serif; color:#006FC8}
#footer a{font:bold 12px Arial, sans-serif;text-decoration:none;color:#006FC8}
a.dropmenu:hover{display:block;color:#006FC8;background-color:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-decoration:none;}
a.dropmenu {display:block;width:160px;background-color:#006FC8;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;border-bottom: 1px dashed #fff; padding: 5px; text-decoration:none;font:normal 11px Arial;color: #fff;text-transform:uppercase;}
.menugauche{float:none;display:inline-block;white-space:nowrap;padding-right:2px;background-color:#fff;z-index:9;position:absolute;}
.menumilieu{display:inline-block;background:url(/images/point.gif) bottom repeat-x;height:10px;position:absolute;margin-top:3px;z-index:0;}
.menudroite{float:right;display:inline-block;white-space:nowrap;padding-left:2px;position:relative;background-color:#ffffff;z-index:10;right:10px;}
.cadre_info_pop .menumilieu{width:500px;}
.cadre_flash_pop .menumilieu{width:200px;}
/* Referencement */
#searchText{display:none;}
#searchText p{margin:0 0 1em 0;}
.destinationText{position:relative;top:.6767em;padding-bottom:0;text-align:left;}
.destinationText p.first{padding:0;margin:0;margin-bottom:1em;}
.destinationText h3{margin-bottom:1em;font-size:1.1em;}
.destinationText h4{font-size:.95em;}
#thumbnail{background:transparent url(/images/ajax-loader.gif) center center no-repeat;}
a.info{position:relative;z-index:24;color:#000;text-decoration:none}
a.info:hover{z-index:25;background-color:#004c95}
a.info span{display: none}
a.info:hover span{display:block;position:absolute;top:2em; left:2em; width:15em;border:1px solid #006FC8;background-color:#fff;color:#006FC8;text-align:left;font-weight:none;padding:5px;}
.post-tag {display:block;float:left;width:110px;height:15px;color:#fff;background-color:#004c95;text-decoration:none;font-size:12px;line-height:15px;color:FFF}
.post-tag a{color:#fff;text-decoration:none;font-size:12px;line-height:20px;}
div.social-counter{float:right}
div.social-counter div.pi,div.gp,div.social-counter div.tw{float:right}
div.social-counter div.fb-like{float:right;margin-right:10px}
div.social-counter div.addthis_toolbox{float:right}
#dvLoading{width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.8;background-color: #fff;z-index: 99;text-align: center;}
#loading-image {position: absolute;top: 40%;left: 45%;z-index: 100;}
.contenu_tableau{float:left;width:250px;margin-bottom:20px}
.contenu_tableau div{margin-bottom:5px}
.contenu_tableau div span{width:130px;display:inline;float:left;font-weight:bold;}
label{display:block;margin-bottom:3px;color:#666;font-weight:400;color:#006FC8}
span.total-count{display:none}
h1 .total-count{margin-left:4px;display:none}
/*********annonces linsting**********/
/* Styles généraux des annonces */
.listing {margin-bottom: 20px;}
.listing-container {display: flex;flex-wrap: wrap;background-color: transparent;border: 0px solid #ddd;padding: 2px;}
/* Colonne 1 : Image */
.listing-image {flex: 0 0 130px;text-align: center;margin-bottom: 10px;}
.listing-image img {width: 100%;height: auto;margin:5px;min-height: 122px;}
/* Colonne 2 : Détails */
.listing-details {flex: 1 1 150px;padding: 0 10px;text-align: left}
.listing-details h2 {margin: 36px 0 0 0;font-size: 18px !important;font-weight: normal;}
.listing-details h2 a {color: #f58218;text-decoration: none;font-size: 18px !important;}
.listing-region {font-size: 12px;font-weight: bold;color: #0066d4;}
.listing-description {font-size: 11px;color: #0066d4;margin: 5px 0;}
/* Colonne 3 : Informations supplémentaires */
.listing-info {flex: 1 1 	140px;font-size: 10px;color: #0066d4;display: flex;flex-direction: column;justify-content: space-between;text-align: left;justify-content: flex-start;}
.reference {text-align: right;margin-bottom: 10px;margin-right:10px}
.reference a {color: #FFFFFF;background-color: #0066d4;padding: 5px 10px;font-size: 12px;font-weight: bold;text-decoration: none;display: inline-block;}
/* Détails supplémentaires */
.details {/* Styles supplémentaires si nécessaire */}
.details p {margin: 0;}
.details a {text-decoration: none;font-size: 10px;color: #f58218;font-weight: bold;}
.details a span {color: #f58218;text-decoration: underline;}
.listing .icons {margin-top: 1px;}
.listing .icons img {width: 15px;height: 15px;margin: 0 2px;}
/* Responsivité */
@media (max-width: 470px) {
  .listing {max-width: 400px;}
    .listing-container {flex-direction: column;}
    .listing-image {flex: 0 0 auto; /* Empêche l'image de grandir ou de rétrécir */width: 100%;margin-bottom: 10px;}
    .listing-image img {width: 100%;height: auto;margin: 0; /* Supprime les marges pour éviter les espaces indésirables */}
    .listing-details {padding: 0;}
    .listing-details,
    .listing-info {flex: 0 0 auto; /* Ajuste le comportement de flexibilité */width: 100%;max-width: 100%;}
    .listing-details {margin-top: 0px;padding-top: 0;}
    .reference {text-align: left;margin-top: 10px;}
}
/**********tabs moteur de recherche **********/
/* Styles pour l'accordéon */
/* Par défaut, cacher le contenu de l'accordéon et le bouton */
.accordion-content {
    display: none;
}

.accordion-toggle {
    display: none;
}

/* Styles pour le bouton d'accordéon */
.accordion-toggle {
    width: 100%;
    background-color: #0066d4;
    color: white;
    padding: 15px;
    font-size: 16px;
    text-align: left;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.accordion-toggle .accordion-icon {
    margin-right: 10px;
    font-size: 18px;
}
.tableau {display: block;width: 100%;}
.ligne {display: flex;flex-wrap: wrap;margin-bottom: 10px; /* Espace entre les lignes, optionnel */}
.colonne {box-sizing: border-box;padding: 10px; /* Espace intérieur des colonnes, optionnel */}
/* Largeurs fixes pour les colonnes sur les écrans larges */

@media (max-width: 484px) {
    /* Afficher le bouton d'accordéon */
    .accordion-toggle {
        display: flex;
    }
    /* Le contenu de l'accordéon est caché par défaut et sera contrôlé par JavaScript */
}

/* Sur les écrans plus grands */
@media (min-width: 485px) {
    /* Cacher le bouton d'accordéon */
    .accordion-toggle {
        display: none;
    }
    /* Afficher le contenu de l'accordéon directement */
    .accordion-content {
        display: block;
    }
}

@media (min-width: 485px) {
    .colonne-1 {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .colonne-2 {
        flex: 0 0 120px;
        max-width: 120px;
    }

    .colonne-3 {
        flex: 0 0 114px;
        max-width: 114px;
    }
}

/* Adaptation pour les écrans mobiles */
@media (max-width: 484px) {
    .colonne {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width:480px){h1 .total-count{display:inline}}
/**********tabs**********/
.tabs ul { display: block; }
.tabs li { float: left; list-style:none;}
.tabs li a:hover{color:000;}
.tabs li a.active{color:000;}
.tabs li a { display: block; background-color:#004c95;width:172px; height:30px; line-height:30px; text-align:center; text-decoration: none; color:#FFF;border-right:1px solid #FFC878; }
.tabs li a.last_tab {border-right:0}
.tabs div { display: block; width:440px; margin-top:10px; }
.container_tab{ float:none;padding:22px 24px 24px 24px}
span.total-count{display:none}

li.first, li.first a{_margin:0;_border:0}
.breadcrumb .last {color:#d0e2ef}
.breadcrumb a{display:inline}
.breadcrumb-nav{display:inline;background:0;padding-left:0;padding-right:4px}
.breadcrumb li,#header #navbar .breadcrumb li{float:left;padding:2px 4px 0 0;font-size:12px;line-height:14px; list-style:none}
.breadcrumb li.first, .breadcrumb li.first a{_margin:0;_border:0}
.breadcrumb li.last,#header #navbar .breadcrumb li.last{text-decoration:none!important}
/**********calendrier**********/
.calendrier td { font-family: Arial; font-size: 10px;color:#006FC8}
.baseCalendar{ background: #FAFCFE; border: 1px solid #CCC; font-size: 11px; margin: 0 0 10px 0; padding: 10px; text-align: center; width:240px}
.calendar { background: #FFF; margin: 5px 0 0 0; }
.calendarHeader { background: #FFF; font-size: 12px; font-weight: bold; }
.calendarHeader td, .calendarHeader th { padding: 5px; vertical-align: top; }
.calendarHeader span { color: #690; }
.today{ background: #069; border: 1px solid #069; color: #FFF;padding-left: 2px;font-family: Arial; font-size: 10px;}	
.busy{ background: #004c95; border: 1px solid #004c95; color: #FFF;padding-left: 2px;font-family: Arial; font-size: 10px;}
.busyfirst{ background-image:url(/images/calendrier-arrive.jpg); border: 1px solid #004c95; color: #000;padding-left: 2px;font-family: Arial; font-size: 10px;}
.busylast{ background-image:url(/images/calendrier-depart.jpg); border: 1px solid #004c95; color: #000;padding-left: 2px;font-family: Arial; font-size: 10px;}
.normal { border: 1px solid #FBF; border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; color: #333; padding-left: 2px;font-family: Arial; font-size: 10px;}
/**********readmore**********/
.cms-content{height: 60px;overflow: hidden;}
.read-more,.read-less{cursor: pointer;color: #006FC8;float: right;margin-top: 2px;padding: 1px;text-decoration:underline;margin-bottom:12px;}
.read-less{display: none;}
.read-more:hover,.read-less:hover{cursor: pointer;color: #006FC8;}
/**********albums********/
.element {float:left;width:87px;height:87px;margin:0 7px 6px 0;overflow:hidden;position:relative;}
.element:hover {border:0px #dd7e5f solid;}
.element a:hover .zoom { display:block;}
.element img {width:100%;height:100%;}
.zoom {width:100%;height:100%;display:none;background:url(/images/zoom_opacity.png) no-repeat center center;position:absolute;z-index:10;left:0;top:0;}
.zoom, .element img {	/**-moz-border-radius:108px;-webkit-border-radius:108px;border-radius:108px;**/}
.proj_name {position:absolute;z-index:200;left:0;top:70%;width:100%;text-align:center;font-size:12px;color:#fff;display:none;}
.element a:hover .proj_name { display:block;}
.one_fourth{float: left;width: 286px;height:182px;margin: 0 9px 0 0;font-size:13px;padding:21px 0 0 21px;font-family: 'MT', Arial;}
.post-tag, a.post-tag {color:#fff;background-color:#F95D08;border-bottom:1px solid #3E6D8E;border-right:1px solid #7F9FB6;padding:3px 4px 3px 4px;margin:2px 2px 2px 0;text-decoration:none;font-size:90%;line-height:2.4;white-space:nowrap;}
#logotop {width: 270px;height: 250px;position: absolute;top: 0px;margin-left:10px;z-index: 10;display:block;}
/**********popup immo**********/
a.post-tag:hover {background-color:#F95D08;color:#000;border-bottom:1px solid #37607D;border-right:1px solid #37607D;text-decoration:none;}
.photoproprio{max-height: 203px;min-height: 203px; max-width: 237px}

/* Styles pour le header mobile */
.mobile-header {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #004c95; /* Couleur de fond de l'en-tête */
    justify-content: space-between; /* Place le bouton burger à gauche et le logo à droite */
    align-items: center;
    z-index: 1000;
    padding: 0 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Bouton menu "burger" */
.menu-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hamburger {
    width: 30px;
    height: 3px;
    background-color: white;
    position: relative;
    transition: all 0.3s ease;
}

.hamburger::before,
.hamburger::after {
    content: '';
    width: 30px;
    height: 3px;
    background-color: white;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

.hamburger::before {
    top: -10px;
}

.hamburger::after {
    top: 10px;
}

/* Logo à droite */
.logo img {
    height: 40px;
}

/* Styles de base du menu mobile */
.mobile-menu {
    position: fixed;
    top: 0;
    left: -250px; /* Le menu est hors écran au départ */
    width: 250px;
    height: 100%;
    background-color: rgba(0, 76, 149, 0.9);
    z-index: 1100;
    transition: left 0.3s ease; /* Animation de glissement */
    box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.5);
    overflow-y: auto;
}

.mobile-menu ul {
    list-style: none;
    padding: 20px;
    margin: 0;
}

.mobile-menu ul li {
    margin: 15px 0;
}

.mobile-menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    display: block;
}

/* Bouton pour fermer le menu (icône FontAwesome) */
.close-button {
    font-size: 24px; /* Ajuste la taille de l'icône */
    color: white; /* Couleur de l'icône */
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

.close-button i {
    display: inline-block;
}
/* Menu ouvert */
.menu-open .mobile-menu {
    left: 0; /* Le menu glisse depuis la gauche */
}

/* Effet pour le menu fermé */
.menu-closed .mobile-menu {
    left: -250px; /* Le menu retourne à gauche hors de la vue */
}

/* Effet de scroll pour le header */
.scrolled .mobile-header {
    background-color: #002d62;
    transition: background-color 0.3s ease;
}

/* Cacher les sous-menus par défaut */
.submenu {
    display: none;
    padding-left: 20px; /* Pour une petite indentation */
}

/* Styles pour l'élément parent */
.has-submenu > a {
    position: relative;
}

/* Ajouter une flèche à droite pour indiquer un sous-menu */
.has-submenu > a::after {
    content: '\f107'; /* Code pour la flèche vers le bas de FontAwesome */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* Styles pour les sous-menus ouverts */
.submenu-open .submenu {
    display: block; /* Affiche le sous-menu lorsqu'il est ouvert */
}

#SearchBox {background-image:url(/images/boite-recherche.jpg); background-repeat:no-repeat; padding-top:40px; padding-left:20px; text-align:left; height:114px}
#ref2 {font-size:12px; font-family:arial; width:88px; height:18px; background-image:url(/images/boite-ref.jpg;); border:0px; background-repeat:no-repeat;padding: 0;}
#bandeaurandom {width: 858px; background-image:url(/images/rdn/quebec_photo_2.jpg); background-repeat:no-repeat}


/* Styles spécifiques pour les tablettes */
@media (max-width: 767px) {
   .mobile-header {display: flex;}
   .mobile-menu {display: block;}
   #tabmenuleft, #boiteavantage, #tabmenuright, #tabbandeau, #logotop, #menu, #spacertab {display: none;}
   #background, #SearchBox {background:none;}
   #bandeaurandom {width: 100%; background:none;margin: 20px;}
  .listing {width:100%;background-image:none;}
  .listing .ref {background-color:#f58218;color:#FFF}
  #footer {display: none;}
  #content {margin-top:40px;}
}

/**********reference menu/slider**********/
#reference_navigation_menu { margin-top: 30px;top:880px; margin-left: 713px; position:absolute}
div > div#reference_navigation_menu { position: fixed;}	
/**********blog**********/
.alignleft {float: left;text-align: left;}
a.alignleft, img.alignleft, .wp-caption.alignleft {margin: 0px 24px 24px 0px;}	
.comment-reply-title{margin:60px 0px 0px 0px; font-size:20px}
.entry-title{font-size:24px}
.entry-title h1{margin:0;}
.entry-title a{font-size:24px; margin:0; padding:0;color:#F95D08}
.entry-content p{margin-top:0px;}
.entry-content a{text-decoration:underline;}
.auteur{font-size:12px !important;padding-bottom:10px !important;margin-top:3px !important}
.blogeur{display:block;width:14px;height:16px;float:left;margin:1px 4px 0 0}
.postdate{display:inline-block;width:16px;height:16px;margin:-1px 4px 0 10px}
/**********popup**********/
#overlay_form{position: absolute;border: 1px solid #333;padding: 10px;background: white;width: 720px;height: 600px;padding:0 40px 0 40px;overflow:auto;z-index: 200;font-family: 'MT', Arial;font-size:12px; color:#006FC8;}
.background_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background:black; opacity: 0.5;}
.close_popup {background: url("/images/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;font-size: 20px;font-style: normal; height: 24px;position: absolute;right: 0; text-align: center;top: -435px; vertical-align: middle; width: 24px; z-index: 1000;}
.close_popup:hover {font-style: normal; text-decoration: none;}
/**********newsite**********/
.container {position: relative;width: 940px;margin: 0 auto;padding: 0;overflow:hidden;}  
.container-copyright {background-color:#016fc8; height:100px;color:#FFF} 
.container-copyright a {color:#FFF}  
.clear {font-size:0;clear:both;height:0;}
.fright {float:right;}
.fleft {float:left;}
.center { text-align:center;}
/**********albums********/
.element {float:left;width:87px;height:87px;margin:0 7px 6px 0;overflow:hidden;position:relative;}
.element:hover {border:0px #dd7e5f solid;}
.element a:hover .zoom { display:block;}
.element img {width:100%;height:100%;}
.zoom {width:100%;height:100%;display:none;background:url(/images/zoom_opacity.png) no-repeat center center;position:absolute;z-index:10;left:0;top:0;}
.zoom, .element img {	/**-moz-border-radius:108px;-webkit-border-radius:108px;border-radius:108px;**/}
.proj_name {position:absolute;z-index:200;left:0;top:70%;width:100%;text-align:center;font-size:12px;color:#fff;display:none;}
.element a:hover .proj_name { display:block;}
.one_fourth{float: left;width: 286px;height:182px;margin: 0 9px 0 0;font-size:13px;padding:21px 0 0 21px;font-family: 'MT', Arial;}
.photoproprio{max-height: 203px;min-height: 203px; max-width: 237px}
/*********tabs**********/ 
.tab_content{height:auto;display:none;background:#f3f9fd; padding:0 20px;margin:0}
.tabs_content{display:block;width:100%;height:38px;}
.tabs_content ul{margin:0; padding:0}
.tabs_content li{float:left;list-style-type:none;background:#fff; border-bottom:0px;}
.tabs_content a{display:block;font-size:15px;color:#006FC8;font-weight:normal;text-decoration:none;padding:10px 15px}
.tabs_content li a:hover{color:#F95D08}
.tabs_content .active{ border-bottom:0px solid #F95D08;background:#f3f9fd}
/*********photos**********/ 
#catPhotos {padding:0 10px 5px 0}
#catPhotos a{display:block;float:left;padding:0 0 5px 9px;color:#F95D08;text-decoration:none;outline:none;}