body {
	background: #fff;
	font-size: 12px;
	font-family: Roboto,'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
}

body[data-off="true"] { overflow:hidden; }
body[data-off="true"] #bodyHidden {
	position:absolute;
	z-index:15;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
}

body[data-off="false"] { overflow:auto; }

ul.gabarit_sousmenu,
#gabarit_recherche {
	display: none;
}

#gabarit_pub0, #gabarit_pub1 {
	display: none !important;
}

.div-figure img { max-width: 260px; }
.EnteteTitres img { max-width: 300px; }
.content_mobile table img { display: none; }

#gabarit_mobile_ato {
	position:relative;
	text-align: left;
	color: #fff;
}

/* LINKS */
#gba_links {
	height: 30px;
	line-height: 30px;
	background: #065d85;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0;
	text-align: center;
	padding:0 8px;
}

#gba_links a {
	display:block;
	padding:0;
	position:relative;
	text-decoration:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 6;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.135rem;
}

#gba_links a:after, #gba_links a::after {
	border-left: 1px solid rgba(255,255,255,0.2);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: skewX(-28deg);
	transform: skewX(-28deg);
	z-index: -1;
}
#gba_links a:nth-child(1):after, #gba_links a:nth-child(1)::after { border-left: 0; }
#gba_links a:nth-child(2):after, #gba_links a:nth-child(2)::after { background-color: #196d94; }

/* CONTENU */
#gabarit_mobile_ato #gba_contenu {
	position:relative;
	background: #1b415a;
	height:40px;
	border-top: 1px solid #00618e;
	-webkit-box-shadow: 0 -5px 6px -1px #28779c7d;
	box-shadow: 0 -5px 6px -1px #28779c7d;
}

/* LOGO */
#gabarit_mobile_ato #gba_logo {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:140px;
	height:40px;
	z-index: 5;
}
#gabarit_mobile_ato #gba_logo img { position:relative; top:-12px; left:-3px; opacity:.8; }
#gabarit_mobile_ato #gba_logo span {
	position:absolute;
	z-index:1;
	top:0;
	left:5px;
	text-align:left;
	color:#cbe1ed;
	text-shadow: 0px 1px 2px #0d2636;
	font-weight:bold;
	font-size:16px;
	letter-spacing: 0.1rem;
	height:40px;
	line-height:40px;
}

/* NAVIGATION */
#gabarit_mobile_ato #gba_nav {
	position:absolute;
	top:0;
	right:0;
	height:inherit;
	width:calc(100% - 162px);
}
#gabarit_mobile_ato #gba_nav .gba_nav {
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 1;
	width: auto;
	line-height: 40px;
	color: #d4eef8;
	text-align: center;
	cursor:pointer;
}
#gabarit_mobile_ato #gba_nav .gba_nav#gba_rubrique {
	font-size:12px;
	white-space:nowrap;
	right:52px;
	font-weight: bold;
	letter-spacing: 0.1rem;
}
#gabarit_mobile_ato #gba_nav #gba_rubrique.activeSpan { color:#59e0ff; }
#gabarit_mobile_ato #gba_nav #gba_rubrique i { position:relative; top: 1px; margin-right:6px; font-size: 15px; }
#gabarit_mobile_ato #gba_nav #gba_nav_menu { width:46px; font-size:20px; height:40px; top:1px; }


#gabarit_mobile_ato #gba_snav {
	position:relative;
	top:18px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3px;
	width: calc(100% - 8px);
	margin-left: 4px;
}

/* SEPARATION */
#gabarit_mobile_ato .gba_separation {
	position:relative;
	z-index:3;
	bottom:1px;
	height: 8px;
	background-color: #1b415a;
	width: 100%;
	height:1px;
	-webkit-box-shadow: 0 0 4px 1px #39576b;
	box-shadow: 0 0 4px 1px #39576b;
}

/* FIL */
#gabarit_mobile_ato #gba_fil {
	position:relative;
	z-index:2;
	xwidth:calc(100% - 20px);
	height:25px;
	line-height:27px;
	padding:0;
	padding:0 10px;
	background: #c5dcf0;
	border-bottom: 1px solid #add0ef;
	-webkit-box-shadow: 0 -5px 6px -1px #28779c45;
	box-shadow: 0 -5px 6px -1px #28779c45;
	color: #263b52;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px #d5ecff;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

/* CONTENU PAGE */
#gabarit_mobile_contenuPage {
	padding: 3%;
	background: white;
}

#actu.mobile { top:0 !important; }

/* PANNEAU DE CONNEXION */
#gabarit_mobile_connexion {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	width: auto;
	height: auto;
	padding:3px 12px 5px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	-webkit-border-bottom-left-radius: .35rem;
	border-bottom-left-radius: .35rem;
	background: #284d65;
	background: -moz-linear-gradient(top, #284d65 0%, #1b415a 100%);
	background: -webkit-linear-gradient(top, #284d65 0%,#1b415a 100%);
	background: linear-gradient(to top, #284d65 0%, #1b415a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284d65', endColorstr='#1b415a',GradientType=0 );
	color: #89b7d1;
	border: 1px solid #314956;
	border-top:0;
	border-right:0;
	-webkit-box-shadow: inset 0px 0px 3px 0px #1f3b48;
	box-shadow: inset 0px 0px 3px 0px #1f3b48;
	cursor:pointer;
	font-weight:bold;
}

#gabarit_mobile_connexion.login {
	color: #5d7f93;
	background: #fff;
	border: 0;
	-webkit-box-shadow: inset 0px 0px 3px 0px #5598a7;
	box-shadow: inset 0px 0px 3px 0px #5598a7;
}

/* MENU RUBRIQUES */
#gabarit_mobile_ato.longMenu div:nth-child(3) a,
#gabarit_mobile_ato.longMenu div:nth-child(3) span {
	margin: 0 0 6px 0;
	border-radius: 4px;
	padding: 4px 0px;
	width: calc(100% - 43px);
	background: #2a526c;
	color: #abd3ea;
	border: 1px solid #6193bb;
}

#gabarit_mobile_ato.longMenu div:nth-child(3) span {
	margin-bottom:10px;
}

#gabarit_menu_mobile {
	display:none;
	width: 100%;
	xheight: 100%;
	background: white;
	color: white;
	font-size: 10pt;
	z-index: 2;
	overflow:hidden;
}

#gabarit_menu_mobile p {
	color: #cbe3ee;
	background: #102838;
	height: 16px;
	padding: 6px;
	margin: 0 !important;
	font-size:0.75rem;
	box-sizing: content-box;
}

#gabarit_menu_mobile a,
#gabarit_menu_mobile a:active,
#gabarit_menu_mobile a:focus,
#gabarit_menu_mobile a:visited {
	display:block;
	color: white;
	text-decoration: none;
	padding-left: 10px;
	outline: none;
}

#gabarit_menu_mobile > ul {
	list-style: none;
	position:relative;
	margin: 0 0 4px;
	padding: 0;
	background: #6b90a8;
	border-bottom: 10px solid #254c68;
}

#gabarit_menu_mobile > ul > li {
	margin: 0 0 1px 0;
	padding: 0;
	background: #5A7F97;
	width: 100%;
}

#gabarit_menu_mobile > ul > li:hover, #gabarit_menu_mobile > ul > li.active_menu { background: #254c68; }
#gabarit_menu_mobile > ul > li.active_menu { padding-bottom: 0; }

#gabarit_menu_mobile > ul > li a {
	position:relative;
	padding: 0 10px;
	height:32px;
	line-height:32px;
}
#gabarit_menu_mobile > ul > li a i.fa-plus {
	position:absolute;
	top:10px;
	right:10px;
	font-size:11px;
	opacity:.5;
}

#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu {
	display:none;
	width:100%;
	position:relative;
	border:0;
	margin: 0 0 -4px 0;
	background-color: #225063;
	padding-top: 0;
	padding-bottom: 2px;
	box-shadow: inset 3px 4px #000;
	-moz-box-shadow: inset 0px 0px 5px 0px #4699cf;
	-webkit-box-shadow: inset 0px 0px 5px 0px #4699cf;
	-o-box-shadow: inset 0px 0px 5px 0px #4699cf;
	box-shadow: inset 0px 0px 5px 0px #4699cf;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4699cf, Direction=NaN, Strength=5);
}

#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu li {
	margin::0;
	padding: 0;
	background-color: #AFC3D0;
}

#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu li:hover,
#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu li:hover a {
	background: #e4e4e4;
}

#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu a,
#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu a:active,
#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu a:focus,
#gabarit_menu_mobile > ul > li > ul.gabarit_sousmenu a:visited {
	color: #0e3245;
	font-size:12px;
	padding: 0 20px;
	height:28px;
	line-height: 30px;
}

#gabarit_menu_mobile > ul > li a i.fa-greater-than {
	position:relative;
	top:-1px;
	left:0;
	margin-right:10px;
	font-size:10px;
	opacity:.8;
}

/* BANDEAU DE CONNEXION DIRECT */
#gabarit_mobile_ato_connexion {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 30px;
	background: #1a3344;
	color: #fff;
	line-height: 33px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 8px;
	box-shadow: 0 0 3px 0px #000;
	-webkit-box-shadow: 0 0 3px 0px #000;
	border-top: 1px solid #9db8ca;
}

#gabarit_mobile_ato_connexion div a { display:block; color:#fff; cursor:pointer; text-decoration:none; }

/* CONNEXION */
#gabarit_connexionMobile {
	display:none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	position: fixed;
	top:0;
	left:0;
	z-index: 10;
	text-align: left;
	background:#fff;
	overflow-y:auto;
	font-size:14px;
}

#gabarit_connexionMobile form { width:auto; height:auto; }

#gabarit_connexionMobile #gcm_logo { position:absolute; z-index:2; top:8px; left:1px; }

#gabarit_connexionMobile div.headerBox {
	position:relative;
	background:#293a4e;
	color:#fff;
	font-weight:bold;
	border:0;
	height:40px;
	line-height:40px;
	padding:0 10px;
	margin-bottom:0;
	font-size:16px;
}
#gabarit_connexionMobile div.headerBox span { position:relative; z-index:3; left:40px; }

#gabarit_connexionMobile #fermerConnexionMobile {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	cursor:pointer;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	font-size:20px;
	width:60px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-left:1px groove #7193ba;
}

#gabarit_connexionMobile .englobeForm {
	padding:20px;
	padding-bottom:50px;
	color:#293a4e;
	display:grid;
}

#gabarit_connexionMobile .englobeForm p.descr { margin-bottom:20px; grid-row: 1; }

#gabarit_connexionMobile #identificationConnexionMobile,
#gabarit_connexionMobile #inscriptionConnexionMobile {
	width:calc(100% + 40px);
	margin-left:-20px;
	padding:20px;
}

#gabarit_connexionMobile div.elementPrincipal {
	border-top:1px solid #dee6ef;
	border-bottom:1px solid #dee6ef;
	box-shadow: inset 0px 0px 10px 0 #b5c3d4a3;
	-webkit-box-shadow: inset 0px 0px 10px 0 #b5c3d4a3;
	grid-row: 2;
}

#gabarit_connexionMobile div:not(.elementPrincipal) {
	grid-row: 3;
}

#gabarit_connexionMobile #identificationConnexionMobile:not(.elementPrincipal),
#gabarit_connexionMobile #inscriptionConnexionMobile:not(.elementPrincipal) {
	padding-bottom:0 !important;
}

#gabarit_connexionMobile #identificationConnexionMobile h5,
#gabarit_connexionMobile #inscriptionConnexionMobile h5 { margin-bottom: 20px; }

#gabarit_connexionMobile #identificationConnexionMobile #loginBoxConnexionMobile {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 8px;
}

#gabarit_connexionMobile #identificationConnexionMobile #loginBoxConnexionMobile span { line-height:25px; }
#gabarit_connexionMobile #identificationConnexionMobile #loginBoxConnexionMobile a { margin:10px 0; }

#gabarit_connexionMobile .form-control {
	display: inline-block;
	font-size:.8rem;
	line-height:19px;
	width:auto;
	height:auto;
	padding:3px 5px;
	margin-bottom:0;
}

#gabarit_connexionMobile #formmsgConnexionMobile { color:red; margin: 10px 0 15px; font-weight:bold; font-size:12px; letter-spacing:1px; }

#gabarit_connexionMobile #btnValidationConnexion { position:relative; margin:10px 0; }

#gabarit_connexionMobile #formbuttonConnexionMobile,
#gabarit_connexionMobile #inscriptionConnexionMobile a { width:100%; }
#gabarit_connexionMobile #inscriptionConnexionMobile a { margin:10px 0; }
#gabarit_connexionMobile #formbuttonConnexionMobile.actif { background-color: #138d0f; box-shadow: none; }

#gabarit_connexionMobile #loadingConnexionMobile { display:none; position:absolute; right:20px; top:10px; width: 1.2rem; height: 1.2rem; border-width: 0.2em; }

/* MENU */
#gabarit_mobile_ato_menu {
	position:fixed;
	z-index:20;
	top:0;
	left:-100%;
	width:100%;
	max-width:400px;
	height:100%;
	transition: left 1s, transform 1s;
	-webkit-transition: left 1s, -webkit-transform 1s;
	-webkit-transform: translateX(0);
}

#gabarit_mobile_ato_menu #gmam {
	position:relative;
	left:0;
	z-index:21;
	width:calc(100% - 40px);
	height:100%;
	background-color:#fff;
	box-shadow: 0 0px 6px #172c3b;
	-webkit-box-shadow: 0 0px 6px #172c3b;
}

#gabarit_mobile_ato_menu #gmam_replier {
	position: absolute;
	top: 0;
	right:0;
	z-index: 22;
	width: 40px;
	height: 100%;
	color: #7d7c7c;
	text-shadow: 0 1px 0 #e6e6e6;
	text-align: center;
	cursor:pointer;
	background-color:#ccc;
	font-size:20px;
	box-shadow: inset 1px 0px 2px 0px #767676;
	-webkit-box-shadow: inset 1px 0px 2px 0px #767676;
}
#gabarit_mobile_ato_menu #gmam_replier i { position: absolute; top:calc(50% - 10px); left:11px; }

#gabarit_mobile_ato_menu #gmam #gmam_logo { position:absolute; z-index:2; top:3px; left:0; }

#gabarit_mobile_ato_menu #gmam #gmam_entete {
	width:calc(100% + 10px);
	height: 40px;
	line-height: 40px;
	background-color:#1a3344;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

#gabarit_mobile_ato_menu #gmam #gmam_entete span {
	position: relative;
	z-index: 3;
	left: 45px;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu {
	width:calc(100% + 10px);
	height:calc(100% - 40px);
	overflow:hidden;
	overflow-y:auto;
	background-color:#1a3344;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu .blocLien i { margin-left:10px; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc { position:relative; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc[data-type="profil"]:before,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc[data-type="profil"]::before { background-color:#5ec54859; }
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc[data-type="profil"] ul { background-color:#5ec54826; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu ul { display:none; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc:nth-child(1) { margin-top: 15px; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc:before,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc::before,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .blocLien {
	display: block;
	height:40px;
	line-height:40px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration:none;
	padding: 0 5%;
	margin: 0;
	font-weight: 700;
	color: #fff;
	box-shadow: -5px 0px 2px #407daa;
	-webkit-box-shadow: -5px 0px 2px #407daa;
	border-top: 1px solid #14212b;
	border-bottom: 1px solid #14212b;
	cursor:pointer;
	white-space: nowrap;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu #repereLogout { background:#ff000026; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc:before,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc::before { content: attr(data-title); }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu:after,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu::after {
	display: block;
	position:absolute;
	top:0;
	right:calc(5% + 10px);
	content: '+';
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu.show:after,
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu.show::after { content: '-'; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc ul {
	padding:0;
	margin: 0;
	list-style-type: none;
	background:#35586f;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu ul { display:none; }
#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc.smenu.show ul { display:block; }

#gabarit_mobile_ato_menu #gmam #gmam_contenu .bloc a {
	display:block;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	text-overflow:ellipsis;
	overflow:hidden;
	cursor:pointer;
	padding:0 5% 0 10%;
	white-space: nowrap;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu div a.btn {
	display:block;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	padding: 0;
	margin:15px calc(5% + 10px) 15px 5%;
	white-space: nowrap;
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #0f1c25;
}

#gabarit_mobile_ato_menu #gmam #gmam_contenu div #gmac_connexion_menu.btn {
	background:#6da86e;
	text-shadow: 0px 1px 1px #447333;
	box-shadow: inset 0 0 4px 0 #2a512f;
	-webkit-box-shadow: inset 0 0 4px 0 #2a512f;
}
#gabarit_mobile_ato_menu #gmam #gmam_contenu div #gmac_connexion_menu.btn:hover { background:#59905a; }
#gabarit_mobile_ato_menu #gmam #gmam_contenu div #gmac_inscription_menu.btn {
	background:#bb7d7d;
	text-shadow: 0px 1px 1px #613939;
	box-shadow: inset 0 0 4px 0 #512a2a;
	-webkit-box-shadow: inset 0 0 4px 0 #512a2a;
}
#gabarit_mobile_ato_menu #gmam #gmam_contenu div #gmac_inscription_menu.btn:hover { background:#a86d6d; }

/**** PARTENAIRE ****/
footer #gabarit_mobile_partenaire {
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	color:#428bca;
}

footer #gabarit_mobile_partenaire a { color:#428bca; }

#gabarit_voiraussi .gabarit_voiraussi {
	grid-template-columns: 1fr !important;
	grid-template-rows: none !important;
	grid-auto-rows: 225px !important;
	height: auto !important;
}

#gabarit_voiraussi .image {
	height: 100px !important;
	width: 100px !important;
	margin-top: 10px;
	background-size: 100px;
}

#gabarit_voiraussi .gabarit_voiraussi article {
	grid-template-rows: 100px auto !important;
}

#gabarit_voiraussi .gabarit_voiraussi article div.texte {
	padding-top: 10px !important;
}