body{color:#333; font-family: 'Work Sans', sans-serif;background: #F5F4F0;}
html {height: 100%;}

.blocdroit a {font: normal normal normal 14px/16px Work Sans;letter-spacing: 0;margin:0;margin-right:30px}
.blocdroit i {font-size: 14px;line-height: 16px;letter-spacing: 0;margin:0;margin-right:30px}
/* LOGIN

    font-family: 'Playfair Display', serif;

    font-family: 'Work Sans', sans-serif;

*/
@font-face {
	font-family: 'Work Sans';
	src: url('../fonts/WorkSans-Regular.woff2') format('woff2'),
	url('../fonts/WorkSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



.login{background-color:#B5AB72;}
.login .form-control {border: 0 solid #ccc;border-radius:0;}
#mobile{display: none}
#desktop{display: block;margin-left:50px;}
#logo {margin-top:20px;}
#slogan {margin-top:20px;text-align: left;    font: Regular 14px/16px Work Sans;    letter-spacing: 0;    color: #1D1919;    text-transform: uppercase;    opacity: 1;}
#formulaire_login{margin-top: 300px; transform: translateY(-50%);left:50px;width:640px;height:385px}
#formulaire_login #formulaire {margin:0;padding:0}
#formulaire_login #formulaire form {margin:0;padding:0;width:305px;font-family: 'Work Sans', sans-serif;}
#formulaire_login #formulaire form fieldset { border: 1px solid #81A1B6;background: #F5F4F0;padding: 0 27px;-webkit-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	-moz-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);border-radius: 10px;}
#formulaire_login #formulaire form fieldset h3{color:#1D1919;text-align:center;font: Regular 30px/35px Work Sans;letter-spacing: 0;opacity: 1;}
#formulaire_login #formulaire form fieldset hr{color:#ececec}
#formulaire_login #formulaire form fieldset label{color:#1D1919;text-align:center;font-family: 'Work Sans', sans-serif;font-size:16px;font-weight: 400}
#formulaire_login #formulaire form fieldset .form-control {background-color: #F5F4F0;color:#1D1919;border-bottom:1px solid #c8c8c5;box-shadow: none}
#mdpoubli{text-align:center;font-size:12px;color:#F5F4F0}
#mdpoubli a {color:#F5F4F0}
#formulaire_login #formulaire form fieldset .btnvalider {color: #F5F4F0;background-color: #1D1919;border-color: #1D1919;border-radius:35px;padding:15px 35px;font-weight: 400;font-size: 12px;line-height: 14px}

#formulaire_login #message {display:block;margin-top:0;margin-bottom:0;margin-right:0;padding:0;width:310px;height:280px;float:right;}
#message2 .alerte, #formulaire_login #message .alerte {margin:0;color:#F5F4F0;background-color:#1D1919;padding:5px 29px;border-radius:10px;font-size:12px;font-weight: 400}
#formulaire_login #message .alerte::before{content: '';position: absolute;display: block;width: 0;right: 290px;top: 20%;border: 8px solid transparent; border-left: 0;	border-right: 13px solid #1D1919;transform: translate(calc(-100% - 5px), -50%);  }
#message2 .alerte strong, #formulaire_login #message .alerte strong {font-size:16px;}
#message2 .alerte h3, #formulaire_login #message .alerte h3{color:#F5F4F0;text-align:center;font-weight:700;font-family: 'Work Sans', sans-serif;font-size:16px;}
#message2 .alerte #inscription, #formulaire_login #message .alerte #inscription {margin: 30px 10px 25px 10px;text-align:center}
#message2 .alerte #inscription a, #formulaire_login #message .alerte #inscription a{margin-top:20px;color: #F5F4F0;border:1px solid  #F5F4F0;border-radius:35px;padding:15px 35px}

#formulaire_askreset{margin-top: 100px; left:50px;width:80%;}
#formulaire_askreset #askreset {margin:0;padding:0}
#formulaire_askreset #askreset  {margin:0;padding:0;width:80%;font-family: 'Work Sans', sans-serif;}
#formulaire_askreset #askreset  fieldset { border: 1px solid #81A1B6;background: #F5F4F0;padding: 0 27px;-webkit-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	-moz-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);border-radius: 10px;}
#formulaire_askreset #askreset  fieldset h3{color:#1D1919;text-align:center;font: Regular 30px/35px Work Sans;letter-spacing: 0;opacity: 1;}
#formulaire_askreset #askreset  fieldset hr{color:#ececec}
#formulaire_askreset #askreset  fieldset label{color:#1D1919;text-align:center;font-family: 'Work Sans', sans-serif;font-size:16px;font-weight: 400}
#formulaire_askreset #askreset  fieldset .form-control {background-color: #F5F4F0;color:#1D1919;border-bottom:1px solid #c8c8c5;box-shadow: none}
#retourlogin{font-size:12px;color:#F5F4F0}
#retourlogin a {color:#F5F4F0}
#formulaire_askreset #askreset fieldset .btnvalider {color: #F5F4F0;background-color: #1D1919;border-color: #1D1919;border-radius:35px;padding:15px 35px;font-weight: 400;font-size: 12px;line-height: 14px}

#formulaire_inscription {margin-top: 100px; left:50px;width:80%;}
#formulaire_inscription #inscription {margin:0;padding:0}
#formulaire_inscription #inscription  {margin:0;padding:0;width:80%;font-family: 'Work Sans', sans-serif;}
#formulaire_inscription #inscription  fieldset { border: 1px solid #81A1B6;background: #F5F4F0;padding: 0 27px;-webkit-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	-moz-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
	box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);border-radius: 10px;}
#formulaire_inscription #inscription  fieldset h3{color:#1D1919;text-align:center;font: Regular 30px/35px Work Sans;letter-spacing: 0;opacity: 1;}
#formulaire_inscription #inscription  fieldset hr{color:#ececec}
#formulaire_inscription #inscription  fieldset label{color:#1D1919;text-align:center;font-family: 'Work Sans', sans-serif;font-size:16px;font-weight: 400}
#formulaire_inscription #inscription  fieldset .form-control {background-color: #F5F4F0;color:#1D1919;border-bottom:1px solid #c8c8c5;box-shadow: none}
#formulaire_inscription #inscription fieldset .btnvalider {color: #F5F4F0;background-color: #1D1919;border-color: #1D1919;border-radius:35px;padding:15px 35px;font-weight: 400;font-size: 12px;line-height: 14px}


@media (max-width: 767px) {
	#logo {position:relative;top:10px;left:0;width:100%;Height:200px;text-align: center}
	#message2 {display:block;margin-top:20px;width:100%;}
	#message2 .alerte{margin:0;color:#F5F4F0;background-color:#FFAE00;padding:10px;border-radius:0;}
	#mobile{display: block}
	#desktop{display: none}
	.login .container{padding:0}

	#mobile #formulaire {margin: 0;padding:0}
	#mobile #formulaire form {margin:0 auto;padding:0;width:305px;font-family: Open Sans;font-size:10px}
	#mobile #formulaire form fieldset { border: 1px solid #81A1B6;background: #ffff;padding: 0 10px;margin:20px 0;-webkit-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
		-moz-box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);
		box-shadow: 1px 1px 38px -15px rgba(18,16,11,1);border-radius: 10px;}
	#mobile #formulaire form fieldset h3{color:#092358;text-align:center;font-family: Open Sans;font-size:21px;}
	#mobile #formulaire form fieldset hr{color:#ececec}
	#mobile #formulaire form fieldset label{color:#092358;text-align:center;font-family: Open Sans;}
	#mobile #formulaire form fieldset .form-control {background-color: #ECECEC;color:#092358;border:0}
	#mobile #formulaire .form-horizontal .form-group {margin:0;}
	#mobile #formulaire form fieldset .btnvalider {color: #fff;background-color: #092358;border-color: #092358;border-radius:35px;padding:15px 35px}

	#message2 {background-color:#FFAE00;min-height: 100px;padding-bottom: 20px;overflow: auto;}
	#message2 .alerte {margin:0;color:#F5F4F0;background-color:#FFAE00;padding:5px 15px;border-radius:0px;}
	#message2 .alerte {font-size:10px;}
	#message2 .alerte h3{color:#F5F4F0;text-align:center;font-weight:700;font-family: Open Sans;font-size:18px;}
	#message2 .alerte #inscription{margin:50px 20px;text-align:center;}
	#message2 .alerte #inscription a{color: #fff;border:1px solid  #F5F4F0;border-radius:20px;padding:5px 15px;font-size:16px;}

}
.form_users{
	padding: 0px;
	display: inline;
	margin:0px 0;
}

.users { width:80%;text-align:10px auto;background: #F5F4F0;}
.users h1 {text-align: center;margin:20px auto;font-size: 30px;line-height: 40px;font-family: 'Playfair Display';letter-spacing: 0;color: #1D1919;    opacity: 1;}
.users .tag {overflow: hidden;margin: 15px 0;line-height: 40px;}
.users .tag a{background: #F5F4F0 0% 0% no-repeat padding-box;color:#1D1919;border-radius: 15px; opacity: 1;padding:8px 15px;border: 1px solid #1D1919;text-align: left;font-size: 12px;line-height: 14px;font-family: 'Work Sans';letter-spacing: 0px;}
.users .tag a.active{background: #1D1919 0% 0% no-repeat padding-box;color:#F5F4F0;border-radius: 15px; opacity: 1;padding:8px 15px;}
.users .infos {overflow:auto;margin:15px 0;}
.users table thead tr {overflow:auto;background: #1D1919 0% 0% no-repeat padding-box;opacity: 1;color:#F5F4F0}
.users table tr.on {overflow:auto;}
.users table tr.off {overflow:auto;}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #e8e5d7 ;
}
.table-striped > tbody > tr:nth-of-type(2n) {
	background-color: #F5F4F0;
}


#note {
	position: absolute;
	z-index: 6001;
	top: 0;
	left: 0;
	right: 0;
	background: #5cb85c;
	color:white;
	text-align: center;
	line-height: 2.5;
	overflow: hidden;
	-webkit-box-shadow: 0 0 5px black;
	-moz-box-shadow:    0 0 5px black;
	box-shadow:         0 0 5px black;
}
.cssanimations.csstransforms #note {
	-webkit-transform: translateY(-50px);
	-webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
	-moz-transform:    translateY(-50px);
	-moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

#closenotif {
	position: absolute;
	right: 10px;
	top: 9px;
	text-indent: -9999px;
	background: url(../images/close.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
}
.cssanimations.csstransforms #close {
	display: none;
}

@-webkit-keyframes slideDown {
	0%, 100% { -webkit-transform: translateY(-50px); }
	10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
	0%, 100% { -moz-transform: translateY(-50px); }
	10%, 90% { -moz-transform: translateY(0px); }
}


.container {width: 100%;}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px #ECECEC inset !important;
}
form{padding:0;margin:0}
form .btn{border-radius:0;}
fieldset{border:1px solid #81A1B6;background:#F6F6F6;padding:20px;box-shadow:none;}
.btn-wrapper{text-align:center}
.spacer{margin-top: 10px; padding-top: 10px;}

.clear{clear:both}
header{padding:20px 0 0 0}
header h1{text-align:center;margin-top:20px;color:#666}
header h1 img{margin-bottom:20px}
header .img-responsive { max-height: 200px; margin: auto;}


.menumobile {display: none}

.navbar-toggle { border-color: #74aacf; float: left; margin-left: 15px;}
.navbar-toggle span {background-color: #74aacf;}

nav{margin:0;background-color:#1D1919;}
nav ul{list-style:none;padding:0;text-align:left;margin:0}
nav ul li{padding: 16px 30px;display:inline-block;letter-spacing: 0px;color:#F5F4F0;font: normal normal normal 14px/19px Work Sans;border-bottom:3px solid #1D1919;}
nav ul li a{font: normal normal normal 14px/19px Playfair Display;letter-spacing: 0.42px;color: #F5F4F0;float:left}
nav ul li a:hover{color:#CCC;text-decoration:none}
nav ul li.activ{font: normal normal 600 14px/19px Playfair Display;letter-spacing: 0.42px;color: #B5AB72;border-bottom:3px solid #B5AB72;}
nav ul li.activ a{display:block;padding:0;font-size:14px;color:#333; background:transparent;}

#overlaybody{ width:0;opacity: 1;background: url(../image/fondnoir.png);top:0;position:absolute;bottom:0;left:0;right:0;z-index:25 }

.overlay{ background: url(../image/fondnoir.png);top:0;position:absolute;bottom:0;left:0;right:0;z-index:10 }
.contenu .overlay {opacity: 0;}
.contenu:hover .overlay{ opacity: 1;}

.btnedit{margin-left:10px}

ul#liste-famille li.highlight{background:#f2f2f2;border:1px dashed #212326;height:150px}
.liste-images img{display: block;margin: auto;}
.liste,.liste-images{list-style:none;padding:0px}
.liste-images > li{padding:30px;position:relative}
.liste-images li{display:inline-block; padding:5px;}
.liste-images li .blocdownloadL {position:absolute;bottom:100px;left:15%;line-height:50px;width:50px;height:50px;border:1px solid white;border-radius: 25px;text-align:center}
.liste-images li .blocdownloadL a{display:block;padding:0;color:white}
.liste-images li .blocdownloadL:hover {display:block;background:white }
.liste-images li .blocdownloadL:hover a{text-decoration: none;color:black}

.liste-images li .blocdownloadR {position:absolute;bottom:100px;right:15%;line-height:50px;width:50px;height:50px;border:1px solid white;border-radius: 25px;text-align:center}
.liste-images li .blocdownloadR a{display:block;padding:0;color:white}
.liste-images li .blocdownloadR:hover {display:block;background:white }
.liste-images li .blocdownloadR:hover a{text-decoration: none;color:black}

.liste-images li .blocdownload {position:absolute;bottom:100px;right:40%;line-height:50px;width:50px;height:50px;border:1px solid white;border-radius: 25px;text-align:center}
.liste-images li .blocdownload a{display:block;padding:0;color:white}
.liste-images li .blocdownload:hover {display:block;background:white }
.liste-images li .blocdownload:hover a{text-decoration: none;color:black}


.liste-images li a p {text-align: center; color: #666; margin-top: 10px;}
.liste-images div.suppr-file{cursor:pointer;position:absolute;right:10px;top:12px;display:none}
.liste-images > li:hover div.suppr-file{display:block}
.liste-images li a span.glyphicon{font-size: 36px;}
.liste-images li a > .download-icon {position: absolute; width: 100%; text-align: center; visibility: hidden; left: 0; top: 43%;}
.liste-images li a:hover > .download-icon {visibility:visible;}
.famille-container{ /*background:#FFF; */}

div.suppr-file span{color:#8B0000}
.affiche .row, .typography .row, .credits .row{;padding:30px 0}
.affiche,.download, .typography{padding-bottom:30px}
.alert{display:inline-block;margin:0 5px}
.liste-images .add_img{margin:0 15px}
.add_img a{border:3px dashed #d4eaff;padding:35px;color:#d4eaff;cursor:pointer}
.liste-images .add_img span.glyphicon{position: static; visibility: visible; font-size: 25px;}
.add_img a:hover{border-color:#74aacf;color:#74aacf}
.add_img a span.glyphicon{font-size:25px}
.liste-images:hover .add_img{display:inline-block}
#max-size{margin:15px 0}
#max-size > div{padding:10px}
.add_group{text-align:right}
.add_group button{color:#ddd;background-color:#74aacf}
.add_group button:hover{color:#fff}

.btn-del-cat{float: right;margin-right: 15px;}
.btn-del-cat{color:#ddd !important;background-color:#74aacf}
.btn-del-cat:hover{color:#fff !important}

.btn-suppr{display:none;float:right;margin-top:-30px;margin-right:30px;background-color:#74aacf}
.btn-move {display: none;float: right;margin-top: -30px;margin-right: 80px;background-color: #74aacf;}
.btn-suppr span{color:#fff}
.btn-move span{color:#fff}
#liste-famille li:hover .btn-suppr{display:block}
#liste-famille li:hover .btn-move{display:block}
.add_menu{position:fixed;background-color:#81A1B6;top:0;left:0;width:100%;display:none;overflow:auto;max-height:500px; z-index:9999;}
.add_menu div{text-align:center}
.add_menu .container{padding:50px 0}
.add_menu .btn{padding:6px 20px;background-color:#fff;color:#81A1B6;border:none}
.add_menu form{margin:0;padding:0}

.move_famille{position:fixed;background-color:#81A1B6;top:0;left:0;width:100%;display:none;overflow:auto;max-height:500px; z-index:9999;}
.move_famille div{text-align:right}
.move_famille .container{padding:50px 0;text-align:center}
.move_famille .btn{padding:6px 20px;background-color:#fff;color:#81A1B6;border:none}
.move_famille form{margin:0;padding:0}

.edit_categorie{position:fixed;background-color:#81A1B6;top:0;left:0;width:100%;display:none;overflow:auto;max-height:500px; z-index:9999;}
.edit_categorie div{text-align:right}
.edit_categorie .container{padding:50px 0;text-align:center}
.edit_categorie .btn{padding:6px 20px;background-color:#fff;color:#81A1B6;border:none}
.edit_categorie form{margin:0;padding:0}

.add_categorie{position:fixed;background-color:#81A1B6;top:0;left:0;width:100%;display:none;overflow:auto;max-height:500px; z-index:9999;}
.add_categorie div{text-align:right}
.add_categorie .container{padding:50px 0;text-align:center}
.add_categorie .btn{padding:6px 20px;background-color:#fff;color:#81A1B6;border:none}
.add_categorie form{margin:0;padding:0}


#form-move{padding: 0 50px;}

#form-ajout {padding: 0 50px;}
#imgstore {margin-bottom: 15px;}
#imgstore p{color:#fff}
#imgstore img {max-width: 100%}
.fileUpload{position:relative;overflow:hidden;margin:10px}
.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.fileUpload form{padding:0}
#apercu{max-width:100%;margin:auto; display: block;}
#type{display:none}
#submit-img{display:none;margin-top:20px}

.close{color:#fff;margin:10px 10px 0 0;opacity:.5!important}
.close:hover{opacity:1!important;color:#fff!important}

.close-cat-edit{color:#fff;margin:10px 10px 0 0;opacity:.5!important}
.close-cat-edit:hover{opacity:1!important;color:#fff!important}

.close-move{color:#fff;margin:10px 10px 0 0;opacity:.5!important}
.close-move:hover{opacity:1!important;color:#fff!important}


.typo {padding: 0 30px;}
.row-alert {	padding:15px 0 !important; margin: 0 -15px !important}
.police {font-size: 40px;}
.typo a { font-size: 32px;}
.change-typo { margin: 20px 0;}
.change-typo .row > div * { height: 40px; font-size: 18px;}
.change-typo button { color: #fff; background-color: #74aacf}
.row-alert {font-size: 20px; text-align: center;}
.row-alert ul {list-style: none; padding: 0; font-size: 16px;margin-top: 20px;}
.row-alert ul li { margin: 10px 0;}
.row-alert ul li em {font-size: 14px;}
.credits {text-align: center;}
.credits .row div { padding: 20px 0;}
.credits p { font-size: 16px;}
.credits .small p{ font-size: 14px; margin: 0;}
.credits a {color: #666;}
.row-alert .alert, .download .alert {margin: 0;}
.download .text-center a {display: inline-block;}
#loading {display: none; color: #fff;}
#loading .container1 > div, #loading .container2 > div, #loading .container3 > div {background-color: #fff;}
#toggle-screen {cursor: pointer; font-size: 22px; color: #74aacf; margin-right: 20px;}
.fullscreen {text-align: right; position: absolute; right: 0; top: 5px;}

.img-contact {	height: 300px;	background-size: cover;	background-position: center;}
.contact {padding: 30px 0;}
/*
.contact p {text-align: center; font-size: 20px;}
.contact h2 {text-align: center; color: #337ab7; margin-bottom: 25px;}
.contact small {color: #337ab7;}
*/
.contact p {}
.contact h2 {}
.contact small {}

h1 {font-size: 20px;line-height:27px;font-family: 'Playfair Display';letter-spacing: 0px;color: #1D1919;}
h2 {font-size: 20px;line-height:27px;font-family: 'Playfair Display';letter-spacing: 0px;color: #1D1919;}

/* RWD */

.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#F5F4F0;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#F5F4F0;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:220px;margin:0;padding:0;z-index:100}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0;font: normal normal normal 12px/14px Work Sans;color:#1D1919}
.w3-bar-item:hover{color:#F5F4F0;background:#B5AB72}
.w3-bar-item:hover a{text-decoration: none}

#navbar ul li span a {margin-top:0px;width:18px;margin-left:3px;}
#navbar ul li:hover span a {width:18px;background:#B5AB72;border-radius: 10px;}

.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-bar .w3-button{white-space:normal}
.w3-dropdown-hover h2 div div{}
.w3-dropdown-hover:hover h2 div div{background:#B5AB72;}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
	.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
	.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}
	.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
	.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,
	.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
}


#aside a{color:#F5F4F0;display:block;padding:15px;}
#aside a:hover{color:#F5F4F0;background-color:#B5AB72 }
#aside a.logo:hover{color:#F5F4F0;background-color:#1D1919 }

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	header h1 img {max-width: 310px;}
	.admin-box {text-align: right;}
	.admin-box .row{margin-right: -10px;}
	.titre {margin-top: 20px;}
	header h1 {font-size: 26px;}
	/*
	nav ul li {width: 50%;}
	nav ul li a {padding: 8px;}
	 */
	.img-responsive {max-width: 100px;}
	.titre img {width: 75%;}
	.row-alert {font-size: 16px;}
	.typo { padding: 0 15px;}
	.police {font-size: 26px; padding: 0;}
	.change-typo .row {padding: 10px 0 !important;}
	.btn-suppr {margin-right: 15px;}
	.typo .col-md-2 {text-align: center; margin-top: 15px;}
	.liste-images li img {max-width: 300px; display: block; margin: auto;}
	.liste-images li a span.glyphicon {top: 45%; left: 45%;}
	.affiche .row, .typography .row, .credits .row{;padding:15px 0}
	.download h3 {font-size: 18px;}
	.download .alert {margin: 0;}
	header h1 {margin-top: 0}
	.admin-box {margin-top: 20px;}
	.fullscreen {right: -14px;}
	.menumobile {display: block}

}

@media (max-width: 768px) {
	.liste-images li a span.glyphicon {top: 0;left:0;}
	.menumobile {display: block}
	.menu-fixe {display:none}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
	/*
	nav ul li a {font-size: 14px; padding: 11px;}
	 */
	#liste-famille.row {margin: 0 -10px;}
	.row-alert { font-size: 18px;}
	.affiche.container-fluid, .typography.container-fluid {padding: 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1200px) { 
	/*
	nav ul li a {padding: 15px 13px;}
	*/
}

/*
//Large devices (large desktops, 1200px and up)
@media (min-width:@screen-lg-min) {

}
*/
#valider {
	background: url(../images/valideroff.svg);
	border-radius: 0;
	border:0;
	padding: 0 30px;
	width: 111px;
	height: 27px;
	-webkit-box-shadow: 0 0 0 0 transparent inset !important;
}
#valider:hover {
	width: 111px;
	height: 27px;
	background:url(../images/valideron.svg);
}