@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratitalic';
    src: url('../fonts/montserrat-italic-webfont.eot');
    src: url('../fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-italic-webfont.woff') format('woff'),
         url('../fonts/montserrat-italic-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-italic-webfont.svg#montserratitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#open_sans_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{font-family: montserrat;}
.fixed {position: fixed;width: 100%;z-index:30}

#bodyHeader {height: 150px;background:white;}
#bodyHeader .lienLexique {position: absolute;top: 10px;right: 50px;z-index: 50;color: black;}

#bodyHeader img {height: 150px;margin: 0 auto;display: block;}
#bodyHeader .posabsolutesuiv {position: absolute;top: 60px;right: 15px;background-color: #049dd9;color: white;padding: 10px 15px;font-family: montserrat_bold;}
#bodyHeader .posabsoluteprec {position: absolute;top: 60px;left: 15px;background-color: #049dd9;color: white;padding: 10px 15px;font-family: montserrat_bold;}

#menuHeader{height: 60px;background-color: #049dd9}
#menuHeader .demandeExpress {height: 60px;display: block;}
#menuHeader .demandeExpress img {height: 60px;}
#menuHeader .demandeExpress span {display: inline-block;line-height: 1.2;vertical-align: middle;margin: 0;color: white;font-family: montserratitalic;font-size: 20px;}
#menuHeader .demandeExpress span strong {font-family: montserrat_bold;}
#menuHeader .lien {color: white;font-family: montserrat_bold;height: 60px;line-height: 60px;text-align: center;width: 100%;display: block;font-size: 20px;}
#menuHeader .achatDirect {display: inline-block;height: 60px;line-height: 60px;color: white;float: right;padding: 0px 15px;background: #da3832;font-size: 20px;margin-bottom: 0;}
#menuHeader .achatDirect span {display: inline-block;vertical-align: middle;line-height: 0.8;font-family: montserrat_bold;text-align: center;}

#accueil{padding-top: 220px;}
#accueil > .container > .row > .col-xs-12 {padding: 0 !important;}
#accueil .categorie {border: 5px solid #e6e6e6;padding: 10px 12px 10px 12px;margin: 15px 15px; /*height: 200px;*/}
#accueil .categorie h2{color:#049dd9;font-size: 20px;font-family: montserrat_bold;text-align: center; margin: 10px 0 20px 0;}
#accueil .col-sm-3 .categorie h2 {font-size: 16px;height: 34px;}
#accueil .categorie .lienDemandeDevis {position: absolute;text-align: center;left: 0;right: 0;bottom:0;}
#accueil .categorie .lienDemandeDevis a {background: #da3832;padding: 10px 20px;color: white;font-family: montserrat_bold;}
#accueil .categorie figure {height: 150px;margin: 0px auto 20px auto}
#accueil .categorie figure img { margin: 0px auto;display: block;max-width: 100%;max-height: 150px;}
#accueil .contenu, #categorie .contenu {background: #049dd9;padding: 20px 20px;color: white;margin-top: 30px;margin-bottom: 90px;}
#accueil .contenu td, #categorie .contenu td {padding: 5px 50px;} 


#categorie {padding-top: 220px;}
#categorie .categorie {border: 5px solid #e6e6e6;padding: 10px 12px;margin: 15px 15px; /*height: 200px;*/}
#categorie .categorie h2{color:#049dd9;font-size: 20px;font-family: montserrat_bold;text-align: center; margin: 10px 0 20px 0;}
#categorie h3 {font-family: montserrat_bold;font-size: 18px;color: #049dd9;border-bottom: 1px solid;padding-bottom: 5px;margin-bottom: 5px;}
#categorie table {margin-bottom: 30px;width:100%;font-size: 13px;}
#categorie table tr:first-child{border-top: 0;}
#categorie table tr {border-top:1px solid #e6e6e6;}
#categorie table tr td {padding: 5px 0px;}
#categorie table tr td.first {width: 18%;}
#categorie table tr td.second {width: 38%;}
#categorie table tr td.last {width: 44%;}
#categorie table tr td.last a { width: 150px;font-family: montserratitalic;display: block;height: 28px;line-height: 28px;background: #da3832;color: white;box-sizing: border-box;}
#categorie table tr td.last a img{height: 28px;float: left;}
#categorie table tr td.last a strong{font-family: montserrat_bold;}
#categorie table tr.lastLine {border-top: 1px solid #049dd9;}
#categorie table tr.lastLine a{color:#049dd9;text-decoration: underline;}
#categorie img {max-width: 80%;display: block;margin: 0 auto;}
#categorie .contenu table{width: auto;}
#categorie .original-boxes img {width: 50%;margin-bottom: 10px}
#categorie .original-boxes a {text-align: center;width: 100%;display: block;text-decoration: underline;}

.ui-dialog .ui-dialog-titlebar-close{display: none;}
.ui-corner-all{border-radius: 0px !important}
.ui-dialog{padding: 0 !important}
.ui-dialog .ui-dialog-title {font-family: montserrat_bold;color: white;}
.ui-dialog .ui-dialog-buttonpane button { background: #da3832; padding: 10px 20px;color: white;font-family: montserrat_bold;border: 0;}
.ui-draggable .ui-dialog-titlebar {background: #049dd9;}
.ui-widget-content {border: 1px solid #e6e6e6 !important;}
.ui-dialog .ui-dialog-content {overflow: visible !important;}
.ui-dialog .ui-dialog-buttonpane {margin: 0;border-top: 0 !important;}

#form-devis input, #form-devis textarea {width: 100%;}
#form-devis input {border: 1px solid #e6e6e6;height: 40px;padding: 0 10px;}
#form-devis textarea {border: 1px solid #e6e6e6;padding: 5px 10px;}
#form-devis button{background: #049dd9;font-family: montserrat_bold;color: white;}
#form-devis .item-contact{margin-bottom:10px;}
#msg_slide p.warning {padding: 10px 0;background: #f44336;color: white;text-align: center;margin: 10px 0;}
#msg_slide p.success {padding: 10px 0;background: #4CAF50;color: white;text-align: center;margin: 10px 0;}

.cc_container {background: #049dd9 !important;}
.cc_container .cc_btn, .cc_container .cc_btn:visited {color: white !important;background: transparent !important;border: 1px solid !important;position: absolute;left: 36%;top: 65px;}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {color: #049dd9 !important;background: white !important;}
a.cc_more_info {color: white !important;border: 1px solid white;transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius: 5px;-webkit-border-radius: 5px; font-size: 1em; padding: 8px 15px;display: inline-block; clear: both;position: absolute;top: 65px;left: 50%;}
a.cc_more_info:hover{color: #049dd9 !important;background: white !important;transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;}
.cc_container {padding: 15px 30px 75px !important;}

@media screen and (max-width: 640px) {
	}

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

@media (max-width: 992px) { 
	.cc_container .cc_btn, .cc_container .cc_btn:visited{
		left:24%;
		padding: 12px 0 !important;
	}
}

@media (max-width: 767px) { 
	.cc_container .cc_message {
		margin-top: 0;
	}

	.cc_container .cc_btn, .cc_container .cc_btn:visited {
		top: 80px;
	}

	a.cc_more_info {
		top: 80px;
	}
	#accueil{padding-top: 320px;}
	#categorie {padding-top: 320px;}
    #accueil .contenu td, #categorie .contenu td {display: block;text-align: center;}
    #bodyHeader img {height: auto;margin: 0 auto;display: block;max-width: 70%;}
    #bodyHeader .posabsolutesuiv, #bodyHeader .posabsoluteprec{top: 100px;}
    #menuHeader {height: inherit}
    #menuHeader .demandeExpress {height: 45px;display: block;margin: 0;text-align: center;}
    #menuHeader .demandeExpress img {height: 45px;}
    #menuHeader .lien {color: white;font-family: montserrat_bold;height: 40px;line-height: 40px;text-align: center;width: 100%;display: block;font-size: 20px;}
    #menuHeader .achatDirect {float: none;display: block;height: 45px;line-height: 45px;color: white;padding: 0;background: #da3832;font-size: 20px;margin-bottom: 0;text-align: center;}
    #accueil .categorie figure {height: 60px;margin: 0px auto 20px auto;}
    #accueil .categorie figure img {margin: 0px auto;display: block;max-width: 100%;max-height: 60px;}

}

@media (max-width: 576px) {
		#accueil{padding-top: 280px;}
	#categorie {padding-top: 280px;}
	.cc_container .cc_btn, .cc_container .cc_btn:visited {
    top: 60px;
    left: 10%;
    padding: 14px 0 !important;
}

a.cc_more_info {
    top: 60px;
    padding: 12px 9px !important;
}
}

@media (max-width: 480px) {
	.cc_container .cc_btn, .cc_container .cc_btn:visited {
    top: 90px;
}

a.cc_more_info {
    top: 90px;
}
}