/**************** Modif admilte *************/
.content-wrapper {
    background-color: #fff;
}

/********************************************/
.front {font-family: 'Arial'}
a, a:hover, a:visited, a:active, a:focus {text-decoration: none;}
.lien,
.copier {cursor: pointer;}

.separ {padding:15px 0;}
.label_nom {width:200px; float:left; padding:5px 10px; display:inline-block;}
.label-file {
    cursor: pointer;
    font-weight: bold;
    opacity:.8;
}

.loader {position:fixed; background-color:#FFF; width:100%; height:100%; opacity:0.8; z-index:9999;}
.overlay {text-align:center; font-size:100px; color:#999999; position:absolute; top:25%; left:45%;}

.wrapper {padding:20px;}

.logo {text-align: center;}
.logo img {max-width:100%; margin:0 0 5px 0;}


.margin-l {margin-left: 10px;}
.margin-r {margin-right: 10px;}
.margin-horiz,
.margin-h {margin-left:10px; margin-right:10px;}
.margin-t {margin-top: 10px;}
.margin-b {margin-bottom: 10px;}
.margin-vert,
.margin-v {margin-top:10px; margin-bottom:10px;}
.margins {margin:10px;}

.padding-l {padding-left: 10px;}
.padding-r {padding-right: 10px;}
.padding-horiz,
.padding-h {padding-left:10px; padding-right:10px;}
.padding-t {padding-top: 10px;}
.padding-b {padding-bottom: 10px;}
.padding-vert,
.padding-v{padding-top:10px; padding-bottom:10px;}
.paddings {padding:10px;}

.border-l {border-left: 1px solid #b5b8bc;}
.border-r {border-right: 1px solid #b5b8bc;;}
.border-horiz,
.border-h {border-left: 1px solid #b5b8bc; border-right: 1px solid #b5b8bc;}
.border-t {border-top: 1px solid #b5b8bc;}
.border-b {border-bottom: 1px solid #b5b8bc;}
.border-vert,
.border-v {border-top: 1px solid #b5b8bc; border-bottom: 1px solid #b5b8bc;}
.borders {border: 1px solid #b5b8bc;}

.separ {margin:25px;}

.text-XXS {font-size:8px !important;}
.text-XS {font-size:10px !important;}
.text-S {font-size:12px !important;}
.text-M {font-size:16px !important;}
.text-L {font-size:18px !important;}
.text-XL {font-size:20px !important;}
.text-XXL {font-size:24px !important;}
.text-XXXL {font-size:50px !important;}

.note {font-style:italic;}
.pasvu {color:#fff; background-color:#fff;}

.bold, .strong {font-weight:bold;}

.border {border: 1px solid #CCC;}

.text-rouge {color:#fe6565;}
.text-red {color:#dd4b39;}
.text-vert {color:#82e78f;}
.text-green {color:#00a65a;}
.text-gris {color:#b5b8bc;}
.text-bleu {color:#627bf7;}
.text-blanc {color:#FFFFFF;}
.text-barre {text-decoration:line-through;}
.text-accepte {color:#359E04;}
.text-refuse {color:#FF0000;}
.text-annule {color:#9E9E9E;}
.text-italic {font-style:italic;}
.text-theme-bleu {color:#337AB7 !important;}

.bkg-gris {background-color:#F5F5F5;}
.bkg-rouge {background-color:#ebe5e5;}
.bkg-orange {background-color:#ffae00;}
.bkg-auto {background-color:#FCE5B3;}
.bkg-force {background-color:#FFE0E0;}
.bkg-annule {background-color:#E8E8E8;}

label.left {text-align:left !important;}

.bloc-erreur {margin-top:10%; padding: 20px; background-color: #f1f0f0;}

.picto-my {color:#ffae00; font-size:20px; width:48px; height:48px; text-align:center; border:2px solid #337AB7; padding:12px 12px; border-radius:100px;}
.picto-my.S { font-size:14px; width:32px; height:32px;  padding:7px; border-radius:60px;}
.picto-my.rouge {color:#fff; background-color:#ff0000; border:2px solid #fff;}
.picto-my.vert {color:#fff; background-color:#00a65a; border:2px solid #fff;}


.btn-my { /*border-radius:25px;*/}

/*.my-logo { font-size:20px; /*width:36px; height:36px;* / font-style:italic; padding:10px 8px; border-radius:70px; color:#fff; background-color:#337AB7;} */
.my-logo { font-size:20px; width:30px; height:30px; font-style:italic; padding:10px 10px; border-radius:100px; color:#fff; background-color:#337AB7;}

/* Accueil temporaire */
.temp h1 {color: #337AB7; font-size: 75px;}
.temp .logo { margin-top:40px;}
.temp img.adapte {width:100%; max-width:800px;}
/***********************/

/*----------- RES ------------*/
@media (max-width: 850px)
{
    .pull-right {float:none !important; text-align: center;}
    .separ {padding:8px 0;}
    .front.mf h3 {margin-top:5px;}
    .temp h1 { font-size: 75px;}
}

@media (max-width: 450px)
{
    .temp h1 { font-size: 50px;}
    .desktop {display:none;}
    .mobile {display:initial;}
    .panel-body {padding:0;}
}

@media (min-width: 850px)
{
    .desktop {display:initial;}
    .mobile {display:none;}
}