/*
---------------------
1/ Body
2/ Classes génériques
3/ Menu
4/ Shop
5/ Shop 1 font
6/ Panier Contenu
6/ Accueil
7/ Pages About
8/ Pages buy
9/ Blog
10/ News
11/ Font in use
12/ Contact
13/ Erreur
14/ Connexion
xx/ listeFont admin
xx/ modify font
15/ Footer
16/ Alertify
17/ Media queries
---------------------
*/


/*1. Body*/
body{
    width:100%;
    height: 100%;
    margin:0;
    padding:0;
    color: white;
    font-family: 'AkzidGroRom' ;
    font-size: 14px;
    background-color: black;
}

html
{
	filter: invert(0);
}

.textarea_home::selection, p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, a::selection, .list_name::selection, .size_txt::selection, img::selection, .text::selection, em::selection, mark::selection, strong::selection
{
	color: black;
	background-color: white;
}

a:focus 
{
	outline: none !important;
}

/*2. Classes génériques*/
.base-font{font-family: 'AkzidGroRom' ;}
.bold-700{font-weight: 700}
.no-margin{margin:0px;}
.width-100{width:100%;}
.no-display{display: none;}
.display-inlineblock{display: inline-block;}
.vertical-align{vertical-align: middle;}

p a, .conditionsBracket a
{
	color: white !important;
	text-decoration: underline !important;
}

p a:hover, .conditionsBracket a:hover
{
	text-decoration: none !important;
}

.background_darkblue
{
	background-color: white;
	color: black !important;
}

.ligneAchat .background_grey
{
	background-color: black !important;
	color: white !important;
}

.ligneAchat .background_grey:hover
{
	background-color: white !important;
	color: black !important;
}

.ligneAchat .background_darkblue
{
	background-color: white !important;
	color: black !important;
}

.background_black{background-color:black;}

.background_white
{
	background-color:black;
	/*margin-top: solid 1px white;*/
}

.container-fluid
{
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-top: 75px !important;
}

.menu_showfont
{
	padding-left: 0px;
	padding-right: 0px;
}

.row
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.btn-default
{
	color: white !important;
}

.onglet01, .onglet04
{
	font-size: 30px !important;
}

.onglet01, .btn-group, .onglet03, .onglet04, .onglet05
{
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
}

.onglet02
{
	border-left: solid 1px white;
}

.onglet04
{	
	border-left: solid 1px white;
}

.onglet_about01, .onglet_about02
{
	border-bottom: solid 1px white;
	border-top: solid 1px white;
}

.onglet_about02
{
	border-left: solid 1px white;
}

.size_text
{
	margin-right: 0px !important;
}


.one-edge-shadow
{
	background-color: black !important;
	color: white !important;
	border-top: solid 1px white !important;
	border-left: solid 1px white !important;
	border-right: solid 1px white !important;
	border-bottom: solid 1px white !important;
}

.one-edge-shadow:hover
{
	background-color: white !important;
	color: black !important;
}

.btn-default:hover, .btn-default:active, .btn-default.active
{
	background-color: white !important;
	color: black !important;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
	background-color: white !important;
	color: black !important;
}

.dropdown-menu
{
	background-color: black !important;
	color: white !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

.dropdown-menu > li > a
{
	background-image: none;
	background-color: black;
	color: white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li.selected > a
{
	background-image: none;
	background-color: white;
	color: black;
}

.dropdown-menu .inner
{
	margin: -5px !important;
}

.open
{
	border: solid 1px white !important;
	color: white !important;
}

.text_logo
{
	color: white !important;
}

.list_achat
{
	border: solid 1px white;
}

.bouton_achat
{
	border: solid 1px white;
	border-radius: 100%;
	background-color: black;
	color: white;
}

.bouton_achat:hover
{
	border: solid 1px white;
	background-color: white;
	color: black;
}


.background_grey
{
	background-color: black;
}
.background_lightgrey{background-color: black}
.white{color:white;}
.darkblue{color:#f00;}
.margin-auto-side{margin: 0 auto;}
.margin-top-50{margin-top:50px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-top-20{margin-top:20px;}
.margin-left-20{margin-left:20px}
.margin-right-20{margin-right:20px}
.margin-top-10{margin-top:10px;}
.margin-bottom-20{margin-bottom:20px;}

.margin-bottom-10
{
	margin-bottom:10px;
	/*border-bottom: solid 1px white;*/
}

.margin-bottom-5{margin-bottom:5px;}
.no-margin{margin: 0;}
.no-margin-top{margin-top: 0;}
.align_right{text-align: right;}
.align_center{text-align: center;}
.align_left{text-align: left;}
.width-100{width:100%}
.no-padding{padding: 0}
.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}
.padding-right-2{padding-right:2px;}
.padding-left-45{padding-left:45px;}
.padding-left-2{padding-left:2px;}

.padding-right-5
{
	padding-right:0px;
	/*border-bottom: solid 1px white;*/
}

.padding-left-5
{
	padding-left:5px;
	/*border-bottom: solid 1px white;
	border-left: solid 1px white;*/
}

.padding-top-5{padding-top:5px}
.padding-bottom-5{padding-bottom:5px}
.padding-right-30{padding-left: 30px;}
.padding-left-30{padding-right: 30px;}
.padding-bottom-20{padding-bottom:20px}
.padding-top-20{padding-top:20px}
.padding-side-10{padding: 0px 10px;}
.padding-side-2{padding: 0px 2px;}
.padding-side-5{padding: 0px 5px;}
.padding-top-10{padding-top:10px;}
.padding-bottom-10{padding-bottom: 10px;}

.no-padding-small
{
	/*border-bottom: solid 1px white;*/
}

.svg_try {
	width: 80%;
	margin-left: 10%;
}

.changeOrder {
	cursor: pointer;
}

.pointer_click {
	cursor: pointer;
}

/*3 Menu*/
.logo_nootype{
    /*height: 65px;*/
    line-height: 57px;
    font-size: 30px;
    padding:0px;
    height: 150px !important;
    position: absolute;
    top: 0px;
    left: 0px;
	padding-right: 10px !important;
}


.menu_slider {
	height: 150px !important;
	top: 0px;
	position: fixed !important;
	z-index: 100;
	border-bottom: solid 1px white;
}
.menu {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.menu li{
   display: inline;
   cursor: pointer;
	padding-right: 10px !important;
}


a.amenu:hover{
    background-color: white;
	border: 1px solid white;
}
a.amenu{
    height: 65px;
    display: inline-block;
    /*line-height: 65px;*/
    padding: 20px;
}
.menu li a, .logo_nootype a, .panier a{
   text-decoration: none;
   color: white !important;
   cursor: pointer;
   height: 100%;
}
i.fa.fa-shopping-cart{font-size: 35px; vertical-align: middle;}
.panier{
    height: 65px;
    line-height: 65px;
}
#bracket{
  height:65px;
  line-height: 65px;
  color: white;
}
#bracket div{
  display: inline-block;
}
#bracket i.fa.fa-shopping-cart{
  margin-right: 10px;
}
#bracket i.fa.fa-long-arrow-right{
  margin-left: 10px;
}
#bracket a{
  text-decoration: none;
  color: white;
}
#bracketRight{
  float: right;
}
/*4 Shop*/
.information_shop {
	border-radius: 25px;
	float: left;
	width: 25px;
	height: 25px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	font-family: 'AkzidGroRom';
	position: relative;
	margin-top: 3px;
}
.information_shop_definition {
	width: 300px;
	padding: 15px;
	z-index: 1000;
}
.item_shop{
    height: 170px;
    position: relative;
	border-bottom: solid 1px white;
}
.colomn_name{
    line-height: 150px;
    font-size: 60px;
    padding-left: 15px;
    display: inline-block;
    width: 80%;
}
.style_number{
    text-align: center;
    line-height: 150px;
    font-size: 20px;
    display: inline-block;
    width: 20%;
    position: absolute;
}
.goTo_container{
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
}
.item_shop:hover .goTo_container{
  display: initial;
}
.item_shop:hover .goTo_container .goTo_about,.item_shop:hover .goTo_container .goTo_buy{
    text-decoration: none;
    display: inline-block;
    background-color: black;
    color: white;
    padding: 4px 10px;
    width: 80px;
    margin-right: 0px;
    cursor: pointer;
    border: 1px solid white;
    text-align: center !important;
	border-bottom: none;
	border-right: none;
}

.item_shop_container
{
	padding-right: 0px !important;
	padding-left: 0px !important;
}	
.goTo_about:hover, .goTo_buy:hover
{
	background-color: white !important;
	border-color: white !important;
	color: black !important;
}

.font_style_shop {
    font-size: 30px;
    border: 1px solid #f5f5f5;
    border-radius: 25px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    line-height: 33px;
    height: min-content;
    margin-top: 2px;
    margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.shop_selected_style {
    color: black !important;
    background-color: white;
}
/*5 Shop 1 font*/
.titreFontShop{
  font-size: 10vw;
  line-height: 10vw;
}
.font_style_shop{
  font-size: 30px;
}
.short_description{
    font-size: 25px;
}
.Box_onglets{
  width: 33.33%;
  display: inline-block;
  cursor: pointer;
}
.onglets{
    height: 30px;
    line-height: 27px;
    text-align: center;
	border: solid 1px white;
	background-color: white;
	color: black;
	border-radius: 100px;
}

.Box_onglets
{
	padding-right: 15px !important;
}

.Box_onglets
{
	padding-left: 15px !important;
}

.ligneAchat{
  height: 28px;
  line-height: 28px;
  color: white;
}
.addOrRemove{
  text-align: center;
  border-radius: 20px;
  height: 30px;
  line-height: 27px;
  color: white;
  cursor: pointer;
}
.notSelectable{
  color: #ADADAD;
  cursor: default;
}
.fontPrice, .reduced{
  text-align: right;
}
/*6 Panier Contenu*/
.panier_titles{
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
    font-weight: 900;
    font-size: 20px;
}
.recap_panier{
    margin-top: 10px;
    padding:10px;
}
/*6 Acceuil*/
.slider > .dragger{
	border-radius: 50%;
	width: 18px;
	height: 18px;
	border: medium none;
	margin-top: -9px !important;
	background-image: url("../img/circle.svg");
}
.item_container{
    position: relative;
    margin-top: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;

}

.item_container_box_inside{
	padding: 0px;
}
.item_container a{
    text-decoration: none;
    display: inline-block;
    color: white;
    width: 100%;
    cursor: pointer;
	z-index: 1;
}
.container_selection{
	margin-top: 0px;
	/*margin-bottom:15px;*/
	padding-left:0px;
	padding-right:0px;
	color:white;
}
.item{ /*margin-top: 10px;*/margin-bottom:10px;padding:0px;}

.list_name, .pdf,.about,.buy {
    /*padding-left: 10px;
    padding-right: 10px;*/
    height: 50px;
    line-height: 49px;
    display: inline-block;
    background-color: black;
    border:none;
    -webkit-appearance: none;
    margin-bottom: 0px;/*rajout 12.07.16*/
}

.select_style{
    /*padding-left: 10px;
    padding-right: 10px;*/
    font-family: 'AkzidGroRom';
    height: 30px;
    line-height: 28px;
    display: inline-block;
    background-color: black;
    border:none;
    -webkit-appearance: none;
	color: white;
	border-radius: 100px;
	border: solid 1px white;
}

.select_style:hover
{
	background-color: white;
	color: black;
}

div .btn-group  button {
	background: rgb(0, 0, 0) none repeat scroll 0% 0%;
	border: medium none;
	border-radius: 0px;
	height: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: 'AkzidGroRom';
	font-size: 14px !important;
}
.size_txt{
    display: inline-block;
    width:16%;
    margin-bottom: 0px;
}
 .slider_container {
    display: inline-block;
    vertical-align: middle;
	border-left: solid 1px white;
	border-right: solid 1px white;
	z-index: 1;
}

.btn-group
{
	border-left: solid 1px white !important;
}

.slider{
    height: 30px;
    width: 65%;
    vertical-align: -9px;
    display: inline-block;
}
.textarea_home{
    display: block;
    height: auto;
    line-height: 120%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 23px;
    padding-bottom: 27px;
    outline: 0;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
}

.freefont, .newfont{
    color: white;
    height: 101px;
    text-align: center;
    line-height: 110px;
    width: 151px;
    background-image: url("../img/cloud.png");
    background-size: 150px auto;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    position: absolute;
    transform: rotate(-8deg) ;
    -webkit-transform: rotate(-8deg) ;
    -moz-transform: rotate(-8deg) ;
    -o-transform: rotate(-8deg) ;
    -ms-transform: rotate(-8deg) ;
    font-family: "AkzidGroRom";
    font-size: 127%;
}
.freefont{
    right: 100px;
    bottom: -10px;
}
.newfont{
    right: 150px;
    top: -15px;
}
/*7 Pages About*/
.liensAbout{
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	line-height: 26px;
	color: white !important;
    white-space: nowrap;
    border: 1px solid white !important;
    background-color: black !important;
    border-radius: 50px;
}

.liensAbout:hover
{
	background-color: white !important;
	border: solid 1px white !important;
	color: black !important;
}

.big_img
{
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100%;
}




@media (max-width: 991px) {

.liensAbout {
	line-height: 43px;
  }
}
.liensAbout:hover{
	text-decoration: none;
	color:white;
}
.titre_about{text-align: center;}
.titre_about p{
    font-size: 10vw;
    line-height: 10vw;
    text-align: center;
}
.titre_about a,.titre_about a:hover{
    text-decoration: none;
}
.btn_about_pdf, .btn_about_buy{
    text-align: center;
    display: inline-block;
    height: 29px;
    line-height: 30px;
    color: #666;
    padding-left: 10px;
    cursor: pointer;
    white-space: nowrap;
}
.description_about {
    text-align: center;
    float: none;
    margin: 20px auto 60px auto;
    font-size: 17px;
    font-family: MbNewReligion;
}
@media (min-width: 992px) {

.description_about {
    text-align: left;
    float: none;
    margin: 20px auto 40px auto;
    font-size: 17px;
    column-count: 3;

  }	
	.container-fluid
{
	margin-top: 32px !important;
}
	
.onglet01, .onglet04
	{
		font-size: 14px !important;
	}
	
.onglet01, .btn-group, .onglet03, .onglet04, .onglet05
{
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
}	
	
.onglet_about03
	{
		border-top: solid 1px white;
		border-bottom: solid 1px white;
		border-right: none;
	}
	
.onglet04 a:hover, .onglet05 a:hover
	{
		background-color: white;
		color: black;
	}
	
.logo_nootype{
    height: 65px !important;
}	
	
.menu_slider {
	height: 65px !important;
	font-family: 'AkzidGroRom' !important;
}
	
.onglet04
{
	border-right: solid 1px white;
	border-left: none;
}
	
.list_name, .pdf,.about,.buy {
    /*padding-left: 10px;
    padding-right: 10px;*/
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: black;
    border:none;
    -webkit-appearance: none;
    margin-bottom: 0px;/*rajout 12.07.16*/
	z-index: 1;
}
	
.about, .buy
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
.onglet04 a, .onglet05 a
	{
		padding-left: 13px;
	}

	
}
.bottomBar{
  min-height: 60px;
  line-height: 60px;
}
/*8 Blog*/
.onglet_blog{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.boxContainerImg {
	display: inline-block;
	height: 265px;
	width: 265px;
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: -6px;
}
.imgNews{
	max-width:100%;
}
.containerImg{
	display: inline-block;
	/*background: black;*/
	position: relative;
}
.backgroundAnimated{
   	background-color: black !important;
   	background-image:none !important;
    /*-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
		transition: background-color 500ms linear;
   -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
		/*animation-direction: alternate;*/
   /*-webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */
		/*animation-iteration-count: 2;*/
}
.legendeImg a{
	text-decoration: none;
	color: white;
}
#insertFontInUseHere {
	padding-right: 15px;
}
#insertFontInUseHere img{
	max-height:100%;
	max-width:100%;
}
#frameInsert{
	position:relative;
}
#frameInsertContainer{
	background: #000 none repeat scroll 0% 0%;
	position: relative;
	color: white;
	display: inline-block;
	margin-top:50vh;
	transform:translateY(-50%);
}
#frameInsertContainer a{
	text-decoration:none;
	color: white;
}
#frame img{
	max-width: 100%;
}
#infoFontInUseContainer{
	bottom: 0px;
	height: 70px;
}
#infoFontInUseContainer div{
	display:inline-block;
}
#allInfo{
	text-align: left;
	width: 80%;
}
#allInfo div{
	display: block;
}
#numberImg, #closeImg{
	width:10%;
}
.imgHide{
	display:none;
}
.imgGallery{
	margin: 15px auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.selected{
	display:inherit;
}
.containerFlecheG,.containerFlecheD{
	width: 25%;
	z-index: 35;
	position: absolute;
	left: 0px;
	height: 100%;
}
.containerFlecheG:hover,.containerFlecheD:hover{
	display: inline-block;
}
/*9 Contact*/
.about_content{
    background-image: url(../img/backcontact.jpg);
    background-repeat: no-repeat;
    background-size: 184%;
    background-position: 21% 92%;
    background-color: #444;
}
.contact_content{
    height:622px;
    background-image: url(../img/backcontact.jpg);
    background-repeat: no-repeat;
    background-size: 215%;
    background-position: 0% 22%;
}
.h1_contact{
    border-bottom: 2px solid #f00;
    padding: 10px 0px;
    margin-top: 0px;
}
.newsletter_box{
    height:100px;

}
.newsletter_box input{
    line-height:35px;
    margin-top: 32px;
    border:none;
}
.newsletter_box input:last-child, #ajax_contact input[type="submit"]{
    border-radius: 25px;
    border: none;
}
.newsletter_box input:last-child:hover, #ajax_contact input[type="submit"]:hover{
    background-color: #D6D6D6;
}
.reseausoc_box{
    display: inline-block;
    margin-right: 5px;
    height: 32px;
    margin-top: 4px;
    max-height: 32px;
}
.reseausoc_box img{
    height: 32px;
}
.small_sep hr{
    margin:0;
    padding: 0;
}
#ajax_contact input{
    line-height: 35px;
    border:none;
}
#ajax_contact textarea{
    height: 145px;
    border:none;
}
/*10 Erreur*/
.hrError{
  width: 130px;
}
.btn-error{
	color: white;
	padding: 5px 15px;
	background: black;
	border-radius: 100px;
	border: solid 1px white;
}
.btn-error:hover{
	background-color: white;
	color: black;
	border: solid 1px white;
}
/*11 Connexion*/
#bloc_formulaire_connexion h5{
  display: none;
}
#container_bloc_formulaire_connexion{
  background: white;
  padding: 20px;
}
.logoConnexion{
  color: #000;
  font-size: 60px;
}
.divFormulaire label{
  display: inline-block;
  max-width: 100%;
  margin-bottom: 3px;
  font-weight: 100;
  color: #B8B8B8;
}
.divFormulaire #login, .divFormulaire #password{
  background: #FBFBFB;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  height: 32px;
}
.divFormulaire .btn.btn-primary{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 8px;
  font-family: 'AkzidGroRom';
  color: #FFF;
  font-size: 15px;
  background: #f00 none repeat scroll 0% 0%;
  padding: 5px 15px;
  text-decoration: none;
  margin-top: 10px;
}
.divFormulaire .btn.btn-primary:hover{
  background: #e20000;
  text-decoration: none;
}
.boxCards{
	font-size: 12px;
	margin-left: 15px !important;
	margin-top: 41px;
}
.paymentCards{
	max-height: 24px;
}
.lineItem{
	z-index: 48;
	top:0;
}
 /*listeFont admin*/
 .fa-plus, .fa-minus{
	 cursor: pointer;
 }
/*.fontavailable:nth-child(even){
	 background: #FFF
 }
.fontavailable:nth-child(odd){
	background: #F9F9F9;
 }*/
 .listeFontBtn, .btnlisteFontModify{
	 color: #FFF;
	 border: medium none;
	 padding: 0.625rem 1.25rem;
	 text-align: center;
	 font-size: 1.25rem;
	 font-weight: 700;
	 overflow: hidden;
	 background: #f00;
 }
 .listeFontBtn:hover, .btnlisteFontModify:hover{
 	background-color:#DBDBDB;
	color: black;
 }
 .fieldsetlistfont{
	 min-width: 0px;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 20px 0px;
	padding: 25px;
	position: relative;
	display: block;
 }
 .legendlistfont{
	 background: #FFFFFF;
	 font-size: 15px;
	 left: 10px;
	 padding: 0px 10px;
	 position: absolute;
	 top: -12px;
	 font-weight: 400;
	 width: auto !important;
	 border: medium none !important;
 }
 /*modify font*/
.listeFontTitle, .listeFontBaseTxt{
	background: #FFF none repeat scroll 0% 0%;
	border: medium none;
	font-size: 30px;
	border-radius: 10px;
 }
#description_ifr html body{
	font-size: 15px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}
.inputfile + label {
	cursor: pointer;
}
.inputpricemodify{
	background: white none repeat scroll 0% 0%;
	border: medium none;
	margin: 5px 2px;
	border-radius: 10px;
	padding: 0.625rem 0.75rem;
	width: 60px;
	text-align: right;
}
.span_liste_cond{
	width: 360px;
	display: inline-block;
}
.colstylefont{
	min-width: 0px;
	border: 1px solid #CCC;
	border-radius: 20px;
	margin: 20px 0px;
	padding: 25px;
	position: relative;
	display: block;
}
.giveitfont{
	min-height: 160px;
	border-radius: 10px;
	padding-top: 15px;
	text-align: center;
}
/*dialogbox*/
.ui-dialog{
	border-radius: 0px;
}
.ui-dialog-titlebar{
	border-radius: 0px !important;
	background: #f00!important;
	color: white !important;
}
#new_style, #style_id, #support_id, #new_support, #condition_id, #new_cond{
	margin-top: 10px;
}

/*12 listeAchat*/
.seeDetails{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 8px;
  border: none;
  font-family: 'AkzidGroRom';
  color: #FFF;
  font-size: 15px;
  background: #f00 none repeat scroll 0% 0%;
  padding: 5px 15px;
  text-decoration: none;
}
.seeDetails:hover{
  background: #0000cf;
  text-decoration: none;
}
/* 13 Panier*/
.lineDelete .fa-trash{
	cursor: pointer;
}
#bracket{
	position: fixed;
	right: 0px;
	top: 0px;
	min-width: 315px;
	z-index: 1000;
}
.inputBracket{
	height: 40px;
	border-radius: 0px;
	border: 1px solid #F0F0F0;
	font-family: 'AkzidGroRom' ;
}
#mailing, #agree{
	vertical-align: -11%;
}
.conditionsBracket{
	font-size: 14px;
}
.labelBracket{
	font-weight: normal;
	margin-left: 8px;
	font-size: 15px;
}
.continueBracket{
	color:white !important;
	border: solid 1px white;
	border-radius: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: black !important;
	font-family: 'AkzidGroRom' !important;
}
.continueBracket:hover{
	background-color: white !important;
	border: solid 1px white;
	border-radius: 15px;
	color: black !important;
}
.hrBracket{
	border-color: white;
}

/*14 Footer*/
.footer div{
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.footer a {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    color: white;
}
.footer a:hover {color:white}/*a changer supprimer si pas assez voyant et que demarcation voulue*/
.footer img{vertical-align: inherit;}

/*15 Mail */
.thead-order{
	font-size: 40px;
}
/*16 Alertify*/
.alertify-button:active, .alertify-button:focus{
	box-shadow: none;
	outline: none;
}
.alertify-buttons a, .alertify-buttons a:hover{
	color: white;
	text-decoration: none;
}
.alertify-button-ok, .alertify-button-cancel{
	color: white !important;
	border: solid 1px white;
	border-radius: 20px;
	padding: 5px 15px;
	background: black;
	text-decoration: none;
}
.alertify-button-ok:hover, .alertify-button-cancel:hover{
	color: black !important;
	background: white;
	border: solid 1px white;
	text-decoration: none;
}
.alertify
{
	background: black !important;
	border: solid 1px white;
	color: white;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.alertify-buttons
{
	background: black;
	border-top: none !important;
}

/*404*/
.abracadabra{
	background: #f00 none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 55px;
	text-transform: uppercase;
	max-width: 500px;
	min-width: 500px;
	height: auto;
	line-height: 1;
	margin: 0px auto;
}
.nope{
	font-size: 45px;
	text-transform: uppercase;
	height: auto;
	line-height: 1;
}
.input{
	display: block;
	width: 100%;
	font-size: 18px;
	-moz-appearance: none;
	box-shadow: none;
	padding: 10px;
	border: 1px solid #DCDCDC;
	transition: box-shadow 0.3s ease 0s, border 0.3s ease 0s;
}
.input:focus{
	border: 1px solid #707070;
	box-shadow: 0px 0px 5px 1px #969696;
}
/*17 Media Queries*/
@media screen and (max-width: 991px){
    .freefont{right: 20px;}
    .newfont{
	   right: 60px;
	   bottom: -10px;
	   top: auto;
    }
    i.fa.fa-shopping-cart{font-size: 35px; vertical-align: -11px;}
        .menu{
	   left: 130px;
    }
    p.align_right {text-align: center}
    .font_style_shop{font-size: 3.5vw}
    #bracket{min-width: auto;right: auto;position: inherit;}
}
@media screen and (max-width: 768px){
    .menu_slider{
    	height: 129px;
    }
}
@media screen and (max-width: 767px){
    .logo_nootype a{text-align: center}
    p.align_right {text-align: center}
    .ligneAchat{height: 70px;}
    .lineFontTitle, .linePriceReduced, .lineCondition, .linePrice{position: inherit; left: auto; }
    .no-padding-small{padding: 0px;}

}
.boxLineBracket {
	height: 50px;
	border: none !important;
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) {
  /* CSS */
.list_name, .about{
	font-size: 30px;
	height: 60px;
	line-height: 58px;
}
.boxCards{
	font-size: 22px;
	margin-left: 0px !important;
}
.paymentCards{
	max-height: 44px;
}
	.container-fluid
{
	margin-top: 39px;
}
    .colomn_name{
        line-height: 148px;
        font-size: 70px;
        padding-left: 20px;
    }
    .logo_nootype  {
		    width: auto;
    	font-size: 40px;
    	    height: 80px;
    	        line-height: 72px;
    }

    .about_content p {
    	font-size: 25px;
    }

    .menu_mobile{
 	height: 58px;
 	    font-size: 25px;
 	    line-height: 50px;
 } 

 .coordonnees{
 	font-size: 25px;
 }

 .about_content p {
    	font-size: 25px;
    }

 .description_about{
 	font-size: 25px;
 }
    .footer_size{
    	font-size: 30px;
    }

    .inputBracket {
    height: 58px;
    font-size: 30px;
    margin-bottom: 20px;
	}


    .btn_about_pdf, .btn_about_buy {
    	 font-size: 30px;
    	     height: 50px;
    	             line-height: 47px;
    }
    .onglet_blog {
    	font-size: 30px;
    	     height: 70px;
    	      line-height: 62px;
    	             
    }
  .remove, .price, .quantity,.label-30,.name_brackets, .continueBracket,.lineItem,.label_order, .labelBracket, .style_number {
    	font-size: 30px;
    }
	
   .continueBracket{
    	height: 58px;
    	border-radius: 30px;
    
    }
   .name_brackets{
    	height: 58px;
    
    }
    .item_shop:hover .goTo_container{
    	display: none;
	}
	#bracket{
	height: 149px;
    width: 15%;
    float: right;
    line-height: 66px;
    text-align: center;
    right: 0px;
    top: 0px;
    position: absolute;

	}
	#mailing, #agree{
		    width: 27px;
    height: 27px;

	}

	.conditionsBracket{
		font-size: 26px;
	}



a.amenu {
   font-size: 30px;
}

.menu_slider {
    height: 80px;
    
}

.footer .footer_hide{
	display: none;
}

.footer img {
  height: 52px;
}

.blog_size{
	font-size: 25px;
}
#bracket .cart_hide_smart{
  display: none;
}

.stylePrice{
    font-size: 25px;
    height: 46px;
    line-height: 43px;
	border: solid 1px white;
	padding-left: 5px;
}
#ajax_contact input {
height: 45px;
    font-size: 30px;
}
#footer .footer_text_btm{
    font-size: 25px;
    line-height: 58px;
}

.newsletter_box input,#ajax_contact input {
    height: 45px;
    font-size: 30px;
    margin-bottom: 3px;
}

.newfont{
  font-size: 32px;
    height: 220px;
    line-height: 155px;
    width: 220px;
        background-size: 220px auto;

}

#ajax_contact textarea {

    font-size: 30px;
}

.information_shop{
    width: 45px;
    height: 45px;
    margin-top: 6px;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
}
#footer{
  height: 60px;
}
.addOrRemove{
  font-size: 30px;
  line-height: 44px;
      height: 45px;
}

#select_choice_usage{
  font-size: 30px;

  margin-bottom: 8%;
    height: 45px;
    margin-top: 2%;
}

.ligneAchat{
    height: 45px;
    margin-bottom: 15px;
    line-height: 40px;

}

.onglets{
    font-size: 30px;
    height: 60px;
    line-height: 57px;
}
 .menu_mobile{
 	    font-size: 25px;
 	height: 58px;
 	    line-height: 50px;
 } 
 .coordonnees{
 	font-size: 25px;
 }

 .about_content p {
    	font-size: 25px;
    }

 .description_about{
 	font-size: 25px;
 }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  
  /* CSS */
	.container-fluid
{
	margin-top: 39px;
}
    .colomn_name{
        line-height: 148px;
        font-size: 70px;
        padding-left: 20px;
    }
    .logo_nootype  {
		    width: auto;
    	font-size: 40px;
    	    height: 80px;
    	        line-height: 72px;
    }

    .menu_mobile{
 	height: 58px;
 	    font-size: 25px;
 	    line-height: 50px;
 } 

 .coordonnees{
 	font-size: 25px;
 }

 .about_content p {
    	font-size: 25px;
    }

 .description_about{
 	font-size: 25px;
 }

    .footer_size{
    	font-size: 30px;
    }

    .inputBracket {
    height: 58px;
    font-size: 30px;
	}


    .btn_about_pdf, .btn_about_buy {
    	 font-size: 30px;
    	     height: 50px;
    	         
    	         line-height: 47px;
    }
    .onglet_blog {
    	font-size: 30px;
    	     height: 70px;
    	         line-height: 62px;
    	             
    }
  .price, .quantity,.remove,.label-30,.name_brackets, .continueBracket,.lineItem,.label_order, .labelBracket, .style_number {
    	font-size: 30px;
    }
   .continueBracket, .name_brackets{
    	height: 58px;
    }

    .item_shop:hover .goTo_container{
    	display: none;
	}
	#bracket{
    width: 10%;
    float: right;
		height: 80px;
    text-align: center;
        line-height: 66px;
	}
	#mailing,#agree{
		    width: 27px;
    height: 27px;

	}
	.conditionsBracket{
		font-size: 26px;
	}



a.amenu {
   font-size: 30px;
}

.menu_slider {
    height: 80px;
    
}

.footer .footer_hide{
	display: none;
}

.footer img {
  height: 52px;
}

.blog_size{
	font-size: 25px;
}

#bracket .cart_hide_smart{
  display: none;
}

.addOrRemove{
  font-size: 30px; 
     height: 45px;
  line-height: 44px;
}

#select_choice_usage{
  font-size: 30px;

  margin-bottom: 8%;
    height: 45px;
    margin-top: 2%;
}

.ligneAchat{
  height: 45px;

    line-height: 40px;

}

.stylePrice{
      font-size: 25px;
    height: 46px;
}

.newsletter_box input,#ajax_contact input {
height: 45px;
    font-size: 30px;
}

.newfont{
  font-size: 30px;
    height: 200px;
    line-height: 135px;
    width: 200px;
    background-size: 200px auto;

}

#ajax_contact textarea {

    font-size: 30px;
}

#footer .footer_text_btm{
    font-size: 25px;
    line-height: 58px;
}

.information_shop{
    width: 45px;
    height: 45px;
    margin-top: 6px;
    font-size: 30px;
    text-align: center;
}

#footer{
  height: 60px;
}

.onglets{
      font-size: 30px;
    height: 65px;
    line-height: 65px;
}
  
.onglet01, .btn-group, .onglet03, .onglet04, .onglet05
{
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
}
	
.onglet04
{
	border-right: none;
}
	
.onglet01
	{
		border-right: solid 1px white;
	}
	

	
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  /* CSS */
	.container-fluid
{
	margin-top: 39px;
}
    .logo_nootype  {
		    width: auto;
    	font-size: 40px;
    	    height: 80px;
    	        line-height: 72px;
    }

    .menu_mobile{
 	height: 58px;
 	    font-size: 25px;
 	    line-height: 50px;
 } 

 .coordonnees{
 	font-size: 25px;
 }

 .about_content p {
    	font-size: 25px;
    }

 .description_about{
 	font-size: 25px;
 }

    .footer_size{
    	font-size: 30px;
    }

    .inputBracket {
    height: 58px;
    font-size: 30px;
	}


    .btn_about_pdf, .btn_about_buy {
    	     height: 50px;
    }
    .onglet_blog {
    	font-size: 30px;
    	     height: 70px;
    	      line-height: 62px;
    	             
    }

    .conditionsBracket{
		font-size: 26px;
	}

 .price, .quantity,.remove, .label-30,.name_brackets, .continueBracket,.lineItem,.label_order, .labelBracket, .style_number {
    	font-size: 30px;
    }
   .continueBracket, .name_brackets{
    	height: 58px;
    }

    .item_shop:hover .goTo_container{
    	display: none;
	}
	#bracket{
		height: 80px;
    width: 10%;
    float: right;
    text-align: center;
        line-height: 66px;
	}
	#mailing,#agree{
		    width: 27px;
    height: 27px;

	}



a.amenu {
   font-size: 30px;
}

.menu_slider {
    height: 80px;
    
}

.footer .footer_hide{
	display: none;
}

.footer img {
  height: 52px;
}

.blog_size{
	font-size: 25px;
}

#bracket .cart_hide_smart{
  display: none;
}

.addOrRemove{
  font-size: 30px;
  line-height: 44px;
      height: 45px;
}

#select_choice_usage{
  font-size: 30px;

  margin-bottom: 8%;
    height: 45px;
    margin-top: 2%;
}
.ligneAchat{
  height: 45px;

    line-height: 40px;

}

.stylePrice{
      font-size: 25px;
    height: 46px;
}

#footer .footer_text_btm{
      font-size: 30px;
    line-height: 60px;
}

.newsletter_box input,#ajax_contact input {
height: 45px;
    font-size: 30px;
}

.newfont{
  font-size: 30px;
    height: 200px;
    line-height: 135px;
    width: 200px;
        background-size: 200px auto;

}

#ajax_contact textarea {

    font-size: 30px;
}

.information_shop{
      width: 45px;
    height: 45px;
        margin-top: 1%;
            font-size: 30px;
    text-align: center;
}

#footer{
  height: 60px;
}

.onglets{
      font-size: 30px;
    height: 60px;
    line-height: 49px;
}

.menu_mobile{
 	height: 58px;
 	    font-size: 25px;
 	    line-height: 50px;
 } 

 .coordonnees{
 	font-size: 25px;
 }

 .about_content p {
    	font-size: 25px;
    }

 .description_about{
 	font-size: 25px;
 }
	
.onglet01, .btn-group, .onglet03, .onglet04, .onglet05
{
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
}
	
.onglet04
{
	border-right: none;
}
	
.onglet01
	{
		border-right: solid 1px white;
	}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
.container-fluid
{
	margin-top: 39px;
}
	
    .logo_nootype  {
		    width: auto;
    	font-size: 40px;
    	    height: 80px;
    	        line-height: 72px;
    }

    .menu_mobile{
 		height: 58px;
 		    font-size: 25px;
 		    line-height: 50px;
 	} 

 	.coordonnees{
 	font-size: 25px;
 }

 	.about_content p {
    	font-size: 25px;
    }

 	.description_about{
 	font-size: 25px;
 }

    .footer_size{
    	font-size: 30px;
    }

    .inputBracket {
    height: 58px;
    font-size: 30px;
	}

    .conditionsBracket{
		font-size: 26px;
	}


    .btn_about_pdf, .btn_about_buy {
    	 font-size: 30px;
    	     height: 50px;
    	        
    	         line-height: 47px;
    }
    .onglet_blog {
    	font-size: 30px;
    	     height: 70px;
    	      line-height: 62px;
    	             
    }
  .remove, .price, .quantity ,.label-30,.name_brackets, .continueBracket,.lineItem,.label_order, .labelBracket, .style_number {
    	font-size: 30px;
    }
   .continueBracket, .name_brackets{
    	height: 58px;
    }

    .item_shop:hover .goTo_container{
    	display: none;
	}
	#bracket{
		height: 80px;
    width: 10%;
    float: right;
    text-align: center;
        line-height: 66px;
	}
	#mailing,	#agree{
		    width: 27px;
    height: 27px;

	}



a.amenu {
   font-size: 30px;
}

.menu_slider {
    height: 80px;
    
}
.footer .footer_hide{
	display: none;
}


.footer img {
  height: 52px;
}
.blog_size{
	font-size: 25px;
}

#bracket .cart_hide_smart{
  display: none;
}
#select_choice_usage{
  font-size: 30px;

  margin-bottom: 8%;
    height: 45px;
    margin-top: 2%;
}

.ligneAchat{
  height: 45px;

    line-height: 40px;

}


.addOrRemove{
  font-size: 30px;
      height: 45px;
      line-height: 44px;
}



.onglets{
      font-size: 30px;
    height: 60px;
    line-height: 49px;
}
.stylePrice{
      font-size: 25px;
    height: 46px;
}

#footer .footer_text_btm{
      font-size: 30px;
    line-height: 60px;
}

.newsletter_box input,#ajax_contact input {
height: 45px;
    font-size: 30px;
}

.newfont{
  font-size: 30px;
    height: 200px;
    line-height: 135px;
    width: 200px;
        background-size: 200px auto;

}

#ajax_contact textarea {

    font-size: 30px;
}


.information_shop{
      width: 45px;
    height: 45px;
        margin-top: 1%;
            font-size: 30px;
    text-align: center;
}
#footer{
  height: 60px;
}
	
.onglet01, .btn-group, .onglet03, .onglet04, .onglet05
{
	border-top: solid 1px white !important;
	border-bottom: solid 1px white !important;
}
	
.onglet04
{
	border-right: none;
}
	
.onglet01
	{
		border-right: solid 1px white;
	}
	

	
}

@media (min-width: 1200px){
	
.item_shop_container:nth-child(2n+1)
{
	border-right: solid 1px white;
}	
	
}

@font-face {
    font-family: 'MbNewReligion';
    src: url('../fonts/mbnrr.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidGroRom';
    src: url('../fonts/AkzidGroRom-Roman.woff2') format('woff2'),
         url('../fonts/AkzidGroRom-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.button,
.input,
.optgroup,
.select,
.textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	background-color: #1e1e1e;
}
.fontavailable
{
	background-color: #131313 !important;
}
.sorting_1
{
	background-color: #131313 !important;
}