/*********************************************************
* CSS screen
* date:     2017.05.15
* 
* Seuil des responsives
* - 980px
* - 768px
* - 480px
*
**********************************************************/

 


/*****************
*   tags
*****************/
body {
	 color: #000;	
	 background:#fff;
	 font-family:Arial, Helvetica, verdana, sans-serif;
	 position:relative;
}
h1,h2,h3,h4,h5,h6,p,div { margin:0;padding:0;}
a { color:#0171bb;	}
a:hover { color:#44b4fe;	}
img {border:0;
	 max-width:100%;
	 height:auto;
}
hr {height:0;border:0;clear:both;}
table {margin:0;border-collapse:collapse;}
td {font-size:0.8em;}
form {margin:0;}
fieldset {border:0;margin-top:10px;padding:10px 0 8px 0;}
legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;}
.print_only,
.hidden {display:none;}
.no_print {}
textarea {width:300px;}


/*****************
*   banner
*****************/
#banner  {
	font-size:0.88em;
	font-weight:bold;
	
	margin-bottom:1em;
	background:#808285 url(../img/bg_banner.png) repeat top left;
	border-bottom:1px solid #939296;
}
#banner h1 {display:none;}
#banner img {
	max-width:80%;
	height:auto;
}
@media only screen and (max-width: 980px) {
	#banner img {margin-left:10px;}
}

/*****************
*   navbar
*****************/
#navbar  {
	text-align:center;
	text-transform:lowercase;
	line-height:220%;
}
#navbar ul {margin:0;padding:0;list-style:none;}
#navbar li {margin:0;padding:0;display:inline;}
#navbar h2 {margin:0;padding:0;display:inline;font-size:1.1em;/*font-weight:normal;*/}
#navbar a {color:#6C6970;text-decoration:none;
           display:block;float:left;
           background:#F8F8F8;
           margin-right:5px;  
           padding:1px 17px;border-radius:7px 7px 0 0;         
}
#navbar a:hover {color:#000; background:#cacaca;}
#navbar a.on {color:#fff; background:#C14A31;}
#navbar a.on:hover {background:#92301B;}


/*****************
*  main
*****************/
#main { color:#6C6B6B;background:#fff;}
#main2 {}

/*****************
*   footer
*****************/
#footer {clear:both;padding:2em 0 0 0;text-align:center;font-size:0.98em;}
#footer ul {list-style:none;margin:0 0 0.2em 0;padding:0;}
#footer li {margin:0;padding:0;display:inline;border-right:1px solid #98979C;}
#footer li.last {border-right:1px solid #fff;}
#footer a {text-decoration:none;font-weight:bold;color:#38393D;margin:0 1em;}
#footer a:hover {color:#C24B32;}


/*****************
*   content
*****************/
#content {font-size:1em;color:#50534D;}
@media only screen and (max-width: 980px) {
	.content_article {
		margin:0 1em;
	}
}
#content h1,#content  h2,#content  h3 {color:#C14A31;}
#content h1 { font-size: 1.4em;	margin:0.2em 0 0.5em 0;}
#content h1 a {text-decoration:none;}
#content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal}
#content h2 {	font-size: 1.2em;	margin:0.2em 0 0.2em 0;}
#content h3 {	font-size: 1.2em;	margin:0.3em 0 0.2em 0;}
#content h3.outline {/*background:#C14A31;color:#fff;*/padding:3px;margin-top:0.6em;border-bottom:3px solid #C14A31;}
#content h3.traduction {font-size:1em;margin:0em 0 0.2em 0;font-weight:normal;color:#50534D;position:relative;top:-0.2em;font-style:italic;}
#content label.inline {display:inline;}
#content p{margin:0.2em 0 0.8em 0;}

#content .chapo {font-size:1.2em;font-weight:bold;margin:1em 0 2em 0;}
#content .auteur {color:#000;font-weight:bold;margin:0.6em 0 0 0;font-size:1.2em;}
#content .auteur a {color:#000;text-decoration:none;}
#content .texte {text-align:justify;}
#content .date {margin-top:2em;font-size:0.88em;text-align:right;}
#content .date a {text-decoration:none;font-weight:bold;}
#content .note {font-size:0.88em;border-top:1px solid #eee;padding-top:0.5em;margin-top:1em;}
#content .pagination {margin:1em 0 2.5em 0; display:flex;width:100%;
			justify-content:space-between;		 
}
@media only screen and (max-width: 980px) {
	#content .pagination {
		margin:1rem;
		line-height:300%;
	}
}
@media only screen and (max-width: 768px) {
	.pagine-all  {
		float:none;
		text-align:right;
		width:100%;
	}
}

.sep {display:none;}
#content .pagination a,
#content .pagination .pages  strong {

}

#content .pagination .pages  strong { 

}


#content .pagination a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.pagine-all  {float:right;}
.pagine-all  span.all {padding:1.2em 0.4em;}
.pagine-all  span.disabled {display:none;}


#content .pagination_inline {font-weight:normal;font-size:0.85em;color:#000;float:right;margin-top:0;}
#content .important {color:#C14A31;font-weight:bold;}
#content .logo_auteur {width:260px;font-size:x-small;float:right;margin:0 0 15px 15px;text-align:right;}

#content .tools2 {margin:2em 0 0 0; text-align:center;}

#content .insert_livre {float:left;width:210px;margin:10px 20px 10px 0;}
#content .insert_livre .spip_documents img{border:1px solid #aaa; max-width:210px;height:auto;}
#content .insert_livre .meta {color:#666;font-size:0.9em;text-align:center;line-height:140%;}
#content .insert_livre .meta .aparaitre_date {margin:1em;font-size:0.78rem;font-weight:normal;}
#content .insert_livre .meta form {display:inline;}
.insert_livre_bouton {padding:.4em 0 0 0;}

#content .meta2 { margin:25px 0 5px 0;padding:5px 0;border-top:1px dashed #7F8184;border-bottom:1px dashed #7F8184;}

@media only screen and (max-width: 768px) {
	.content_article {
		display:flex;
		flex-direction:column;
	}

	#content .insert_livre h1 {
		order:1;
	}

	#content .insert_livre {
		margin:1rem;
		order:2;
	}
}




/* 2023: fix pagination */

.pagination-items {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	padding:0;
}



.pagination-item {
	margin-right:6px;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
  border-radius:7px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
  font-weight:bold;
	height:25px;
	line-height:25px;
	width:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

.pagination-item a {
	color:#222 !important;
}


/* forum */
#content a.forum {margin:2.2em 0 1em 0;text-decoration:none;display:block;padding:4px 0 4px 25px;border-top:1px solid #eee;font-weight:bold;background:#fff url(../img/forum.png) no-repeat center left;}
#content ul#forums {list-style:none;margin:0;padding:0;}
#content ul#forums {margin:2em 0 0 0;padding:0;list-style:none;}
#content ul#forums li {padding:6px;clear:both;}
#content ul#forums li.odd {}
#content ul#forums li.even {background:#fafafa;}
#content ul#forums {text-decoration:none;font-weight:bold;}
#content ul#forums strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;}
#content ul#forums span {font-weight:normal;color:#8D8E8D;}
#content ul#forums div {font-weight:normal;margin:0.4em 0;padding:0 0 0 95px;}


/* listes */
#content ul.puce, #content ul.puce2 {	margin: 0;padding: 0;	line-height: 1.3em;}
#content ul.puce li, #content ul.puce2 li {	list-style-type: none;}
#content ul.puce li a {list-style-type:circle;color:#0171bb;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;}
#content ul.puce li a:hover {	color: #05283f; }
#content ul.puce2 {margin-top:0.6em;}
#content ul.puce2 li a {list-style-type:circle;color:#C14A31;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce2.gif) no-repeat center left;font-weight:bold;font-size:1.2em;}
#content ul.puce2 li a:hover {	color: #05283f; }
#content ul.puce2 ul {margin: 0;padding: 0;background:#efefef;}
#content ul.puce2 ul li {border-top:1px solid #fff;margin:0;padding:3px 3px 3px 24px;}
#content ul.puce2 ul li a {list-style-type:none;color:#8D8E8D;;text-decoration: none;padding-left:0;background:transparent;font-size:1em;}


#content a { color:#C14A31;	}
#content a:hover  { color:#731B08;	}
#content a.spip_in {text-decoration:none;border-bottom:1px dashed #C14A31;}
#content a.spip_in:hover {border-bottom:1px dashed #731B08;}
#content a.spip_out {text-decoration:none;background: url(../img/spip_out.png) right center no-repeat;	padding-right: 13px;	border-bottom: 1px solid;}
#content a img {border:1px solid #aaa;}
#content a:hover img {border:1px solid #0171bb;}
#content a.lien_pagination {text-decoration:none;}
#content a.discrete {text-decoration:none;color:#8D8E8D;}
#content a.discrete:hover {color:#000;}

#content #portfolio {margin:1.2em 0 0 0;}
#content #portfolio .gallery-thumb {width:140px;height:200px;float:left;}
#content #portfolio .gallery-thumb img {border:1px solid #fff;}
#content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;}

#content .docjoint {float:left;width:150px;margin:15px 25px 0 0;}
#content .docjoint a img{border:0;}

#content .cadre {border:1px solid #57D300;}
#content .bicol {width:45%;float:left;margin:0 10px 0 0;}
#content .bicol .summary {width:260px !important;}
#content .bicol h3 {color:#fff; font-size:1.1em;background:#C14A31;padding:2px;margin:0;}
#content .bicol h3.normal {color:#C14A31; background:#fff;padding:2px 0;}
#content .bicol ul {padding:0;margin:4px 4px 15px 4px;list-style-type:none;}
#content .bicol ul li {margin-bottom:4px;font-size:0.98em;}
#content .bicol ul li a {padding:0;margin:0;text-decoration:none;}
#content .bicol ul li a.on {color:#d00;}
#content .puce_active ul.spip {margin-left:18px;list-style-type:disc !important;}

#content ul.discrete {}
#content ul.discrete a {text-decoration:none;}

#content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;}
#content .item_syndic ul.discrete {background:#f0f0f0;}



/* page sommaire*/
#content ul#home_news {margin:2em 0 0 0;padding:0;list-style:none;border-top:1px solid #eee;}
#content ul#home_news li {padding:4px 0;border-bottom:1px solid #eee;clear:left;height:4em;}
#content ul#home_news a {text-decoration:none;font-weight:bold;}
#content ul#home_news a.discrete {font-weight:normal;}
#content ul#home_news a strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;}
#content ul#home_news a span {font-weight:normal;color:#8D8E8D;}

/* page rubrique*/
#content  .aparaitre {border-top:1px solid #ddd;background:#efefef;margin-bottom:1.6em;}
#content  .aparaitre_date {background:#C14A31;color:#fff;padding:4px;  margin-bottom:1em;
                          font-weight:bold; font-size:0.9em;  border-radius:5px;text-align:center;                       
}

#content .preview {clear:both;padding:10px;border-bottom:1px solid #ddd;}
#content .preview h1 {font-size:1.1em;}
#content .preview .illus {float:left;width:100px;margin-top:1.6em;}
#content .preview .illus a img {border:1px solid #aaa;}
#content .preview .illus a:hover img {border:1px solid #C14A31;}
#content .preview .meta {float:right;width:160px;text-align:right;margin-top:2.4em;}
#content .preview .summary {float:left;width:350px;}
#content .preview .summary .auteur {margin:0;}
#content .preview .summary strong a {text-decoration:none;color:#50534D;}
#content .preview .summary strong a:hover {color:#B11C00;}
#content .choix_listing {float:right;margin:0.5em 0.5em 1em 0;}
#content .choix_listing a {text-decoration:none;}
#content .choix_listing a.on {color:#000;font-weight:bold;}


@media only screen and (max-width: 980px) {
	#content .preview {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between
	}
	#content .preview .meta {		
		width:calc(100% - 100px);
		text-align:left;
	}

	#content .preview .summary { 
		width:100%;
		margin-top:.7rem;
		order:-1;
	}
}

/* special catalogue */
#content .preview .illus_catalogue {width:150px;float:left;}
#content .page_before, #content .page_break {display:none; }

/* tab */
#content .tab {margin:1em 0;}
#content a.tabfiche {
	display:inline-block;

	text-decoration:none;
	font-weight:bold;
	border:1px solid #C14A31;
	color:#C14A31;float:left;
	text-align:center;
	padding:2px 2px;
	min-width:1rem;
	border-radius:2px;
	margin-right:5px !important;
	margin-bottom:10px !important;
}
#content a.tabfiche:hover {background:#92301B;color:#fff;}
#content a.tabfiche_on {background:#C14A31;color:#fff;}

/* paypal */
form.paypal {}
form.paypal p {clear:both;}
form.paypal p label {width:140px;display:block;float:left;}
#os_amount {color:#C14A31;padding-left:150px;font-size:1.3em;font-weight:bold;}

.button-ed {
	display:inline-block;
	margin:0;	
	color:#fff !important;
	text-transform:uppercase;
	font-size:.7rem;
	border:none;	
	border-radius:4px;	
	line-height:120%;
	cursor:pointer; 
	text-decoration:none;

	background:#C14A31 url(../img/icon-panier.png) no-repeat left center;	
	padding:11px 5px 7px 30px;

	min-width:8em;
	text-align:center;	
}

.preview .button-ed {
	margin-right:5px;
}

.button-ed-gris {
	background:#666 url(../img/icon-panier.png) no-repeat left center;
}
/*
ne pas skinner .paypal-submit --> liaison javascript declanche form
*/
.button-ed:hover {
	background:#666 url(../img/icon-panier.png) no-repeat left center;
}

.button-ed-gris:hover {
	background:#333 url(../img/icon-panier.png) no-repeat left center;
}

.paypal-cancel {
	background:#666;
	padding:4px 7px;
}
.paypal-cancel:hover {
	background:#222;
}


.button-ed .prix {
		display:none;
}

@media only screen and (max-width: 480px) {
	.button-ed .legende {
		display:none;
	}
	.button-ed .prix {
		display:block;
}
} 






.insert_livre .paypal-submit {
	margin-top:0.8em;
}
.aparaitre_modal {
	margin-top:1.5em;
}


/* modal */
.modal {
	padding:2em;
	display:flex;
	flex-direction:column;
	height:calc(100vh - 5em);
	justify-content:center;
}
.modal .button-ed {
	padding-top:10px;
	padding-bottom:10px;
}

.buttons-row {
	text-align:center;
	margin:1em 0;
}


/* social */
#content .socials {
	margin:3em 0 1em 0;
	/*text-align:right;*/
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}


#content .socials a {
	display:inline-block;
	background:#C14A31;
	color:#fff !important;
	padding:5px 0 5px 15px;
	text-decoration:none;
	border-radius:3px;
	margin-bottom:0.5em;
}

#content .socials .socials-part1 a {
	padding:5px 10px;
}

#content .socials a span {
	margin-right:15px;
	font-size:1.1em;
}

#content .socials a.facebook {background-color:#3E5B98;}
#content .socials a.twitter {background-color:#4DA7DE;}
#content .socials a.linkedin {background-color:#3371B7;}

#content .socials a:hover {
	background-color:#666;
}
@media only screen and (max-width: 480px) {
	.socials-legend {
		display:block;
		margin:.8em 0 .3em 0;
	}
}

/*****************
*  main >  right menu
*****************/
#main #more {color:#777;line-height:120%;}
#main #more h3 {background:#C14A31;color:#fff;padding:3px 8px;margin-top:2em;font-weight:bold;/*normal;*/font-size:1em;}
#main #more h3.first {margin-top:0;}
#main #more ul {margin:0;padding:0;list-style:none;}
#main #more li {margin:10px 0;}
#main #more li.on {font-weight:bold;}
#main #more a {text-decoration:none;color:#777;}
#main #more a span {color:#C14A31;padding-right:2px;}
#main #more a:hover {color:#C24B32;}

#main #more form {margin:10px 0;}
#main #more input.submit {border:0;background : url(../img/but_submit.png) left bottom no-repeat;height:18px;	width:20px;	cursor:pointer;text-indent:-9999px;}


#more label {display:none;}
.editer_mesabos_sub {display:none;}
#more .formulaire_spip .editer_mesabos_sub  label {display:inline !important;font-size:x-small;}


#main #more .item {clear:both;margin:10px 0 0 0;}
#main #more .item a img{border:1px solid #aaa; max-width:140px;height:auto;}
#main #more .item a {color:#777;/*8E8E91*/;}
#main #more .item a:hover {color:#C24B32;}
#main #more .item a span {color:#C14A31;}
#main #more .item a span.auteur {color:#343434;}
#main #more .item .illus {float:left;margin:0 14px 14px 0;}

#pub_lie {text-align:center;}
#pub_lie h3{text-align:left;}

/*****************
*   misc
*****************/
.spacer {	clear: both;}
.cache {display:none !important;}
.erreur_message {color:red;display:block;}
.previsu {background:#eee;margin:1em 0; padding:1em;}

/*****************
*  page lettre.html (formulaire)  
*****************/
.row {  clear: both;  padding-top: 10px;  }
.row label {  float: left;  width: 90px; padding-right:20px; text-align: right;  }
.required {color:#f00;}
.warning {  margin: 5px;  padding: 15px 15px 15px 60px;  background: #fff url(../img/but_warning.png) no-repeat 5px 5px;}
.congratulation {  margin: 5px;  padding: 15px 15px 15px 60px;  background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;}

/*****************
*  spip (reprise de dist + spip-contrib)
*****************/

/* Document */
.spip_doc_titre {font-size:0.8em;}
#content .spip_documents img  {border:1px solid #aaa;} 
dl.spip_documents  {width:120px; text-align:center;}
dt a img {border:0 !important;}
.spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left   {  float: left;  margin-right: 14px;  margin-bottom: 8px;}
.spip_documents_right  {  float: right;  padding-left: 8px;  padding-bottom: 8px;}
.spip_documents_center {  display: block !important; text-align: center;  margin: 5px auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
img.spip_logos {margin:0 8px 8px 0 !important;}

/* Paragraphes, citations, code et poesie */
blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }
blockquote, blockquote.spip {	margin: 1em 0;	padding : 4px 1em 4px 1em;	border: 1px solid #CCC;	border-left: 4px solid #A0C0E0;color: #333;}
.spip_poesie {	margin: 1em;	padding-left: 1em;	border-left: 1px solid;	font-family: Garamond, Georgia, Times, serif; }
.spip_poesie div { text-indent: -60px; margin-left: 60px; }
tt, .spip_code, .spip_cadre {	font-family: monospace;	font-style: normal;	font-size: 1.1em;}
.spip_code { color: #345DA4; }
tt { color: #333; }
.spip_cadre {	width: 98%;	padding: 4px; padding-top: 0.5em;	background: #eee;	color: #3465a4;	border: 1px inset #eee;	border-left: 4px solid #345DA4;}
.spip_surligne {background: yellow;}

/* Formulaires */
.formulaire_spip ul {margin:0;padding:0;list-style:none;}
.reponse_formulaire {padding:15px;border:4px solid #C14A31;margin:1em 0;}
.formulaire_ecrire_auteur {margin-top:1.2em;}
.formulaire_ecrire_auteur label {display:block;margin:0.8em 0 0.2em 0;}
input {padding:2px;}
textarea {width:80%;padding:2px;font-family:arial;font-size:1em;}

/* Tableaux */
table.spip {	margin: auto;	margin-bottom: 1em;	border: 1px solid;	border-collapse: collapse; font-size:14px; font-weight:bold; }
table.spip caption {	caption-side: top;	text-align: center;	margin: auto;	padding: 3px;	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
table.spip a img {border:0;}

#signatures table {width:100%;}
#signatures thead {background:#C14A31;}
#signatures thead a {color:#fff;text-decoration:none;}
#signatures tr {border-bottom:1px solid #666;}
#signatures td {padding:5px;text-align:left;font-size:12px;}
#signatures td.signature-date {width:100px;}


/*****************
*  plugins
*****************/

/*** mediabox ***/
#cboxLoadedContent {
	/* eviter le saut visuel lors du chargement */
	min-height:200px;
	background:#fff;
}




/******************
  Menu Burger (2017)
******************/

/* inspi: bk club - merci seb :p */


@media (max-width: 767px) {
	/******* banner *******/
	#banner {
		position:relative !important;		
		width:100%;
		background:#fff;
		border-bottom:none;		
	}
	.banner-img	{
		background:#808285;
		display:block;
	}

	/******* navbar *******/
	#navbar {
		/*position:fixed;
		position:absolute;*/
		top:0;
		right:0;
		z-index:1000;
		margin:0;
		padding:0;
		width:100%;
		height:0;
	}

	#navbar ul {		
		list-style:none;
		margin:.5em 0 0 0;
		font-size:1rem;
		position:absolute;
		width:100%;
		height:100vh;
		left:-100%;
		transition: all .25s ease-in;
		overflow:hidden;
		background-color: rgba(255, 255, 255, 0.9);
	}

	#navbar.active ul {
		left:0;
	}

	#navbar li {
		display:block!important;
	}
	#navbar a {
		float:none;
		display:block;
		font-size:1rem;
		background:transparent;
		border-radius:0;
	}
	#navbar a:hover {background:transparent; }



	#navbar h3,
	#navbar a {
		display:inline-block;
		padding:0.5em 0.5em;
		margin:0 0.5rem;
		color:#333 !important;
		transition: all .1s ease-in;
		font-size:1.1rem;
		font-weight:normal;		
	 }
	#navbar h3::first-letter, 
	#navbar a::first-letter {
		text-transform:uppercase;
	}
	 #navbar a:hover {
	 	color:#999 !important;
	 	padding-left:1.0rem;
	 }

	 #navbar a.on {
	 	color:#fff !important;
	 	background:#999;
	 }

	/******* nav form *******/
	#navbar h3 {
		display:block;
		margin-top:0.6em;
		margin-bottom:0.2em;
		margin-left:0.8em;
		padding-left:8px;
		border-left:10px solid #999;
		line-height:80%;
	}
	#navbar #formulaire_recherche, 
	#navbar label,
	#navbar .radio {display:none;}
	#navbar form {
		margin-left:0.7em;		
	}
	.nav-form-newsletter ul {		
		padding:0 !important;		
	}
	.nav-form-newsletter #mesabos_email {
		margin-left:0.7em;
	}

	/******* burger *******/	
	.burger {
		 /*position:fixed;*/
		 position:absolute;
		 top:32px;
		 right: 10px;
		 width: 30px !important;		 
		 height: 34px;
		 background:#fff;
		 cursor:pointer;
		 z-index:99;
		 /* on ajoute des bordures pour que le burger soit bien cliquable*/
		 border-top:10px solid #808285;
		 border-bottom:10px solid #808285;
	}	
	.burger::before, .burger::after {
	    content: "";
 	 	display: block;
	}
	.burger, .burger::before, .burger::after {
		position: absolute;
		width: 30px;
		height: 3px;
		background:#fff;
		transition: all 0.3s;
	}
	.burger::before {
	  margin-top: -7px;
	}
	.burger::after {
	  margin-top: 7px;
	}

	/* etat hover */
	.burger:hover,
	.burger:hover::before,
	.burger:hover::after {
	  background-color:#000;
	}

	/* etat active */
	.active .burger {
	 background: transparent;
	}
	.active .burger::before {
	  margin-top: 0;
	  transform: rotate(-45deg);
	}
	.active .burger::after {
	  margin-top: 0;
	  transform: rotate(45deg);
	}

	/* etat active + hover */
	/*
	.active .burger:hover::before,
	.active .burger:hover::after {
	  background-color:#000;
	}
	*/



}

/*@media (max-width: 480px) {*/
@media (max-width: 540px) {
    .burger {
		top:21px;
	}

}