body, td {
  
}

a {
}

a:hover {
}

table { font-size:1em; }

.couleurprincipale{background-color:#de2a50; color:white;}
.menuprincipal  li a {color:#de2a50;}

.titrepage {color: #3f3d3d;  /* #de2a50;  */
background-color:#f8f8f8; 
text-align: center;
 font-weight: bold;    margin-bottom: 2em;  font-size: 140%; padding-bottom: 9px;
}
#menuTutoriels{background-color:#f8f8f8; }  
#menuTutoriels a {color:#de2a50}
#menuTutoriels .shopping  a{color: #337ab7;}
#menuTutoriels li {list-style-type: none;}
.fondgris { background-color:#f8f8f8; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top100 { margin-top:100px; }

.height424 { height:424px}

.left5 { margin-left:5px; }
.left7 { margin-left:7px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.left17 { margin-left:17px; }
.left20 { margin-left:20px; }
.left30 { margin-left:30px; }
.left50 { margin-left:50px; }
.left100 { margin-left:100px; }

.ptop5 { padding-top:5px; }
.ptop7 { padding-top:7px; }
.ptop10 { padding-top:10px; }
.ptop15 { padding-top:15px; }
.ptop17 { padding-top:17px; }
.ptop20 { padding-top:20px; }
.ptop30 { padding-top:30px; }
.ptop50 { padding-top:50px; }
.ptop100 { padding-top:100px; }

.pbott5 { padding-bottom:5px; }
.pbott7 { padding-bottom:7px; }
.pbott10 { padding-bottom:10px; }
.pbott15 { padding-bottom:15px; }
.pbott17 { padding-bottom:17px; }
.pbott20 { padding-bottom:20px; }
.pbott30 { padding-bottom:30px; }
.pbott50 { padding-bottom:50px; }
.pbott100 { padding-bottom:100px; }

.md-18 { font-size: 18px; }
.md-24 { font-size: 24px; }
.md-30 { font-size: 30px; }
.md-36 { font-size: 36px; }

.mh400 {max-height:400px}
.mh200 {max-height:200px}

.mh40p {max-height:40%}
.mh50p {max-height:50%}
.mh60p {max-height:60%}
.mh70p {max-height:70%}
.mh80p {max-height:80%}

.textept { font-size:70%; }

#publicitegalerie .carousel-inner{width: 50%;
margin-left: auto;
margin-right: auto;
}
.titrePhotoBlanc{
    text-align:center;
    width:100%;
    height:60px;
    background-color: white;
    color:black;
    font-size:1.4em;
    font-weight: bold;
    border: black 1px dotted;
    padding-top: 15px;
}
.titreLienSousImage{
    text-align:center;
    width:100%;
    height:60px;
    color:black;
    font-size:1.1em;
    text-decoration: underline;
}

/*texte sur image */

.imageavectexte {
    position: relative;
}


.bottomleft {
    position: absolute;
    bottom: 8px;
    left: 16px;
    font-size: 18px;
}

.topleft {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 18px;
}


form.formulaire .form-control {
    display: inline-block;
    width:auto;
    max-width: 80%;
    min-width:50%;
}

.clform_onglet {
    /*border:1px black inset;*/
    background-color:#f8f8f8
} 

/* Ouvrir automatiquement les menus sur grand écran*/
/*
@media (min-width: 300px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
   */       

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
              
.historique{background-color:#DBDFDF}
.etatEncours{}
.etatHistorique{background-color:#b4b6b8}
.etatBloqué{background-color:#ff9999}
.etatExposition{background-color:#CCCCFF}
.etatInactif{background-color:#c9cbcd}
.etatDesactive{background-color:#e9eaec}

.ui-autocomplete {
  z-index:2147483647;
}

@media (min-width: 768px) {
    .align-items-center {
      display: flex;
      align-items: center;
    }
}
/*xs*/
@media (max-width: 768px) {
    .xs-invisible:{display:none};
    #ChoixLangues{display:none}
}

#menuprincipalcreatifs {
    text-align: center;
}

#ulmenucreatifs {
    display: inline-block;float: none;font-weight: bold;
}