@font-face {
 font-family: 'Montserrat';
  src: url('Fonts/Montserrat-Regular.otf');
  src: url('Fonts/Montserrat-Regular.otf?#iefix') format('embedded-opentype'),format('svg');font-weight: normal;
font-style: normal;
}

@font-face {
 font-family: 'WorkSans-Regular';
  src: url('Fonts/WorkSans-Regular.otf');
  src: url('Fonts/WorkSans-Regular.otf?#iefix') format('embedded-opentype'),format('svg');font-weight: normal;
font-style: normal;
}

@media (min-width: 1200px) {
    .container {
    width: 1280px;
    }
}
.clearfix{clear:both;float:none;}

@media only screen and (max-height: 887px) {
    .main-login {
        overflow-y: scroll;
        height: 550px;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    h3.TitleLog {
        font-size: 12px !important;
        line-height: normal !important;
    }

    .item-list h3.TitleLog {
        display: none !important;
    }
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    h3.TitleLog {
        font-size: 12px !important;
        line-height: normal !important;
    }

    .item-list h3.TitleLog {
        display: none !important;
    }
}

/*  **********************************************************************  */
/*                      page choix pays                                    */
/*  ********************************************************************* */
.territorialiteChoixPays #info {
	width: 100%;
	background: #f8f8f8;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
}
.territorialiteChoixPays #info h2 {
	color: #5b0036;
}
.territorialiteChoixPays a img {
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.territorialiteChoixPays #info {
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.territorialiteChoixPays .photo {
	position: relative;
	text-align: left;
	margin: 0px auto;
	/*height: 1200px;*/
	height:100%;

}
.territorialiteChoixPays .photo ul.topic {
	z-index: 10;
	position: relative;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	/*width: 1100px;*/
	width:100%;
	padding-right: 0px;
	height: auto;
	padding-top: 0px;
}
.territorialiteChoixPays .photo ul.topic li {
	width: 12%;
	display: block;
	float: left;
	height: 31px;
	font-size: 11px;
}
.territorialiteChoixPays .photo ul.topic li a.set {
	border-bottom: #fff 1px solid;
	text-align: center;
	border-left: #fff 1px solid;
	line-height: 30px;

	display: block;
	background: #ccc;
	height: 30px;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	text-decoration: none;
}
.territorialiteChoixPays .photo ul.topic li a ul {
	display: none;
}
.territorialiteChoixPays .photo ul.topic li ul {
	display: none;
}
.territorialiteChoixPays .photo ul.topic li.active a {
	background: #fff;
	color: #000;
}
.territorialiteChoixPays .photo ul.topic li a:hover {
	background: #fff;
	color: #000;
}
.territorialiteChoixPays .photo ul.topic li:hover a {
	background: #fff;
	color: #000;
}
.territorialiteChoixPays .photo ul.topic .set:hover {
	color: #fff;
	background: #e75960;
	font-weight: bolder;
}
.territorialiteChoixPays .photo ul.topic li.active ul {
	z-index: 1;
	border-bottom: #bbb 20px solid;
	position: absolute;
	border-left: #bbb 20px solid;
	padding-bottom: 40px;
	list-style-type: none;
	margin: 0px;
	display: block;
	background: #ddd;
	/*height: 900px;*/

	border-top: #bbb 20px solid;
	top: 31px;
	border-right: #bbb 20px solid;
	padding-top: 40px;
	left: 0px;
}
.territorialiteChoixPays .photo ul.topic li a:hover ul {
	z-index: 100;
	border-bottom: #aaa 20px solid;
	position: absolute;
	border-left: #aaa 20px solid;
	padding-bottom: 40px;
	list-style-type: none;
	margin: 0px;
	
	display: block;
	background: #ddd;
	/*height: 900px;*/
	border-top: #aaa 20px solid;
	top: 31px;
	border-right: #aaa 20px solid;
	padding-top: 40px;
	left: 0px;
}

.territorialiteChoixPays .photo ul.topic li ul li {

	margin: 1px;
	/*width: 112px;*/
	display: inline;
	float: left;
	height: 87px;

}
.territorialiteChoixPays .photo ul.topic li ul li .NoteTerritoire {
	/*width: 600px;*/
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.territorialiteChoixPays .photo ul.topic li ul li a {
	border-bottom: #888 1px solid;
	border-left: #888 1px solid;
	width: 100%;
	display: block;
	float: left;
	height: 75px;
	border-top: #888 1px solid;
	border-right: #888 1px solid;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 10px;
}
* html .territorialiteChoixPays .photo ul.topic li ul li a {
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
}
* html .territorialiteChoixPays .photo ul.topic li a.set {
	width: 150px;
}
* html .territorialiteChoixPays .photo ul.topic li {
	width: 150px;
}
.territorialiteChoixPays .photo ul.topic li ul li a img {
	width: 31px;
	display: block;
	height: 30px;
}
body {
 /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: WorkSans-Regular, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  text-rendering:optimizelegibility !important;
}
.DunodMasterPosition{padding-top:80px;}

 .LogoSiteDunod{background-image: url("Images/Entetes/LogoArmandColin_DunodEbookstore.png");width:350px;height:76px;background-repeat:no-repeat;overflow:hidden;}
img.img-responsive{border:1px solid #badbe1!important;}

.NoticeAdminMaster{background-color:#dcdcdc;padding:5px;text-align:center;}
 
a:hover, a:focus{text-decoration:none!important;color:inherit!important;}

.col-sm-4 .btn:hover,.col-sm-4 .btn:focus, .col-sm-4.btn.focus,.col-sm-6 .btn:hover,.col-sm-6 .btn:focus, .col-sm-6.btn.focus {
  color: #fff;
  text-decoration: underline;
}
.BlockBuy .col-sm-4 .btn:hover:hover, .BlockBuy .col-sm-4 .btn:focus {
    color: #333;
    text-decoration: none;
}

.Item-inner {
    width: auto;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.Item-inner img {
  margin-left:auto; margin-right:auto;
}
.thumbnail .caption{height:100px;  overflow:hidden;}

.overlay .Resume{font-size:0.8em;line-height:1.5em;}

.CarrouselHP .col-md-4 p{margin:0;padding:0px;margin-bottom:20px;}
.CarrouselHP .col-md-8{margin:0px;padding:0px!important;}
.CarrouselHP img{border-right:2px solid #fff!important;}
/* carrousel une image en smartphone*/
.TableCart img.img-responsive {margin:5px!important;}
.shop-default .price{color:#000;}

.CTASuitemobil {visibility:hidden;
}


@media (max-width: 500px) {
    .CarrouselHP .col-xs-6{display:none;}
    .CarrouselHP .col-md-8{padding:0;}
    .container{padding:0;}
    /* remsumé reduit */
    /*.Resume{ font-size: 3.0vh;}*/
    .btnseemore .col-xs-2{display:none;}
    .btnseemore {font-size:10px;}
    .breadcrumb > li{display:inherit!important;}
    .mega-menu{height:auto!important;}


   

}
/*iphone5 5s*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { .DunodMasterPosition2{padding-top:80px;}
.DunodMasterPosition{padding-top:150px;}
    h3.TitleLog {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .item-list h3.TitleLog {display:none!important;
    }
}
/*iPhone 5 & 5S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { .DunodMasterPosition2{padding-top:80px;}
    h3.TitleLog {
        font-size: 12px !important;
        line-height: normal !important;
    }

    .block-dunod-user .content {max-height:200px!important;
    }
    .scrollCompte .pull-right{float:none!important;
    }
}

@media (max-width: 999px)  {
/*.mega-menu{height:auto!important;}*/
.CarrouselHP .col-md-4 p{margin:0px;padding:0px;}
.CarrouselHP .col-md-8{margin:0px;padding:0px!important;}
.CarrouselHP .col-md-4{margin:0px;padding:0px!important;}
.CarrouselHP .col-md-4 p:first-of-type {margin:0;}
.Item-inner {width: auto;overflow:hidden;margin-left:auto; margin-right:auto;}
.Item-inner img {margin-left:auto; margin-right:auto;}
.thumbnail .caption{height:100px;  overflow:hidden;}
.thumbnail{background-color:transparent;border:none;}
        .ColPrice{
  min-height: auto;clear:both;}
  


}
@media (min-width: 1000px)  {

.CarrouselLivre .thumbnail{min-height:250px;}

}
@media (max-width: 414px)   {

/*.btnseemore {font-size:1rem!important;}*/
 .crop { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:220px;text-align:center; }
 .crop2 { overflow:hidden; white-space:nowrap; text-overflow:initial; width:60px;text-align:center;display:inline-block;line-height:10px; }
H3.Title_Section{font-size:2.2rem!important;}
.LblLinerCurrent, .LblLiner{visibility:hidden;}
.Item-inner{height:220px;}
.TableCart .QuantiteValidation,.TableCart .QuantiteValidation {font-size:1.9rem!important;}
.PoubelleValidation{display:none;}
.btnmarg{margin-top:10px!important;}
.block-dunod-user .content{padding:0px!important;}
sup{top:0;}
.scrollMenu{overflow:auto;height:400px!important;-webkit-overflow-scrolling: touch ;
}
.scrollCompte{overflow:auto;height:420px!important;-webkit-overflow-scrolling: touch ;}
.scrollPanier{overflow:auto;height:420px!important;-webkit-overflow-scrolling: touch ;}
.ColPrice{
  min-height: 100%!important;clear:both;}
     .navbar-brand{height:100%;}
     .displayMode{display:none!important;}
.navbar-header .col-xs-10{padding:0px;}
    .breadcrumb > li{display:inherit!important;}

#section1, #section2, #section3, #section41, #section42  {
        margin-left: 0px!important;
    }
.CarrouselLivre .thumbnail{height:200px;overflow:hidden;}
.TableOrder{padding:5px 0px!important;}
.TableOrder .col-xs-7, .TableOrder col-sm-10{padding:0px;}
.QuantiteValidation input{width:20px;height:20px;font-size:1.5rem;}
.TitleCartTunnel{font-size:1.5rem!important;}
.shopping-cart .Price{font-size:1.5rem!important;}

.mega-menu{height:auto!important;}

}
/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  
{
    .LogoSiteDunod {
        background-repeat: no-repeat;
        background-image: url("Images/Entetes/LogoArmandColin_DunodResponsive.png");
    }

}
  
   .navbar{min-height:80px;} 
  .ColPrice{
  min-height: 100%!important;clear:both;}

.btn-feuilletage{ text-transform:uppercase;background-image:none!important; background-color:#fff;color:#000;width:250px;padding:10px!important;line-height:40px!important;margin-left:5%;margin-top:1%;}
    .btn-feuilletage:hover {
        background-image: none !important;
        background-color: #000 !important;
        padding: 10px !important;
        line-height: 40px !important;
        color: #fff !important;
    }

     
 /* ipad paysage */    
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .ColPrice{
  min-height: 100%!important;clear:both;}
  .mega-menu{height:auto!important;}
  .hovereffect .overlay{display:none!important;}
  .hovereffect .caption{display:none!important;}
    .CTASuite {
        display: none;
    }

    .CTASuitemobil {
        visibility: visible;
    }
  }


     @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2)  
{
    .LogoSiteDunod{background-repeat:no-repeat;background-image:url("Images/Entetes/LogoArmandColin_DunodResponsive.png");}
     /* .mega-menu{height:120px;}*/
    .BgLogin {overflow-y:scroll;height:550px;
    }
    .CTASuite {
        display: none;
    }

    .CTASuitemobil {
        visibility: visible;
    }              

     }
/**/
.navbar-default{background-color:#fff;border:none;}
.btn-block{width:40%;display:block;}
.btn-blockLg{width:100%;display:block;}
.PosImg {/*max-height:280px;min-height:280px;*/overflow:hidden;padding-top:3%;}
.btnseemore{background-color:#ffa53a;text-transform:uppercase;width:100%; color:#fff;font-size:1.6rem;font-weight:500;padding:12px 0;line-height:35px;}
.btnseemore:hover{background-color:#ffca3a;text-transform:uppercase;width:100%; color:#fff;}
.btnseemore a{color:#fff;}
.SquareTitle{width: 15px;height:30px;background: #ffa53a;margin-left:2px;}
.TireTitle{width: 15px;height: 2px;background: #ffa53a;margin-left:2px;margin-bottom:30px;}

H3.Title_Section{margin:5px 0px;color:#333333;text-transform:uppercase;font-size:3.2rem;font-size:32px;font-family:"Montserrat",sans-serif;letter-spacing:5px;font-weight:normal!important;}
H3.NewTitle{color:#fff;}
H3.Title_Section a {
    color: #000;
}
.price {
    color:#e75960;
}


.SectionNewItem h3 a {
    color: #fff;
}
.SectionBestsales h3 a, .SelecEntreprise h3 a, .SelecBDP h3 a, .SelecST h3 a {
    color: #333 !important;
}
.price-head{
				padding-right:10px;
				font-size:24px;
				color:#212121;
				text-transform:uppercase;
			}
			
.price-new{
				color:#4bac52;
				font-size:24px;
				padding-right:5px;
			}
.manufacturer{
			color:#808080;
			text-transform:uppercase;
		}
		
.product-info-box .heading{
			padding:13px 20px;
			font-size:18px;
			color:#4bac52;
			text-transform:uppercase;
			background:#fff;
			border-top:1px solid #e8e8e8;
			border-right:1px solid #e8e8e8;
			border-bottom:4px solid #4bac52;
			border-left:1px solid #e8e8e8;
		}
		
.manufacturer span{
				min-width:130px;
				display:inline-block;
				color:#2f353b;}
				
.Descriptif{line-height:2em;
   overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}


.GuideFormat, a.GuideFormat {
    font-size: 0.9em !important;
    text-decoration: underline;
    cursor: pointer;
    color:#333;
}   
              
 .DetailGris table,.DetailGris tr, .DetailGris td{border:none!important;}
 .tab-content th{text-align:center;}
 
 .EnteteDetail th{border:1px solid transparent;}

 .TableCart{background-color:#fff;vertical-align:middle;}
 /*td.QuantiteValidation, td.shop-red, td.PoubelleValidation {width:10%;}*/
.TableCart .PrixReduitFormat .price {font-size:4rem;}

 .TableCart {border-bottom:3rem solid #edf3f4!important;}
 .TableCart{padding:10px;}
 .QuantiteValidation{padding:0 10px;}
 
 .thead th{display:none;}
 .panel-smart{
		padding:20px;
		background:#fff;
		border:1px solid #e8e8e8;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
		.panel-smart .panel-heading{
			padding:5px 0 15px 0;
			color:#252a2f;
			border-bottom:1px solid #929497;
		}
		.panel-smart h3.panel-title{
			font-size:24px;
		}
		.panel-smart .panel-body{
			padding:20px 0 0;
		}
/*************************************************/
/*       CSS DES ONGLETS sur la FICHE LIVRE      */
/*************************************************/
.ajax__tab_ie-theme .ajax__tab_header {
	padding-left: 0px;
	vertical-align:middle;
}
.ajax__tab_active .ajax__tab_tab {
	margin-right: 0px;
	background-color:#fc7a0c;
	width: 170px;
	height: 32px;
	padding: 5px;
	text-align: center;
	color: #fff;
	display: block;
	border-right:1px solid #cacaca;
	font-weight:lighter;
	text-transform:uppercase;
}
.ajax__tab_tab {
	padding: 5px;
	width: 170px;
	height: 32px;
	background-color:#000;
	color:#6f6f6f;
	text-transform:uppercase;
	background-color:#f3f3f3;
	font-weight:lighter;

}
.ajax__tab_ie-theme .ajax__tab_body {
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;

}
/* fiche */
.NumilogButtonErrorLayer{display:none;}
.LienExtraitDisabled {
	display:none;
}

/* search */

#custom-search-input{
    padding:18px 3px 3px 3px;
    border-bottom: solid 1px #E4E4E4;

}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .fa-search {
    font-size: 19px;
    font-weight:lighter;
  
}
/* auto complete */

.SearchTitle input{z-index:1000;position:relative;background-color:transparent;}
ul.ui-autocomplete{margin:0px;padding:0px;}
.ui-autocomplete{ /*height:430px;*/z-index:1005;position: absolute;width:400px!important;display:block!important;}
.ui-autocomplete table{width:100%;text-align:left!important;}
.ui-autocomplete td:first:child(2) {width:50%;text-align:left;}
.ui-autocomplete .ui-menu-item{background-color:#fff;}
.ui-autocomplete-category {font-size:1em; color:#fff;background-color:#5f8f97; line-height:10px;padding:1em!important;cursor:none;}

.ui-autocomplete-category:hover {color:#fff;background-color:#5f8f97;}
.ui-autocomplete .ui-menu-item ul{padding:0; margin:0; list-style:none;}
.ui-autocomplete li{padding:5px;cursor:pointer;display:block;border-top:1px solid #d8d8d8;}
.ui-autocomplete li img{border:4px solid #fff;margin:0px 1.5em 0px 0px;}
/*.ui-autocomplete li:hover{background-color:#eeeeee;}*/
.ui-autocomplete li a{font-family:Roboto;letter-spacing:1px;color:#000;}
.ui-menu-divider{display:none!important;}
.OverlayOff{display:none;}
.OverlayOn{/*opacity:0.3;filter:alpha(opacity=30);position:fixed; top:0px; left:0px;right:0px; bottom:0px;background-color:#333333;display:block;*/}
a.LnkMoreSearch{font-size:small;text-align:right;font-style:italic;}
.ui-autocomplete .ui-state-focus{background-color:#eeeeee!important;}
.ui-autocomplete .ui-menu-item a{padding:0.5em!important;}

.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.ss_infos i {
    color: #777;
    font-size: small;
}

.ss_infos {
    min-height: 75px;
    padding: 0.1em 0.1em 0.1em 1em;
    position: relative;
    width: 95%;
}

/* search advanced */
.well-searchbox {
  min-height: 20px;
  min-width: 400px;
  padding: 19px;
  z-index: 80;

  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well{margin-top:20px;}
.Left-searchbox{
    color: #fff;padding-top:10%;
}
.Left-searchbox h2{
    font-size:3.5rem;text-transform:uppercase;margin-top:6%;
}
.color_i{color:#ffa53a;}



.img-container{position:relative;height:330px;margin-bottom:20px;}
.img-container img{position:absolute;bottom:0;background-size:contain;border:2px solid silver!important;}

/* carousel*/
/* image thumbnail */
.thumb {
    display: block;
	/*width: 100%;*/
	margin: 0;
}

/* Style to article Author */
.by-author {
	font-style: italic;
	line-height: 1.3;
	color: #aab6aa;
}

/* Main Article [Module]
-------------------------------------
* Featured Article Thumbnail
* have a image and a text title.
*/
.featured-article {
	width: 762px;
	height: 340px;
	position: relative;
	margin-bottom: 1em;
}

.featured-article .block-title {
	/* Position & Box Model */
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	/* background */
	background: rgba(0,0,0,0.7);
	/* Width/Height */
	padding: .5em;
	width: 100%;
	/* Text color */
	color: #fff;
}

.featured-article .block-title h2 {
	margin: 0;
}

/* Featured Articles List [BS3]
--------------------------------------------
* show the last 3 articles post
*/

.main-list {
	padding-left: .5em;
}

.main-list .media {
	padding-bottom: 1.1em;
	border-bottom: 1px solid #e8e8e8;
}

/* login*/
.BgLogin{background-color:#5f8f97;}
.main-login {padding:10px;}
.main-login .form-group {padding:15px;}
.main-login label{color:#fff;}
.round {
    display:block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;    
    color: #FFF;
    text-align: center;  
 
}

.round .fa{line-height:2;}
.round.hollow {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;    
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}



.round.hollow.blue {
    color: #3EA6CE;   
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #3EA6CE;
    -moz-box-shadow: 0px 0px 0px 3px #3EA6CE;
    box-shadow: 0px 0px 0px 3px #3EA6CE;
}

/* carousel */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
	right: -12px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}


@media screen and (max-width: 767px) {
 /*.PosImg {max-height:100%;min-height:100%;overflow:auto;}*/
   .navbar{min-height:80px;}
    .CTASuite {
        display: none;
    }

    .CTASuitemobil {
        visibility: visible;
    }
  }

/*smallitem*/

  .thumbnail
 {
	 Affichage: -webkit-flex;
	 Affichage: -ms-flexbox;
	 Affichage: flex;

	 -webkit-flex-wrap: envelopper;
	 -ms-flex-wrap: envelopper;
	 Flex-wrap: enveloppement;
 }
	 .thumbnail
	 {
		 Affichage: -webkit-flex;
		 Affichage: -ms-flexbox;
		 Affichage: flex;
	 } 
	 
.thumbnails div.span4:nth-child(3n + 4) {
  margin-left : 0px;
} 

/*menu hamburger */


.positionMenu{position:absolute;z-index:100000;}
.mini-submenu{
  display:none;  
  background-color:#fff;  

  /*padding:5px !important;*/  
  /*position: relative;*/
  /*width: 42px;*/
  

}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;

}
.MenuHamburger{border: 1px solid rgba(0, 0, 0, 0.9);padding:0px 5px ; width:35px;border-radius:2px;padding-top:2px;}
.sidebarhamburger  p{font-size:0.7em; margin:0;padding:0px;}
.navbar-brand{padding:0px;}
.navbar .col-sm-5,.navbar .col-sm-4{padding:0px;}
.positionMenu{margin-top:31px;height:auto;left:0;}
.navbar-fixed-top{padding-top:15px;}

/* croix*/
/* Icon 1 */
.sidebarhamburger{float:left;}
#nav-icon3{
  /*width: 35px;*/
  height: 30px;
  position: relative;
 /* margin: 5px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 85%;
  background: #000;
  opacity: 1;
  left: 1px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 5px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 20px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%;

}

.MenuSignin li{list-style:none;}

.Selection
{  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #edf3f4;
  border: 1px solid #dddddd;
    }
    
.scrollMenu a:hover{background-image: url("Images/Assets/menu_active.png");background-repeat:no-repeat;background-position:right;}


a.Selection,
button.Selection {
  color: #555555;
}

a.SelectionChoisie,.SelectionChoisie{  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #edf3f4;
  border: 1px solid #fff;
  font-size:2.4rem;
  color:#000;
  text-decoration:none;
    }

.SelectionChoisie:hover{  
  background-color: #cddee1;
  color:#000!important;

    }


.MenuLargeHamburger{width:1240px;}
.MenuLargeHamburger .col-md-7,.MenuLargeHamburger .col-md-5{margin:0px;padding:0px;}
.MenuLargeHamburger .list-group-item{background-color:#5f8f97;color:#fff;font-size:2.4rem;}
.MenuLargeHamburger .list-group-item{background-color:#5f8f97;color:#fff;font-size:2.4rem;}
.SubMenuTheme{background-color:#f2f2f2;padding:10px;}

.LblTitleSubMenu{text-align:center;color:#fff;}
.TitleSubject{margin:10px 15px;color:#696969;}
.borderSimple{width:90%; border-bottom:1px solid #dadada;margin-left:15px!important;margin-bottom:15px!important;}

.SubMenuTheme a.SelectionChoisie,.SubMenuTheme .Selection,.SubMenuTheme .SousSelectionGris,.SubMenuTheme a.SousSelectionGris{
  display: inline;
  padding: 4px 15px;
  font-size:2rem;
  color:#5f8f97;
  text-decoration:none;
  border:0px;
  background-color:Transparent;
 
  
    }
    .SubMenuTheme a.SelectionChoisie,.SubMenuTheme .Selection::after{text-decoration:underline;color:#666;
  
    }
  .LnkMenuOther{color:#000!important;}
 .BlocWord,.BlocWord2 {color:#000;padding:15px;}
 .BlocWord a,.BlocWord,.BlocWord2,.BlocWord2 a{color:#000;font-size:2.4rem;width:100%;}
 .BlocWord a,.BlocWord2 a{text-decoration:underline;}
 .BlocWord a:hover,.BlocWord2 a:hover{background-image:none;}
  

/* user*/

.block-dunod-user {
    float: left;
  /*  margin-right: 20px;*/
    margin-top: 5px;
    position: relative;
    transition: all 0.25s ease 0s;
}
.block-dunod-user > a.LogIcon:hover{background:rgba(0, 0, 0, 0) url("Images/Assets/icon_user_hover.png") no-repeat scroll center top !important;}
/* active*/
.block-dunod-user > a.active{background:rgba(0, 0, 0, 0) url("Images/Assets/icon_user_active.png") no-repeat scroll center top !important;}

.block-dunod-user .contentLogin{width:400px!important;text-align:left;line-height:5rem;font-size:1.8rem;}
.block-dunod-user .contentLogin a{color:#333;padding-left:10px;}
/*login mode connecté*/
.block-dunod-user .Connected{background:url("Images/Assets/icon_user_active.png") no-repeat scroll center top !important;}

@media only screen and (max-width: 992px) {
.block-dunod-user {
    margin-right: 15px;
    margin-top: 10px;
}
    .CTASuite {
        display: none;
    }

    .CTASuitemobil {
        visibility: visible;
    } 
/*masque le hover et le titre*/
       .hovereffect .overlay{display:none!important;}
       .hovereffect .caption{display:none!important;}
            
.Resume {font-size:10pt;}
/* resizer le texte du site !!*/
body{
  /*font-size: 4vmin;*/
}
/*h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}*/

}
h2#OpenUserBlock{    font-size: 1rem;
    display:block;
    margin-top:38px;
    font-family:"Work Sans",sans-serif;
    font-weight: 600;
    /*font-weight:bold;*/}
    
.block-dunod-user  a.LogIcon {
    background: rgba(0, 0, 0, 0) url("Images/Assets/icon_user.png") no-repeat scroll center top;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: "Work Sans",sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    min-height: 33px;
    min-width: 33px;
}
/*.block-dunod-user  span {
    font-size: 1rem;
    display:block;
    margin-top:38px;
    font-weight:bold;
}*/

@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#header .region-header .block-dunod-user > a:hover, #header .region-header .block-dunod-user > a.active {
    background-image: url("Images/Assets/icon_user_hover@2x.png");
    background-size: 30px 30px;
}
}

@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block-dunod-user > h2 {
    background-image: url("Images/Assets/icon_user@2x.png");
    background-size: 30px 30px;
}
}
.block-dunod-user > h2:hover, .block-dunod-user > h2.active {
    background: rgba(0, 0, 0, 0) url("Images/Assets/icon_user.png;") no-repeat scroll center top;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block-dunod-user > h2:hover, .block-dunod-user > h2.active {
    background-image: url("Images/Assets/icon_user_hover@2x.png");
    background-size: 30px 30px;
}
}
.block-dunod-user > h2::first-letter {
    border-bottom: 0 none;
    border-top: 0 none;
}
.block-dunod-user > h2 span {
    display: inline-block;
    margin-top: 38px;
}
@media only screen and (max-width: 992px) {
.block-dunod-user > h2 span {
    display: none;
}

}
.block-dunod-user .content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #badbe1;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    /*display: none;*/
    margin-top: 11px;
    padding: 30px;
    position: absolute;
    right: -5px;
    width: 940px;
    z-index: 6;
}

@media only screen and (max-width: 340px) {
.block-dunod-user .content {

    width: 340px;

}
}

@media only screen and (max-width: 1100px) {
.block-dunod-user .content {
      position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow-y: scroll;
    max-height: 700px;
}
    .CTASuite {
        display: none;
    }

    .CTASuitemobil {
        visibility: visible;
    }
}
/*@media only screen and (max-width: 500px) {
.block-dunod-user .content {

   width: 80%;
}
}*/

.block-dunod-user .content::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 0 9px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 30px;
    top: -10px;
    width: 0;
    z-index: 7;
}
@media only screen and (max-width: 1100px) {
.block-dunod-user .content::before {
    right: 155px;
}
}
.block-dunod-user .content::after {
    border-color: transparent transparent #badbe1;
    border-style: solid;
    border-width: 0 11px 11px;
    content: "";
    height: 0;
    position: absolute;
    right: 28px;
    top: -11px;
    width: 0;
    z-index: 6;
}
@media only screen and (max-width: 1100px) {
.block-dunod-user .content::after {
    right: 153px;
}
}
.block-dunod-user .content .user-login-block, .block-dunod-user .content .user-loggued-block {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 768px) {
.block-dunod-user .content .user-login-block, .block-dunod-user .content .user-loggued-block {
    display: block;
}
}
.block-dunod-user .content .user-login-block .form-item label, .block-dunod-user .content .user-loggued-block .form-item label {
    /*font-weight: normal;*/
}
.block-dunod-user .content .user-login-block .form-item input[type="text"],  .block-dunod-user .content .user-login-block .form-item input[type="password"],  .block-dunod-user .content .user-loggued-block .form-item input[type="text"], .block-dunod-user .content .user-loggued-block .form-item input[type="password"] {
    border-radius: 4px;
}
h3.TitleLog{margin-bottom:20px!important;text-transform:uppercase;font-weight:bold; line-height:3.2rem;}


/* .block-dunod-user .content .user-login-block .form-item input[type="text"], .block-dunod-user .content .user-loggued-block .form-item input[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/icons/icon_username.png") no-repeat scroll right 10px center;
}
 .block-dunod-user .content .user-login-block .form-item input[type="password"],  .block-dunod-user .content .user-loggued-block .form-item input[type="password"] {
    background: rgba(0, 0, 0, 0) url("../images/icons/icon_password.png") no-repeat scroll right 10px center;
}*/
 .block-dunod-user .forgot-password{
    /*border-top: 3px solid #badbe1;*/
    margin: 15px 0 0;
    padding-top: 5px;
    text-align: right;
}
 .block-dunod-user .forgot-password a {
    color: #000000;
    font-size: 1.3rem;
    text-decoration: underline;
}
.block-dunod-user .content .user-login-block .left h3, .block-dunod-user .content .user-login-block .right h3,.block-dunod-user .content .user-loggued-block .left h3, .block-dunod-user .content .user-loggued-block .right h3 {
    font-size: 2.4rem;
    margin: 0;
}
.block-dunod-user .creer-compte {
    background-color: #e75960;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 15px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}
.block-dunod-user .creer-compte:hover {
    background-color: #000000;
    color: #fff!important;
    text-decoration: none;
}
.block-dunod-user .content .user-login-block .left #edit-social legend, .block-dunod-user .content .user-login-block .right #edit-social legend,.block-dunod-user .content .user-loggued-block .left #edit-social legend, .block-dunod-user .content .user-loggued-block .right #edit-social legend {
    background: transparent none repeat scroll 0 0;
    border-bottom: 3px solid #badbe1;
    color: #000000;
    margin: 20px 0 35px;
    position: relative;
    text-align: center;
    text-transform: none;
}
.block-dunod-user .content .user-login-block .left #edit-social legend .fieldset-legend, .block-dunod-user .content .user-login-block .right #edit-social legend .fieldset-legend, .block-dunod-user .content .user-loggued-block .left #edit-social legend .fieldset-legend, .block-dunod-user .content .user-loggued-block .right #edit-social legend .fieldset-legend {
    background: #ffffff none repeat scroll 0 0;
    color: #5f8f97;
    display: inline-block;
    font-weight: 600;
    left: 0;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -11px;
    width: 52px;
}
.block-dunod-user .content .user-login-block .left #edit-social .fieldset-wrapper, .block-dunod-user .content .user-login-block .right #edit-social .fieldset-wrapper, .block-dunod-user .content .user-loggued-block .left #edit-social .fieldset-wrapper, .block-dunod-user .content .user-loggued-block .right #edit-social .fieldset-wrapper {
    border: 0 none;
    padding: 0;
}
.block-dunod-user .content .user-login-block .left .social-networks, .block-dunod-user .content .user-login-block .right .social-networks, .block-dunod-user .content .user-loggued-block .left .social-networks, .block-dunod-user .content .user-loggued-block .right .social-networks {
    margin: 0;
    padding: 0;
}
.block-dunod-user .content .user-login-block .left .social-networks li, .block-dunod-user .content .user-login-block .right .social-networks li, .block-dunod-user .content .user-loggued-block .left .social-networks li, .block-dunod-user .content .user-loggued-block .right .social-networks li {
    display: block;
    list-style: outside none none;
    margin: 0 auto 15px;
    padding: 0;
    position: relative;
    width: 280px;
}
.block-dunod-user .content .user-login-block .left .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-login-block .left .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-login-block .right .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-login-block .right .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-loggued-block .left .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-loggued-block .left .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-loggued-block .right .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-loggued-block .right .social-networks li:nth-child(2)::before {
    color: #ffffff;
    font-size: 25px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 4px;
}
.block-dunod-user .content .user-login-block .left .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-login-block .right .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-loggued-block .left .social-networks li:nth-child(1)::before, .block-dunod-user .content .user-loggued-block .right .social-networks li:nth-child(1)::before {
    content: "";
    font-family: "FontAwesome";
}
.block-dunod-user .content .user-login-block .left .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-login-block .right .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-loggued-block .left .social-networks li:nth-child(2)::before, .block-dunod-user .content .user-loggued-block .right .social-networks li:nth-child(2)::before {
    content: "";
    font-family: "FontAwesome";
}
.block-dunod-user .content .user-login-block .left .social-networks li input, .block-dunod-user .content .user-login-block .right .social-networks li input, .block-dunod-user .content .user-loggued-block .left .social-networks li input, .block-dunod-user .content .user-loggued-block .right .social-networks li input {
    display: block;
    font-size: 1.3rem;
    line-height: 13px;
    padding: 15px 25px;
    text-align: right;
    text-transform: uppercase;
    white-space: normal;
    width: 280px;
}
.block-dunod-user .content .user-login-block .left .social-networks li input#edit-social-link-facebook, .block-dunod-user .content .user-login-block .right .social-networks li input#edit-social-link-facebook, .block-dunod-user .content .user-loggued-block .left .social-networks li input#edit-social-link-facebook, .block-dunod-user .content .user-loggued-block .right .social-networks li input#edit-social-link-facebook {
    background: #3b5998 none repeat scroll 0 0;
}
.block-dunod-user .content .user-login-block .left .social-networks li input#edit-social-link-facebook:hover, .block-dunod-user .content .user-login-block .right .social-networks li input#edit-social-link-facebook:hover, .block-dunod-user .content .user-loggued-block .left .social-networks li input#edit-social-link-facebook:hover, .block-dunod-user .content .user-loggued-block .right .social-networks li input#edit-social-link-facebook:hover {
    background: #2d4373 none repeat scroll 0 0;
}
.block-dunod-user .content .user-login-block .left .social-networks li input#linked-button, .block-dunod-user .content .user-login-block .right .social-networks li input#linked-button, .block-dunod-user .content .user-loggued-block .left .social-networks li input#linked-button, .block-dunod-user .content .user-loggued-block .right .social-networks li input#linked-button {
    background: #007bb5 none repeat scroll 0 0;
}
.block-dunod-user .content .user-login-block .left .social-networks li input#linked-button:hover, .block-dunod-user .content .user-login-block .right .social-networks li input#linked-button:hover, .block-dunod-user .content .user-loggued-block .left .social-networks li input#linked-button:hover, .block-dunod-user .content .user-loggued-block .right .social-networks li input#linked-button:hover {
    background: #005882 none repeat scroll 0 0;
}
.block-dunod-user .content .user-login-block .left, .block-dunod-user .content .user-loggued-block .left {
    padding-right: 30px;width:50%;

}
.block-dunod-user .content .user-login-block .left ul, .block-dunod-user .content .user-loggued-block .left ul {
    margin: 15px 0;
}
@media only screen and (max-width: 768px) {
.block-dunod-user .content .user-login-block .left, .block-dunod-user .content .user-loggued-block .left {
    padding-right: 0;
    width: 100%;
}
}
.block-dunod-user .content .user-login-block .right, .block-dunod-user .content .user-loggued-block .right {
    border-left: 1px solid #badbe1;
    padding-left: 30px;

}
@media only screen and (max-width: 768px) {
.block-dunod-user .content .user-login-block .right, .block-dunod-user .content .user-loggued-block .right {
    border-left: 0 none;
    margin-top: 30px;
    padding-left: 0;
    /*width: 100%;*/
}
}






.block-dunod-user .form-submit {
    background-color: #ffa53a;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 15px 40px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    text-decoration:none;
}
.block-dunod-user .form-submit:hover {
    background-color: #fabc5d;
    color: #fff!important;
    text-decoration: none;
}
.block-dunod-user .content .user-login-block span.close, .block-dunod-user .content .user-loggued-block span.close {
   /* background-image: url("../images/icons/icon_close.png");*/
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.block-dunod-user .content .user-login-block span.close, .block-dunod-user .content .user-loggued-block span.close {
    background-image: url("../images/icons/icon_close@2x.png");
    background-size: 30px 30px;
}
}
.block-dunod-user.active .content {
    display: block;
}
/* fin user */

/*popup user*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
 
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }




#open-popup {padding:20px}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 200px;
  margin: 20px auto;
  text-align: center;
}

/* cookies*/

.topbar {
    height: 46px;
    left: 0;
    overflow: visible;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
.topbar-inner, .topbar .fill {
  background: rgba(48, 56, 67, 0.9) none repeat scroll 0 0;
    color: #fff;
    transition: padding 0.6s ease-in-out 0s;
    width: 100%;
    z-index: 40;
}
#item_name {
    float: left;
    font-weight: normal !important;
    letter-spacing: -1px;
    line-height: 24px !important;
    margin: 11px 0 0 15px !important;
    padding: 0 !important;
    width: 80%;
}

/* panier dunod */
 .block-dunod-commerce {
  float: left;
  position: relative;
  margin-top: 5px;
  transition: all .25s;
}
@media only screen and (max-width: 992px) {
  /* line 355, ../sass/dunod/layout/_header.scss */
   .block-dunod-commerce {
    margin-top: 10px;
  }
}
/* line 363, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce .cart-summary {
  position: absolute;
  top: -5px;
  left: 40px;
  font-size: 12px;
  font-size: 1.2rem;
  width: 17px;
  height: 17px;
  border-radius: 34px;
  background-color: #e75960;
  color: #ffffff;
  text-align: center;
  line-height: 17px;
}
@media only screen and (max-width: 992px) {
  
   .block-dunod-commerce .cart-summary {
    left: 24px;
  }
}

 .block-dunod-commerce .cart-summary span {
  color: #ffffff;
}

 .block-dunod-commerce .cart-items {
  /*display: none;*/
  position: absolute;
  border: 1px solid #badbe1;
  background-color: #ffffff;
  z-index: 6;
  width: 520px;
  min-height: 150px;
   /*max-height: 500px;
 overflow-y: scroll;*/
  right: -5px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 30px;
  margin-top: 11px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}
.block-dunod-commerce .cart-items .active{display:block!important;}

@media only screen and (max-width: 610px) {
 
   .block-dunod-commerce .cart-items {
    position: fixed;

    right: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    max-height: 500px;
   
  }
  .Text-Log{display:none;}
}
/* line 406, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce .cart-items:before {
  content: "";
  position: absolute;
  right: 25px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 7;
}
@media only screen and (max-width: 610px) {
  /* line 406, ../sass/dunod/layout/_header.scss */
   .block-dunod-commerce .cart-items:before {
    right: 80px;
  }
}
/* line 421, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce .cart-items:after {
  content: "";
  position: absolute;
  right: 23px;
  top: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #badbe1 transparent;
  z-index: 6;
}
@media only screen and (max-width: 610px) {
 
   .block-dunod-commerce .cart-items:after {
    right: 78px;
  }
}
 .block-dunod-commerce .cart-items .cart-header h3 {
  position: relative;
  margin: 20px 0;
  font-size: 25px;
  color: #000000;
}

 .block-dunod-commerce .cart-items .cart-header h3:after {
  position: absolute;
  left: 0;
  top: 35px;
  content: '';
  width: 21px;
  height: 2px;
  background: #febb6c;
}

 .block-dunod-commerce .cart-items .cart-header .close {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 
   .block-dunod-commerce .cart-items .cart-header .close {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icons/icon_close@2x.png");
    background-size: 30px 30px;
  }
}

 .block-dunod-commerce .cart-items .products .view-content table {
  border-top: 0;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr {
  display: block;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr.odd,  .block-dunod-commerce .cart-items .products .view-content table tbody tr.even {
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr:not(.views-row-last) {
  border-bottom: 1px solid #badbe1;
  padding-bottom: 20px;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td {
  padding: 0;
  border-right: 0;
  vertical-align: middle;
  border-bottom: 0;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-field-media-principal {
  width: 65px;
  padding-top: 15px;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-field-media-principal img {
  border: 1px solid #badbe1;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-title-field {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #5f8f97;
  padding-left: 15px;
  padding-right: 30px;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-quantity {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000000;
  padding-right: 30px;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-commerce-total .price {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
  position: relative;
}

 .block-dunod-commerce .cart-items .products .view-content table tbody tr td.views-field-commerce-total .price > sup {
  top: -10px;
  font-size: 17px;
  font-size: 1.7rem;
}

 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .line-item-total {
  margin-top: 30px;
  padding: 10px 0;
  border-top: 2px solid #badbe1;
  border-bottom: 2px solid #badbe1;
}

 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .line-item-total .line-item-total-label {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #e75960;
  margin-right: 70px;
}

 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .line-item-total .line-item-total-raw .price {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 38px;
  font-weight: 500;
  color: #e75960;
  display: inline-block;
  position: relative;
}

 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .line-item-total .line-item-total-raw .price > sup {
  font-size: 18px;
  top: -14px;
}

 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .links {
  display: block;
  margin: 30px 0 0 0;
}


 .block-dunod-commerce .cart-items .products .view-footer .line-item-summary .links li a:hover {
  text-decoration: none;
  background-color: #000000;
  color: #ffffff;
}

 .block-dunod-commerce h2 {
  cursor: pointer;
}

 .block-dunod-commerce.active h2 {
  background: url("Images/Assets/icon_cart_hover-red.png") no-repeat center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

   .block-dunod-commerce.active h2 {

    background-image: url("Images/Assets/icon_cart_hover_red@2x.png");
    background-size: 33px 33px;
  }
}

 .block-dunod-commerce.active .cart-items {
  display: block;
}

 .block-dunod-commerce.new-item .cart-items {
  display: block;
}
/* line 582, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce.new-item:hover h2 {
  background: url("Images/Assets/icon_cart.png") no-repeat center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 582, ../sass/dunod/layout/_header.scss */
   .block-dunod-commerce.new-item:hover h2 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("Images/Assets/icon_cart@2x.png");
    background-size: 33px 33px;
  }
}
/* line 589, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce:hover h2 {
  background: url("Images/Assets/icon_cart_hover-red.png") no-repeat center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 589, ../sass/dunod/layout/_header.scss */
   .block-dunod-commerce:hover h2 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("Images/Assets/icon_cart_hover-red@2x.png");
    background-size: 33px 33px;
  }
}


/* achat panier entete*/
 .block-dunod-commerce h2 {
  display: inline-block;
  background: url("Images/Assets/icon_cart.png") no-repeat center top;
  margin: 0;
  padding: 0;
  min-height: 33px;
  min-width: 33px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Work Sans", sans-serif;
  color: #000000;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

   .block-dunod-commerce h2 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("Images/Assets/icon_cart@2x.png");
    background-size: 33px 33px;
  }
}

 .block-dunod-commerce h2:first-letter {
  border-top: 0;
  border-bottom: 0;
}
/* line 610, ../sass/dunod/layout/_header.scss */
 .block-dunod-commerce h2 > span {
  display: inline-block;
  margin-top: 38px;
}
 #OpenCartBlock:hover {
color:#e96970;
}
@media only screen and (max-width: 992px) {

   .block-dunod-commerce h2 > span,.block-dunod-user h2 > span {
    display: none;
  }
}

 .user-register-block {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 86px;
  max-height: 590px;
  overflow-y: scroll;
}
@media only screen and (max-width: 992px) {

   .user-register-block {
    top: 61px;
  }
}
@media only screen and (max-width: 768px) {

   .user-register-block {
    display: block;
    max-height: 490px;
  }
}

/* fil d ariane */

.breadcrumb {
   
    color: #010101;
    font-size: 1.4rem;
    margin-left: -10px;
    position: relative;
    background-color:Transparent;
    margin-bottom:0px;line-height:22px;
}

.Blockbreadcrumb{ background: #edf3f4 none repeat scroll 0 0;
    border-bottom: 1px solid #badbe1;}
/*.breadcrumb::before, .breadcrumb::after {
    background: #edf3f4 none repeat scroll 0 0;
    border-bottom: 1px solid #badbe1;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.breadcrumb::before {
    left: -100%;
}
.breadcrumb::after {
    right: -100%;
}*/
.breadcrumb a {
    color: #b1b1b1;
}

/* price*/

.ColPrice{padding:5px; 
    display: inline-block;width:100%;
  min-height: 265px;background-color:#edf3f4;clear:both;}
  
.LivreDuThemeDetail{
    overflow:hidden;}
.price{font-size:2rem;margin: 0;text-wrap:none;white-space: nowrap ;}
.LblSeparatorPrice, .LblDecimal{font-size:1.2rem;}
              

/* titre- auteur - editeur */
/* titre */
h2 a.TitleBook {color:#000;font-size:1.5rem;}
.caption{text-align:left;}
.caption h2{font-weight:normal!important;border-top:1px solid #badbe1;line-height:1.5rem;padding-top:2%;}

a.TitleBook {color:#000;text-decoration:none;/*font-family:"Montserrat",sans-serif;*/line-height:22px;font-size:1.8rem;}
a.Author{color:#000;text-decoration:none;font-size:1.4rem;}
.DatePublisher h2{color:#333;font-size:1.6rem;}
a.Publisher{color:#000;text-decoration:none;font-size:1.4rem}.LabelInfos,.LabelInfos a{color:#585757;text-decoration:none;font-size:1.4rem;}
.TitleHeader{ clear: both;
    display: block;
    font-size: 2.6rem;
    line-height: 26px;
    text-transform: none;
    width: 100%;}
.BtnSeeMore{font-size:1.1rem;color:#000;}
.BtnSeeMore:hover,.btnSearchAd:hover{color:#fff; background-color:#000;}
a.BtnSeeMore:hover,a.btnSearchAd:hover{color:#fff!important;}
.btnSearchAd{font-size:1.2rem;color: #6e6e6e;}

a.SeeMoreLink {color:#000;text-decoration:underline; font-size:0.9em;text-align:right;
}

.list-group-item-text {
    font-size: 1.4rem;
    line-height: 1.5em;
    color: #000;
}
.ContentHeader{background-color:#edf3f4 ;border-left:1px solid #badbe1;border-right:1px solid #badbe1;padding:2% 2%;} 
.ContentHeaderDown {background-color:#edf3f4 ;/*border-bottom:1px solid #badbe1;*/border-left:1px solid #badbe1;border-right:1px solid #badbe1;/*padding:2% 2%;*/}
.TitleHeader::first-letter {
    border-bottom: 2px solid #ffa53a;
}

/* footer*/

.TitleFooter{Font-size:1.8rem;display:inline;font-family:"Montserrat",sans-serif;line-height:57px;font-weight:100;}
.TitleFooter2{color:#ffa53a;font-weight:normal!important;}
.Block-footer-border{margin-left:5px;border:1px solid #fff;height:81px; font-size:1.6rem;padding:20px; text-transform:uppercase;border-radius:5px;transition:all 0.25s ease;-webkit-transition:all 0.25s ease;}
.Block-footer-border:hover{background-color:#fff;color:#35373b;}
.Block-footer{height:81px; font-size:1.6rem; }
.Block-footer-border .col-sm-4, .Block-footer-border .col-sm-9{padding:0;}
.BlockHelpFooter{background-image:url("Images/Assets/icon_aide.png");background-repeat:no-repeat;background-position:left 0px top;}
.BlockContactFooter{background-image:url("Images/Assets/icon_contact.png");background-repeat:no-repeat;background-position:left 0px top;}
.BlockContactFooter:hover{background-image:url("Images/Assets/icon_contact_hover.png");background-repeat:no-repeat;background-position:left 0px top;}
.BlockHelpFooter:hover{background-image:url("Images/Assets/icon_aide_hover.png");background-repeat:no-repeat;background-position:left 0px top;}

.btn-news:hover{background-color:#000; background-image:url("Images/Assets/icon_email_hover.png");}
.btn-news{background-color:#fff;color:#000;background-image:url("Images/Assets/icon_email.png");background-repeat:no-repeat;background-position:left 20px center;font-size:1.6rem;transition:all 0.25s ease 0s;font-weight:500;}

footer .LnkIconContact, footer .LnkIconHelp{padding-left:20px;line-height:40px;}
.withoutmarge{padding:0px;}
footer li,footer ul{list-style:none;padding:0px;margin:0px;line-height:2em;}
.footer-4{background-color:#242528;}
.zoomarticle {
	height: auto;
	margin-bottom: 1.65em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
.article_big_img {
	width: 60px;
	height: 60px;
	overflow: hidden;
	padding: 2px;

}
 .article_big_img .ImgBlog
 {border-radius: 5px;
	border:3px solid #fff!important;background-color:#fff;}
	
	
.article_big_img > img {
	width: 60px;
	height: 60px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
 
.article_big_img:hover > img {
	transform: scale(1.10);
	-ms-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-moz-transform: scale(1.10);
}

footer {

 
  color: #fff;
  zoom: 1;
  position: relative;
}

footer .section.footer-1:after {
  clear: both;
}


footer a {color: #fff;}
footer a:hover {color: #fff;}

footer .section.footer-1,footer .section.footer-3 
{
      padding-top: 25px;
      /* padding-bottom: 25px;*/
  display: flex;
  justify-content: space-between;
    background: #404347;
}

    
    
    
footer .section.footer-0{padding-top: 25px;
       padding-bottom: 25px;
  display: flex;
  justify-content: space-between;
    background: #5f8f97;}
    
    
    
footer .section.footer-2
{
      padding-top: 30px;
       padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
    background: #35373b;
}
/* test boot*/
.BlockFooterText {
    font-size: 2.9rem;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
}
.Reassure {text-decoration:underline; text-align:center;
}
.footer {
    padding: 20px 0;
}

.FooterBlock{padding:3% 0;border-bottom:2px solid #467178;border-top:2px solid #467178;margin:3% 0 5% 00;}
.FooterBlock .col-sm-9{font-size:2.9rem;font-family:"Montserrat",sans-serif;font-weight:600;vertical-align:middle;line-height:34px;letter-spacing:3px;text-transform:uppercase;display:inline-block;}

.SousBlockFooter .phone a .number,
.SousBlockFooter .phone a .phoneinfo {
  display: block;
  float: left;
  width: 50%;
}
.SousBlockFooter .phone a .number{color:#96226f;}
@media only screen and (max-width: 410px) {
  
  .SousBlockFooter .phone a .number,
  .SousBlockFooter .phone a .phoneinfo {
    width: 100%;
    float: none;
    text-align: center;
  }
  
  
}
.SousBlockFooter .phone a .number {
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 48px;
  padding-left: 13px;
  background-color: #fff;
}

.SousBlockFooter .phone a .number:after {
  content: '';
  display: block;
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -11px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-left: 11px solid #ffffff;
  border-bottom: 11px solid transparent;
}
@media only screen and (max-width: 410px) {

  .SousBlockFooter .phone a .number:after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ffffff;
    border-bottom: 0;
    top: auto;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  
}

.SousBlockFooter .phone a .phoneinfo {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #96226f;
  color: #ffffff;
  font-weight: 400;
  padding: 3px 20px 0 25px;
}
@media only screen and (max-width: 410px) {

  .SousBlockFooter .phone a .phoneinfo {
    padding: 20px 13px 10px;
  }
  
}



.widget h2 {
 cursor:pointer;  
 font-size:18px;
 font-weight:bold;
 padding-bottom:5px;
}
.footer-bottom {

 padding:15px 0;
 border-top:1px solid #d9d9d9;
 font-size:11px;
 color:#777;
}

/* back to top */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #eceded;
	color: #888;
	width: 50px;
	height: 48px;
	line-height: 40px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #cacbcc;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/**/
  
@media only screen and (max-width: 479px) {    
     .widget_content{
        display:none;
    }
    

    /* .mega-menu{height:140px!important;}*/
    .active .widget_content{
    	display:inline;	
    }
    .breadcrumb > li{display:inherit!important;}
    .widget h2 { 
        border-bottom:1px solid #ddd;
    }   
    .widget h2:after {
        content:"\203A";
        color:white;
        width:20px;
        height:20px;
        background:#999;
        display:inline-block;
        text-align:center;
        float:right;
    }
    .active.widget h2:after {
        content:"\2039";    
        background:#ccc;
    }
}

/*test smallitem*/

/**************************************
/ Gallery
**************************************/



.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: left;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect:hover .overlay {
   background-color:#fff;
}

.hovereffect img {
  display: block;
  position: relative;
}



.hovereffect a.info,.hovereffect p.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  color: #000;

  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;

}
.hovereffect a.info{  border:1px solid silver;}
.hovereffect:hover a.info,.hovereffect:hover p.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #000;
 
}

/*title*/

#postface:before {
  display: block;

  width: calc(100% );
  content: 'Résultat';
  text-transform: uppercase;
  background-color: #5f8f97;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 4px;
  height: 65px;
  line-height: 65px;
  left: 0;
  padding-left: 20px;
  font-weight: 400;
}

#postface:after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 13px;
  background-color: #ffa53a;
  top: 0;
  left: 21px;
}
/*  sidebar nav vertical recherche result */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  

}
.TitleActive::first-letter {border-top:2px solid #ffa53a;}
.TitleActive{  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  color: #5f8f97;
  text-transform: uppercase;
  margin: 0;
  background-color:#e7e7e7;}
  #.radio, .checkbox{margin:0px;}
  
  /*dropdowlist*/
  
  
  
.Dropdown {
    background:#fff;
    border:#ffa53a 1px solid;
    border-radius:4px;
    height:36px;
    /*max-width:250px;width:100%;*/

}

.SearchBox select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

select::after {

}





#dropdown {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 padding: 2px 30px 2px 2px;
 border: none;
}
.custom-select {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 2em;
    padding: 0;
    position: relative;
text-align:left;
    z-index: 1;
}

.custom-select:hover {
    border-color: #999;
}

.custom-select:before {
    color: #333;
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    height: 100%;

    padding: 0 0.625em;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 1em;
    z-index: -1;
    background-color:#ffc15e;width:50px;
}

.custom-select select {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: .5em;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select select::-ms-expand {
    display: none; /* to ie 10 */
}

.custom-select select:focus {
    outline: none;
}
/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */
:-moz-any(.custom-select):before {
    background-color: #fff; /* this is necessary for overcome the caret default browser */
    pointer-events: none; 
    z-index: 1; /* this is necessary for overcome the pseudo element */
}
/* pagination*/


/* pagination*/
/*pagination counter*/

.pagination td a:nth-child(2), .pagination td a:nth-child(4) {
    background-color: #badbe1;
    line-height: 3rem;
    color: #fff;
    height: 30px;
    width: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-block;
    margin: 0 1%;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.pagination a {
    color: #6e1565;
}


#LbCurentPageOnTotal {
    font-size: 2rem;
}

    #LbCurentPageOnTotal:before {
    }



/*
.pagination{background-color:#edf3f4;text-align:center;margin:0px; border-radius:0px;width:100%;border-right:1px solid #badbe1;border-left:1px solid #badbe1; border-bottom:1px solid #badbe1;}*/
.pagination {
    text-align: center;
    width: 100%;
}

.pagination {
    display: table;
}

    .pagination td {
        border: none !important;
    }

table tr, table td, table th, table tr th {
    border: none;
}
.pagination td{border:none!important;}
table tr, table td, table th{border:none;}
.DetailGris {
  display: inline-block;
  padding-left: 0;
  /*margin: 20px 0;*/
  border-radius: 4px;
  color:#656d6f;
  font-size:1.6rem;
}

.DetailGris  td {
  display: inline;
}
.DetailGris  td  a,
.DetailGris td span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 2;
  text-decoration: none;
  color: #656d6f;
  /*background-color: #ffffff;
  border: 1px solid #dddddd;*/
  margin-left: -1px;
}
.dropdown .select {  
           
   color:#656d6f;
   font-size:1.2rem;
   line-height:12px;
   border-radius:5px;
   -webkit-appearance: none; 
   background-image:url("Images/Assets/Dropdownlist.png");
  display: inline-block;
   position:relative;
   width: 250px;
   height: 38px;
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
            background-position:right;
            background-repeat:no-repeat;
box-shadow:none;
border:1px solid #badbe1;
background-color:#fff;
        }  

.dropdown .select {
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

.DetailGris td span{color:#ffa53a;font-weight:bold;}

.DetailGris td:first-child > a,
.DetailGris td:first-child > span {
  margin-left: 0;
  /*border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;*/
}
.DetailGris td:last-child  a,
.DetailGris td:last-child span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.DetailGris td a:hover,
.DetailGris td span:hover,
.DetailGris td a:focus,
.DetailGris td span:focus {
  /*z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;*/
}
.DetailGris > .active > a,
.DetailGris > .active > span,
.DetailGris > .active > a:hover,
.DetailGris > .active > span:hover,
.DetailGris > .active > a:focus,
.DetailGris > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.DetailGris > .disabled > span,
.DetailGris > .disabled > span:hover,
.DetailGris > .disabled > span:focus,
.DetailGris > .disabled > a,
.DetailGris > .disabled > a:hover,
.DetailGris > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.DetailGris-lg > li > a,
.DetailGris-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.DetailGris-lg > li:first-child > a,
.DetailGris-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.DetailGris-lg > li:last-child > a,
.DetailGris-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.DetailGris-sm > li > a,
.DetailGris-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.DetailGris-sm > li:first-child > a,
.DetailGris-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.DetailGris-sm > li:last-child > a,
.DetailGris-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}


.WithoutPadding{padding-left:0px; padding-right:0px;}
.WithoutPadding2 {
    padding-left: 2px;
    padding-right: 2px;
}
.margeSlider {width:100%; height:5px;display:block; clear:both;
}
/*menu filter*/
.nav .list-group-item {
    font-size: 0.9em;
}

.SelectionAppear .list-group-item{background-color:#badbe1; color:#000;}
/**/
.ResultatDetail,.CountResultatDetail{  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  color: #000;
  line-height: 37px;}



/*social*/
.fa-2{font-size:2em;}
footer .zoomcommunity .fa {color:#fff;border-radius: 45px;border: 2px solid #fff;padding:8px 10px;}
footer .zoomcommunity .fa-facebook {padding-left:15px;padding-right:15px;padding-top:8px; padding-bottom:8px;}
footer .zoomcommunity .fa-youtube {padding-left:11px;padding-right:11px;padding-top:8px; padding-bottom:8px;}
footer .zoomcommunity .fa:hover {color:#404347;border: 2px solid #fff;background-color:#fff}
/*dropdownlist orange*/

.orange-txt {
  background-color: #ffc15e;
  display:inline-block;
  height:100%;
  color:#fff;
  position:relative;
  z-index:100;
}

.orange-txt .caret{width:100%;height:100%; display:inline;color:#fff;position:relative;top:10px;}
.orange-txt .iconchecked{color:#fff;}
.btn-buy{padding:0;vertical-align:middle;}
.btn-buy .dropdown .btn {border-radius:0px;}
.dropdown-toggle{height:50px; width:50px;}
.dropdown .btn{border:0px;vertical-align:middle;}
.ColorBtnDrop{background-color:#fff;}
.btn-buy .col-sm-5 .selectFormat {text-align:center;}
.btn-buy .col-sm-7 .BuyLink {text-align:right;padding-right:5px;}
.BuyLink .price {color:#fff;
}
.alert_format{background-color:Red;}
.alert_format,.alert_format .ColorBtnDrop{background-color:Red;color:#fff;}
.selectFormat .btn, .selectFormat .dropdown{border-radius:0px;}
.ColorBtnDrop{color:#5f8f97;}
.alert_format .orange-txt{background-color:Red;}
.alert_format span{color:#333;}

/**/
.LblPrixReduitApres{color:gray;text-decoration: line-through;font-size:small;}
.btn-buy:hover .LblPrixReduitApres{color:#fff;}
/*.btn-buy .col-sm-5 {text-align:right;}*/
.btn-buy .col-sm-7 {text-align:left;padding-left:0px;}
.ReducItem{background-color:red;}
.BlkSeparate {
    background-color: #edf3f4;
    height: 50px;
}

.btn-buy {
    border: none;
    color: #e96970;
    background-color: #e96970;
    width: 100%; /*text-align:right;*/
}
.colorBtn, .ColorBtnDrop {
    background-color: #fff;

}
.BuyLink {
    color: #fff;
    display: block;
    padding-top: 5px;
}

.StyleBorder {
    border:1px solid #ddd;
}
.btn-buy a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.85em;
    width: 100%;
    display: block;
    line-height: 35px;
}
.selectFormat {
    background-color: #fff;
    color: #5f8f97;
}
    .btn-buy .btn:hover{
        color: #5f8f97; text-decoration:none;
    }
/*.BuyLink a{color:#e75960; }
.BuyLink:hover,.BuyLink a:hover{color:#fff;background-color:#e75960; }*/
.btn-buy .price {
    font-size: 1.6rem;
}
.btn-buy .PrixFormatDecimal,.PrixFormatDevises{position: relative;
bottom: -5px;
font-size: .6em;
vertical-align:super;
text-decoration:none;}

/*progressbar*/
.board {
    width: 100%;
    height: auto;
    margin: 30px auto;
    background: none;
}

.board .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;
    border-bottom:none;
}
.board .nav-tabs li {
text-align:center;
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35%;
    z-index: 1;
}

.nav-tabs > li {
    width: 25%;
}

/*.nav-tabs > li:after {
    content: " ";
    position: absolute;
    opacity: 0;
    margin: 0;
    margin-left: -10px;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #aaa;
    transition: left 1s;
}*/

.nav-tabs > li.active:after {
    left: 50%;
    opacity: 1;
}

.nav-tabs > li[rel-index="-1"]:after {
    left: calc(50% + 100%);
}

.nav-tabs > li[rel-index="-2"]:after {
    left: calc(50% + 200%);
}

.nav-tabs > li[rel-index="-3"]:after {
    left: calc(50% + 300%);
}

.nav-tabs > li[rel-index="1"]:after {
    left: calc(50% - 100% );
}

.nav-tabs > li[rel-index="2"]:after {
    left: calc(50% - 200%);
}

.nav-tabs > li[rel-index="3"]:after {
    left: calc(50% - 300%);
}

.nav-tabs > li a {
    width: 45px;
    height: 45px;
    line-height: 42px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    border: none;
    background: none;
}

.nav-tabs > li a:hover {
    border: none;
    background: none;
}

.nav-tabs > li.active a, .nav-tabs > li.active a:hover {
    border: none;
    background: none;
}

.nav-tabs > li span {
    width: 45px;
    height: 45px;
    line-height: 42px;
    display: inline-block;
    border-radius: 100%;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 18px;
}

.nav-tabs > li:nth-of-type(1) span {
    color: #febb6c;
    border: 2px solid #febb6c;
}

.nav-tabs > li:nth-of-type(1).active span {
    color: #fff;
    background: #febb6c;
}

.nav-tabs > li:nth-of-type(2) span {
    color: #febb6c;
    border: 2px solid ##febb6c;
}

.nav-tabs > li:nth-of-type(2).active span {
    color: #fff;
    background: #febb6c;
}

.nav-tabs > li:nth-of-type(3) span {
    color: #febe29;
    border: 2px solid #febb6c;
}

.nav-tabs > li:nth-of-type(3).active span {
    color: #fff;
    background: #febe29;
}

.nav-tabs > li:nth-of-type(4) span {
    color: #25c225;
    border: 2px solid #febb6c;
}

.nav-tabs > li:nth-of-type(4).active span {
    color: #fff;
    background: #febb6c;
}

.nav-tabs > li > a.disabled {
    opacity: 1;

}

.nav-tabs > li > a.disabled span {
    border-color: #BED4D9;
    color: #fff;
        background-color:#BED4D9;
}

div[role="tabpanel"]:after {
    content: "";
    display: block;
    clear: both;
}

.LblLiner{color:#BED4D9;}
.LblLinerCurrent{color:#febb6c !important;}
.PanierConfirmation{background-color:#fff;}
/* pop up */
.HandModal{ cursor:pointer;}
.mega-menu {height:auto; border-bottom:1px solid #badbe1;}
/* */




.Title{color:#4eb6b7;font-size:2.5rem;font-family:"Montserrat",sans-serif;line-height:1.5em;margin-top:0px;}
.TitleCartTunnel{color:#5f8f97;font-size:2.5rem;/*font:inherit;line-height:2em;*/}
.TitleCart{color:#5f8f97;font-size:1.5rem;font-weight:500;}
H3 .Title{font-weight:normal;}
h1.Title{margin:0px; padding:0px!important;}
.Author h2,.Author h2 a{font-size:1.6rem;}
.Sous-Title{color:#000;font-size:1.8rem; }
.Author, a.Author, .Author a{color:#6e6e6e;}
.Publisher h3,.Publisher h3 a{font-size:1.6rem;}
.Publisher a,.Publisher{color:#6e6e6e;}
a.Collection, .Collection a,.Collection h4{color:#585757;font-size:1.8rem;font-size:1.4rem; font-style:italic;}

.HrCustom{border-top:1px solid #badbe1!important;}
/*.resume {line-height:2em;}*/
.presentation{padding-bottom:2%;}



/* panier*/
.table-striped{background-color:#fff;padding:5px;vertical-align:middle;}
.table-striped .thead{display:none;border:none;}
.table-striped .table > thead > tr > th,.shopping-cart .table > tbody > tr > th, .shopping-cart .table > tfoot > tr > th, .shopping-cart .table > thead > tr > td, .shopping-cart .table > tbody > tr > td, .shopping-cart .table > tfoot > tr > td{vertical-align:middle!important; border:none;}
.shopping-cart .Price{color:#000; font-size:3rem; font-weight:500;}
.BlockItemPanier{padding:10px 0;}
.PanierCusto{background-color:#fff;}
/* detailpanier */
.shop-red {text-align:right!important;width:15%;}
.PoubelleValidation{text-align:right!important;padding:0 5px;}

.QuantiteBox{font-size:1.8rem;line-height:18px;width:85px;height:37px;border-radius:5px;text-align:center;}
.ProductCart {padding-right:25px;}
.TotalProductCart{background-color:#fff;}
.TotalProductCart .price{font-size:3.2rem;}
.btn-checkout{background-color:#e75960;color:#fff!important; width:100%; padding: 10px 0; font-size:1.6rem;text-transform:uppercase;border-radius:5px;transition:all 0.2s ease 0s;}
.btn-checkout a{color:#fff!important;}
.btn-checkout:hover{color:#fff!important;background-color:#000;}
.TunnelAchat .btn-checkout {
    color: #fff !important;
}
/***/
.btnCoupon {
    color: #5f8f97;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 10px;
    width: 100%;
    transition: all 0.2s ease 0s;
    text-decoration: underline;
}
.DefaultDunod {
    border: 1px solid #5f8f97;
    color: #5f8f97;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 10px;
    width: 100%;
    transition: all 0.2s ease 0s;
    text-align:center;
}
    .DefaultDunod:hover {
        background-color: #5f8f97;
        color: #fff!important;

    }

.DefaultDunodInv {
    background-color: #5f8f97;
    border: 1px solid #5f8f97;
    border-radius: 5px;
    color: #fff;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 10px 13px;
    transition: all 0.2s ease 0s;
}
.DefaultDunodInv:hover{background-color:#edf3f4;color:#5f8f97;}
.DefaultDunodInv a{color:#fff;}
.DefaultDunodInv:hover a{color:#5f8f97;}


/**/
.LblPanier{ color:#e75960; /*padding-top:10px*/font-size:3rem; font-weight:600;display:block;}
.PricePanier{ color:#e75960;font-size:3rem; font-weight:600;display:block;}
.ProductCart{margin-bottom:5%;}
.ProductCart .col-sm-7,.ProductCart .col-sm-5{text-align:right;padding-right:10%;}
.LabelCoupon{ display:block;font-size:2.5rem;text-transform:uppercase;margin-bottom:2%;}
.BlockCoupon input{ height:38px; padding:6px 12px;color:#555;background-color:#fff;
  width: 80%;
  border:1px solid #ccc;
  border-radius: 4px; 
  box-shadow: 0 1px 1px rgba(0,0,0,.075);
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom:10px;
}
 

/* promo*/
.BlockPromo{margin-bottom:30px;font-size:18px;line-height:18px;text-transform:uppercase;text-align:center;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            color:#c2091b;border:1px solid #c2091b;margin-top:10px;display:block;}

.BlockPromo .InfosPromo{background-color:#c2091b;color:#fff;padding:15px 0;text-align:left;}
.BlockHeaderMedia{padding:15px 0 0;}
.MontantReduc{font-size:2rem;padding-bottom:5px;}
.InfoMedia{font-size:1.3rem;}


.ProductCupon{text-align:right;margin:2% 0;}

/* scroll popup*/
.scrollMenu{overflow:auto;height:570px;-webkit-overflow-scrolling: touch ;
}

.block-dunod-user,.cart-items{-webkit-overflow-scrolling: touch ;}
::-webkit-scrollbar{

    -webkit-appearance: none;
    width: 7px;

}

::-webkit-scrollbar-thumb {

    border-radius: 4px;
    background-color: rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.SectionBgColor{background-color:#edf3f4;}
.SectionBlock{/*padding-bottom:1%;*/}
.alert{Display:block;}
/*popup cart */
.UnderCart{max-height:200px;overflow-y:auto;}

.MiniCart .col-sm-1{margin:0px; padding:0px;}
.miniCart{margin-bottom:5px;}

.PriceUnitCart,.LbLArticle{font-size:2.5rem; font-weight:500;color:#000;}
.LbLArticle{font-size:1.8rem;}
.PriceTotalMiniCart{font-size:3rem;}

/* share */
.Share a {color:#666666;}
.Share a:hover {padding-top:-10px;}

/* tableaux */
.LivreDuThemeDetail{border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6;}
.LivreDuThemeDetail td{padding:10px;}
.search-result {padding-top:1.5%;}

.search-result img{margin-left:auto;margin-right:auto;}



/* tableau DRM */
.BlockInfosDRM{color:#676565;font-size:1.7rem;font-weight:300;font-family:"Work Sans",sans-serif;}
.SeemoreDRM{cursor:pointer;color:#676565;}


/* suggestion */
.btn-TabSugg{background-color:#fff;padding:30px 0;border-radius:10px;font-size:1.8rem;color:#ffa53a;text-transform:uppercase;border-right:1px solid #badbe1 ;}
.btn-TabSuggDefault{background-color:#fff;padding:30px 0;border-radius:10px;font-size:1.8rem;color:#7f7f7f;text-transform:uppercase;}
/* feuilletage btn */
.NumilogButtonLink{background-image:url("Images/Boutons/ButtomBrowse.png");}
.NumilogButtonLink:hover{background-image:url("Images/Entetes/ButtomBrowseHover.png");}

/* btn acheter */
.iconchecked{color:#000;}

.iconchecked:before   { content: "\2714";}


/* tunnel d achat*/

.TunnelAchat{background-color:#edf3f4;}


/* tableau format */
.FormGuide th{border-bottom:1px solid #e5e5e5;}
.TableFormat{font-size:1.5rem;color:#6e6e6e;}
.TableFormat th{background-color:#e7e7e7;padding:10px 0;color:#000;}
.TableFormat TR, .TableFormat TD{line-height:25px;padding:10px 0;}
.TableFormat TD{border-bottom:1px solid #e5e5e5;}

/* timeline*/
.timeline-panel{background-color:#fff;}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        /*left: 50%;*/
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
           /* width: 46%;*/
           width:90%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            /*line-height: 50px;*/
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            /*left: 50%;*/
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            padding-top:10px;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            /*float: right;*/
            margin-left:50px;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    font-size:2.5rem;color:#000;
}
.timeline-heading span{color:#999;}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.btnSupp
{background-image:url("Images/Assets/ico_delete.png");background-repeat:no-repeat;display:inline-block;height:35px; width:35px;position:relative;top:20px;margin-left:10px; }
.alignR{text-align:right;padding-right:60px;}
.PriceReduct{font-size:xx-large;}



@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

}
/* historique */
td.TdLabelCmdNumber, td.TdLabelCmdDate{background-color:#edf3f4; padding:0 5px;vertical-align:middle;font-size:2rem;text-align:center;}
td.TdLabelCmdProduct a{color:#666;text-decoration:underline;}


/* slider page d accueil*/
.carousel-control.left, .carousel-control.right {

	background-image:none;}
.SuggererFiche{
font-size:16px;
color:#d16a03;
font-weight:normal;
margin-top:10px;
margin-bottom:5px;

}

.SectionNewItem{background-color:#5f8f97;

	padding:0 2% 0;}
	
 /*faq*/
.FAQ{color:#fff;padding:7% 0;background-color:#5f8f97;}
.FAQ H2{font-size:3.9rem;}
.faq-r, .faq-l{color:#333;text-transform:uppercase;}
.faq-r a,.faq-l a{color:#333;text-transform:uppercase;}
.currentfaq{background-color:#ffc15e;width:100%;display:block;padding:10px 0;color:#fff!important}
.currentfaq a{color:#fff!important;}
.CurrentAnswer{margin-bottom:2%;text-transform:uppercase;background-color:#edf3f4;padding:15px 0px;}
.Titre_Question{color:#ffc15e;font-size:2.6rem;}
.reponse{margin-bottom:2%;}
.TableauFAQ{

	font-size:11px;
		width:100%;
	}


.TableauFAQ td{
	height:40px;
	vertical-align:middle;

}
.TableauFAQ .CelluleFormat{
	width:60px;
	background-color:black;
	color:white;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-align:center;
	border-bottom:#e6e6e6 1px solid;
}



.TableauFAQ .TableauFAQEntete{
	background-color:#cacaca;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	border-right:#e6e6e6 1px solid;
}


.TableauFAQ .CelluleClaire{
	background-color:#f0f0f0;
	text-align:center;
	vertical-align:middle;
	border-right:#e6e6e6 1px solid;


}

.TableauFAQ a img {
text-decoration:none;
border:0px;

}

.TableauFAQ .Cellulemoyenne{
	border-right:#e6e6e6 1px solid;

	background-color:white;
	text-align:center;
	vertical-align:middle;



}
.BlocCommentaires
{
    background-color:#f6f6f6;
    border:1px #e6e6e6 solid;}
@media (min-width: 992px ) {

	.carousel-inner .active.left {

		left: -25%;

	}

	.carousel-inner .next {

		left:  25%;

	}

	.carousel-inner .prev {

		left: -25%;

	}

}


/* fiche livre*/
/*tab multi*/

.TabFicheLivre .navbar-default .navbar-nav {
  margin-top:40px /*---*/
}
  
.TabFicheLivre button.active{
    position: relative;
  }
.TabFicheLivre button.active:after{
    border-bottom: 10px solid #e7e7e7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 0;

  }
  .ShareComnunity{margin-bottom:20px;}
  .ShareComnunity .fa-facebook, .ShareComnunity .fa-twitter,.ShareComnunity .fa-linkedin{color:#666;font-size:25px!important;}
  .TableOrder {padding:10px;}
 /**/
 
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child{}
/**/

/* block navigation fiche livre */
  ul.nav-pills {
      top: 20px;
      position: fixed;
  }
 

  
  @media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42  {
        /*margin-left: 150px;*/
    }
         
  }

/**/
.InfosCart{padding:3% 0; margin-top:10px;color:#888;font-size:smaller;clear:both;}
.InfosCart a{color:#888;text-decoration:underline;}

/**/
.modal-couv{width:auto!important;}

@media (min-width: 768px) and (max-width: 991px ) {

	.carousel-inner .active.left {

		left: -33.3%;

	}

	.carousel-inner .next {

		left:  33.3%;

	}

	.carousel-inner .prev {

		left: -33.3%;

	}

	.active > div:first-child {

		display:block;

	}

	.active > div:first-child + div {

		display:block;

	}
}