@import url(https://www.fonts-hydro.com?fonts=Roboto|Roboto+Condensed);
@import url('tools.css');


/* > COMMUN
-------------------------------------------------------------------------------------------------------------------------------- */
body {
	background:#000;
	font-family:'Roboto', sans-serif;
	font-size:14px; 
	color:#000;
}
h1 {
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:40px;
	color:#0e7837;
	margin:50px 0;
	text-transform:uppercase;
}
.slashed:before {
	display:inline-block;
	content:"///"; font-weight:400;
	margin-right:5px;
}
h2 {
	margin-bottom:20px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:30px;
	text-transform:uppercase;
}
p { 
	margin-bottom:15px;
	line-height: 1.5em;;
}
hr { 
	height:1px;
	margin:10px 0;
	border:none;
	background:#e7e7e8;
}
a { color:inherit; }
a:hover { color:#0e7837; }

/* > LOADING
-------------------------------------------------------------------------------------------------------------------------------- */
#loading {
	/*display:none;*/
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1000;
	background-color:rgba(0, 0, 0, 0.5);
}
#loading #loading-sprite {
	position:absolute;
	top:50%;
	left:50%;
	z-index:999;
	margin:-20px 0 0 -20px;
}

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
/* header */
#header {
	z-index:100;
	height: 130px;
	position:absolute;
	background-color:#0e7837;
	width:100%; left:0; top:0;
	-webkit-transition:background .2s linear;
	-o-transition:background .2s linear;
	transition:background .2s linear;
}
#header .header-content {
	height:110px;
	max-width:990px;
	margin:0 auto;
	padding:10px 0;
}
#header-left { 
	float:left; width:40%;
	line-height:110px;
}
#header-left #logo-header img {
	vertical-align:middle;
	max-width:100%;
	-webkit-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}
#header-left a#logo-header:hover img { opacity:.4 }

/* > langue */
#header-langue {
	position: absolute;
	right: 10px; top: 0;
	padding: 10px;
	text-align: right;
}
#header-langue select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	border: transparent 1px solid;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E") 85% center no-repeat;
	background-size: 10px auto;
	padding: 10px 30px 10px 10px;
	text-transform: uppercase;
	-webkit-transition: border-color .3s linear;
	-o-transition: border-color .3s linear;
	transition: border-color .3s linear;
	color: #fff;
}
#header-langue select option {
	color:#000;
}
#header-langue select:hover,
#header-langue select:focus {
	border: #ccc 1px solid;
	outline: none;
}

/* > menu principal */
#header-compte { 
	float:right;
	width:40%;
	position: relative;
}
#header-compte #header-compte-content { 
	position:absolute;
	top:0;
	right:0;
	padding:10px 20px;
	width:180px;
	height:100px;
	background-color:#fff;
	text-align:left;
	color:#0e7837;
}
#header-compte #header-compte-content strong {
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:5px;
}
#header-compte #header-compte-content strong span { 
	color: #000;
	font-size:.85em;
	text-transform:none; 
}
#header-compte #header-compte-content a {
	display:inline-block;
	padding:2px 2px 2px 15px;
	background:url(../images/puce_vert.gif) left center no-repeat;
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#000;
	text-transform:none;
}
#header-compte #header-compte-content a:hover { color:#0e7837; }
/* > menu hamburger */
#menu-alt {
	display:none; z-index:2;
	width:30px; height:30px; 
	position:absolute; 
	top:50px; right:20px;
}
#menu-alt .menu-icon-bar {
    display:block; margin:4px 0;
    height:4px; width:20px;
	background-color:#0e7837;
}
#menu-alt .menu-icon-bar.bar-top,
#menu-alt .menu-icon-bar.bar-bottom {
	-webkit-transition:transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	-o-transition:transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	-webkit-transition:margin .3s ease-out, background-color .3s ease-out, -webkit-transform .3s ease-out;
	transition:margin .3s ease-out, background-color .3s ease-out, -webkit-transform .3s ease-out;
	transition:transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	transition:transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out, -webkit-transform .3s ease-out;
}
#menu-alt .menu-icon-bar.bar-middle {
	-webkit-transition:opacity .3s ease-out, background-color .3s ease-out;
	-o-transition:opacity .3s ease-out, background-color .3s ease-out;
	transition:opacity .3s ease-out, background-color .3s ease-out;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-top { 
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:#fff;
	margin:13px 5px;
	background-color:#d2d2d2;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-bottom {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color:#fff;
	margin:-25px 5px;
	background-color:#d2d2d2;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-middle { opacity:0; background-color:#d2d2d2; }
#menu-overlay {
	display:none;
	position:fixed; z-index:1;
	top:0; left:0; right:0; bottom:0;
	background:rgba(0,0,0,.5); opacity:0;
	-webkit-transition:opacity .3s ease-out, background-color .3s ease-out;
	-o-transition:opacity .3s ease-out, background-color .3s ease-out;
	transition:opacity .3s ease-out, background-color .3s ease-out;
	background-color:rgba(44, 53, 61, .7);
}

/* --- fixed head */
body.fixed_head #header,
body.fixed_head #page_accueil #header {
	z-index:1000;
	position:fixed;
	height: 100px;
	background-color: transparent;
}
body.fixed_head #header-left #logo-header { display: none }
body.fixed_head #header .header-content { height:80px; }
body.fixed_head #header-left { line-height:80px; }
body.fixed_head #menu { margin-top:20px; }
body.fixed_head ._page { padding-top:100px; }
body.fixed_head #logo-header img { height:80px; }
body.fixed_head #header-compte #header-compte-content { top: -10px; height: 60px; }
body.fixed_head #header-compte #header-compte-content strong{ display: none; }
body.fixed_head #header-compte #header-compte-content br:nth-child(2) { display: none; }

/* > header ------------------------------------------------ */
.heading_title img {
	display: block;
	width: 100%;
}

/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	padding:25px 10px;
	background-color:#000;
	text-align:center;
	height: 130px;
}
.footer-content {
	font-size: 12px;
	max-width: 990px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin:0 auto;
}
.footer-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0 20px 0 0;
}
.footer-logos a.logo-foot {
	margin: 0 10px;
}
.footer-logos a.logo-foot img { 
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.footer-logos a.logo-foot { 
}

.footer-content p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	max-width: 680px;
	color:#fff;
}
#footer p a.link-foot {
	display:inline-block;
	color:#fff; 
}
#footer p a.link-foot:hover { color:#0e7837; }


/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */
._page { 
	background-color:#fff; 
	padding:130px 0 0 0; 
}
#page_accueil { position:relative; padding:0; }
#content {
	position:relative;
	min-height: calc(100vh - 240px);
	max-width:990px;
	margin:0 auto;
}
#page_identification #content { max-width: inherit; }
#page_identification #content .flex-box {
	max-width: 990px;
	margin: 0 auto;
	padding: 5% 0;
}
/* --- */
.bouton_1,
.bouton_2 {
	display:inline-block;
	text-transform:uppercase;
	font-size:13px; color:#fff;
	background-repeat:no-repeat;
	background-size:26px 100%;
	background-position:0 0;
	padding:10px 30px;
	-webkit-transition:color .2s linear, background-color .3s linear;
	-o-transition:color .2s linear, background-color .3s linear;
	transition:color .2s linear, background-color .3s linear;
}
.bouton_1 { background-color:#000; background-image:url(../images/common/bouton_1.png); }
.bouton_1:hover { background-color:#0e7837; color:#fff; }
.bouton_2 { background-color:#0e7837; background-image:url(../images/common/bouton_2.png); }
.bouton_2:hover { background-color:#000; color:#fff; }

/* --- Lauréats --- */
#panel-2016,
#panel-2017 {
	display:block;
	position:relative;
	background:url(../images/bandeau_laureat_2016.jpg) center no-repeat;
	background-size:cover;
}
#panel-2017 {
	background:url(../images/bandeau_laureat_2017.jpg) center no-repeat;
	background-size:cover;
}
#panel-2016 .panel-background,
#panel-2017 .panel-background {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background:url(../images/greyscale_laureat_2016.jpg) center no-repeat;
	background-size:cover;
	-webkit-transition:opacity .5s ease;
	-o-transition:opacity .5s ease;
	transition:opacity .5s ease;
}
#panel-2017 .panel-background {
	background:url(../images/greyscale_laureat_2017.jpg) center no-repeat;
	background-size:cover;
}
#panel-2016 .panel-content,
#panel-2017 .panel-content {
	padding:10%;
	position:relative;
	max-width:990px; 
	margin:0 auto;
	z-index:1;
}
#panel-2016 h2,
#panel-2017 h2 {
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:40px;
	color:#fff;
	margin:0;
	-webkit-transition:color .5s ease;
	-o-transition:color .5s ease;
	transition:color .5s ease;
}
#panel-2016 h2:before,
#panel-2017 h2:before {
	display:inline-block;
	content:"///"; font-weight:400;
	margin-right:5px;
}
/*#panel-2016:hover h2 { color:#000 }*/
#panel-2016:hover .panel-background { opacity:0.5 }
#panel-2017:hover .panel-background { opacity:0.5 }

/* > Laureat */
#heading-laureat {
	background-color:#0e7837;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#heading-laureat .content-heading {
	display:table;
	width:50%;
}
#heading-laureat .content-heading:before {
	display:table-cell;
	background:url(../images/laureat/bgn_bleu.png) repeat;
	content:"";
}
#heading-laureat .content-wrapper {
	display:table-cell;
	vertical-align:middle;
	background:url(../images/laureat/corner_bleu.png) 0 0 no-repeat;
	background-size:100% 100%;
	width:495px;
	height:70vh;
	color:#fff;
}
#heading-laureat h1 { 
	width:66%; font-size:36px; 
	line-height:1.2em;
	margin:0 0 20px;
	color:#fff; 
}
#heading-laureat h1 span {
	display:block;
	font-weight:400;
	font-family:'Roboto Condensed', sans-serif;
	line-height:1.1em;
	font-size:0.6em;
	margin-top:20px;
}
#video-link {
	display:inline-block;
	margin-left:-10px;
	padding:10px 20px 10px 10px;
	text-transform:uppercase;
	-webkit-transition:background-color .3s linear, color .3s linear;
	-o-transition:background-color .3s linear, color .3s linear;
	transition:background-color .3s linear, color .3s linear;
}
#video-link img {
	vertical-align:middle;
	margin-right:5px;
	width:40px;
}
#video-link:hover { background-color:#fff; }
/* --- */
#architecte-content {
	display:table;
	padding:15% 0;
	width:100%;
}
#architecte-content .col-6 {
	display:table-cell;
	vertical-align:middle;
	float:none;
}
#architecte-content h2 {
	color:#0e7837;
	margin-bottom:10px;
	font-family:"Roboto", sans-serif;
	font-weight:700;
	font-size:18px;
}
#architecte-content p { margin-bottom:20px; }
#architecte-content ul { display: table; width: 100%; }
#architecte-content li { display: table-row; }
#architecte-content li strong,
#architecte-content li span { 
	padding:10px 0; 
	line-height: 1.2em;
	display:table-cell;
	border-bottom:#b5b5b5 1px solid;
}
#architecte-content li strong {
	padding-right: 10px;
	width: 40%;
}
#architecte-content li strong:before {
	display:inline-block;
	margin-right:5px;
	color:#0e7837;
	content:"/";
}
figure.col-6.photo-architecte img {
	display:block;
	width:auto;
	max-width:80%;
	margin:0 auto;
}
#laureat-galerie { position:relative; padding-top:33.7%; }
#laureat-galerie li {
	width:25%;
	height:50%;
	overflow:hidden;
	position:absolute;
}
#laureat-galerie li a { position:relative; display:block; }
#laureat-galerie li a:after {
	display:block;
	position:absolute;
	top:-1px; left:-1px;
	bottom:-1px; right:-1px;
	border:#fff 5px solid;
	content:""; z-index:1;
}
#laureat-galerie li.vertical { height:100%; }
#laureat-galerie li.image-1 { top:0; left:0; }
#laureat-galerie li.image-2 { top:0; left:25%; }
#laureat-galerie li.image-3 { top:50%; left:25%; }
#laureat-galerie li.image-4 { top:0; left:50%; }
#laureat-galerie li.image-5 { top:0; left:75%; }
#laureat-galerie li.video-galerie { top:50%; left:75%; }
#laureat-galerie li.video-galerie a {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:0;
}
#laureat-galerie li.video-galerie .thumbnails { width:100%; height:100%; }
#laureat-galerie li.video-galerie .thumbnails:before {
	position:absolute;
	background:url(../images/laureat/corner_black.png) 0 0 no-repeat;
	background-size:100% 100%;
	left:5px; top:5px;
	bottom:5px;
	width:60%;
	content:"";
	z-index:2;
	-webkit-transition:background-position .5s ease;
	-o-transition:background-position .5s ease;
	transition:background-position .5s ease;
}
#laureat-galerie li.video-galerie .thumbnails:after {
	position:absolute;
	background:url(../images/laureat/bouton_play.png) center no-repeat;
	width:80px; height:80px;
	background-size:100% 100%;
	left:50%; top:50%;
	margin:-40px;
	content:"";
	z-index:3;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
#laureat-galerie li.video-galerie .thumbnails img {
    width: 120%;
    margin-left:-10%;
    margin-top:-11%;
}
#laureat-galerie li.video-galerie a:hover .thumbnails:before { background-position:-100px 0; }
#laureat-galerie li.video-galerie a:hover .thumbnails:after {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	    transform:scale(0.8);
}
#description-content {
	text-align:left;
	max-width:990px;
	padding:5% 20px;
	margin:0 auto;
}
.collapse-bouton {
	display:block;
	display:none;
	text-align:center;
	padding-bottom:30px;
}
.collapse-bouton strong {
	display:block;
	font-size:16px;
	text-transform:uppercase;
	border-bottom:#adadad 1px solid;
}
.collapse-bouton:hover .bouton_1 { background-color:#267bbc }
.collapse-bouton strong .bouton_1 {
	padding:0;
	display:block;
	background-image:none;
	margin:15px auto -15px;
	width:30px; height:30px;
}
.collapse-content {
	padding:50px 0;
	border-top:#adadad 1px solid;
	border-bottom:#adadad 1px solid;
}
.collapse-content p {
	-webkit-column-gap : 3rem;
	-moz-column-gap : 3rem;

	     column-gap : 3rem;
	-webkit-column-count:2;
	-moz-column-count:2;
	     column-count:2;
}
/* --- */
#plan-content { text-align:center; padding:20px 20px 5%; }
#plan-content a,
#plan-content > span {
	display:inline-block;
	background-color:#adadad 
}
#plan-content a img,
#plan-content span img {
	display:block;
	margin:0 auto;
	max-width:100%;
	-webkit-transition:opacity .5s ease;
	-o-transition:opacity .5s ease;
	transition:opacity .5s ease;	
}
#plan-content a:hover img { opacity:.4 }

/* >>> Actualités liste -------------------------------------------------------------- */
#listing-actualites {
	max-width:990px;
	padding:20px 0 60px; 
	margin:0 auto;
}
#listing-actualites h1 { margin:0 15px 30px }
#listing-actualites .actualite_els { width:33.333%;  float:left; }
#listing-actualites .actualite_els a {
	position:relative;
	padding:20px;
	display:block;
	height:420px;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
#listing-actualites .actualite_els a:hover { background-color:#e7e7e8 }
#listing-actualites .thumbnails { 
	overflow:hidden;
	margin-bottom:20px;
}
#listing-actualites a:hover .thumbnails > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4
}
#listing-actualites .actualite_els h2 { 
	font-size:18px;
	margin:0 0 20px;
	color:#0e7837;
	padding:0;
	-webkit-transition:color .3s linear;
	-o-transition:color .3s linear;
	transition:color .3s linear;
}
#listing-actualites .actualite_els h2:before { display:inline-block; content:"/" }
#listing-actualites .actualite_els:hover h2 { color:#000; }
#listing-actualites .actualites-plus {
	display: block;
	background: url("data:image/svg+xml,%3Csvg width='54' height='93' viewBox='0 0 54 93' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Ctitle%3EPage 1%3C/title%3E %3Cdesc%3ECreated using Figma%3C/desc%3E %3Cg id='Canvas' transform='translate(61 -423)'%3E %3CclipPath id='clip-0' clip-rule='evenodd'%3E %3Cpath d='M -571 -672L 869 -672L 869 1345L -571 1345L -571 -672Z' fill='%23FFFFFF'/%3E %3C/clipPath%3E %3Cg id='Desktop HD Produits' clip-path='url(%23clip-0)'%3E %3Cg id='Arrow'%3E %3Cg id='Page 1'%3E %3Cuse xlink:href='%23path0_fill' transform='matrix(-1 0 0 -1 -7.07658 515.91)'/%3E %3C/g%3E %3Cg id='Group'%3E %3Cg id='Path 3'%3E %3Cuse xlink:href='%23path1_fill' transform='matrix(-1 0 0 1 -16.6471 499)' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='Path 3'%3E %3Cuse xlink:href='%23path1_fill' transform='matrix(-1 0 0 -1 -16.6471 499.207)' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='Path 4'%3E %3Cuse xlink:href='%23path2_fill' transform='translate(-33.8813 498.563)' fill='%23FFFFFF'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cdefs%3E %3Cpath id='path0_fill' fill-rule='evenodd' d='M 0 0L 0 92.7785L 42.7052 19.3017L 53.9234 0L 0 0Z'/%3E %3Cpath id='path1_fill' fill-rule='evenodd' d='M 1.33324 0L 0 0L 5.8551 6.20728L 7.35289 6.20728L 1.33324 0Z'/%3E %3Cpath id='path2_fill' fill-rule='evenodd' d='M 16.365 0.101776L 16.365 1.02557L 0 1.02557L 0 0L 16.365 0.101776Z'/%3E %3C/defs%3E %3C/svg%3E") no-repeat;
    background-size: 54px 93px;
    width:54px; height:93px;
    position:absolute;
    bottom:0; right:0;
	-webkit-transition: background-image .4s;
    -o-transition: background-image .4s;
    transition: background-image .4s;
}
#listing-actualites .actualite_els:hover .actualites-plus {
	background-image: url("data:image/svg+xml,%3Csvg width='54' height='93' viewBox='0 0 54 93' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Ctitle%3EPage 1%3C/title%3E %3Cdesc%3ECreated using Figma%3C/desc%3E %3Cg id='Canvas' transform='translate(61 -423)'%3E %3CclipPath id='clip-0' clip-rule='evenodd'%3E %3Cpath d='M -571 -672L 869 -672L 869 1345L -571 1345L -571 -672Z' fill='%23FFFFFF'/%3E %3C/clipPath%3E %3Cg id='Desktop HD Produits' clip-path='url(%23clip-0)'%3E %3Cg id='Arrow'%3E %3Cg id='Page 1'%3E %3Cuse xlink:href='%23path0_fill' transform='matrix(-1 0 0 -1 -7.07658 515.91)' fill='%230E74BA' /%3E %3C/g%3E %3Cg id='Group'%3E %3Cg id='Path 3'%3E %3Cuse xlink:href='%23path1_fill' transform='matrix(-1 0 0 1 -16.6471 499)' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='Path 3'%3E %3Cuse xlink:href='%23path1_fill' transform='matrix(-1 0 0 -1 -16.6471 499.207)' fill='%23FFFFFF'/%3E %3C/g%3E %3Cg id='Path 4'%3E %3Cuse xlink:href='%23path2_fill' transform='translate(-33.8813 498.563)' fill='%23FFFFFF'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cdefs%3E %3Cpath id='path0_fill' fill-rule='evenodd' d='M 0 0L 0 92.7785L 42.7052 19.3017L 53.9234 0L 0 0Z'/%3E %3Cpath id='path1_fill' fill-rule='evenodd' d='M 1.33324 0L 0 0L 5.8551 6.20728L 7.35289 6.20728L 1.33324 0Z'/%3E %3Cpath id='path2_fill' fill-rule='evenodd' d='M 16.365 0.101776L 16.365 1.02557L 0 1.02557L 0 0L 16.365 0.101776Z'/%3E %3C/defs%3E %3C/svg%3E");
}

/* >>> Actualités fiche -------------------------------------------------------------- */
.col-4.right {
	margin-top:30px;
	padding:40px 20px;
	float:right;
}
#news-details { padding-bottom:60px; }
#news-details .news-date {
	text-transform:uppercase;
	font-size:16px;
	color:#0e7837;
}
.news-thumb-list { margin-bottom:30px; }
figure.news-thumb-big { padding:5px; }
.news-thumb-list li {
	padding:5px;
	width:33.33333%; float:left;
}
figure.news-thumb-big > a,
.news-thumb-list li > a { display:block; overflow:hidden }
figure.news-thumb-big a > img,
.news-thumb-list li a > img { 
	display:block; max-width:100%;
	margin:0 auto;
	-webkit-transition:transform .2s linear, opacity .2s linear;
	-o-transition:transform .2s linear, opacity .2s linear;
	-webkit-transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:transform .2s linear, opacity .2s linear;
	transition:transform .2s linear, opacity .2s linear, -webkit-transform .2s linear;
}
.news-thumb-list li.news-thumb-big { width:100%; float:none; }

.rs-sharing { }
.rs-sharing li { display:inline; }
.rs-sharing li.rs-sharing-title {
	text-transform:uppercase;
	font-size:16px;
	color:#0e7837;
	display:inline-block; 
	margin-right:20px 
}
.rs-sharing li a {
	display:inline-block;
	width:30px; height:30px;
	text-align:center;
	border-radius:50%;
	line-height:26px;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
.rs-sharing li a img { margin:2px; vertical-align:middle; }
.rs-sharing li a:hover { background-color:#ccc }

/* > Présentation */
#video-presentation {
	/*max-width: 640px;*/
	padding: 40px 20px 0;
}
#presentation_video_container {
	position: relative;
    padding-bottom: 56.25%;
}
#presentation_video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#page_presentation .col-12 { padding-top:50px; }
#page_presentation h1 { line-height:1.2em; }
ul.puce-bleu, ul.puce-blanc { margin-left:20px; }
ul.puce-bleu li, ul.puce-blanc li {
	list-style-image:url(../images/puce_bleu.gif);
	margin-bottom:15px;
}
ul.puce-blanc li { list-style-image:url(../images/puce_blanc.gif); }
/* -- */
#team-jury {
	padding:5% 20px;
	margin-top:5%;
	background-color:#adabab;
}
#team-jury .box {
	max-width:970px;
	margin:0 auto;
	color:#fff;
}
#team-jury h2 { font-weight:700; }
#team-jury .col-3 { 
	padding:10px;
	line-height:1.4em;
}
#team-jury .col-3 img { 
	display:block; 
	max-width:100%;
	margin:0 auto 25px;
}
#team-jury .col-3 h3,
#team-jury .col-3 p {
	margin:0 auto;
	margin-top:5px;
	max-width:140px;
}
#team-jury .bouton_1 {
	font-size: 10px;
	padding: 5px 10px 5px 15px;
	background-size: 14px 100%;
}
#team-jury .col-3 h3 { font-weight:700; }
#team-jury .col-3 p { font-size:13px; line-height:1.2em; }
#team-jury .col-3:nth-child(5) { clear:both; margin-left: 25%; }

/* > FANCY > mot du président */

#fancy_mot-president .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
#fancy_mot-president .col-4,
#fancy_mot-president .col-8 {
	padding: 40px;
}
#fancy_mot-president .col-4 { background-color: #0e7837; color: #fff; }

#fancy_mot-president .citation {
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.4em;
	font-weight: 300;
	font-size: 30px;
}

#fancy_mot-president .auteur {
	margin-top: 30px; 
	float: left;
}
#fancy_mot-president .auteur strong { color: #0e7837 }
#fancy_mot-president .col-8 img { margin-top: 20px;  float: right; }
.fancybox-container.president .fancybox-buttons { display: none !important }

/* > Formulaires */
input[type="submit"] { 
	background-color:#231f20;
	background-image:url(../images/common/bouton_2.png);
	background-repeat:no-repeat;
	padding:10px 30px;
}

input[type="submit"].submit-add-media,
.forms-projet input[type="submit"].submit-add-media {
	padding-left: 35px;
	background-color:#231f20;
	background-size: 18px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 10h-5l9-10 9 10h-5v10h-8v-10zm11 9v3h-14v-3h-2v5h18v-5h-2z'/%3E%3C/svg%3E");
	background-position: 10px center;
}
input[type="submit"].submit-add-media:hover,
.forms-projet input[type="submit"].submit-add-media:hover {
	background-color: #0e7837;
}


/*************************************************************************************************************************************************************/
/***************************************************************** Sapa Awards / ESPACE COMPTE **********************************************************************/
/*************************************************************************************************************************************************************/
#page_identification h1 { margin: 0 0 5%; }

/* > Identification ***************************************************************************/
#form-identification {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:90%;
	padding:30px 10%;
	background-color:#0e7837;
}
#form-identification p { color:#fff; }
#form-identification fieldset {
	display:block;
	float:left;
	width:100%;
}
#form-identification input[type="submit"] { 
	margin-top:10px;
	border-radius: 0;
	width: 100%;
	background:#000 !important;
}
#form-identification input[type="submit"]:hover { background:#fff !important; color: #000 !important;  }
#form-identification a { color:#fff; text-decoration:none; }
#form-identification a:hover { text-decoration:underline; }
#sinscrire, #sinscrire-dev { 
	margin-top:40px;
	padding:30px;
	background-color:#e7e7e8;
}
#sinscrire h2 {
	float:left;
	width:44%;
	margin:10px 0 0 0;
}
#sinscrire a.bt_rond_gris {
	float:right;
	margin-right:60px;
	padding:20px 17px;
}
#sinscrire-dev { padding:0; }
#sinscrire-dev .col-6 { padding:30px; }
#sinscrire-dev h2 { float:none; }
#sinscrire-dev #form-inscription fieldset {
	display:block;
	float:left;
	width:75%;
}
#sinscrire-dev #form-inscription input[type="submit"] { 
	float:right; 
	margin-top:130px;
}


/* > Compte > Accueil **********************************************************************/
.pdf-download {
	display: inline-block;
	padding: 10px 10px 10px 40px;
	background: #0e7837 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 2v-2h10v2h-10zm0 4h10v-2h-10v2zm10 7v-5h-10v5h-6l11 11 11-11h-6z'/%3E%3C/svg%3E") 10px center no-repeat;
	background-size: 18px;
	color: #fff;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.pdf-download:hover {
	background-color: #0e7837;
	color: #fff;
}
.bt-document, .forms-projet input[type="submit"].bt-document {
	display: inline-block;
	margin: 0 10px;
	padding: 10px;
	border: none;
	background-color: #231f20;
	background-size: auto;
    background-image: none;
    background-position: inherit;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    text-transform: none;
	color: #fff;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	cursor:pointer;
}
.bt-document:hover, .forms-projet input[type="submit"].bt-document:hover {
	background-color: #0e7837;
	color: #fff;
}
#compte-home-2 {
	padding: 20px 20px 50px;
}
#compte-home-2 h2 { color: #0e7837; }
#compte-home-2 h2 em {
	color: #000;
	font-size: 14px;
	font-style: normal;
	text-transform: none;
}
#tableau-projets thead th { 
	font-weight: 700;
	font-size: 15px;
	padding: 10px;
	vertical-align: middle;
	text-transform: uppercase 
}
#tableau-projets thead th:last-child { vertical-align: top }
#tableau-projets thead tr th:first-child { text-align: left; }
#tableau-projets thead .legend-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 0;
	font-size: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	text-transform: none;
	text-align:center;
}
#tableau-projets tbody {
	border-spacing: 20px;
	border-collapse: separate;
}
#tableau-projets tbody th {
	padding: 20px;
	text-align: left; 
}
#tableau-projets tbody td {
	padding: 20px;
	position: relative;
}
#tableau-projets tbody td::before {
	position: absolute;
	left: 0; width: 1px;
	top: 10px; bottom: 10px;
	background: #e7e7e8;
	content: "";
}
#tableau-projets tbody td { text-align: center }
#tableau-projets tbody td > strong,
#tableau-projets tbody .legend-state br,
#tableau-projets tbody .legend-state > strong {
	display: none;
}
#tableau-projets tbody .legend-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
#tableau-projets .valid,
#tableau-projets .unvalid {
	display: inline-block;
	width: 12px; height: 12px;
	border-radius: 50%;
	vertical-align: middle;
}
#tableau-projets .valid { background-color: #65bf34 }
#tableau-projets .unvalid { background-color: #ed1c24 }
#tableau-projets tbody a { 
	text-decoration: underline 
}
#tableau-projets tbody tr:nth-child(2n+1) th,
#tableau-projets tbody tr:nth-child(2n+1) td { background-color: #e7e7e8 }
#tableau-projets tbody tr:nth-child(2n+1) td::before { background-color: #fff }



/*#fancybox-container-1 .fancybox-iframe {
	width:80%;
}*/
.fancy-guide {
	display:block;
	margin:60px 0 40px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; font-size: 20px; 
    color:#bcbdc0;
	padding:20px 80px 20px 20px;
	background:#fff url(../images/compte/guide_picto.png) right center no-repeat;
	-webkit-transition:color .3s, background-color .3s;
	-o-transition:color .3s, background-color .3s;
	transition:color .3s, background-color .3s;
}
.fancy-guide:hover {
	background:#0e7837 url(../images/compte/guide_arrow.png) right center no-repeat;
	color:#fff; 
}
.bt-dwnl-guide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 20px; margin: 10px 0;
	text-transform: uppercase;
	font-weight: 700;
	padding-right: 70px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	background: #0e7837;
	color: #fff;
}
.bt-dwnl-guide::after {
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%; 
	right: 20px;
	margin-top: -20px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.bt-dwnl-guide::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%23fff'%3E%3Cpath d='M8.3,20.2l9.6,8c0.4,0.4,0.9,0.7,1.5,0.8c0,0,0,0,0,0c0,0,0,0,0.1,0c0,0,0,0,0,0c0,0,0,0,0.1,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0.1,0c0,0,0,0,0,0c0,0,0,0,0.1,0c0,0,0,0,0,0c0.5-0.1,1.1-0.4,1.5-0.8l9.6-8c1.3-1.1,1.5-3,0.4-4.3l0,0c-1.1-1.3-3-1.5-4.3-0.4l-4.5,3.8v-14C23.3,3.5,21.8,2,20,2h0c-1.8,0-3.3,1.5-3.3,3.3v14.1l-4.5-3.8C11,14.5,9,14.6,8,15.9l0,0C6.9,17.2,7.1,19.1,8.3,20.2z'/%3E%3Cpath d='M32.7,35.3L32.7,35.3c0,1.5-1.2,2.7-2.7,2.7H9.9c-1.5,0-2.7-1.2-2.7-2.7v0c0-1.5,1.2-2.7,2.7-2.7h20.1C31.5,32.6,32.7,33.8,32.7,35.3z'/%3E%3C/svg%3E");
	background-size: 25px 25px;
	background-color: #07451f;
}
.bt-dwnl-guide:hover { background-color: #000; color: #fff; }
.bt-dwnl-guide:hover::after { background-color: #000; }

#form-compte-accueil {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:30px;
	background-color:#231f20;
}
#form-compte-accueil h2 { color:#a7a9ac; }
/*#form-compte-accueil fieldset {
	display:block;
	float:left;
	width:75%;
}
#form-compte-accueil input[type="submit"] { float:right; }	*/
#form-compte-accueil fieldset {
	position: relative;
	padding-right: 60px;
}
#form-compte-accueil #titre { margin-top: 0 }
#form-compte-accueil #submit-projet {
	border: none;
	padding: 0 10px;
	position: absolute;
	right: 0; top: 0;
	width: 60px; height: 40px;
	background: #0e7837;
	color: #fff;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#form-compte-accueil #submit-projet:hover { background-color: #000; }

.legend-label {
	display: block;
	padding: 10px 20px;
	margin: 8px 0 0;
	line-height: 1.5em;
	border-left: #a7a9ac 5px solid;
	background: rgba(0,0,0,.1);
	color:#848484;
	font-style:italic;
	font-size:12px;
}
#form-compte-accueil .legend-label { background-color: rgba(255,255,255,.1) }
.tooltip-label {
	display: inline-block;
	vertical-align: middle;
	background: #0e7837;
	border-radius: 50%;
	text-align: center;
	line-height: 22px;
	height: 20px;
	width: 20px;
	color: #fff;
	font-weight: 700;
	margin: 0 10px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.tooltip-label:hover { color: #fff; background-color: #000 }
.legend-label.tooltipsted-label {
	position: relative;
	padding-right: 30px;
	margin: 20px 0;
	display: none;
}
.legend-label.tooltipsted-label::after {
	content: "X";
	position: absolute;
	right: 5px; top: 2px;
	color: #a7a9ac;
	cursor: pointer;
	font-style: normal;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}

#form-compte-accueil input[type="submit"].bt_rond_bleu:hover { background-color:#0e7837; }
#compte-accueil-liste {
	padding-top:60px;
	/*border-top:solid 1px #dedede;*/
}
#compte-accueil-liste li {
	border-top:solid 1px #dedede;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
#compte-accueil-liste li:hover {
	background-color:#dedede;
}
#compte-accueil-liste li a {
	height:38px;
}
#compte-accueil-liste li a.projet-titre {
	display:inline-block;
	height:58px;
	line-height:18px;
	padding:20px 15px 20px 30px;
	background:url(../images/puce_bleu.gif) 10px center no-repeat;
}
#compte-accueil-liste li a.projet-trash {
	float:right;
    display:inline-block;
    height:58px;
    padding:10px 20px;
}
#bt-ajouter-projet {
	display:block;
	padding:20px 20px 20px 30px;
	background:#e7e7e8 url(../images/plus.png) right center no-repeat;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	color:#939598;
	cursor:pointer;
	-webkit-transition:background-color .2s linear, color .2s linear;
	-o-transition:background-color .2s linear, color .2s linear;
	transition:background-color .2s linear, color .2s linear;
}
#bt-ajouter-projet:hover {
	background-color:#7a7b7c;
	color:#e6e7e8;
}

/* > Compte > Projet */
#compte-projet-encours {
	position:relative;
	float:left;
	width:50%;
	height:110px;
	padding:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color:#231f20;
}
#compte-projet-encours h2 { 
	color:#fff; 
	font-size: 20px;
	width: 100%;
	margin: 0;
}
#compte-projet-encours p { 
	font-size:16px;
	color:#fff;
	width: 100%;
	margin: 0;
}
#page_compte-projet #bt-ajouter-projet {
	float:right;
	width:50%;
	height:110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px 60px 10px 20px;
	font-size: 16px;
}

#compte-projet-encours span { 
	display:block;
	position:absolute;
	bottom:-18px;
	left:50%;
	width:71px;
	height:18px;
	margin-left:-35px;
	background:url(../images/compte/compte_01.gif) no-repeat;
}
#compte-projet-nav { 
	display:table;
	width:100%;
}
#compte-projet-nav li { 
	display:table-cell;
	position:relative;
	padding:0 10px;
}
#compte-projet-nav li:first-child { padding-left:40px; }
#compte-projet-nav li:last-child { padding-right:40px; }
#compte-projet-nav li a {
	display:block;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:100%;
	height:100px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#compte-projet-nav li a em {
	display:block;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:25%;
	height:100%;
	padding:20px 0;
	background-color:#0e7837;
	border-top:solid 1px #0e7837;
	border-bottom:solid 1px #e7e7e8;
	font-size:28px;
	font-style:normal;
	line-height:60px;
	color:#fff;
	text-align:center;
}
#compte-projet-nav li.active a em { 
	border-top:solid 1px #58585a;
	background-color:#58585a;
}
#compte-projet-nav li a strong {
	display:block;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:75%;
	height:100%;
	padding:20px 10px 10px 10px;
	background-color:#fafafb;
	border-top:solid 1px #e7e7e8;
	border-right:solid 1px #e7e7e8;
	font-size:20px;
	color:#231f20;	
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
	inline-size: 120px;
  	overflow-wrap: break-word;
}
#compte-projet-nav li a:hover strong { background-color:#e7e7e8; }
#compte-projet-nav li.active a strong { background-color:#e7e7e8; }
.forms-projet { padding:30px 100px; }
/*.forms-projet label { margin-bottom:20px; }*/
.forms-projet label strong { 
	font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	color:#0e7837;
}
.forms-projet label em { 
	font-size:12px;
	font-style:normal;
	color:#818285;
}
.forms-projet textarea { height:250px; }
.forms-projet textarea[rows="2"],
.forms-projet textarea[rows="5"],
.forms-projet textarea[rows="10"],
.forms-projet textarea[rows="20"] { height: auto }
.forms-projet input[type="submit"] { 
	display:block;
	margin:0 auto;
	background-color:#0e7837;
	border:none;
	font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
.forms-projet input[type="submit"]:hover { background-color:#000; }

/* > Compte > Projet > Architecte */
#virgule {
	float:right;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	width:220px;
	height:250px;
	margin-top:40px;
	padding:70px 30px 10px 30px;
	background:url(../images/compte/bulle.gif) no-repeat;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height: 21px;
	color:#fff;
	text-align:center;
}
#submit-email {
	margin-top: 22px;
    padding-right: 60px;
    background: #0e7837 url(../images/compte/mail.png) 95% center no-repeat;

    width: 100%;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#submit-email:hover { background-color: #000; }

.forms-projet hr { background:#fff; }
.submit-inline {
	display:inline-block !important;
	margin:0 10px !important;
}

/* > Le book */
#page_book #galerie { padding-bottom:50px; }
#page_book #galerie li {
	float:left;
	width:29.333%;
	margin:2%;
}
#page_book #galerie li a {
	display:block;
	padding:20px 20px 10px;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
#page_book #galerie li a:hover { background-color:#e7e7e8; }
#page_book #galerie li a img { display:block; width:100%; }
#page_book #galerie li a h2 {
	height:60px;
	font-weight:700;
	margin:10px 0 0;
	font-size:18px;
	line-height:20px;
	text-align:center;
}

/* > Le book > fiche */
#page_book #galerie-fiche { padding-bottom:50px; }
#page_book #galerie-fiche li {
	float:left;
	width:29.333%;
	margin:2%;
}
#page_book #galerie-fiche li a {
	display:block;
	-webkit-transition:background-color .2s linear, opacity .2s linear;
	-o-transition:background-color .2s linear, opacity .2s linear;
	transition:background-color .2s linear, opacity .2s linear;
}

/* > Fancybox ------------------------------------------------------------------------------------------------------- */
._fancy { background-color:#fff; }
._fancy #content { padding:30px; }
._fancy p.fs-30 { line-height:1.4em; }

#fancy_inscription-closed {
	width: 100%;
	height: 100%;
	max-height: 360px;
}
#fancy_inscription-closed #content {
	padding: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* > LIMITATIONS / DROITS D'EDITIONS
-------------------------------------------------------------------------------------------------------------------------------- */
.limitation {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:10px 30px;
	background-color:rgba(255, 255, 255, 0.5);
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23be0000'%3E%3Cpath d='M12 1l-12 22h24l-12-22zm-1 8h2v7h-2v-7zm1 11.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/%3E%3C/svg%3E");
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 40px;*/
	text-align:center;
	color:#ff0000;
}


/* > BOUTONS
-------------------------------------------------------------------------------------------------------------------------------- */
.bt_rond_bleu, .bt_rond_gris {
	display:inline-block;
	padding:20px;
	border:none;
	border-radius:33px;
	background-color:#0e7837; /* #69c7f1 */
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	font-size:26px;
	text-transform:uppercase;
	line-height:26px;
	color:#fff;
	cursor:pointer;
	-webkit-transition:background-color .3s linear, color .3s linear;
	-o-transition:background-color .3s linear, color .3s linear;
	transition:background-color .3s linear, color .3s linear;
}
.bt_rond_gris {
	background-color:#939598;
}
.bt_rond_bleu:hover, .bt_rond_gris:hover {
	background-color:#231f20;
}

/* > FORMULAIRES
-------------------------------------------------------------------------------------------------------------------------------- */
form textarea,
form select,
form input[type="text"],
form input[type="password"] {
	border:solid 1px #fff;
	background-color:#fff;
	font-size:16px;
	color:#2c353d;
}
form textarea:hover,
form select:hover,
form input[type="text"]:hover,
form input[type="password"]:hover { border-color:#2c353d; }
form textarea:focus,
form select:focus,
form input[type="text"]:focus,
form input[type="password"]:focus { 
	border-color:#2c353d; color:#2c353d;
	-webkit-box-shadow:#2c353d 0 0 5px;
	-ms-box-shadow:#2c353d 0 0 5px;
	-o-box-shadow:#2c353d 0 0 5px;
	box-shadow:#2c353d 0 0 5px;
}

/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
.bg-blanc   { background-color:#ffffff; }
.bg-gris   { background-color:#e7e7e8; }
.bg-gris-fonce   { background-color:#58585a; }
.bg-noir   { background-color:#231f20; }
.bg-bleu   { background-color:#0e7837; }

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
.ff-arial   { font-family:Arial, sans-serif; }
/* > couleurs --------------------------------------------------- */
.fc-blanc   { color:#ffffff; }
.fc-gris    { color:#a7a9ac; }
.fc-gris-fonce    { color:#818285; }
.fc-noir    { color:#231f20; }
.fc-bleu 	{ color:#0e7837; }
.fc-bleu-clair 	{ color:#0e7837; }


/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}