﻿

html { background-color: #f1f1f1; margin: 0; padding: 0;}
body {
    background-color: #f1f1f1;
    color: #333;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
/*.container{ background-color:#f1f1f1;}*/


a {
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}
.admin a:link,.admin a:visited,.admin a:active,.admin a:hover { color:#ffffff;}
.footerlogo a { margin:0; padding:0}
input[type=text]{ font-family:'Barlow', sans-serif; font-size:13px; height:30px}
input[type=password]{ font-family:'Barlow', sans-serif; font-size:13px; height:30px}
select{ font-family:'Barlow', sans-serif; font-size:13px; height:30px}
textarea{ font-family:'Barlow', sans-serif; font-size:13px}
.txtarea{ height: 150px;}

.hr { height:1px; border-top:solid 1px; border-color:#aaa; }

.widthMax {
    width: 100%;
}

.navbar-link.Eblack{color:#000;}
.navbar-link.Egrey{color:#aaa;}
.navbar-link.petit{font-size:10px;}

.padTB {padding-top:10px; padding-bottom:10px;}

.rowPad div {padding:10px;}

.form-control-static {
    padding: 0
}
/*a:hover { background-color: #c7d1d6;}*/
.error{ font-size:12px}
.marg0auto{ margin:0 auto}
.bgBlanc{ background-color:#ffffff}
.bgVert{ background-color:#aac700}
.bgBleu{ background-color:#5487bc}
.borderLeft{ border-left: solid 1px #fff}
.borderRight{ border-right: solid 1px #fff}
.txtDecoNone{ text-decoration:none}
.floatRight{ float:right}
.floatLeft{ float:left}
.margLeftBtn{ margin-left:25px}
.margLeftTop{ margin-left:0; margin-top:30px}
.sidenav > .active > a { border-left: 2px solid}
/* master
----------------------------------------------------------*/
.navbar-header {
    padding-top:25px;
    height:140px;
   
}
.navbar-default{ background-color:transparent!important; border:none!important}
.navbar{ border:none!important; margin:0!important; padding:0!important; min-height:92px!important}
/*.navbar-header{height: 92px!important;}*/
#bs-example-navbar-collapse-1{ margin-top:0}
    #bs-example-navbar-collapse-1 a { font-family: 'Barlow', sans-serif; font-weight:normal}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
}

.formation-logo img {
    padding:2px;
}
.formationRegisterRedBtn {
    background-color: #ff0000 !important;
    font-size: 18px !important;
    height: auto !important;
    font-weight: bold !important;
}

.navbar-toggle{ margin-top:50px!important}
.glyphicon-play{ color: #9c9b9b;}

#pictoMaster02{ margin-left:15px}


.bordedselectlarge {border:solid 1px#888; padding:16px; }
.bordedselectlarge select { width:100%}

.bordedtextboxlarge{border:solid 1px#888; padding:16px; }
.bordedtextboxlarge input[type=text] { width:100%}

.btnMenuMst{ position:relative; color: #ffffff; width:100%; background-color:#aac700; padding:0; height:60px; line-height:55px}
.btnMenuMst:link, .btnMenuMst:visited, .btnMenuMst:active{ color: #ffffff; font-weight:bold; font-size: 14px; font-family:'Barlow', sans-serif; text-decoration:none}
.btnMenuMst:hover{ background-color:#8ab700; color: #ffffff; text-decoration:none}


.borderLeftListLeft{  height:100%; min-height:125px; line-height: 20px;}
.bgBleuFooter{ background-color:#6995c4; height:auto}
.pictoHand{ margin-right:8px}
.pictoBook{ margin-right:8px}
.pictoCalendar{ margin-right:8px}
.pictoenquete{ margin-right:8px}
.bgBleuHover .col-md-9{ background-image:url('../Images/down-arrow.png'); background-repeat:no-repeat; background-position:top left; font-family:'Barlow', sans-serif}
.bgBleuHover{ height:100%; min-height:100px; display:block; margin:0; padding:0;text-decoration:none;}
/*.bgBleuHover:hover{ background-color:#3e77b3;}*/
.bgBleuHover .divPicto{ margin-top:20px}
.bgBleuHover img{ margin-right:8px;vertical-align:middle;}
.bgBleuHover p{ color: #ffffff; font-weight:normal; font-size: 26px; font-family: 'Barlow', sans-serif; margin:0}
.bgBleuHover .list{ vertical-align:middle; line-height:normal; display:inline-block; padding-top:20px; padding-bottom:10px}
.bgBleuHover .listLeft{ font-family: 'Barlow', Sans-Serif; padding-left:15px; max-height:100%; height:100%; padding-top:7px}
.bgBleuHover .listLeft .next_meetings p{ color: #ffffff; font-weight:normal; font-size: 18px; font-family: 'Barlow', sans-serif; margin:0 0 0 10px}


.footerlogo{ display:inline-block; margin-left:25px; margin-right:25px}

.margBot {padding-bottom:20px;}

#footer-menu {
   
    padding: 30px 0;
    border-bottom: 1px solid #5a5b6b;
    background-color: #404152;
    color: #959593;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
}
    #footer-menu hr {
        color: #5a5b6b;
        border-color: #5a5b6b;
    }
    #footer-menu a {
        color: #959593;
        text-decoration: none;
    }

    #footer-menu .underfooter {
        color: #fff;
        font-size: 12px;
    }
        #footer-menu .underfooter a {
            color: #fff;
            
        }

.linkFormation {
    background-color: #aac700;
    color: #fff;
    padding: 8px 10px 8px 2px;
    text-decoration: none;
    display: block;
    margin: 0 0 10px 0;
    background-image: url(/images/rarrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.locationSessions{background-color:#aac700; color:#fff; padding:14px 10px 14px 50px; text-decoration:none; font-size:24px; display:block; margin:0 0 10px 0; background-image:url(/images/u24.png); background-repeat:no-repeat; background-position:left center;  }

.choiceSessions{ background-color:#e8f1fb; color:#000; width:274px; min-height:125px; height:135px; padding:14px 15px; text-decoration:none; font-size:16px; display:inline-table; margin:5px; text-align:center }
.choiceSessions.focus {    background-color: #1871d0; color:#fff}
.choiceSessions .sessionLoc { font-size:18px; font-weight:bold; color:#ed7d31;}
.choiceSessions .sessionDate { font-weight:bold; }
.choiceSessions .selectBtn { font-size:14px; font-weight:normal; color:#000; display:block; border:solid 1px #000; margin:10px 20px; height:25px; padding-top:2px; background-color:#fff; cursor:pointer;}
.bord1{border:solid 1px #aaa; padding:10px 10px;}
.bord1 input {width:100%;}
.fsize14 {font-size:14px;}
.requier {
    border: solid 2px red;
   
}

.margL10 {margin-left:10px}
.novisible {display:none;}

/*.inputRecap input[type=text] { border:none;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;      }*/
.inputRecap input[type=text], .inputRecap textarea { color: #ed7d31;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    font-weight: normal;  
    border:none;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;   
}

#top-header {
    top: 0;
    right: 0;
    left: 0;
    background-color: #404153;
    height: 48px
}



.affectSearch td:nth-child(2) {
    width: auto;
    overflow: hidden;
}

.affectSearch td:nth-child(2) * {
    display: contents;
}

#et-info {
    font-weight: 700;
    font-size: 12.4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
    padding: 13px 24px;
    letter-spacing: 0.1em;
    float: left;
}


#et-secondary-menu ul {
    list-style: none;
    -webkit-padding-start: 0;
    margin-top: 0;
    margin-bottom: 0;
    color:#fff;
}
#et-secondary-menu ul a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 12.4px;
}

#et-secondary-nav li {
    padding: 14px 40px;
    margin: 0;
    text-align:left;
}

#et-secondary-menu {
    float: right;
}
#et-secondary-nav {
    background-color: #788291;
    display: inline-block;
}

.btnFormulaire {
    padding: 12px 15px !important;
    background-color: #51265b;
    color: #fff !important;
    font-size: 14px;
    font-family: 'Barlow Medium', 'Barlow';
    font-weight: normal;
    border:none;
}

.btn {
    border-radius: 0;
}

/* main layout
----------------------------------------------------------*/
.div_menu {
        height: 60px;
    }
.lineHeightReset{line-height:normal;}

.div_accroche{ height:228px; background-image:url('../Images/bgAccroche.jpg'); background-position:center; background-repeat:no-repeat; line-height:280px}
.title_accroche {
    position: relative;
    color: #d07ee3;
    font-size: 36px;
    font-family: 'Barlow Regular', sans-serif;
    font-weight:400;
    margin: 0;
    vertical-align: middle;
    display: inline-block
}


.titleA {
    color: #2B0034;
    font-size: 34px;
    font-family: 'Barlow Medium', sans-serif;
    font-weight: 400;
}



.accrocheA {
    color: #404153;
    font-size: 26px;
    font-family: 'Barlow Regular’', sans-serif;
    font-weight: 400;
    font-style:normal;
}
.accrocheB {
    color: #333333;
    font-family: 'Barlow Light', 'Barlow';
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
}

.ficheDetailTitleSub {
    color: #6c93a9;
    font-family: 'Barlow', 'Barlow';
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
}


.txtLight {
   
    font-family: 'Barlow Light', 'Barlow';
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
}

.lbFormulaire {
    color: #333;
    font-size: 14px;
    font-family: 'Barlow Medium', sans-serif;
    font-weight: 500;
}

.linkinfos {
    color: #333;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    font-weight: normal;
}


#form1 i.form-control-feedback { top: 0; right: 10px; font-size:16px}



.nobold{font-weight:normal;}

.gridTitle{}

.dgrid {   position:relative;	width:100%;	margin:2px 0 20px 0; border:none; border-collapse:separate}
.dgrid td {   padding:2px; border:none; vertical-align:middle}
.dgridH {
    position: inherit;
    height: 48px;
    background-color: #FFF;
    text-align: left;
    font: normal 14px 'Barlow';
    color: #000;
    border-collapse: separate;
    font-size: 17px;
    font-weight: 400;
    line-height: 1em;
}
    .dgridH td {
        border-bottom: solid 1px #FFFFFF;
        padding: 2px;
        vertical-align: middle;
        border-bottom: solid 1px #ddd;
    }
.dgridI {
    position: inherit;
    height: 48px;
    background-color: #fff;
    font: normal 14px 'Barlow';
    color: #000000;
    border-collapse: collapse;
    border-bottom: solid 1px #ddd;
    font-size: 17px;
    font-weight: 400;
    line-height: 1em;
}


    .dgridI:hover, .dgridI a:hover {
        color: #51265b;
    }
.dgridIA {
    position: inherit;
    height: 25px;
    background-color: #FFF;
    font: normal 14px 'Barlow';
    font-weight: 400;
    color: #333333;
    border-collapse: collapse;
}
.dgridP			{	position:relative;	height:34px;	background-color:none; 	text-align:right;	color:#FFFFFF;	border-collapse:collapse;}
.dgridP	span	{	font:bold 12px 'Barlow' ; margin:4px 0 ;  text-align:center; background-color:#5487bc; padding:4px 6px; color:#FFFFFF;}
.dgridP	td		{   border:0; }
.dgridP	a		{   text-decoration:none;	font:normal 12px 'Barlow'; background-color:#e9f0f5; color:#000; font-weight:normal;  padding:4px 6px;  }
.dgridP	a:hover {   text-decoration:underline ; color:#000; font-weight:normal; background-color:#d0e2ea; }
.dgridP	a:visited { color:inherit; }


.dgridH a		{  color:inherit; }
.dgridI a {
    color: #202F43; text-decoration:none;
}

.mapAcces {
    width: 100%;
    height: 250px;
}

.remerciementContact { position:relative; margin:50px auto;}

/* page elements
----------------------------------------------------------*/
/* index */
.pictoInfo{ color: #1c5fa6; font-size: 12px; font-family: 'Barlow', sans-serif; font-weight:bold }
.greenLink   { color: #aac700; font-size: 12px; font-family: 'Barlow', sans-serif; font-weight:bold }


.partRightActu h4{ color: #1c5fa6; font-weight:normal; font-size: 12px; font-family: 'Barlow', Sans-Serif;}
.partRightActu p{ color: #000000; font-weight:normal; font-size: 12px; font-family: 'Barlow', Sans-Serif;}

.btnFormulaireVert{ background-color:#aac700; border:0; height:30px; color:#ffffff; font-size: 14px; font-family: 'Barlow', sans-serif; border-radius:0 0; width:100% }
.btnFormulaireVert:hover{ color:#ffffff; font-weight: bold}
.pictoCoche{ width:35px}

/* Admin */
.btnConsoleAdmin {
    display: inline-block;
    background-color: #51265b;
    border: 0;
    height: 40px;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    border-radius: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    margin: 5px 5px 15px 5px
}
    .btnConsoleAdmin:hover {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        font-size: 14px;
        border-left: solid 3px;
        border-bottom: solid 3px;
        border-color: #482351;
        -moz-box-shadow: -2px 2px 5px 0px #656565;
        -webkit-box-shadow: -2px 2px 5px 0px #656565;
        -o-box-shadow: -2px 2px 5px 0px #656565;
        box-shadow: -2px 2px 5px 0px #656565;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=224, Strength=5);
    }
.divAdminAccroche{ background-color:#aac700; min-height:80px; line-height:80px;}
.titleAdminAccroche { position:relative; color: #fff; font-size: 33px; font-family: 'Barlow', sans-serif; margin:0; vertical-align:middle; display:inline-block }
.tbAdmNextDay{ position: relative; width:100%; min-height:150px; text-align:left}
input[type=radio]{ font-family:'Barlow', sans-serif; font-size:13px; height:15px}
#CPH_formule_id label{ font-size:12px; vertical-align:top; padding: 3px 16px 0 3px}
.lbMajEtudesPubliees{ width: 80px; display: inline-block;}



#CPH_civ_id label{ font-size:12px; line-height:12px; vertical-align:text-bottom; margin-right:10px; color:#1c5fa6; font-weight:normal}
#CPH_civ_id {display:inline-block}

/* popIns */
.popfs			{position:fixed; top:0; left:0; margin:auto; width:100%; height:100%; z-index:100; text-align:left; }
.fullscn		{position:fixed; top:0; left:0; margin:auto; width:100%; height:100%; z-index:101; background:#000000 ;  opacity:0.5; filter:alpha(opacity=50); } 
.popdivMsg		{position:relative; margin:100px auto; padding:10px; width:520px; height:auto;  background-color:#efecec; text-align:center; z-index:102; }
.popdivMsgLeft		{position:relative; margin:100px auto; padding:10px; width:520px; height:auto;  background-color:#efecec; text-align:left; z-index:102; }
.popdivMsgLeft h3 {text-align:center}
.popdivMsg div, .popdivMsgLeft div		{ font-size:13px; }

/*.showPopML, .showPopPData {font-size:11px;}*/

.fixdiv		{position:fixed; top:38px; left:0; margin:auto; width:100%;  height:auto; display:none;   z-index:50 } 
.fixdiv .msg{position:relative; display:block; text-align:center; background-color:#458A45; font-size:14px; border:none; padding:5px 0 5px 0; color:#FFFFFF; font-weight:bold; width:200px; margin:auto;}

.divCookiesInfos {position:absolute; display:none; top:0; width:100%; background-color:#dfdfdf; left:0; font-size:12px; height:80px; padding:10px 0 0 0; margin:0}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
.validation-errors{ color:#ff0000; font-weight:bold}


/* AFFIX */
.affix{top:30px}
.affix-top{margin-top:30px}
.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}
.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:15px;font-weight:500;color:#000; font-family:'Barlow', sans-serif}
.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{padding-left:19px;font-weight:bold;text-decoration:none;background-color:transparent;border-left:1px solid #1c5fa6;color:#1c5fa6; font-family:'Barlow', sans-serif}
.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover > a, .bs-docs-sidebar .nav>.active:focus > a{padding-left:18px;font-weight:700;font-weight:bold;color:#1c5fa6;background-color:transparent;border-left:2px solid #1c5fa6; font-family:'Barlow', sans-serif}



.droitsZoneLists select.selectDroits{
    width:100%;
    height:440px;
}

.droitsActionBtn{
    text-align:center;
    height:240px;
    line-height: 60px;
    margin-top: 35px;
}

.droitsNavsBtn .backBtn{

    float:right;
    margin: 0;
}

.droitsClientsLists{
    width:300px;
}

.blocExpender {  position:relative; background-color:#fff5bf;  width:800px; height:auto; margin:4px 15px; font-size:13px; padding:4px; }
.blocreduced { position:relative;   height:20px; width:100%; overflow:hidden; }
.blocexpended { position:relative;  height:auto; width:100%; }

.italic {font-style:italic;}
.margtop20 { margin-top:20px;}
.displayblock   { display:block; }
.f14bold {font-size:14px; font-weight:bold }

.deco:link{ color:#fff}

/* css google map - disparition d'un encart txt en bas à gauche de la map affichée */
.gm-style .gmnoprint:nth-child(3){ visibility:hidden; display:none}
/* css pour le btn annuler du formulaire de journees_sinscrire.php */
.txtDecoNone{ text-decoration:none}
.list_type_study label {
    margin-bottom: 2px;
    padding-left: 5px;
    font-family: 'Barlow Regular', 'Barlow';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

.ficheDetailRow__lib {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;

}

.ficheDetailRow__lib.ficheDetailRow__lib_title {
    background: #f8f8f8;

}

.ficheDetailRow__lib.ficheDetailRow__lib_title .lbFormulaire, .ficheDetail__desc__title {
    color: #691551;
    font-weight: 800;
    font-family: 'Barlow Regular', 'Barlow';
}
.ficheDetail__desc__title {
    margin-bottom: 5px;
    display: inline-block;
}

    .ficheDetail__desc {
        margin-top: 30px;
    }
.ficheDetail__desc__sep {
    margin-top: 25px;
    margin-bottom: 70px;
}

.ficheDetail__desc__content {
    background: #f8f8f8;
    padding-top:15px;
}
.blocexp {
    padding-bottom:15px;
}
/********************
*   Mobile Styles   *
********************/
/*.cs-sidebar .affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#999}.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>li>a:hover,.bs-docs-sidebar .nav .nav>li>a:focus{padding-left:29px}.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{padding-left:28px;font-weight:500}.back-to-top,.bs-docs-theme-toggle{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:500;color:#999}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:768px){.back-to-top,.bs-docs-theme-toggle{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,.bs-docs-sidebar.affix .bs-docs-sidenav{margin-top:0;margin-bottom:0}}@media (min-width:1200px){.bs-docs-sidebar.affix-bottom,.bs-docs-sidebar.affix{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}*/
@media (max-width: 480px) {
    .borderLeftListLeft{ border-left: 0;  min-height:100%}
    .bgBleuHover{ background-color:#6995c4;}
    .footerlogo{ display:inline-block; margin-left:5px; margin-right:5px}
    .bgBleuHover .col-md-4{ background-image:none}
    .divFooter{ line-height:inherit; margin:20px 0 0 0}
    .divFooter span{ display:block; margin:20px 0 0 0}
    .divFooter .row{text-align:center}
    .div_accroche{background-image:none}
    .collapse{ display:block; visibility:visible}
    .navbar-collapse{ padding:0}
    
    .bgBlanc #logolink img{ width:auto}
    .div_menu{ height:auto}
    .div_menu .container{ margin:0; }
    .div_menu .container .col-md-4{ }
    .bs-docs-sidebar {
        padding-left: 20px
    }
    .back-to-top,
    .bs-docs-theme-toggle {
        display: block
    }
    .borderLeft{ border-left:none}
    .navbar-toggle{ margin-top:0!important}
    #bs-example-navbar-collapse-1{ margin-top:60px}
}

@media (min-width: 481px) and (max-width: 767px){
#bs-example-navbar-collapse-1{ margin-top:0}
.bgBleuHover{ background-color:#6995c4;}
.borderLeftListLeft{ border-left: 0;  height:100%}
}
@media (max-width: 767px) {
    .bgBleuHover .col-md-4{ background-image:none}
    .divFooter { line-height:inherit; margin:20px 0 0 0}
    .divFooter .row{text-align:center}
    .bgBleuHover{ min-height:100%; padding-bottom:10px}
    .bgBleuHover .listLeft{ padding-left:0}
    .bgBleuHover .row{text-align:center}
    .bgBleuHover p{font-size:20px}
    .borderLeft{ border-left:none; padding:0}
    .borderLeftListLeft{ border-left: 0;  height:100%; min-height:100%}
    .title_accroche{ padding-top:20px; padding-bottom:20px; height:auto; font-size:28px}
    .div_accroche{background-image:none; height:auto; line-height:normal}
    .collapse{ display:block; visibility:visible}
    .navbar-collapse{ padding:0}
    
    .bgBlanc #logolink img{ width:100%}
    .div_menu{ height:auto}
    .div_menu .container{ margin:0; }
    .div_menu .container .col-md-4{ }
    .bs-docs-sidebar { padding-left: 20px}
    .back-to-top,
    .bs-docs-theme-toggle { display: block}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divFooter .row{text-align:center}
    .bgBleuHover .col-md-4{ background-image:none}
    .bgBleuHover .row{text-align:center}
    .borderLeft{ border-left:none; padding:0}
    .div_accroche{background-image:none}
    .navbar-collapse{ padding:0; margin-top:70px}
   
    .div_menu{ height:180px}
    .div_menu .container{ margin:0 auto; }
    .div_menu .container .col-md-4{}
    .bs-docs-sidebar {
        padding-left: 20px
    }
    .back-to-top,
    .bs-docs-theme-toggle {
        display: block
    }
    .bgBleuHover{ height:100%; line-height:100px;}
}
@media (min-width: 992px) {
    
    .bs-docs-sidebar .nav>.active>ul {
        display: block
    }
    .bs-docs-sidebar.affix,
    .bs-docs-sidebar.affix-bottom {
        width: 213px
    }
    .bs-docs-sidebar.affix {
        position: fixed;
        top: 20px
    }
    .bs-docs-sidebar.affix-bottom {
        position: absolute
    }
    .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
    .bs-docs-sidebar.affix .bs-docs-sidenav {
        margin-top: 0;
        margin-bottom: 0
    }
}
@media (min-width: 1200px) {    
    .bs-docs-sidebar.affix-bottom,
    .bs-docs-sidebar.affix {
        width: 263px
    }
}




