@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

@font-face {
	font-family: 'Antonio';
    src: url('../fonts/Antonio-Regular.eot');
    src: url('../fonts/Antonio-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/Antonio-Regular.woff2') format('woff2'),
         url('../fonts/Antonio-Regular.woff') format('woff'),
         url('../fonts/Antonio-Regular.ttf') format('truetype'),
         url('../fonts/Antonio-Regular.svg#MyriadPro') format('svg');
}

@font-face {
	font-family: 'AntonioLight';
    src: url('../fonts/Antonio-Light.eot');
    src: url('../fonts/Antonio-Light.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/Antonio-Light.woff2') format('woff2'),
         url('../fonts/Antonio-Light.woff') format('woff'),
         url('../fonts/Antonio-Light.ttf') format('truetype'),
         url('../fonts/Antonio-Light.svg#MyriadPro') format('svg');
}

@font-face {
	font-family: 'AntonioBold';
    src: url('../fonts/Antonio-Bold.eot');
    src: url('../fonts/Antonio-Bold.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/Antonio-Bold.woff2') format('woff2'),
         url('../fonts/Antonio-Bold.woff') format('woff'),
         url('../fonts/Antonio-Bold.ttf') format('truetype'),
         url('../fonts/Antonio-Bold.svg#MyriadPro') format('svg');
}

body{
	margin:0px;
	background:white;
	overflow-x:hidden;
	background:#F1F0ED;
}

header{
	width:100%;
	background:white;
	border-bottom:1px solid #EAEAE8;
	-moz-box-shadow: 0px 2px 5px 0px #CCCBC9;
	-webkit-box-shadow: 0px 2px 5px 0px #CCCBC9;
	-o-box-shadow: 0px 2px 5px 0px #CCCBC9;
	box-shadow: 0px 2px 5px 0px #CCCBC9;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCBC9, Direction=180, Strength=5);
}

header .content{
	background:white;
}

.content{
	width:1040px;
	margin:auto;
	overflow:hidden;
}

#search{
	float: left;
    text-align:center;
}

.affixTopMenu #search{
	margin-left:20px;
	width:207px;
}

#search input[type=text]{
	width: 185px;
	height: 32px;
	border: 2px solid #ef7c54;
	font-family: 'Open Sans';
	font-size: 12px;
	color: #4a4a4a;
	padding-left: 10px;
	float: left;
	border-radius: 8px 0px 0px 8px;
}

#search input[type=submit]{
	background: #ef7c54 url("../img/loupe.png") no-repeat scroll 1px 7px;
	border: medium none;
	position: relative;
	width: 22px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	border-radius: 0px 8px 8px 0px;
	background-size: 17px;
	margin-bottom:0px;
}

.affixTopMenu #search input[type=submit]{
	background: #ef7c54 url("../img/loupe.png") no-repeat scroll 1px 7px;
	border: medium none;
	position: relative;
	width: 22px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: 32px;
	border-radius: 0px 8px 8px 0px;
	background-size: 17px;
	margin-bottom:0px;
}

.filtrer{
	float: left;
	padding-left: 15px;
	height: 32px;
	margin-left: 30px;
	background: white;
	color: #EF7C54;
	font-family: 'Open Sans';
	font-size: 14px;
	border: 2px solid #EF7C54;
	margin-top: 0;
	border-radius: 7px;
	text-transform: uppercase;
	font-weight: 600;
	padding-right: 15px;
}

.afficherpar{
	float: left;
	width: 147px;
	height: 32px;
	margin-left: 30px;
	border: 2px solid #EF7C54;
	margin-top: 0;
	font-family: 'Open Sans';
	font-size: 12px;
	color: #4A4A4A;
	border-radius: 7px;
}

.favoris{
	float:left;
	margin-left:25px;
	margin-top:0px;
	padding-right:0px;
}

.contact{
	float:left;
	margin-left:5px;
	margin-top:40px;
}

.moncompte{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0px;
    padding-right:0px;
}

.faq i{
	color:#4a4a4a;
	font-size:14px !important;
}

.tr-contact{
	font-family: 'Open Sans';
	color: #ef7c54 !important;
	font-weight: 600;
	letter-spacing: 1.4px;
	font-size: 13px;
}

.tr-profil{
	font-family: 'Open Sans';
	color: #4a4a4a;
	font-weight: 400;
	letter-spacing: 1.4px;
	font-size: 13px;
}

.pipe{
	color:#4A4A4A;
	margin-left:10px;
	margin-right:10px;
}

#langue{
	float:left;
	margin-left:30px;
	margin-top:30px;
	border:none;
	font-family:'Open Sans';
	font-weight:700;
	font-size:14px;
	color:#707070;
	padding-left:0px;
}

.divLogo{
	width:100%;
	text-align:center;
}

.affix .divLogo{
	width:30%;
	float:left;
	text-align:left;
}

.divLogo img{
	padding-top:20px;
	width:270px;
	padding-bottom:30px;
}

.affix .divLogo img{
	width:150px;
}

.header_content{
	padding-top:36px;
	padding-bottom:38px;
}

.precedent{
	background:url(../img/precedent.png) no-repeat top left transparent;
	font-family:AntonioLight;
	font-size:18px;
	color:#707070;
	padding-left:36px;
}

.nopaddingleft{
	padding-left:0px !important;
}

.nopaddingright{
	padding-right:0px !important;
}

.bc_content{
	background:white;
} 

.type_user{
	background:#ff6500;
	height:48px;
	width:100%;
	margin-bottom:12px;
	padding-top:7px;
}

.type_user a{
	color: white;
	float: right;
	padding-right: 10px;
	font-size: 25px;
}

.type_user p, .type_editeur p, .type_editeur_2 p{
	font-family:AntonioLight;
	color:white;
	font-size:24px;
	margin-left:30px;
	margin-bottom:0px;
}

.type_editeur{
	background:#080c4b;
	height:48px;
	width:100%;
	margin-bottom:2px;
	padding-top:7px;
}

.type_editeur_2{
	background:#080c4b;
	height:48px;
	width:100%;
	margin-bottom:2px;
	padding-top:7px;
}

.type_editeur p, .type_editeur_2 p{
	text-transform:uppercase;
}

.type_menu ul{
	padding-left:0px;
}

.type_menu ul li{
	min-height: 35px;
padding-left: 30px;
background: #C0C0C0;
margin-bottom: 2px;
list-style: none;
padding-top: 7px;
padding-bottom: 7px;
}

.type_menu ul li a{
	font-family:'Open Sans';
	font-size:12px;
	color:white;
}

.type_menu ul li.actif{
	background:#545975;
}

h2.titre_page{
	background: #ef7c54 none repeat scroll 0 0;
    color: white;
    font-family: AntonioLight;
    font-size: 24px;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-top: 10px;
}

.sstitre_page{
	background: #C0C0C0 none repeat scroll 0 0;
    color: #707070;
    font-family: AntonioLight;
    font-size: 24px;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-top: 10px;
}

h4.sstitre_page_3{
	background: white;
    color: #707070;
    font-family: AntonioLight;
    font-size: 24px;
    margin: 0;
    padding-bottom: 40px;
    padding-left: 23px;
    padding-top: 10px;
}

.sstitre_page_2{
    color: #707070;
    font-family: AntonioLight;
    font-size: 24px;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-top: 10px;
}

#secteur_applications{
	height:500px;
}

.aadmin{
	color: #EF7C54;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 700;
}

.content_form{
	padding-left:20px;
	padding-right:30px;
	padding-top:22px;
	padding-bottom:10px;
}

.content_form label{
	font-family:'Open Sans';
	font-size:12px;
	color:#c0c0c0;
	font-weight:400;
	margin-right:10px;
}

.mce-label{
	width:95% !important;
}

.content_form input[type=text], 
.content_form input[type=number], 
.content_form input[type=date],
.content_form input[type=email],
.content_form input[type=password]
{
	width:100%;
	height:33px;
	border:1px solid #C4C4C4;
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	margin-bottom:18px;
	padding-left:10px;
}

.content_form input[type=checkbox]
{
	margin-bottom:20px;
	margin-left:10px;
}

.content_form select{
	width:100%;
	height:33px;
	border:1px solid #C4C4C4;
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	margin-bottom:18px;
	padding-left:10px;
}

.content_form select[multiple=multiple]{
	height:auto;
}

.delete_champs_input12 img{
	left: 101%;
    margin-left: 0;
    margin-top: -91px;
    position: relative;
}

.delete_champs_textarea12 img{
	left: 101%;
    margin-left: 0;
    margin-top: -93px;
    position: relative;
}

.delete_champs_input6 img{
	left: 107%;
    margin-left: 0;
    margin-top: -95px;
    position: relative;
}

.delete_champs_prix img{
	margin-left: 0px;
    margin-top: 6px;
    position: absolute;
    right:-23px;
}

.delete_champs_file{
	left: 94%;
    margin-left: 0;
    margin-top: 0;
    position: relative;
}

.relative{
	position:relative;
}

.mb_contacts a{
	color:white;
}

.delete_champs_add_2 {
    margin-left: 0px;
    margin-top: -45px;
    position: absolute;
    right: 0;
    margin-right: -32px;
}

.delete_champs_add_3 {
    margin-left: 0px;
    margin-top: -45px;
    position: absolute;
    right: 221px;
    margin-right: -32px;
}

.delete_champs_add_4 {
    margin-left: 0px;
    margin-top: -96px;
    position: absolute;
    right: 0;
    margin-right: -15px;
}

.delete_champs_add_5 {
    margin-left: 0px;
    margin-top: 27px;
    position: absolute;
    right: 0;
    margin-right: -32px;
}

.delete_champs_add_6 {
    margin-left: 0px;
    margin-top: 99px;
    position: absolute;
    right: 0;
    margin-right: -32px;
}

.delete_champs_add{
	margin-left: 0px;
    margin-top: -110px;
    position: absolute;
    right:0;
    margin-right:-32px;
}

.add_champs{
	margin-right:5px;
}

.nopadding{
	padding:0px !important;
}

.content_form textarea{
	width:100%;
	height:85px;
	border:1px solid #C4C4C4;
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	margin-bottom:18px;
	padding:10px;
}

.ligne_grise{
	width:100%;
	height:1px;
	background:#C4C4C4;
	margin-bottom:15px;
}

.delete_champs_2{
	margin-left: 17px;
    margin-top: 28px;
    position: absolute;
}

.prix{
	width:92px !important;
}

.overflow{
	overflow:hidden;
}

.devise{
	color: #707070;
    font-family: AntonioLight;
    font-size: 24px;
    line-height: 1;
    padding-left: 10px;
}

.delete_champs_3{
	margin-left: 17px;
    position: relative;
}

.petit_label{
	padding-right: 16px;
    width: auto !important;
}

input[type=checkbox]{
	margin-right:13px;
}

.input_checkbox{
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
}

.pourcent{
	width:43px !important;
}

.pourcentage{
	border: 1px solid #c4c4c4;
    color: #636363;
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 1;
    padding: 3px 5px 4px;
    position: absolute;
}

form input[type=submit], form input[type=button]{
	font-family:AntonioLight;
	font-size:21px;
	color:white;
	width:217px;
	height:35px;
	text-align:center;
	background:#EF7C54;
	border:none;
	margin-top:33px;
	margin-bottom:36px;
}

overflow{
	overflow:hidden;
}

.body_content{
	padding-bottom:140px;
	overflow:hidden;
}

.affixTopMenu{
	display:none;
}

.topright{
	width: 100%;
	text-align: right;
	overflow: hidden;
	border-bottom:2px solid #E4E4DD;
	padding-top:5px;
	padding-bottom:5px;
}

header .content h1{
	font-family:'Open Sans';
	font-weight:700;
	font-size:50px;
	color:#808080;
	text-align:center;
	margin-bottom:0px;
	margin-top:55px;
	text-transform:uppercase;
	line-height:1.2;
}

header .content h2{
	font-family:'Open Sans';
	font-size:45px;
	color:#cccccc;
	text-align:center;
	margin:0px;
}

header .content h3{
	font-family:'Open Sans';
	font-size:15px;
	color:#575756;
	text-align:center;
	margin-top:0px;
	line-height:1.5;
}

header .content h3 b{
	color:#EF7C54
}

.headerBottom{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.matiere{
	width:342px;
/*	height:377px;*/
	border:5px solid #BEBEBE;
	margin-right:3px;
	margin-bottom:4px;
	padding:0px;
	display:table;
	cursor:pointer;
}

.matiere img{
	max-width:100%;
	height:100%;
}

.list_matiere{
	margin-top:20px;
}

#loading{
	text-align:center;
}

.affix{
	min-height: 51px;
	border-top:none;
	z-index:10;
	position:fixed !important;
}

.affix .headerMiddle, .affix .headerBottom{
	display:none;
}

.affix .affixTopMenu{	
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
	width: 70%;
	float: left;
}

.affix + #body .body_content{
	padding-top:425px;
}

.adminmatiere .affix + #body .body_content{
	padding-top:110px;
}

.star_add_collection .fa-star-o{
	bottom: 0;
color: white;
font-size: 26px;
position: absolute;
right: 0;
z-index: 5;
top: 75px;
}

.star_add_collection .fa-star{
	bottom: 0;
color: white;
font-size: 26px;
position: absolute;
right: 0;
z-index: 5;
top: 75px;
}

.modalImage{
	z-index:2000;
}


.filtre_body{
	position:absolute;
	width:15%;
	height:44px;
	background:#080C4B;
	right:0px;
	top:79px;
	display:none;
}

.fb_ok{
	display:block;
}

.affix + #body .filtre_body{
	position:fixed;
	top:179px;
}

.filtre_body_open{
	position:absolute;
	width:100%;
	right:0px;
	top:79px;
	display:none;
	z-index:10;
}

.affix + #body .filtre_body_open{
	position:fixed;
	top:179px;
}

.fbo_top{
	background:url(../img/logo_barre_filtre.png) no-repeat top left #080c4b;
	width:100%;
	height:44px;
}

.fbo_bottom{
	width:100%;
	background:#545975;
	padding-top:22px;
	padding-bottom:35px;
}

.fbo_top a{
	float:right;
	font-family:'AntonioLight';
	font-size:18px;
	color:white;
	padding-top:10px;
}

.fbo_top a i{
	padding-right:10px;
}

#filtre{
	z-index:3;
	position:absolute;
	display:none;
	box-shadow:0 0px 5px 0 #cccbc9;
}

#filtre_top{
	background:white;
	height:45px;
}

#filtre_top p{
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	padding-top:14px;
}

#filtre_top p span{
	background:#9b9b9b;
	color:white;
	padding-left:5px;
	padding-right:5px;
}

#filtre_bottom{
	background:#EF7C54;
}

#filtre_principal{
	
}

.fb_title{
	font-family: Open Sans;
	font-size: 17px;
	text-transform: uppercase;
	color: white;
	padding-top: 20px;
	margin-bottom: 15px;
}

#filtre_principal .fb_title{
	color:white;
}

#filtre_bottom select, 
#filtre_bottom input[type=text]{
	width: 100%;
	height: 33px;
	margin-bottom: 13px;
	border: 1px solid white;
	font-family: "Open Sans";
	font-size: 12px;
	color: white;
	background: #EF7C54;
	border-radius: 7px;
	padding-left:5px;
}

#filtre_bottom label{
	font-family: "Open Sans";
	font-size: 12px;
	color: white;
}

#filtre_bottom input[type=submit]{
	font-size: 15px !important;
	margin-left: auto;
	margin-right: auto;
	font-family: Open Sans;
	background: white;
	color: #EF7C54;
	font-weight: 600;
	width: auto;
	border-radius: 7px;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	border:none;
}

.affix + #filtre{
	position:fixed;
	top:100px;
}

#filtre_bottom .content{
	background:#707070;
}

.fbob_title{
	font-family:'AntonioLight';
	font-size:18px;
	color:#ef7c54;
	margin-bottom:21px;
}

.fbo_bottom label{
	font-family:'Open Sans';
	font-size:12px;
	color:white;
	font-weight:400;
}

.fbo_bottom select{
	width:100%;
	height:33px;
	margin-bottom:13px;
	border:1px solid #BBBBBB;
	font-family:"Open Sans";
	font-size:12px;
	color:#636363;
}

.fbob_margin{
	margin-top:39px;
	border-left:1px dashed white;
}

.nomarginbottom{
	margin-bottom:0px !important;
}

.fbo_bottom input[type=submit]{
	font-family:AntonioLight;
	font-size:18px;
	color:white;
	width:217px;
	height:35px;
	text-align:center;
	background:#EF7C54;
	border:none;
	margin-top:33px;
	margin-bottom:0px;
}

.matiere2{
	width:100%;
	overflow:hidden;
	background:white;
	margin-bottom:20px;
	cursor:pointer;
}

.matiere2 .col-md-2 img{
	border: 3px solid #bebebe;
    height: 110px;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 110px;
    margin-left:8px;
}

.matiere2 .col-md-1{
	border-left: 1px solid #F1F0ED;
    min-height: 126px;
}

.matiere2 .col-md-1 .star_add_collection .fa-star-o{
	bottom: 0;
    color: #ef7c54;
    font-size: 34px;
    margin-top: 46px;
    position: relative;
    right: 0;
    z-index: 0;
    top:0;
}

.matiere2 h2{
	font-family:'AntonioLight';
	font-size:21px;
	color:#707070;
	margin-bottom:0px;
}

.matiere2 h3{
	font-family:'Open Sans';
	font-size:14px;
	color:#bebebe;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:400;
}

.matiere2 p{
	font-family:'Open Sans';
	font-size:14px;
	color:#636363;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:400;
}

/* Page Profil */
#monProfil{
	margin-top:41px;
}

#monProfil h1{
	background: #707070 none repeat scroll 0 0;
    color: white;
    font-family: AntonioLight;
    font-size: 18px;
    padding-bottom: 17px;
    padding-left: 23px;
    padding-top: 17px;
    margin:0px;
}

#monProfil #entete{
	background: #FFFFFF;
	padding:40px 21px 40px;
}

form[name='search'] select.active{
	border:3px solid white !important;
	font-weight:bold;
}

.deleteFilter{
	color:white;
	font-size:15px;
	text-align:right;
	padding-top:30px;
}

.deleteFilter a{
	color:white;
}

#monProfil #entete .col-md-11 p{
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	margin-bottom:7px;
}

#monProfil #formContainer{
	background-color: rgba(102, 102, 102, 0.14);
}

#monProfil h2{
	background-color: #9B9B9B;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-left: 14px;
    font-size: 12px;
    color: #FFFFFF;
    margin-top:41px;
    font-family:'Open Sans';
}

#monProfil label{
	display: block;
    font-weight: normal;
    margin-top: 26px;
    margin-bottom: 6px;
    font-family:'Open Sans';
	font-size:12px;
	color:#636363;
}

#monProfil input[type=text], #monProfil input[type=email], #monProfil input[type=password], #monProfil select{
	width: 100%;
    height: 32px;
    border:1px solid #C9C9C9;
    padding-left:12px;
}

#monProfil button{
    margin-top:22px;
    margin-bottom:35px;
    background: #EF7C54;
    color: white;
    font-family: 'Open Sans';
    font-size: 12px;
    border: none;
    width:100%;
    text-align:center;
    height:35px;
}
.top_page{
	padding-top:33px !important;
	margin-bottom:35px;
}

.top_page a{
	font-family:'AntonioLight';
	font-size:18px;
	color:#707070;
	cursor:pointer;
}

.top_page a img{
	padding-right:12px;	
}

.tp_right{
	padding-right:0px;
	padding-left:12px;
}

#addCollection .modal-content{
	padding-left:80px;
	padding-right:80px;
	padding-top:70px;
	padding-bottom:70px;
} 

#addCollection .modal-header{
	position: absolute;
    right: 2px;
    top: 0;
}

#addCollection .modal-body{
	padding:0px;
}

#addCollection .modal-body h2{
	font-family:'AntonioLight';
	font-size:18px;
	color:#ef7c54;
	margin-top:0px;
}

#addCollection .modal-body input[type=text]{
	width:100%;
	margin-bottom:5px;
	border:1px solid #C4C4C4;
	height:32px;
	padding-left:13px;
	padding-right:13px;
}

#addCollection .modal-body textarea{
	width:100%;
	margin-bottom:5px;
	height:112px;
	border:1px solid #C4C4C4;
	padding-left:13px;
	padding-right:13px;
}

#addCollection .modal-body input[type=submit]{
	margin-top:20px;
	float:right;
	margin-bottom:0px;
}

/* Page Contact */
#contactPage{
	margin-top: 64px;
	margin-bottom:63px;
}

#contactInfo{
	background-color: #ef7c54;
	padding-top:20px;
	padding-bottom:20px;
}

.afficherpar option[value="5"]{
	background-image:url(../img/liste.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	height:30px;
	
}

option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 20px;
}
.avatar .ui-icon {
  background-position: left top;
}

#contactInfo h2{
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right:20px;
    font-size: 18px;
    color: #FFFFFF;
    margin:0px;
    font-family:AntonioLight;
}

#contactInfo p{
    padding-top: 0px;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    color: #FFFFFF;
    font-family:'Open Sans';
}

#contactForm{
    padding-left: 40px;
}

#contactForm h1{
    margin-top: 0;
    padding-bottom: 0px;
    font-size: 18px;
    color: #ef7c54;
    font-family:AntonioLight;
    margin-bottom:28px;
}

#contactForm input[type=text],
#contactForm input[type=email]{
    width: 100%;
    margin-top:0px;
    margin-bottom:16px;
    margin-left:0px;
    margin-right:0px;
    height:29px;
    border:1px solid #D7D7D7;
    padding-left:11px;
}

#contactForm textarea{
	min-height: 139px;
    width: 100%;
    margin-top:0px;
    margin-bottom:16px;
    margin-left:0px;
    margin-right:0px;
    border:1px solid #D7D7D7;
    padding-left:11px;
    padding-top:10px;
}

#contactForm input[type=submit]{
    margin: 0;
    padding: 0;
    background: #EF7C54;
    color: white;
    font-family: AntonioLight;
    font-size: 18px;
    border: none;
    width: 100%;
    height:31px;
}

/* FAQ */
#faq{
	
}

#faq h1{
	background-color: #666666;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 57px;
    font-size: 16px;
    color: #FFFFFF;
    font-family:'Open Sans';
    font-weight:700;
    margin-top:0px;
}

#faq .faq_question{
    background-color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    font-family:'Open Sans';
    font-weight:700;
    border:2px solid #E3E3E1;
    color:#6f6f6e;
    margin-bottom:0px;
    margin-top:8px;
    padding-top:16px;
    padding-bottom:15px;
    padding-left:55px;
}

#faq .faq_response{
	display: none;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin:0px;
    font-family:'Open Sans';
    font-size:14px;
    color:#6f6f6e;
    border-left:2px solid #E3E3E1;
    border-right:2px solid #E3E3E1;
    border-bottom:2px solid #E3E3E1;
    padding-top:13px;
    padding-left:83px;
    padding-bottom:31px;
    padding-right:60px; 
}

#faq .active{
	display: block;
}

.popover-content{
	overflow:hidden;
	padding:20px;
}

.popover{
	width:230px;
	border-radius:0px;
	border:1px solid #C0C0C0;
}

.popover form input[type=text], .popover form input[type=password]{
	width:100%;
	height:35px;
	border-radius:0px;
	margin-bottom:15px;
	border:1px solid #C7C7C7;
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
}

.popover form input[type=submit]{
	font-family:'Open Sans';
	font-size:12px;
	color:white;
	width:100%;
	height:35px;
	text-align:center;
	background:#EF7C54;
	border:none;
	margin:0px;
	margin-bottom:12px;
}

.forgot{
	text-align:center;
}

.forgot a{
	font-family: 'Open Sans';
	font-size:12px;
	color:#636363;
	text-decoration:underline;
	margin:0px;
}

.compte{
	width:100%;
	text-align:center;
	border:1px solid #EF7C54;
	background:#EF7C54;
	font-family:'Open Sans';
	color:white;
	font-size:12px;
	margin-bottom:15px;
	height:35px;
}

.deconnexion{
	width:100%;
	text-align:center;
	border:1px solid #EF7C54;
	background:white;
	font-family:'Open Sans';
	color:#EF7C54;
	font-size:12px;
	height:35px;
}

.collection{
	background:white;
	margin-bottom:19px;
	min-height:252px;
	cursor:pointer;
}

.collection h2{
	font-family:AntonioLight;
	font-size:18px;
	text-transform:uppercase;
	color:#ef7c54;
	margin-top:35px;
	margin-bottom:5px;
}

.collection .tag{
	font-family:'Open Sans';
	font-size:14px;
	color:#636363;
}

.collection .nbMat{
	font-family:'Open Sans';
	font-size:14px;
	color:#636363;
	margin-bottom:30px;
}

.collection h3{
	font-family:'Open Sans';
	font-weight:700;
	font-size:12px;
	color:#636363;
	margin-bottom:10px;
}

.collection .commentaire{
	font-family:'Open Sans';
	font-size:12px;
	color:#636363;
	text-align:justify;
}

.collection h2 span{
	font-family:'Open Sans';
	font-size:14px;
	color:#636363;
}

.collection .col-md-6 .col-md-3{
	height:114px;
	margin-top:8px;
}

.imgCol{
	margin-right:7px;
	background:#DADADA;
	width:100%;
	height:100%;
}

.modalCollection .modal-dialog{
	width:870px;
	max-width:870px;
}

.modalCollection .modal-dialog .modal-body{
	padding-left:65px;
	padding-right:65px;
	padding-bottom:65px;
	padding-top:27px;
}

.modalCollection form .title{
	font-family:AntonioLight;
	font-size:18px;
	color:#ef7c54;
	margin-top:0px;
	margin-bottom:24px;
}

.checkCollection{
	height:170px;
	overflow-y:auto;
	border-bottom:1px solid #C0C0C0;
	margin-bottom:12px;
}

.modalCollection form .title2{
	font-family:AntonioLight;
	font-size:18px;
	color:#ef7c54;
	margin-top:0px;
	margin-bottom:15px;
}

.modalCollection form input[type=text]{
	width:100%;
	height:31px;
	border:1px solid #DFDFDF;
	font-family:'Open Sans';
	font-size:14px;
	color:#636363;
	padding-left:12px;
}

.modalCollection form input[type=submit]{
	width:168px;
	height:35px;
	border:none;
	font-family:AntonioLight;
	font-size:18px;
	color:white;
	background:#ef7c54;
	margin-top:11px;
	margin-bottom:0px;
}

.back{
	float:left;
}

.editNameCollection{
	float:left;
	width:235px;
}

.editNameCollection input[type=text]{
	width:196px;
	height:25px;
	border-left:1px solid #C9C9C8;
	border-top:1px solid #C9C9C8;
	border-bottom:1px solid #C9C9C8;
	padding-left:7px;
	font-family:'Open Sans';
	font-size:14px;
	color:#636363; 
	float:left;
	padding-right:0px;
}

.editNameCollection input[type=submit]{
	width:37px;
	text-align:center;
	height:25px;
	border:none;
	background:#707070;
	color:white;
	font-family:'Open Sans';
	font-size:14px;
	margin:0;
	float:left;
}

.pcollection{
	color: #636363;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 5px;
    padding-left: 39px;
}

.top_page a span{
	font-family:'Open Sans';
	font-size:14px;
}

.badge-danger{
	background:#ef7c54;
}

.top_notification{
	background:#ef7c54;
	padding:10px;
	overflow:hidden;
}

.top_notification p{
	color:white;
}

.top_notification a{
	color:white;
	font-size:20px;
}

.fa-question-circle-o, .faaddcollection, .fa-user, .fa-pencil, .fa-share-square-o, .fa-trash-o, .fa-user-plus{
	color:#ef7c54;
	font-size:29px !important;
}

.fa-question-circle-o:hover, .faaddcollection:hover, .moncompte:hover .fa-user, .fa-pencil:hover, .fa-pencil.active, .fa-share-square-o:hover, .fa-trash-o:hover{
	color:#707070;
}

.compte:hover, .deconnexion:hover, .formlogin input[type=submit]:hover, #user_submit:hover, form[name=search] input[type=submit]:hover{
	background:white;
	color:#ef7c54;
	border:2px solid #ef7c54;
}

.filtrer:hover{
	background: #ef7c54 !important;
	color: white !important;
	border: 2px solid #ef7c54;
}

.star_delete_collection .fa-times{
	background: white none repeat scroll 0 0;
    border-radius: 100px;
    color: #ef7c54;
    display: none;
    font-size: 15px;
    padding: 7px;
    position: absolute;
    right: 16px;
    top: 15px;
    z-index: 5;
}

.matiere:hover .star_delete_collection .fa-times{
	display:block;
}


.fa-minus, .active .fa-plus{
	display:none !important;
}

.active .fa-minus{
	display:inline !important;
}

.faq_question .fa{
	padding-right:16px;
}

.chiffre, .notation{
	width:90px !important;
}

.euro{
	color: #707070;
    display: inline;
    font-family: AntonioLight;
    font-size: 26px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
}

.oneline{
	display:inline;
}

.oneline2 label, .oneline2 input, .oneline label, .oneline input{
	display:inline;
}

.oneline2{
	display:inline;
	line-height:74px;
}

.imgCol img{
	max-width:100%;
	max-height:100%;
}

.bodyadmin{
	margin-top:50px;
}

.btn-theme{
	background:#545975;
	color:white;
	margin-bottom:30px;
}

.modalMatiere .modal-dialog{
	width:977px;
	max-width:977px;
}

.modalMatiere .modal-dialog .modal-body{
	padding:0px;
}

.mb_top{
	padding:25px !important;
	background:#EF7C54;
}

.mb_top h2{
	margin-top:0px;
	color:white;
	font-family:AntonioLight;
	font-size:60px;
	margin-bottom:2px;
}

.mb_top h3{
	margin-top:0px;
	color:white;
	font-family:AntonioLight;
	font-size:24px;
	margin-bottom:13px;
}

.mb_top p{
	font-family:'Open Sans';
	font-size:14px;
	color:white;
	margin:0px;
}

.mb_top .close{
	background:transparent;
}

.mb_top .fa-times-circle{
	color:white;
}

.mb_image{
	width:100%;
	height:375px;
	overflow:hidden;
}

.mb_image img{
	object-fit: cover;
width: 100%;
}

.mb_description{
	padding:25px !important;
	background:#F1F0ED;
}

.mb_description h2{
	margin-top:0px;
	font-family:AntonioLight;
	font-size:24px;
	color:#707070;
	margin-bottom:20px;
}

.mb_description p{
	margin:0px;
	font-family:'Open Sans';
	font-size:18px;
	color:#636363;
}

.mb_composition{
	padding:25px !important;
	background:white;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.mb_composition h2, .mbq_2 h2{
	margin-top:0px;
	font-family:AntonioLight;
	font-size:24px;
	color:#707070;
	margin-bottom:12px;
}

.modalImage .modal-header{
	position:absolute;
	right:0;
	z-index:2000;
	background:transparent;	
}

.modalImage .modal-body{
	padding:0px;
}

.modalImage .modal-header button{
	background:transparent;
	z-index:2010;
}

.modalImage .modal-dialog{
	max-width:977px;
}

.mbq_2 h2, .mbq_2 p{
	text-align:left;
}

.mbq_2{
	margin-top:25px;
	margin-bottom:25px;
}

.mb_composition p, .mbq_2 p{
	margin-top:0px;
	font-family:"Open Sans";
	font-size:18px;
	color:#636363;
	margin-bottom:3px;
}

.mb_composition p .fa, .mbq_2 p .fa{
	color:#EF7C54;
	padding-right:10px;
}

.mb_composition .border, .mbq_2.border{
	border-right:1px dashed #AEAEAE;
}

.mb_certification{
	padding:25px !important;
	background:white;
	border-top:1px solid #D7D7D7;
}

.mb_qualite{
	background:#F1F0ED;
	display:flex;
}

#appbundle_collectiontype_commentaire{
	margin-top:20px;
	margin-bottom:20px;
	width:400px;
	height:200px;
}

.mbq_1{
	background:#EF7C54;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
}

.mbq_1 h2{
	font-family:AntonioLight;
	font-size:24px;
	color:white;
	margin-top:0px;
	margin-bottom:12px;
	text-align:left;
}

.mbq_1 p{
	margin-top:0px;
	font-family:"Open Sans";
	font-size:18px;
	color:white;
	margin-bottom:3px;
	text-align:left;
}

.mbq_1 p .fa{
	color:white;
	padding-right:10px;
}

.mb_images{
	background:white
}

.mb_contacts{
	background:#EF7C54;
	padding:25px !important;
}

.mb_contacts h2{
	margin-top:0px;
	font-family:AntonioLight;
	font-size:24px;
	color:white;
	margin-bottom:16px
}

.mb_contacts p{
	font-family:'Open Sans';
	color:white;
	font-size:18px;
}

.mb_contacts .border{
	border-right:1px dashed white;
}

.modalMatiere{
	text-align:left;
}

.matiere2 .col-md-5{
	height:126px;
}

.matiere2 .col-md-5 img{
	max-height:50px;
	margin-top:40px;
}

#langue li{
	list-style:none;
}

#langue li a{
	font-family:'Open Sans';
	font-weight:700;
	color:#ef7c54;
	font-size:12px;
}

#langue li.actif a{
	color:#707070;
}

#langue li.first{
	border-bottom:1px solid #c0c0c0;
}

.wrapper {
  width: 100%;
  padding: 1em;
  margin-top:20px;
}

.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 5px;
  -webkit-column-gap: 5px;
  column-gap: 5px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.masonry .brick {
  	margin-bottom: 5px;
   overflow:hidden;
	border:0px solid #BEBEBE;
	padding:0px;
	cursor:pointer;
	position:relative;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.masonry img {
  max-width: 100%;
  vertical-align: bottom;
}

.matiere_hover{
display: none;
z-index: 2;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,190,242,0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
vertical-align: middle;
text-align: center;
}

.brick:hover{
	border:0px solid #ABDADC;
}

.brick:hover > .matiere_hover{
	display:block;
	background-color:rgba(239,124,84,0.6);
}

.matiere_hover .fa{
	color:white;
	font-size:50px;
}

.matiere_hover h2{
	color: white;
font-family: 'AntonioBold';
font-size: 22px;
overflow: hidden;
margin-bottom:0px;
}

.matiere_hover h3{
	color: white;
font-family: 'OpenSans';
font-size: 16px;
text-align: center;
overflow: hidden;
margin:0px;
}

.mh_child { height: 100%; }

.mh_valign {
    font-size: 16px; /* re-set the font-size */
}

.mh_child, .mh_valign {
    position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.brick:hover .star_add_collection .fa-star-o{
	display:block;
}

.modalCollection{
	z-index:2000;
}

.fa_red{
	color:red;
}

.mt20{
	margin-top:20px;
}

textarea{
	resize:vertical;
}

.addFiliere{
	background:#ef7c54 !important;
	padding-left:0px !important;
	text-align:center;
}

.type_filiere .selected{
	background:#545975;
}

.addFiliere a{
	color:white;
	font-family:'Open Sans';
}

.bc_filiere h3{
	border-bottom:1px solid white;
}

.filtre_filiere{
	background:#e8e8e8;
}

.filtre_filiere p{
	font-family:'AntonioLight';
	text-transform:uppercase;
	font-size:20px;
	padding-top:28px;
}

.filtre_filiere label{
	font-family:"Open Sans";
	font-size:15px;
	font-weight:normal;
	width:100%;
	color:black;
}

.pratiqueBox p{
	background:#c0c0c0;
	color:black;
	font-family:'Open Sans';
	font-size:15px;
	padding:5px;
}

.titreGamme{
	    overflow: hidden;
    height: 161px;
    position: relative;
    padding-bottom: 20px !important;
}

.titreGamme .col-md-3, .titreGamme .col-md-3 div{
	height: 100%;
	overflow: hidden;
	writing-mode: sideways-lr;
}

.noborder{
	border:none !important;
}

.stpa{
	color:black !important;
}

.scvert{
	background: #93ce58;
	width: 89%;
	height: 32px;
}

.scjaune{
	background: #fffd38;
	width: 89%;
	height: 32px;
}

.scrouge{
	background: #fc0d1b;
	width: 89%;
	height: 32px;
}

.scnoir{
	background: #000000;
	width: 89%;
	height: 32px;
}

#formGamme input[type=text]{
	width:89%;
} 

#filiere_edit_familles, #filiere_familles, #filiere_edit_fractions, #filiere_fractions{
	height:200px !important;
}

.filiereaccordion .panel{
	margin:0 !important;
	border-radius:0px !important;
}

.filiereaccordion .panel .panel-heading{
	border-radius:0px !important;
}

.content_form .form-control{
	border-radius:0px;
}

.col-20{
	width:20%;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:center;
}

.col-20 p{
	font-family:'Open Sans';
	font-weight:400;
	font-size:13px;
}

.carreVert{
	width:40px;
	height:40px;
	background:#93CE58;
	margin:auto;
	padding-top:11px;
	text-align:center;
}

.carreJaune{
	width:40px;
	height:40px;
	background:#FFFD38;
	margin:auto;
	padding-top:11px;
	text-align:center;
}

.carreRouge{
	width:40px;
	height:40px;
	background:#FC0D1B;
	margin:auto;
	padding-top:11px;
	text-align:center;
}

.carreNoir{
	width:40px;
	height:40px;
	background:#404040;
	margin:auto;
	padding-top:11px;
	color:white;
	text-align:center;
}

.stpa{
	float:right;
	color:white;
	font-size:15px;
}

#changeAffichage{
	height:20px;
	width:20px;
	background:red;
	float:right;
	margin-left:10px;
	margin-right:10px;
}

.changeAffichageBleu{
	color:#41C0EB;
	border:3px solid #41C0EB;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.bdetails{
	text-align:center;padding-top: 10px !important;
}
.noteIndicateur{
	display:none;
}

#collapse10{
	padding:10px;
}

.delete_source{
	float: right;
	margin-top: -18px;
	color:red;
}

#collapse3 input[type=file]{
	color:transparent;
}

.facommentbleu{
	color: #ef7c54;
    position: absolute;
    right: 23px;
    margin-top: -44px;
    font-size: 20px;
}

.facommentverte{
	color: #5BFF5E;
    position: absolute;
    right: 23px;
    margin-top: -44px;
    font-size: 20px;
}

.col-md-2-5{
	width:20%;
	float:left;
}

.col-md-2-5 input{
	background:#ececec;
}

.notmatiere .col-md-2-5 div{
	width:92%;
}

.flash-notice, .flash-success, .flash-warning, .flash-error, .flash-validation{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.flash-notice{color:#00529B;background-color:#BDE5F8;background-image:url('../img/notice.png');}
.flash-success{color:#4F8A10;background-color:#DFF2BF;background-image:url('../img/success.png');}
.flash-warning{color:#9F6000;background-color:#FEEFB3;background-image:url('../img/warning.png');}
.flash-error{color:#D8000C;background-color:#FFBABA;background-image:url('../img/error.png');}

.deleteFiliere{
	float:right;
	z-index:100;
	color:red;
	margin-right:20px;
	font-size:15px;	
}

.lignesource{
	min-height:100px;
}

.lignefamille .ms-options-wrap > .ms-options{
	min-height: 140px !important;
	height: 140px;
}

.faedithome{
	z-index: 300;
	top: 10px;
	position: absolute;
	right: 10px;
	font-size: 20px !important;
}

.faedithome2{
	z-index: 300;
	top: 37px;
	position: absolute;
	right: 3px;
	font-size: 20px !important;
	color: white;
}

.fa_green{
	color:green;
}

.fa_red{
	color:red;	
}

.panel .panel-heading {
    background: #F5F5F5;
    border-radius: 0 !important;
    min-height: 46px;
    padding: 12px 20px;
}

.panel-default > .panel-heading{
	background: inherit !important;
}

.no-pad {
    padding: 0 !important;
}

.widget {
    margin: 10px;
    color: #FFF;
    overflow: hidden;
}

.bg-inverse {
    background-color: #414a52 !important;
}

.widget .widget-content {
    font-weight: 300;
    margin-bottom: 0;
    vertical-align: middle;
    display: table-cell;
    width: 999999px;
    padding: 16px 24px;
}

.to-center {
    text-align: center !important;
}

.bold {
    font-weight: 600 !important;
}

.required{
	color:red;
	font-size:13px;
}

.blocNoteGenerale{
	position: fixed;
	z-index: 100;
	right: 0;
	top: 25%;
}

.blocNoteGenerale #ilbng, .blocNoteGenerale #idbng{
	background:white;
	padding:5px;
	border-radius:10px 0px 0px 10px;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}

#idbng{
	display:none;
}

.blocNoteGenerale form{
	display:none;
	background: white;
	padding: 20px;
	max-width: 500px;
	float: right;
	margin-top:-3px;
}

.c3historique{
	padding:20px;
	overflow:hidden;
}

.tabHistorique, .tabHistorique .th_head{
	overflow:hidden;
}

.tabHistorique .th_head{
	background:#ef7c54;
	overflow:hidden;
}

.tabHistorique .th_content{
	border:1px solid #ef7c54;
	overflow:hidden;
}

.tabHistorique .th_content div{
	padding:10px;
}

.tabHistorique .th_head div{
	background:#ef7c54;
	color:white;
	padding:10px;
	font-weight:bold;
}

@media only screen and (max-width: 1040px) {
	.content{
		width:100%;
	}
}

@media only screen and (min-width: 1024px) {
  .wrapper {
    width: 100%;
    padding: 0em;
  }

  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapper {
    width: 100%;
    padding: 1.5em;
  }

  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  
  .content{
  	width:100%;
  }

  .col-md-9{
	  width:75%;
	  float:left;
  }

  .col-md-3{
	  width:25%;float:left;
  }
}

@media only screen and (max-width: 768px){
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (max-width: 400px){
	.masonry {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}