/* -- Reset Stylesheet -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*{
    box-sizing: border-box;
}
/* Positionnement */
.left{ float:left; }
.right{ float:right; }
/*
        Méthode propre pour clear un float 
        Exemple d'utilisation :
        <div class="clear">
                <div class="left">
                        Élément aligné à gauche
                </div>
                <div class="right">
                        Élément aligné à droite
                </div>
        </div>  
*/
.clear:after, .dynamic:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


/* Boites de confirmation contact */
.successBox {
    box-sizing: border-box;
    width: 1024px;
    margin: 15px auto;
    padding: 15px;
    border: 1px solid #2bd02b;
    color: #2bd02b;
    background: none repeat scroll 0 0 #d7f6d7;
}

.failBox {
    box-sizing: border-box;
    width: 1024px;
    margin: 15px auto;
    padding: 15px;
    border: 1px solid #d20e0e;
    color: #d20e0e;
    background: none repeat scroll 0 0 #f6d7d7;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}

.button.btn-small{
    padding: 5px 10px;
    font-weight: bold;
}
.button.btn-2lines{
    padding: 15px 35px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    text-align: center;
}
.button.btn-2lines .line1{
    font-weight: bold;
    font-size: 2.7rem;
}
.button:hover{
    text-decoration: none;
}
html{
    font-size: 62.5%;
}
body{
    font-family: 'tenso',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.7rem;
}
input, textarea{
    font-family: 'tenso',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
}
button, input[type=button]{
    font-family: 'tenso',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    text-align: left;
    cursor: pointer;
}
.dynamic{
    line-height: 1.5;
}
.dynamic a{
    color: #770500;
}
.dynamic img.left, .dynamic img.right{
    width: 30%;
    margin-bottom: 15px;
}
.dynamic img{
    max-width: 100%;
}
.dynamic img.left{
    margin-right: 15px;
}
.dynamic img.right{
    margin-left: 15px;
}
.dynamic ul{
    margin-bottom: 15px;
    list-style: disc outside;
    margin-left: 30px;
}
.dynamic h2{
    margin-bottom: 10px;
    line-height: 1;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a.noHover:hover{
    text-decoration: none;
}
button.contactBtn{
    border: 0 none;
    text-align: right;
    font-weight: bold;
    font-size: 3rem;
    padding: 10px 25px;
}
button.button{
    font-size: 2.2rem;
    font-weight: bold;
    border: 0 none;
    padding: 5px 15px;
    text-indent: 0;
}
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 40px;
  height: 70px;
  margin-left: -20px;
  bottom: 15px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
  cursor:pointer;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}



strong, b{
    font-weight: bold;
}
u{
    text-decoration: underline;
}
i{
    font-style: italic;
}
h1{
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #770500;
}
h2 {

    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #770500;

}
.mb30{
    margin-bottom: 30px;
}
.mt50{
    margin-top: 50px;
}
/* Contener */
.contener{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.smallContener{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}
/* -- Main Header */
.mainHeader{
    background: #1f1f1f;
}

.mainHeader.searchDisplayed{
    min-height: 700px;
}
.headerContent{
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: space-between;
}
.logo{
    width: 25%;
    max-width: 385px;
}
.logo img{
    width: 100%;
}
.headerContent a{
    color: #fff;
}
.headerContent .mainNav > ul{
    display: flex;
    font-size: 1.6rem;
    text-transform: uppercase;
    align-items: center;
}
.headerContent .mainNav > ul > li:after{
    content: "|";
    margin: 0 5px;
    color: #fff;
}
.headerContent .mainNav > ul > li:last-of-type:after{
    display: none;
}
.headNav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.headNav a{
    margin: 0 5px;
}
.headNav a.connectButton{
    border: 1px solid #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    height: 32px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 16px;
}
.headNav a.iconLink{
    border: 1px solid #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 16px;
    width: 32px;
    justify-content: center;
}
.headNav a.iconLink:hover, .headNav a.connectButton:hover{
    text-decoration: none;
    background: #c30010;
    border-color: #c30010;
    color: #fff;
}
.homeLink{
    display: flex;
    align-items: center;
}
.homeMenu svg{
    width: 22px;
}
.homeMenu:hover svg path{
    fill:#c30010;
}
.mainNav a:hover{
    text-decoration: none;
    color: #c30010;
}
a.classicCursor{
    cursor: pointer;
}

.ssMenu{
    display: none;
    position: absolute;
    background: rgba(2,0,0,0.9);
    padding: 15px;
    text-transform: none;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
}
.ssMenu.actif{
    display: block;
}
.ssMenu a{
    white-space: nowrap;
}
.ssMenu li{
    margin-bottom: 10px;
}
.ssMenu li:last-of-type{
    margin-bottom: 0;
}
.afficheSsMenu {
    position: relative;
    padding-bottom: 10px;
    margin-top: 10px;
}
.afficheSsMenu:hover .ssMenu{
    display: block;
}
/* -- Moteur de recherche -- */
.searchContener{
    width: 895px;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
.searchContener .h1Search{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13.25rem;
    color: #FFF;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 30px;
}
.searchContener .citySelector{
    width: 100%;
}
.searchContener .select2-container--default .select2-selection--single{
    background: url(/Design/ImgV2/icon_search.png) no-repeat 15px center rgba(0,0,0,0.30);  
    border: 1px solid #fff;
    border-radius: 30px;
    height: 55px;
    background-size: 30px;
    padding-left: 50px;
}
.searchContener .select2-selection__arrow{
    display: none;
}
.searchContener .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff;
    height: 55px;
    line-height: 52px;
    font-size: 1.7rem;
}
.searchContener .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #fff;
    text-transform: uppercase;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #e10b00;
}
.select2-dropdown{
    background: rgba(0,0,0,0.9);
    color: #fff;
}
.searchEngineSubmitter{
    border: 1px solid #fff;
    color: #fff;
    background: rgba(0,0,0,0.30);
    text-transform: uppercase;
    height: 55px;
    line-height: 52px;
    border-radius: 30px;
    font-size: 2.2rem;
    font-weight: 300;
    width: 18%;
    margin-left: 15px;
    text-align: center;
}
#frmRecherche{
    display: flex;
    padding: 0 21px;
}
.searchContener .FourBlocks{
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}
.searchContener .FourBlocks .bloc{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 220px;
}
.searchContener .FourBlocks .bloc img{
    height: 134px;
}
/* -- Page d'accueil -- */
.texteAccueil{
    padding: 30px 0;
}
.slideCustom{
    margin: 15px;
    display: flex;
    flex-direction: column;
    
}
.slideCustom img{
    width: 100%;
    margin-bottom: 10px;
}
.slideCustom a{
    display: block;
    background: #770500;
    color: #fff;
    text-transform:uppercase;
    text-align:center;
    padding: 10px 0;
    margin-top: 10px;
    font-size: 2rem;
}
.slickSliderContener .slick-prev{
    background: url(/Design/ImgV2/slick-prev.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none; 
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}
.slickSliderContener .slick-next{
    background: url(/Design/ImgV2/slick-next.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none; 
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}
.videoHome{
    padding: 30px 0;
}
.videoHome iframe{
    width: 1200px;
    height: 675px;
}
.listingMagincienByReg{
    padding: 30px 0;
}
.listingMagincienByReg h2, .listingMagincienByReg h1{
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #770500;
}
.listingMagincienByReg h2 span, .listingMagincienByReg h1 span{
    color: #000;
    font-weight: normal;
}
.listingMagincienByReg .backToList{
    display: inline-block;
    margin-bottom: 15px;
    color: #000;
    text-decoration: none;
    font-size: 2rem;
}
.listingMagincienByReg .backToList:hover{
    color: #c30010;
    text-decoration: none;
}
.filtresMagiciens{
    font-size: 2rem;
    column-count: 3;
    line-height: 1.5;
    margin-bottom: 30px;
}
.filtresMagiciens a{
    color: #000;
}
.filtresMagiciens a:hover{
    color:#c30010;
    text-decoration: none;
}
/* -- slick Footer -- */
.slickFooter{
    width: 100%;
}
.slickFooter img{
    width: 100%;
}
.slickFooter .slick-prev{
    background: url(/Design/ImgV2/slick-prev-foot.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none; 
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    z-index: 1;
}
.slickFooter .slick-next{
    background: url(/Design/ImgV2/slick-next-foot.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none; 
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}
.contentSlick{
    position: absolute;
    color: #fff;
    z-index: 1;
    text-align: center;
}
.sliderBlog, .sliderCDC, .sliderRdP{
    position: relative;
}
.contentSlick a{
    display: block;
    border-radius: 151px;
    text-transform: uppercase;
    color: #fff;
    background: #770500;
    padding: 10px 30px;
    margin-top: 15px;
}
.contentSlick a:hover{
    text-decoration: none;
}

.sliderBlog .contentSlick{
    top: 50%;
    transform: translateY(-50%);
    left: 150px;
    font-size: 2.5rem;
    text-align: center;
}
.sliderCDC .contentSlick{
    top: 150px;
    
    right: 150px;
    font-size: 2.5rem;
    text-align: center;
}
.sliderRdP .contentSlick{
    top: 150px;
    color: #000;
    right: 150px;
    font-size: 2.5rem;
    text-align: center;
}
/* Footer */
.references{
    text-align:center;
    background: #222224;
}
footer{
    background: #1f1f1f;
}
.footNav{
    text-transform: uppercase;
}
.footNav a{
    color: #fff;
}
.footNav a:hover{
    text-decoration: none;
    color: #c30010;
}
.footNav > ul{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;   
}

.linksInFooter{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 70px;
    
}
.linksInFooter a{
    color: #fff;
}
.linksInFooter a:hover{
    color: #c30010;
    text-decoration: none;
}
.linksInFooter ul{
    line-height: 1.5;
}
.slickRefs{
    padding: 0 30px;
}
.slickRefs .slick-slide img{
    height: 50px;
    width: auto;
    display: inline;
    max-width: 100%;
}
.slickRefs div{
    text-align: center;
}
.references{
    padding: 30px;
}
.slickRefs .slick-next {

    background: url(/Design/ImgV2/slick-next-foot.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.slickRefs .slick-prev {
    background: url(/Design/ImgV2/slick-prev-foot.png) no-repeat center transparent;
    text-indent: -9000px;
    height: 20px;
    width: 18px;
    border: 0 none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
}
.separatorRed{
    color: #770500;
    margin-bottom: 50px;
}

/* -- Actus -- */
.contenerActus{
    column-count: 2;
    column-gap: 30px;
}
.contenerActus .actu{
    
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}
.contenerActus .actu img{
    width: 100%;
}
.callToActionBox{
    display: block; 
    background: #770500;
    color: #fff;
    padding: 30px;
    width: 100%;
    margin: 30px auto;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    text-transform: uppercase;
    font-weight: 300;
    font-size: 3.2rem;
    text-align: center;
}
.callToActionBox:hover{
    text-decoration: none;
}
.comparatifOffres{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.bouton-replie-boite{
    border: #770500 1px solid;
    border-radius: 15px;
    width: 30%;
}
.bouton-replie-marron{
    padding: 30px;
    background: #770500;
    border-radius: 14px 14px 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8rem;
    text-align: center;
}
.bouton-replie-marron-border{
    text-align: center;
    line-height: 1.8;
    padding: 15px;
}
.formBlack{
    border: #1f1f1f 1px solid;
    padding-bottom: 30px;
}
.headerForm{
    background: #1f1f1f;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
}
.headerForm h2{
    font-size: 2.2rem;
    font-weight: normal;
    color: #fff;
    margin-bottom: 5px;
}
.headerForm h2.biggerTitle{
    font-size: 3rem;
}
.sectionFrm{
    padding: 30px 30px 0;
}
.sectionFrm h3{
    text-transform: uppercase;
    margin-bottom: 15px;
}
.sectionFrm .form-field{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.sectionFrm .form-field.textareaContener{
    align-items: flex-start;
}
.sectionFrm .form-field:last-of-type{
    margin-bottom: 0;
}
.sectionFrm .form-field label.form-label{
    width: 30%;
}
.sectionFrm .form-field.textareaContener label.form-label{
    padding-top: 10px;
}
.sectionFrm .form-field input,
.sectionFrm .form-field div.doubleInput,
.sectionFrm .form-field select,
.sectionFrm .form-field textarea{
    flex-grow: 1;
    height: 30px;
    border: #1f1f1f 1px solid;
    text-indent: 10px;    
}
.sectionFrm .form-field div.doubleInput{
    text-indent: 0;
    border: 0 none;
    display: flex;    
    justify-content: space-between;
    position: relative;
    
}
.sectionFrm .form-field div.doubleInput input, 
.sectionFrm .form-field div.doubleInput select{
    width: 48%;
    flex-grow: 0;
}
.sectionFrm .form-field div.doubleInput .unit{
    position: absolute;
    right: 10px;
    top: 50%;
    transform:translateY(-50%);
}
.sectionFrm .form-field textarea{
    height: 200px;
    padding: 5px 10px ;
    text-indent: 0;   
}
.sectionFrm .form-field input.error,
.sectionFrm .form-field textarea.error{
    border: #d20e0e 1px solid;
}
.submitContener{
    margin-top: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: flex-end; 
    align-items: center;
}
.submitContener .btnSubmitFrm{
    background: #770500;
    color: #fff;
    text-transform: uppercase;
    border: 0 none;
    padding: 10px 30px;
    font-size: 2rem;
}
.submitContener .forgotPass{
    color: #1f1f1f;
    font-size: 1.4rem;
    margin-right: 5px;
}
.step1contact{
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 50px 0 100px;
}
.step1contact .contactOption{
    display: flex;
    flex-direction: column;
    width: 295px;
}
.step1contact a{
    display: block;
    background:#770500;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 10px 0;
}
.step1contact a:hover{
    text-decoration: none;
}
.step1contact img{
    margin-bottom: 30px;
}
.step1contact .dynamic{
    font-size: 2rem;
    
}
.step2contact{
    display: none;
    padding-bottom: 50px;
}
#yourName{
    display: none;
}
.diagramMagicien{
    position: relative;
    margin-bottom: 50px;
}
.diagramMagicien img{
    width: 100%;
}
.diagramMagicien .dynamic{
    position: absolute;
    color: #fff;
    z-index: 1;
}
.diagramMagicien .step1{
    top: 52px;
    right: 222px;
    width: 210px;
}
.diagramMagicien .step2{
    top: 296px;
    right: 85px;
    width: 246px;
}
.diagramMagicien .step3{
    top: 553px;
    right: 180px;
    width: 246px;
}
.h1Search.listing{
    font-size: 5rem;
}
.accrocheListing{
    font-size: 1.8rem;
    color: #fff;
}
.accrocheListing a{
    color: #fff;
}
.magicienItem{
    display: flex;
    border-bottom: #770500 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.magicienItem:last-of-type{
    border-bottom: 0;
}
.imageMagicien{
    width: 25%;
    margin-right: 30px;
}
.imageMagicien a{
    display: block;
    width: 100%;
}
.imageMagicien img{
    width: 100%;
}
.resumeMagicien{
    width: 75%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.titreItemListing{
    font-size: 3.7rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #770500;
    margin-bottom: 30px;
    display: inline-block;
}
.titreItemListing:hover{
    text-decoration: none;
}
.titreItemListing img{
    margin-left: 5px;
}
.resumeMagicien .contentText{
    line-height: 1.5;
}
.linksListingMagicien{
   display: flex;
   justify-content: flex-end;
}
.linksListingMagicien a{
    background: #770500;
    color: #fff;
    padding: 10px 30px;
}
.lienAvis{
    margin-left: 15px;
}
.lienAvis img{
    vertical-align: -2px;
}
.devisItem h2{
    color: #000;
    font-weight: 300;
    text-transform: none;
}
/* -- Fiche Magicien -- */
.headerFiche{
    display: flex;
    justify-content: space-between;
    font-size: 2rem;
}
.headerFiche img{
    vertical-align: -2px;
}
.headerFiche a{
    color: #1f1f1f;
}
.paginationContener a{
    margin-right: 5px;
}
.paginationContener a:last-of-type{
    margin-right: 0;
}
.contenuFicheMagicien{
    padding-top: 50px;
}
.contenuFicheMagicien h1 img{
    margin-left: 5px;
    height: 20px;
}
.contenuFicheMagicien h1:after{
    height: 1px;
    content: ' ';
    border-bottom: #770500 1px solid;
    width: 100%;
    margin-left: 30px;
}
.contenuFicheMagicien h1 {
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.avatarFrm{
    display: flex;
    justify-content: space-between;
}
.avatarFrm .avatar{
    width: 35%;
    margin-right: 50px;
    text-align: center;
}
.avatarFrm .avatar > img{
    width: 100%;
}
.frmContactMagicien{
    flex-grow: 1;
}
.refMagicien{
    color: #770500;
    font-size: 2rem;
    font-weight: 300;
    margin: 15px 0;
}
.liensAvisFiche a{
    text-transform: uppercase;
    color: #770500;
    display: flex;
    flex-direction: column;
}
.liensAvisFiche a img{
    width: 88px;
    margin: 0 auto 10px;
}
.descMagicien{
    margin-top: 50px;
}
.descMagicien u, .descMagicien b, .descMagicien strong{
    color: #770500;
}
.videos{
    margin-top: 50px;
    
}
.videoContener{
    display: flex;
    justify-content: space-between;
}
.videoContener iframe{
    width: 49%;
}
.avisContener{
    margin-top: 50px;
}
.avisContener h2{
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.avisContener h2 img{
    margin-left: 5px;
    height: 16px;
}
.avisContener h2:after{
    height: 1px;
    content: ' ';
    border-bottom: #770500 1px solid;
    width: 100%;
    margin-left: 30px;
}
.avisContener h3{
    font-weight: bold;
    color:#770500;
    display: flex;
    align-items: center; 
    margin-bottom: 5px;
}
.avisContener h3 img{
    margin-left: 5px;
}
.avisContener .commentaire{
    margin-bottom: 30px;
}
.moteurDeRechercheFicheMagicien{
    position: relative;
    background: url(/Design/ImgV2/sliderHP/slider1.jpg) no-repeat  center;
    background-size: cover; 
    min-height: 700px;
}

#contenerNote {
    background: url(/Design/Img/notes/5.png) no-repeat;
    width: 88px;
    height: 16px;
    cursor: pointer;
}
#contenerNote #note1 {
    margin-left: 0;
}
#contenerNote span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: -3px;
}
#frmAddAvis{
    margin-bottom: 50px;
}
.slick-slide{
    height: auto !important;
}
.btnSignIn{
    background: #770500;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-bottom: 30px;
}

/* -- Jquery Wysiwyg -- */

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 3px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 1px 2px 3px 0;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { text-indent: -5000px; opacity: 0.85; filter:alpha(opacity=85); display: block; width: 14px; height: 14px; background: url('../../../Backoffice/design/images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 1.00; filter:alpha(opacity=100); }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -63px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0;  clear: left; margin: 4px 0 0 1px; }
/* -- Fin Wysiwyg -- */
.premiumContener{
    display: flex;
    align-items: center;
    margin-bottom: 30px;    
}
.frmPremium{
    padding-left: 30px;
    margin-left: 30px;
    border-left: #770500 1px solid;
    text-align: center;
}
.frmPremium .titreAbo{
    color: #770500;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.frmPremium .select{
    margin-bottom: 10px;
}
.frameVideo{
    margin-left: 30%;
}
.box-wrap{
    margin: 50px 0;
    text-align: center;
}
.box-wrap #save_thumb{
    display: block;
    width: 260px;
    margin: 30px auto 0;
    text-align: center;
    color: #fff;
    background: #770500;
    font-weight: 300;
    text-transform: uppercase;
}

.callToAction{
    background: #c30010;
    color: #fff;
    font-size: 1.8rem;
    position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 12;
    text-transform: uppercase;
    padding: 15px 30px;
    border-radius: 15px 15px 0 0;
}
.mobileMenu{
    display: none;
}
.hamburger{
    display: none;
}
.hideOver960{
    display: none;
}
/*Petits écrans*/
@media screen and (max-width:1280px){
    .contener{
        width: 90%;
    }
    .smallContener{
        width: 100%;
    }
    .videoHome iframe{
        width: 100%;
    }
    .headerContent .mainNav > ul.wideMenu{
        display: none;
    }
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
        background-color: #fff !important;
    }
    .hamburger{
        display: block;
        padding: 0 !important;
        margin-left: 10px !important;
        position: absolute;
        width: 30px;
        right: 0;
        height: 21px;
        z-index: 101;
    }
    .headNav{
        margin-bottom: 0;
        padding-right: 45px;
        position: relative;
    }
    .mobileMenu{
        background: rgba(0,0,0,0.8);
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 30px;
    }
    .mobileMenu a{
        color: #fff;
    }
    .mobileMenu a:hover{
        text-decoration: none;
        color: #c30010;
    }
    .mobileMenu li > a{
        text-transform: uppercase;
    }
    .mobileMenu > li{
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .ssMenu{
        background: transparent;
        position: static;
        transform: none;
        text-align: left;
    }
    .videoHome{
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .videoHome iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .footNav > ul > li{
        text-align: center;
        flex-grow: 1;
        flex-basis: 0;
    }
}
/*Tablettes*/
@media screen and (max-width:960px){
    .logo{
        width: 40%;
    }
    .searchContener{
        width: 90%;
    }
    .searchContener > img{
        width: 100%;
    }
    .searchContener .h1Search{
        font-size: 13vw;
    }
    .searchContener .h1Search.listing{
        font-size: 3rem;
    }
    .hideUnder960{
        display: none;
    }
    .hideOver960{
        display: block;
    }
    .avatarFrm{
        flex-wrap: wrap;
    }
    .avatarFrm .avatar{
        margin-right: 5%;
    }
    .descMagicien{
        width: 60%;
        margin-top: 0;
        margin-bottom: 50px;
    }
    .frmContactMagicien{
        width: 100%;
    }
}
/*Smartphones*/
@media screen and (max-width:768px){
    .hideUnder768{
        display: none !important;
    }
    .hideOver768{
        display: block;
    }
    .logo{
        width: 55%;
    }
    .accountMobile{
        display: flex;
        align-items: center;
    }
    .accountMobile a{
        display: inline-block;
    }
    .accountMobile a.connectButton{
        border: 1px solid #fff;
        font-size: 1.6rem;
        text-transform: uppercase;
        height: 32px;
        display: flex;
        padding: 0 12px;
        align-items: center;
        margin-left: 5px;
        border-radius: 16px;
    }
    .searchContener .h1Search{
        font-size: 12vw;
    }
    #frmRecherche{
        flex-direction: column;
    }
    .searchEngineSubmitter{
        margin-top: 15px;
        width: 100%;
        margin-left: 0;
        font-size: 1.7rem;
    }
    .searchContener .FourBlocks{
        flex-wrap: wrap;
    }
    .searchContener .FourBlocks {
        display: none;
    }
    .slideCustom{
        margin: 15px 0;
    }
    .footNav > ul{
        flex-wrap: wrap;
    }
    .footNav > ul > li{
        width: 50%;
        flex-basis: 50%;
        margin-bottom: 10px;
    }
    .linksInFooter{
        flex-wrap: wrap;
    }
    .socialLinks{
        display: flex;
        align-items: center;
    }
    .filtresMagiciens{
        column-count: 2;
    }
    .comparatifOffres{
        flex-direction: column;
    }
    .bouton-replie-boite{
        width: 100%;
        margin-bottom: 30px;
    }
    .step1contact{
        flex-direction: column;
        align-items: center;
    }
    .step1contact .contactOption{
        width: 100%;
        margin-bottom: 50px;
        align-items: center;
    }
    .step1contact img{
        width: 70%;
        flex-basis: 0;
    }
    .step1contact a{
        width: 100%;
    }
    .sectionFrm .form-field{
        flex-direction: column;
    }
    .sectionFrm .form-field label.form-label{
        width: 100%;
        margin-bottom: 5px;
    }
    .sectionFrm .form-field input, .sectionFrm .form-field div.doubleInput, .sectionFrm .form-field select, .sectionFrm .form-field textarea{
        width: 100%;
    }
    .magicienItem{
        flex-direction: column;   
    }
    .imageMagicien{
        width: 75%;
        margin: 0 auto 30px;
    }
    .resumeMagicien{
        width: 100%;
    }
    .linksListingMagicien{
        margin-top: 10px;
    }
    .headerFiche{
        flex-direction: column;
        align-items: center;
    }
    .backToList{
        margin-bottom: 5px;
    }
    .contenuFicheMagicien h1{
        white-space: normal;
        font-size: 2.5rem;
    }
    .contenuFicheMagicien h1::after{
        display: none;
    }
    .avatarFrm .avatar{
        width: 100%;
        margin-right: 0;
    }
    .descMagicien{
        width: 100%;
        margin-top: 50px;
    }
    .videoContener{
        flex-direction: column;
    }
    .videoContener iframe{
        width: 100%;
    }
    .videoContener iframe:first-of-type{
        margin-bottom: 15px;
    }
    .callToAction{
        transform: rotate(90deg);
        border-radius: 0px 0px 15px 15px;
        transform-origin: 100% 00%;
        right: 0;
        font-size: 1.4rem;
        padding: 10px 15px;
    }
    .select2 {
        width:100%!important;
    }
    
}
@media screen and (max-width: 465px){
    .slickFooter{
        display: none !important;
    }
}