html {
	font-size: 100%;
}
body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding-top: 3em;
	color: #7b6d60;
	background: white;
	line-height: 150%;
	font-size: 1.1em;
	letter-spacing: .07em;
}

a {
	text-decoration: none;
	color: #ab9d90;
}
a:hover  {
	text-decoration: underline;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.3em;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	max-width: 100%;
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
}
textarea, select, input.heritage {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}

#nav, .menu_minimal {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
    text-align: center;
	padding: .5em 0;
	letter-spacing: 0;
	box-shadow: 2px 2px 10px #d1c6bc;
	text-shadow: 0 1px 2px #5c4e40;
	background: #ab9d90 radial-gradient(circle at center right, #faf4f0, #ab9d90);
	border-bottom: 1px solid #fff;
	max-height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
}  
#nav li {
    display: inline;
    list-style: none;
	color: #fff9f4;
}  
#nav a, .menu_minimal a {
    display: inline-block;
    margin: 0 .4em;
	color: #fff9f4;
}
#nav a:hover, .menu_minimal a:hover {
	color: #fff;
}
.menu_minimal {
	display: none;
}
.img_logo {
	height: 1.2em;
	width: auto;
	border: 0;
	padding: 0 .1em 0 0;
	margin: 0 0 0 -.5em;
	vertical-align: -10%;
}

.icone_user {
	position: fixed;
	z-index: 2;
	top: 0;
	right: .1em;
	width: 3em;
	height: 3em;
}
.icone_user img {
	border: 0;
	margin: 0 auto;
	padding: 0;
}
.notif_mp {
	border: 0;
	position: fixed;
	z-index: 3;
	top: 0;
	right: 0;
	width: 1.5em;
}

#entete {
	width: 95%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	min-height: 140px;
}
#entete h1 {
	padding: 1em 0 0 0;
	margin: 0;
	text-shadow: 0 0 3px #fff9f4;
}

.fil_ariane {
	font-size: .85em;
}
#crumbs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
}
#crumbs li {
	float: left;
	list-style-type: none;
	padding: 0 .3em 0 0;
	margin: 0;
}

#corps {
	background: white;
	min-height: 20em;
}

#bandeau_gauche {
	background: #fff9f4;
	float: left;
	border-right: 1px solid #ebe2d2;
	border-top: 1px solid #ebe2d2;
	border-bottom: 1px solid #d1c6bc;
	width: 15%;
	padding: 1em;
	text-align: left;
	min-height: 20em;
	box-shadow: 0 3px 5px #ebe2d2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.menu_nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu_nav li, .menu_nav_ssrub li {
	padding: .5em 0 .5em 2em;
	margin: 0 -1em 0 -1em;
}
.menu_on {
	background: #faf4ef;
	border-left: 5px solid #ab9d90;
	margin-left: -5px;
}

.menu_nav li:hover, .menu_nav li:active, .menu_nav li:focus, .menu_nav_ssrub li:hover, .menu_nav_ssrub li:active, .menu_nav_ssrub li:focus {
	background: #ab9d90;
}
.menu_nav li:hover a, .menu_nav li:active a, .menu_nav li a:focus a, .menu_nav li:hover, .menu_nav li:active, .menu_nav li a:focus, .menu_nav_ssrub li:hover a, .menu_nav_ssrub li:active a, .menu_nav_ssrub li a:focus a, .menu_nav_ssrub li:hover, .menu_nav_ssrub li:active, .menu_nav_ssrub li a:focus {
	color: #fff9f4;
	text-shadow: 1px 1px 2px #5c4e40;
}

.menu_nav_ssrub {
	list-style: url('../images/icones/puce_liste_arborescence.png');
	font-size: .8em;
	margin: 0 0 1.5em 1em;
}
.menu_nav_ssrub li:last-child {
	list-style: url('../images/icones/puce_liste_arborescence2.png');
}

#contenu {
	margin-left: 18%;
	padding: 0 1em;
	max-width: 1300px;
	border: 0;
	text-align: justify;
	font-size: .95em;
}
#contenu a {
	text-decoration: underline;
}
#contenu a:hover, #contenu a:active, #contenu a:focus {
	background: #fff9f4;
}

.marge_tit1 {
	margin: 1.5em auto .5em auto;
}

.blocs {
	margin: 1em auto;
	padding: 1em;
	overflow: hidden;
	position: relative;
}
.bloc1 {
	background: #fff9f4;
	border: 1px solid #ebe2d2;
}
.bloc2 {
	background: #d9edf7;
	border: 1px solid #a2d5e0;
}
.bloc3 {
	background: #fff9ea;
	border: 1px solid #dfd8c2;
}
.bloc4 {
	background: #f5e3e3;
	border: 1px solid #eec6cc;
	color: #b94a48;
}
.bloc5 {
	background: #e6ecf4;
	border: 1px solid #8096b3;
}
.bloc6 {
	background: transparent;
	border: 0;
}
.bloc7 {
	background: transparent;
	border: 0;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.bloc8 {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ebe2d2;
}
.bordure_g {
	border-left-width: 5px;
}
.blocs h3 {
	margin: .3em 0 .5em 0;
}

#contenu .cachediv .amasquer {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}
.affiche_masque, .icone_affiche_masque {
	display: block;
	position: absolute;
}
.affiche_masque {
	width: 16px;
	height: 16px;
	top: 0;
	right: 0;
	margin: 0;
	line-height: 1em;
	color: #b94a48;
}
.icone_affiche_masque {
	width: 30px;
	height: 16px;
	top: .8em;
	right: .8em;
}
#contenu a.affiche_masque {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: .5em .6em .7em .7em;
	text-shadow: 1px 1px 2px white;
}
#contenu a.affiche_masque:hover, #contenu a.affiche_masque:active, #contenu a.affiche_masque:focus {
	background: #fff;
}
#contenu .icone_affiche_masque {
	background: url('../images/icones/agrandir-reduire3.png') no-repeat 50% 100%;
}
#contenu .cachediv .icone_affiche_masque {
	background: url('../images/icones/agrandir-reduire3.png') no-repeat 50% 0;
}
.revelation .acacher {
	display:none;
}
.revelation:hover .acacher {
	display:inline;
}

.center-90 {
	width:90%;
	margin:auto;
}
.ombre1 {
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
.ombre2:hover {
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
.en_ligne {
	display: inline;
}
.en_ligne label {
	display: inline-block !important;
	padding: 0 25px 0 0 !important;
	border: none !important;
}
.txt1 {
	font-weight:normal;
	line-height:100%;
	vertical-align:middle
}
[id*=collapsible-]{
	display:none
}
[id*=collapsible-]:checked~[class*=collapsible-][class$=area]{
	-webkit-transform:scaleY(1);
	transform:scaleY(1);
	height:auto;
	padding:15px 20px;
	margin-bottom:20px
}
[id*=collapsible-]:checked+label:before{
	margin-top:1px;
	-webkit-transform:rotate(50deg);
	transform:rotate(50deg)
}
[id*=collapsible-]:checked+label:after{
	margin-top:5px;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg)
}
label[for*=collapsible-]{
	cursor:pointer;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	padding:15px 24px;
	border-bottom:solid 1px #ebebeb;
	color:#474747;
	border-radius:3px
}
label[for*=collapsible-]:after,label[for*=collapsible-]:before{
	content:'';
	position:absolute;
	right:20px;
	width:2px;
	height:8px;
	background:#c7b59d;
	transition:all .3s ease
}
label[for*=collapsible-]:before{
	margin-top:2px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
label[for*=collapsible-]:after{
	margin-top:6px;
	-webkit-transform:rotate(45deg)translate(1px,-7px);
	transform:rotate(45deg)translate(1px,-7px)
}
[class*=collapsible-][class$=area]{
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	height:0;
	will-change:height,transform;
	transition:all .3s ease;
	padding-left:20px;
}
[class*=collapsible-][class$=area] p{
	margin-top:0
}

.animated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
	0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes rotateIn{
	0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
	100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{
	0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
	100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{
	-webkit-animation-name:rotateIn;
	animation-name:rotateIn
}
@-webkit-keyframes flip{
	0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{
	0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip, .bouge:hover{
	-webkit-backface-visibility:visible;
	backface-visibility:visible;
	-webkit-animation-name:flip;
	animation-name:flip
}
@-webkit-keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
	0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	20%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}
	40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
	60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
	80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
	100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
	0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	20%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}
	40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
	60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
	80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
	100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{
	animation-delay:.2s;
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}

input[id*=modal-]{
	display:none
}
input[id*=modal-]:checked+label{
	outline:0;
}
input[id*=modal-]:checked+label:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	transition:all .3s cubic-bezier(.64,.09,.08,1);
	z-index:9
}
input[id*=modal-]:checked~.modal-content{
	transition:opacity .3s cubic-bezier(.64,.09,.08,1);
	opacity:1;
	display:block;
	padding:40px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:10
}
input[id*=modal-]:checked~.modal-content *{
	height:auto;
	width:auto;
}
.modal-trigger{
	cursor:pointer;
	transition:all .3s cubic-bezier(.64,.09,.08,1);
	padding:10px 20px;
	text-transform:uppercase;
	color:#8f8f8f;
	font-size:.8em;
	font-weight:bold;
}
.modal-trigger:after{
	padding:10px;
	cursor:pointer;
	transition:all .2s cubic-bezier(.64,.09,.08,1);
}
.modal-content{
	position:fixed;
	opacity:0;
	height:0;
	background:#fff;
	border-radius:3px;
	height:50%;
	width:50%;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
}
.modal-content *{
	width:0;
	height:0
}


.liste_membres {
	margin: 3em auto
}
.membre_ligne {
	display: table;
	table-layout: fixed;
	width: 95%;
	margin: 3em auto;
	border-bottom: 1px solid #ebe2d2;
}
.membre_ligne img {
	border: 0;
}
.membre_avatar {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	width: 4em;
	padding: 1em;
}
.membre_descr {
	min-height: 5em;
	padding: 1em 7em 1em 1em;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	border: 0;
	line-height: 120%;
}
.membre_descr h2 {
	font-size: 1em;
	padding: 0;
	margin: 0 .5em;
}
.membre_contenu {
	margin: .5em 0;
}
.membre_contenu a:hover, .membre_contenu a:focus, .membre_contenu a:active, .membre_avatar a:hover, .membre_avatar a:focus, .membre_avatar a:active {
	background: transparent !important;
}
.citation {
	border: 1px solid #F4EFE7;
	color: #ab9d90;
	background: #FFF9F4;
	text-shadow: 0 1px 2px #fff;
}
.signature {
	max-height: 10em;
	overflow: hidden;
	letter-spacing: 0;
	margin-left: .5em;
}

.profil fieldset {
	border: 1px solid #ebe2d2;
}
.profil legend {
	color: #d1c6bc;
	letter-spacing: .05em;
}

.no-back:hover, .no-back:focus, .no-back:active {
	background: transparent !important;
}

.bloc-punaise {
	border: 1px solid #dad0c0;
	padding: 5px 0;
	margin: 1em auto;
	background-color: #ebe2d2;
}

.contenu_punaise, .contenu_punaise2 {
	border-top: #e6dbc9 1px solid;
	border-left: #ab9c89 1px solid;
	border-right: #efede9 3px ridge;
	border-bottom: #efede9 3px ridge;
	background-color: #fff;
	margin: 5px;
	padding: 0;
	overflow: hidden;
}
.contenu_punaise2 {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

.entete_punaise {
	margin: 0;
	padding: 0;
}

.tit_punaise {
	text-transform: uppercase;
	letter-spacing: .2em;
	word-spacing: .3em;
	text-align: center;
	margin: 0;
	padding: .7em;
	background-color: #fff9f4 !important;
	border-bottom: 1px solid #ebe2d2;
	font-size: 1em;
}

.triangle_desc {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .9em .9em 0 .9em;
	border-color: #ebe2d2 transparent transparent transparent;
	margin: 0 auto;
}

.div_punaise {
	margin: 1em;
}

div.bloc_jeu {
	margin-bottom: 4em;
	display: inline-block;
	max-width: 18em;
	margin-left: 1em;
}
div.bloc_jeu a {
	color: #8b7d70;
}
div.bloc_jeu a, .lien_pas_souligne {
	text-decoration: none !important;
}
div.bloc_jeu:hover h3, div.bloc_jeu:focus h3, div.bloc_jeu:active h3, .lien_pas_souligne:hover, .lien_pas_souligne:focus, .lien_pas_souligne:active {
	text-decoration: underline !important;
}
div.bloc_jeu h3 {
	font-size: 1.15em;
	margin: .3em 0;
	color: #ab9d90;
}
img.tit_jeu {
	width: 3.5em;
	border: 0;
	padding: .3em 0 0 0;
}

.lien_boite {
	background: transparent !important;
	text-decoration: none !important;
}
.lien_boite div {
	vertical-align: middle;
	padding: 1em;
	margin: 0;
}
.lien_boite h2 {
	margin: 0;
}
a.lien_boite:hover h2 {
	text-decoration: underline;
}

a.bouton {
	display: block;
	cursor: pointer;
	vertical-align: middle;
	font-weight: bold;
	width: 20em;
	margin: 0 auto 1em auto;
	padding: 1em 0;
	text-align: center;
	position: relative;
	text-indent: 2em;
	border-radius: 4px;
	text-decoration: none !important;
}
a.bouton:hover, a.bouton:focus {
	text-decoration: none !important;
}
a.bouton:active {
	text-decoration: none !important;
	box-shadow: 1px 1px 5px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.4) !important;
}
.btn_txt-clair {
	color: white !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3) !important;
}
.btn_txt-clair:hover, .btn_txt-clair:focus {
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.3), 0 0 5px rgba(255,255,255,.5) !important;
}
.btn_txt-fonce {
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.3), 0 0 5px rgba(255,255,255,.5) !important;
}
.btn_txt-fonce:hover, .btn_txt-fonce:focus {
	color: white !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3) !important;
}
.btn_vert2 {
	background: #3adcbc !important;
	border: 1px solid #38cdaf !important;
}
.btn_vert2:hover {
	background: #3adcbc -webkit-linear-gradient(#3adcbc, #3adcbc, #36c0a5) !important;
	background: #3adcbc linear-gradient(#3adcbc, #3adcbc, #36c0a5) !important;
}
.btn_vert2:active {
	background: #3adcbc -webkit-linear-gradient(#3adcbc, #3adcbc, #36c0a5) !important;
	background: #3adcbc linear-gradient(#3adcbc, #3adcbc, #36c0a5) !important;
}
.btn_bleu2 {
	background: #c1d6f7 !important;
	border: 1px solid #899db7 !important;
}
.btn_bleu2:hover {
	background: #c1d6f7 -webkit-linear-gradient(#c1d6f7, #c1d6f7 5%, #a9bde7) !important;
	background: #c1d6f7 linear-gradient(#c1d6f7, #c1d6f7 5%, #a9bde7) !important;
}
.btn_bleu2:active {
	background: #c1d6f7 -webkit-linear-gradient(#c1d6f7, #c1d6f7 5%, #a9bde7) !important;
	background: #c1d6f7 linear-gradient(#c1d6f7, #c1d6f7 5%, #a9bde7) !important;
}
.btn_marron {
	background: #d1c6bc !important;
	border: 1px solid #89796a !important;
}
.btn_marron:hover {
	background: #d1c6bc -webkit-linear-gradient(#d1c6bc, #d1c6bc 5%, #ab9d90) !important;
	background: #d1c6bc linear-gradient(#d1c6bc, #d1c6bc 5%, #ab9d90) !important;
}
.btn_marron:active {
	background: #d1c6bc -webkit-linear-gradient(#d1c6bc, #d1c6bc 5%, #ab9d90) !important;
	background: #d1c6bc linear-gradient(#d1c6bc, #d1c6bc 5%, #ab9d90) !important;
}
.img_bouton {
	position: absolute;
	border: 0;
	left: .5em;
	top: .5em;
	width: 2em;
}

.ombre3 {
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16);
	transition:all .3s cubic-bezier(.64,.09,.08,1);
}
.ombre3:hover {
	box-shadow:0 5px 11px 0 rgba(0,0,0,.2);
	transition:all .2s cubic-bezier(.64,.09,.08,1);
}
.action1 {
	border:1px solid #ab9d90;
	background:#ab9d90;
	color:#fff9f4;
}
.action1:hover, .action1:active, .action1:focus {
	border:1px solid #8b7d70;
	background:#8b7d70;
}
.action2 {
	border:1px solid #C7B59D;
	background:#C7B59D;
	color:#fff9f4;
}
.action2:hover, .action2:active, .action2:focus {
	border:1px solid #a7957D;
	background:#a7957D;
}
.btn2, .btn3 {
	font-size:1.1em;
	letter-spacing:.1em;
	text-transform:uppercase;
	cursor:pointer;
	border-radius:.15em;
}
.btn2 {
	padding:.6em 3em;
	margin:1em;
}
.btn3 {
	padding:.4em 3em;
	margin:0 0 4em 0;
}
.champ_form1 {
	padding:.3em;
	border:1px solid #E6DDD5;
}
.champ_form1:hover, .champ_form1:active, .champ_form1:focus {
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16);
}

.champ_ident {
	background: #d1c6bc;
	border: 10px solid #fff9f4;
	box-shadow: 1px 1px 5px #5c4d40;
	width:100%;
	text-align:center;
}
.input_connex {
	background: #ab9d90;
	border: 4px solid #fff9f4;
	width: 70%;
	padding: 10px;
	color: #fff9f4;
	margin: .5em 0;
	font-size: 1em;
	letter-spacing: .2em;
}
.input_connex:hover {
	border-color: #fff;
}
.input_connex:focus, .input_connex:active {
	background-color: #5c4d40;
}
.input_ko {
	box-shadow: 1px 1px 3px #f00;
}
.bouton_ident {
	background: #554e48;
	width: 70%;
	padding: 10px;
	color: #fff9f4;
	margin: 0;
	font-size: .9em;
	text-transform: uppercase;
}
.bouton_ident:hover, .bouton_ident:focus {
	background-color: #5c4d40;
}
.msg_ident {
	background: #fff9f4;
	width: 70%;
	margin: 2em auto;
	padding: 1em .5em;
	position: relative;
}

.liste {
	line-height: 200%;
	padding-bottom: 10px;
}
.liste2 {
	line-height: 150%;
	padding-bottom: 5px;
}
.liste3 li {
	line-height: 150%;
	padding-bottom: .5em;
}
.liste3 ul, .liste3 ol {
	padding-top: .5em;
}

.liste_alpha {
	font-weight: bold;
}
.liste_alpha, .liste_alpha2 {
	list-style: none;
	margin: 0 0.5% 1% 0;
	float: left;
	padding: 4px;
	width: 1.4em;
	border-radius: 5px;
	background: linear-gradient(#fff9f4, #f8ede3);
	border: 1px solid #ebe2d2;
	text-align:center;
	color: #ccc4bc;
}
.liste_alpha a {
	color: #89796a;
}
.liste_alpha:hover, .liste_alpha:active, .liste_alpha:focus {
	background: linear-gradient(#89796a, #b4a79b);
	color: #fff9f4;
	box-shadow: 0 0 rgba(255, 255, 255, 0.8) inset, 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.liste_alpha:hover a, .liste_alpha:active a, .liste_alpha:focus a {
	color: #fff9f4;
}

.lettrine_alpha {
	font-size: 2em;
	color: #d1c6bc;
	text-shadow: 0 0 2px #fff9f4, 3px 2px 1px #d1c6bc;
}

.submit1 {
	background: #ab9d90;
	border: 2px outset #eee;
	width: 70%;
	padding: .8em;
	color: #fff9f4;
	margin: .5em 0;
	font-size: 1em;
	letter-spacing: .2em;
}
.submit1:hover, .submit1:focus, .submit1:active {
	background-color: #5c4d40;
}

.img1 {
	border: 1px solid #dad0c0;
	margin-left: 5%;
	margin-right: 2%;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
	transition: box-shadow 1s;
}
.img1:hover {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
	transition: box-shadow .5s;
}

.tableau1 td {
	padding: .5em;
	border: 1px solid #ebe2d2;
	text-align: left;
}

.pagination {
	text-align: center;
	margin: 1em auto;
	text-transform: uppercase;
}
.pagination img {
	max-width: 2em;
	border: 0;
	margin: 0 .1em;
	display: inline-block;
	vertical-align: middle;
}
#form_page {
	display: inline-block;
}
#page_demande {
	text-align: center;
	color: #6f6f6f;
	font-size: 1em;
	text-transform: uppercase;
	border: 0;
	background: transparent;
	cursor: pointer;
	width: 2em;
}

#piedpage {
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: .5em 0;
	border-top: 1px solid #E6DDD5;
	border-bottom: 1px solid #E6DDD5;
	text-align: center;
	background: #fff9f4;
	line-height: 150%;
	font-size: 0.9em;
}

.tab_dino {
	margin: 2em auto;
}
.tab_dino h2 {
	text-transform: uppercase;
	margin: .5em 0;
}
.tab_dino tr {
	background: #fffcf7;
	border-bottom: 2px solid #fff;
}
.tab_dino tr:hover, .tab_dino tr:nth-child(even) {
	background: #fff9f4;
}
.tab_dino tr:last-child {
	border-bottom: 2px solid #ebe2d2;
}
.tab_dino tr:first-child {
	background: transparent;
}
.tab_dino td {
	border: 0px solid #ebe2d2;
	padding: .5em 1em;
}

.bloc_txt {
	margin:1em auto 5em auto;
	width:90%;
	max-width:40em;
}

.on_mini_res {
	display:none;
}


@media screen and (max-width:1000px) {
	#bandeau_gauche {
		display: none !important;
	}
	#entete {
		width: 100% !important;
	}
	#contenu, .blocs, .bloc-punaise {
		text-overflow: ellipsis;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	#contenu {
		margin: 0 auto !important;
	}
	.on_mini_res {
		display:none;
	}
	.adapt_res_moy {
		position: static !important;
	}
	.membre_descr {
		padding: 1em;
	}
	.modal-content{
		height:70%;
		width:70%;
	}
	
	#sandwich + * {
		position: relative;
	}
	/* Theming opened nav */
	#sandwich .ouv_ferm {
		/* maximum height */
		max-height: 20em;
		overflow: visible;

		/* translate with hardware acceleration */
		transform: translateZ(0);
        transition: max-height .4s, overflow .4s;
		will-change: max-height, overflow;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* Theming closed nav */
	#sandwich.is-closed .ouv_ferm {
		max-height: 0;
		overflow: hidden;
	}
	/* Global styling nav button */	
	#sandwich > button {
		display: block;
		position: absolute;
			top: 0; left: 0;
		z-index: 1;
		height: 45px; width: 45px;
		background: transparent url('../images/icones/plus-note.png') no-repeat center;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
        transition: .2s;
	}
	/*  Removing Firefox's dotted outline on button */	
	#sandwich > button::-moz-focus-inner {
		border: 0;
	}
	/* Theming opened nav button */	
	#sandwich:not(.is-closed) > button {
        transform: rotate(180deg) translateZ(0);
		background: transparent url('../images/icones/minus-note.png') no-repeat center;
	}
}
@media screen and (max-width:500px) {
	body {
		padding-top: 2em;
	}
	h1 {
		font-size: 1.7em;
	}
	ul, ol {
		padding-left: 1em;
	}
	.tit_punaise {
		font-size: 1.1em;
	}
	.menu_minimal {
		display: inline !important;
		color: #fff9f4;
	}
	#nav li, .icone_user, .off_mini_res {
		display: none !important;
	}
	.on_mini_res {
		display:block;
	}
	a.bouton {
		width: 90% !important;
	}
	#contenu, .membre_descr {
		margin: 0 !important;
		padding: 1em .5em !important;
		text-align: left !important;
	}
	.modal-content{
		height:80%;
		width:80%;
	}
	.agrandir_mini_res {
		width: 95%;
	}
	.tab_dino table {
		width: 100% !important;
	}
	.tab_dino td {
		padding: .4em !important;
	}
}

@media print {
	* {
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		width: auto !important;
		margin: auto !important;
		padding-top: .5em;
		font-family: serif;
		font-size: 12pt;
		background-color: #fff !important;
		color: #333 !important;
	}
	h1 {
		margin: 0;
	}
	#entete {
		min-height: 2em;
	}
	#bandeau_gauche, #nav, .icone_user, .notif_mp, .icone_affiche_masque, .affiche_masque {
		display: none !important;
	}
	#contenu {
		margin: 1em auto !important;
		padding: 0;
		width: 98%;
	}
	p, blockquote {
		orphans: 3;
		widows: 3;
	}
	blockquote, ul, ol {
		page-break-inside: avoid;
	}
	h1, h2, h3, caption {
		page-break-after: avoid;
	}
	a {
		color: #000 !important;
		text-decoration: underline !important;
	}
	.contenu_punaise, .contenu_punaise2 {
		margin: 2px;
	}
	.bloc-punaise {
		padding: 0;
	}
}