@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:300,400,500,600,700');
.mobileOnly {
	display: none;
}
.aiderecherche {
	position:absolute;
	font-size:12px;
	font-family:'Montserrat', sans-serif;
	color:#a0755a;
}
.sstitrerecherche {
	margin-top:10px;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#a0755a;
	text-transform:uppercase;
}
.sstitrerecherche .libellerecherche {
	font-weight:700;
}
.titreblocrecherche {
	margin-top:20px;
	margin-bottom:0px;
	font-family: 'arno_probold_italic_caption';
	font-size:40px;
	line-height:44px;
	color:#97684b;
}
.rechercheLoupe {
	position:absolute;
	margin:11px 0px 0px 335px;
	cursor:pointer;
}
div.message {
	background-color:#c2aa9c;
	padding:15px;
	font-family: 'arno_prosemibold_smtext';
	font-size: 18px;
	color:white;
	margin-bottom:50px;
}
div.message.vert {
	background-color:#649e64;
}
div.message.rouge {
	background-color:#ba4848;
}

.bouton {
	float:right;
	margin:0px 0px 50px 31px;
	width:342px;
	cursor:pointer;
	text-align:center;
	padding:24px 0px 24px 0px;
	-moz-transition: background-color 0.1s ease;
	-webkit-transition: background-color 0.1s ease;/* WebKit */
	-o-transition: background-color 0.1s ease; /* Opera */
	transition: background-color 0.1s ease; /* Standard */
}
.forminscriptionatv .bouton {
	margin:30px 0px 10px 0px;
}
.bouton .titre {
	font-family: 'arno_probold_italic_smtext';
	font-size:30px;
}
.bouton .sstitre {
	text-transform:uppercase;
	font-family: 'arno_probold_italic_smtext';
	font-size:30px;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:600;
}
.bouton.annuler {
	background-color:white;
	color:#7d553d;
}
.bouton.annuler:hover {
	background-color:#f7f7f7;
}
.bouton.enregistrer {
	background-color:#97674b;
	color:white;
}
.bouton.enregistrer:hover {
	background-color:#7e553e;
}
html {
	 overflow-y: scroll; /*scrollbar toujours affichées*/
}
body {
	margin:0px;
	width:100%;
	background-color:#eeeeee;
}
.content {
	width:1300px;
	margin:auto;
}
.content.colleagauche {
	width:auto;
}
a {
	text-decoration:none;
}
.bgbrun {
	background-color:#97684b;
}
.bgbrunclair {
	background-color:#c2ab9d;
}
.header {
	min-width:1300px;
}
.header .top {
	position:fixed;
	width:100%;
	z-index:10;
}
.header .fonctions {
	border-collapse:collapse;
	width:100%;
}
.header .image {
	padding-top:52px;
	background: url('../images/academie_2.jpg');
	background-position:center center;
	background-size:cover;
	height:388px;
}
.accueil .header .image {
	height:610px;
}
.header .transparent {
	/*background-color:rgba(250,250,250,0.95);*/
	background:radial-gradient(at 50% bottom, rgba(250,250,250,0.95) 1%, #f5f5f5 100%);
	height:183px;
}
.accueil .header .transparent {
	height:230px;
}
.header .logo {
	background-image:url('../images/logonew2.png');
	background-size:191px;
	background-repeat:no-repeat;
	width:191px;
	height:159px;
	position:absolute;
	margin:13px 0px 0px 0px;
	cursor:pointer;
}
.accueil .header .logo {
	background-image:url('../images/logonew3.png');
	background-size:240px;
	background-repeat:no-repeat;
	width:240px;
	height:199px;
	position:absolute;
	margin:17px 0px 0px 0px;
	cursor:pointer;
	image-rendering: -webkit-optimize-contrast;
}
.fonctions td {
	height:52px;
}
.fonctions a {
	display:block;
	color:white;
	text-transform:uppercase;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border-bottom:1px solid #97684b;
	padding:3px 0px 3px 0px;
	opacity:0.8;
}
.fonctions a:hover {
		-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;/* WebKit */
	-o-transition: all 0.3s ease; /* Opera */
	transition: all 0.3s ease; /* Standard */
	border-bottom:1px solid white;
	opacity:1;
}
.fonctions .separateur {
	color:#614c3e;
	padding:0px 13px 0px 13px;
}
.fonctions .separateur div {
	width:2px;
	height:12px;
	background-color:#614c3e;
}
.page .separateur {
	height:6px;
	width:110px;
}
.page .separateur.width70 {
	width:70px;
}
.header .menu {
	position:absolute;
	/*margin:107px 0px 0px 557px;*/ /*60333*/
	margin:107px 0px 0px 350px;
	/*min-width:743px;*/ /*60333*/
	min-width:950px;
}
.accueil .header .menu {
	position:absolute;
	margin:138px 0px 0px 350px;
	min-width:950px;
}
.header .menu .menusec1 {
	float:left;
	text-align:center;
	/*width:193px;*/ /*60333*/
	width:250px;
}
.accueil .header .menu .menusec1 {
	float:left;
	text-align:center;
	width:250px;
}
.header .menu .menusec4,.header .menu .menusec5 {
	display:none;
}
.header .menu .menusec1 .ecart {
	height:32px;
	cursor:pointer;
}
.accueil .header .menu .menusec1 .ecart {
	height:38px;
	cursor:pointer;
}
.header .menu .menusec1 .ligne {
	position:absolute;
	width:1px;
	height:43px;
	/*margin:-20px 0px 0px 96px;*/ /*60333*/
	margin:-20px 0px 0px 125px;
}
.accueil .header .menu .menusec1 .ligne {
	position:absolute;
	width:1px;
	height:48px;
	margin:-24px 0px 0px 125px;
}
.header .menu .menusec2 {
	padding:0px 0px 0px 0px;
}

.header .menu .menusec3 {
	padding:0px 0px 0px 0px;
}
.header .menu .menus2 {
	/*display:none;
	width:193px;
	position:absolute;
	padding:12px 0px 12px 0px;
	z-index:2;*/  /*60333*/
	display:none;
	width:250px;
	position:absolute;
	padding:12px 0px 12px 0px;
	z-index:2;
}
.accueil .header .menu .menus2 {
	display:none;
	width:250px;
	position:absolute;
	padding:12px 0px 12px 0px;
	z-index:2;
}
.header .menu .menus3 {
	/*display:none;
	background-color:white;
	width:193px;
	position:absolute;
	padding:12px 0px 12px 0px;
	margin:0px 0px 0px 193px;
	z-index:2;
	top:0;*/ /*60333*/
	display:none;
	background-color:white;
	width:250px;
	position:absolute;
	padding:12px 0px 12px 0px;
	margin:0px 0px 0px 250px;
	z-index:2;
	top:0;
}
.accueil .header .menu .menus3 {
	display:none;
	background-color:white;
	width:250px;
	position:absolute;
	padding:12px 0px 12px 0px;
	margin:0px 0px 0px 250px;
	z-index:2;
	top:0;
}
.header .menu .menusec1:last-child .menus3 {
	/*margin:0px 0px 0px -193px;*/  /*60333*/
	margin:0px 0px 0px -250px;
}
.accueil .header .menu .menusec1:last-child .menus3 {
	margin:0px 0px 0px -250px;
}
.menu .Leftmenu1 {
	/*width:193px;*/ /*60333*/
	width:210px;
	/*padding:0px 0px 0px 0px;*/ /*60333*/
	padding:0px 20px 0px 20px;
	display:block;
	font-family:'Montserrat', sans-serif;
	font-size:15px;
	font-weight:600;
	color:#343434;
	text-transform:uppercase;
	line-height:22px;
	cursor:pointer;
	letter-spacing:1px;
}
.accueil .menu .Leftmenu1 {
	width:230px;
	padding:0px 10px 0px 10px;
	font-size:17px;
	line-height:27px;
}
.header .menu .menusec1:first-child .Leftmenu1,.header .menu .menusec1:last-child .Leftmenu1 {
	/*width:143px;
	padding:0px 25px 0px 25px;*/ /*60333*/
	width:160px;
	padding:0px 45px 0px 45px;
}
.accueil .header .menu .menusec1:first-child .Leftmenu1,.accueil .header .menu .menusec1:last-child .Leftmenu1 {
	width:180px;
	padding:0px 35px 0px 35px;
}
.menu .Leftmenu2 {
	/*display:block;
	text-align:left;
	padding:8px 25px 8px 25px;
	font-family:'Montserrat', sans-serif;
	font-size:12px;
	font-weight:600;
	color:white;
	text-transform:uppercase;
	cursor:pointer;*/ /*60333*/
	display:block;
	text-align:left;
	padding:8px 25px 8px 25px;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:600;
	color:white;
	text-transform:uppercase;
	cursor:pointer;
}
.accueil .menu .Leftmenu2 {
	display:block;
	text-align:left;
	padding:8px 25px 8px 25px;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	font-weight:600;
	color:white;
	text-transform:uppercase;
	cursor:pointer;
}
.menu .Leftmenu3 {
	display:block;
	text-align:left;
	padding:5px 25px 5px 25px;
	font-family: 'arno_prosmtext';
	/*font-size:16px;*/ /*60333*/
	font-size:18px;
	font-weight:400;
	color:#343434;
	cursor:pointer;
}
.accueil .menu .Leftmenu3 {
	font-size:18px;
}
.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.header .blocs {
	margin-top:106px;
}
.accueil .header .blocs {
	margin-top:263px;
}
.header .blocs img {
	float:right;
	margin:0px 0px 0px 30px;
	cursor:pointer;
	height:140px;
	opacity:0.90;
	filter: alpha(opacity=90);
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;/* WebKit */
	-o-transition: opacity 0.2s ease; /* Opera */
	transition: opacity 0.2s ease; /* Standard */
}

.accueil .header .blocs img {
	float:right;
	cursor:pointer;
	height:168px;
	opacity:0.90;
	filter: alpha(opacity=90);
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;/* WebKit */
	-o-transition: opacity 0.2s ease; /* Opera */
	transition: opacity 0.2s ease; /* Standard */
}
.header .blocs img:hover {
	/*margin-top:-5px;*/
	opacity:1;
	filter: alpha(opacity=100);
}
.accueil .header .blocs img:hover {
	/*margin-top:-5px;*/
	opacity:1;
	filter: alpha(opacity=100);
}
.blocadeplacer {
	width:835px;
}
.page {
	padding-top:41px;
	min-width:1300px;
	min-height:500px;
}
.footer {
	background-color:#525252;
	padding:20px 0px 16px 0px;
	text-align:center;
	min-width: 1300px;
}
.footer img {
	border:0px;
	margin:0px 18px 0px 18px;
	margin: 0px 17.9px 0px 18px;
	height:65px;
	cursor:pointer;	
}
.footer .content {
	width: 1335px;
}
.titre {
	font-family:'arno_probold_italic_smtext';
	font-size:34px;
}
.colorbrun {
	color:#97684b;
}
.colorgreen {
	color:#769576;
}
.colororange {
	color:#cf4231;
}
.contentfooter {
	/*width:1300px;
	margin:auto;
	position:relative;*/
	/*height:1000px;*/
	float:right;
}
.accueil .contentfooter {
	height:600px;
}
.basdroite {
	/*position :absolute;
	bottom:0;
	right:0;
	padding-bottom:89px;*/
	width:370px;
	float:right;
	padding-bottom:50px;
	padding-top:30px;
	z-index:1;
}



.accueil .basdroite {
	/*position :absolute; bottom:0; right:0;
	padding-bottom:50px;*/
	width:574px;
}
.suiveznousetaccesrapide {
	float:right;
}
.accueil .suiveznousetaccesrapide {
	/*float:none;*/
}
.accesrapide {
	float:none;
	text-align:right;
	width:250px;
	position: relative;
}
.accueil .accesrapide {
	text-align:left;
	float:right;
}
.suiveznous {
	float:none;
	text-align:right;
	width:275px;
	margin-top:76px;
	margin-right:2px;
}
.suivezLogo{
	margin-top: 6px;
	margin-right:1px;

	}
.accueil .suiveznous {
	float:right;
	margin-top:0px;
}
.accesrapide .titre,.suiveznous .titre {
	margin-bottom:20px;
}
.accesrapide a {
	display:block;
	text-transform:uppercase;
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	color:#323232;
	padding:0px 0px 8px 0px;
	font-size:14px;
	letter-spacing:1px;
}
.accesrapide a:last-child,.barinf a:last-child {
	padding:0px 0px 0px 0px;
}
.accesrapide a:hover,.barinf a:hover {
	color:black;
}
.suiveznous img {
	margin-left:10px;
}
.barinf {
	float:right;
	text-align:right;
	margin-top:69px;
}
.accueil .barinf {
	margin-top:-206px;
	max-width: 240px;
}
.barinf a {
	display:block;
	text-transform:uppercase;
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	color:#323232;
	padding:0px 0px 10px 0px;
	font-size:14px;
}
.barinf .organica {
	font-weight:700;
	margin-top:5px;
}
.sousmenus .messagecomptenonvalide {
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:red;
}
.sousmenus .messagecomptenonvalide a {
	display:inline;
	text-transform:none;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:red;
}
.sousmenus .messagecomptenonvalide a:hover {
	text-decoration:underline;
	color:red;
}
.sousmenus {
	float:right;
	text-align:right;
	width:393px;
}
.sousmenus .soussousmenus {
	border-right:3px solid #c2ab9d;
	margin:0px 0px 12px 0px;
	padding:0px 17px 3px 0px;
}
.sousmenus .soussousmenus a {
	text-transform:none;
	font-size:18px;
	font-family:"Times New Roman";
	font-weight:600;
	color:#5a5a5a;
}
.sousmenus .soussousmenus a:last-child {
	padding:0px 0px 0px 0px;
}
.sousmenus a {
	display:block;
	text-transform:uppercase;
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	color:#343434;
	padding:0px 0px 12px 0px;
	font-size:16px;
	letter-spacing:1px;
}
.sousmenus .suiveznous a {
	display:inline;
}
.sousmenus a:hover {
	color:black;
}
.sousmenus a.colorbrun {
	color:#97684b;
}
.sousmenus .separateur {
	width:70px;
	height:6px;
	float:right;
}
.sousmenus .titresousmenu {
	margin-top:20px;
	margin-bottom:20px;
	font-family: 'arno_probold_italic_caption';
	font-size:40px;
	line-height:44px;
}
.blocform,.ongletcontent {
	background-color:white;
	padding:54px 31px 54px 0px;
	margin-bottom:45px;
}
.blocform .separateur,.ongletcontent .separateur {
	margin-bottom:20px;
}
.blocform .titre,.ongletcontent .chapitrelibelle {
	font-family: 'arno_probold_italic_caption';
	color:#97684b;
	font-size:41px;
	margin-bottom:30px;
}
.blocform .sstitre,.ongletcontent .sstitre {
	font-family:'Montserrat', sans-serif;
	font-size:19px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:15px;
}
.blocform table td.libelle, .forminscriptionatv table td.libelle,.ongletcontent table td.libellereponsegauche  {
	font-family: 'arno_prosemibold_smtext';
	font-size:21px;
	color:#7d553d;
	text-align:right;
	padding-right:30px;
	/*vertical-align:top;
	padding-top:7px;*/
	width:164px;
}
.forminscriptionatv table td.libelle  {
	width:140px;
}
.forminscriptionatv table td.libelle.large  {
	width:205px;
}
.blocform tr.messageform {
	font-family: 'arno_prosemibold_smtext';
	font-size:18px;
	color:grey;
}
.blocform tr.verifloginexist {
	color:red;
	display:none;
}
.blocform table td.libelle span.deuxlignes,.forminscriptionatv table td.libelle span.deuxlignes {
	display:block;
	margin-top:-8px;
}
.blocform table td.champ,.forminscriptionatv table td.champ,.ongletcontent table td.cellule {
	vertical-align:top;
}
.blocform table td.libelle.oblig,.forminscriptionatv table td.libelle.oblig {
	color:#cf422f;
}
.blocform table td.libelle.large,.forminscriptionatv table td.libelle.large {
	width:250px;
}
.blocform input[type=text],.blocform input[type=password],.blocform textarea,.forminscriptionatv input[type=text],.forminscriptionatv input[type=password],.forminscriptionatv textarea,.ongletcontent input[type=text],.ongletcontent input[type=password],.ongletcontent textarea {
	font-family: 'arno_prosmtext';
	color:#7d553d;
	font-size:21px;
	background-color:#f3f0ef;
	border:0px;
	padding:7px 10px 6px 10px;
	width:405px;
}
.blocform textarea,.forminscriptionatv textarea {
	resize:none;
	height:56px;
}
.blocform textarea.lignes5,.forminscriptionatv textarea.lignes5 {
	height:140px;
}
.blocform input[type=text]:disabled,.blocform input[type=password]:disabled,.forminscriptionatv input[type=text]:disabled,.forminscriptionatv input[type=password]:disabled,.ongletcontent input[type=text]:disabled,.ongletcontent input[type=password]:disabled {
	opacity:0.5;
}
.blocform select,.forminscriptionatv select,.ongletcontent select {
	width:425px;
	height:41px;
}
.blocform table td.separateur,.forminscriptionatv table td.separateur,.ongletcontent table td.separateur {
	height:17px;
}
.questioncontent {
	margin-top:17px;
}
.blocform .boutonajout {
	width:100%;
	font-family: 'arno_prosemibold_smtext';
	font-size: 21px;
	color: #7d553d;
}
.blocform .boutondelete {
	text-align:right;
	margin-top:-41px;
	
}
.blocform .blocadresse,.blocform .bloctelecom,.blocform .blocmembre  {
	margin-bottom:54px;
}
.blocform .blocdocument {
	margin-bottom:24px;
}
.blocform .boutonajout input[type=button],.blocform .boutondelete input[type=button] {
	font-family: 'montserratbold';
    font-size: 14px;
    text-transform: uppercase;
	color:white;
	background-color:#97684b;
	border:0px;
	width:311px;
	height:41px;
	cursor:pointer;
	-moz-transition: background-color 0.1s ease;
	-webkit-transition: background-color 0.1s ease;/* WebKit */
	-o-transition: background-color 0.1s ease; /* Opera */
	transition: background-color 0.1s ease; /* Standard */
}
.blocform .boutondelete input[type=button] {
	width:154px;
	background-color:#a7826b;
	font-family: 'montserratregular';
}
.blocform .boutonajout input[type=button]:hover {
	background-color:#7e553e;
}
.blocform .boutondelete input[type=button]:hover {
	background-color:#98735b;
}
.blocform .orgonly {
	display:none;
}
.blocform .upload {
	position:relative;
	height:41px;
	overflow:hidden;
	width:425px;
	cursor:default;
}
.blocform .realfile, .upload.fakefile {
	position:absolute;
	left:0;
	top:0;
	cursor:default;
}
.blocform .realfile {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	z-index:2;
	cursor:pointer;
	/*margin-left:80px;*/
	width:425px;
	height:41px;
}
.chemin {
	font-family: 'montserratmedium';
	text-transform:uppercase;
	color:#323232;
	font-size:15px;
	margin-top:28px;
}
.chemin .separateur {
	background-image:url('../images/separateur.jpg');
	background-repeat:no-repeat;
	background-position:2px 0px;
	width:8px;
	padding:0px 2px 0px 2px;
}
.chemin a {
	color:#323232;
}
.chemin a:hover {
	color:black;
}
.titrepage {
	font-family: 'arno_prosmtext';
	font-size:50px;
	color:#323232;
	margin:40px 0px 0px 0px;	
}
.rechercheconnexion {
	float:right;
	margin-top:14px;
}
.rechercheconnexion .visible {
	margin-top:5px;
}
.clickable {
	cursor:pointer;
}
.rechercheconnexion form.connexion, .rechercheconnexion form.recherche {
	display:none;
}
.rechercheconnexion table {
	border-collapse:collapse;
}
.rechercheconnexion table td {
	padding:0px 0px 0px 14px;
}
.rechercheconnexion .libelle {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#2d2d2d;
	text-transform:uppercase;
}
.rechercheconnexion form.connexion a {
	display:block;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#97674b;
	text-transform:uppercase;
	text-align:right;
	padding:2px 0px 2px 0px;
}
.rechercheconnexion form.connexion a:hover {
	text-decoration:underline;
}
.rechercheconnexion form.connexion input[type=text],.rechercheconnexion form.connexion input[type=password] {
	font-family: 'arno_prosmtext';
	color:#7d553d;
	font-size:21px;
	background-color:#efeceb;
	border:0px;
	padding:7px 10px 6px 42px;
	width:237px;
}
.rechercheconnexion form.recherche input[type=text] {
	font-family: 'arno_prosmtext';
	color:#7d553d;
	font-size:21px;
	background-color:#efeceb;
	border:0px;
	padding:7px 42px 6px 10px;
	width:314px;
}
.rechercheconnexion form.connexion input[type=text] {
	background-image:url(../images/user.png);
	background-position:13px 10px;
	background-repeat:no-repeat;
}
.rechercheconnexion form.connexion input[type=password] {
	background-image:url(../images/cle.png);
	background-position:13px 10px;
	background-repeat:no-repeat;
}
.rechercheconnexion form.connexion input[type=submit] {
	font-family: 'arno_prosmtext';
	color:#ffffff;
	font-size:21px;
	background-color:#7d553d;
	border:0px;
	padding:7px 0px 6px 0px;
	width:168px;
	cursor:pointer;
}
.rechercheconnexion a.moncompte {
	font-family: 'opensanssemibold';
	font-size:14px;
	color:#2d2d2d;
	text-transform:uppercase;
}
.rechercheconnexion .nom {
	font-family: 'opensanslight';
	font-size:14px;
	color:#2d2d2d;
	text-transform:uppercase;
}

.clearboth{
	clear:both;
}

.content .BlocGauche{
	width:835px;
	min-width:835px;
}

.content .TexteSection{
	font-family: 'arno_prosmtext';
	color:#323232;
	font-size:22px;
	padding-top:6px;
	padding-bottom:10px;
}

.content .TexteSection sup{
	line-height:10px;
}

.content .TexteSection br{
	display:none;
}

.content .TexteSection p br{
	display:block;
}

.content .TexteSection .SsTitreStatique{
	font-family: 'arno_prosemibold_smtext';
}

.content .TexteSection a{
	color:#97684b;
}

.content .TexteSection a:hover{
	text-decoration:underline;
}

.content .TexteSection span.TexteEvidence{
	color:#ce422e;
}

.content .TexteSection ul{
	list-style:none;
	padding-left:0px;
	padding-top:0px;
	margin-top:9px;
}

.content .TexteSection ul li{
	margin-top:10px;
	background-image: url(../images/PuceNiv1.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
	padding-left:19px;
}

.content .TexteSection ul ul{
	list-style:none;
	margin-left:17px;
}

.content .TexteSection ul li ul li{
	margin-top:10px;
	background-image: url(../images/PuceNiv2.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
	padding-left:19px;
}

.content .separateur.petit{
	width:70px;
	height:6px;
	margin-top:30px;
	margin-bottom:34px;
}


.content .TitreSsBlocs{
	font-family: 'arno_probold_italic_caption';
	font-size:41px;
	color:#97684b;
	margin-bottom:26px;
}

.content table tr.LigneDocuments{
	cursor:pointer;
}

.content table tr.LigneDocuments td{
	vertical-align:middle;
}

.content table tr.LigneDocuments td img{
	display:block;
}

.content table tr.LigneDocuments td.DctTitre{
	font-size:22px;
	color:#97684b;
	font-family: 'arno_prosemibold';
}

.content table tr.Separateur{
	height:13px;
}

.content table tr.LigneDocuments td.DctTitre .DctFormat{
	font-family: 'arno_prosmtext';
	color:#323232;
	font-size:22px;
}

.content .Galerie .GalerieImage{
	float:left;
	margin-right:31px;
	margin-bottom:31px;
}

.content .Galerie .GalerieImage img{
	/*width:165px;
	height:161px;*/
}

.highslide-caption{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

.highslide-image{
	border-top: 20px solid white;
	border-left: 20px solid white;
	border-right: 20px solid white;
	border-bottom: 10px solid white;
}

.highslide-caption .GalerieDescription{
	font-family: 'arno_prosmtext';
	color:#323232;
	font-size:18px;
}

.highslide-caption .GalerieCopyright{
	color: #97684b;
    font-family: 'montserratbold';
    font-size: 11px;
    text-transform: uppercase;
	padding-top:6px;
	padding-bottom:18px;
}

.highslide-viewport-size{
	width:100%;
	height:100%;
	background-color:black;
}

.content .Video .ElementsVideos{
	width:231px;
	height:161px;
	float:left;
	margin-right:31px;
	margin-bottom:31px;
	cursor:pointer;
}

.content .Video .LigneVideo{
	width:231px;
	height:161px;
}

.ImagePlay {
    width: 75px;
    height: 75px;
    background-image: url(../Images/IconeVideo.png);
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.80;
    filter: alpha(opacity=80);
    margin-top: 43px;
    margin-left: 80px;
}

video{
	width:100%;
	height:400px;
}


.BtnFermer{
	color: #97684b;
    font-family: 'montserratbold';
    font-size: 11px;
    text-transform: uppercase;
	padding-top:6px;
	padding-bottom:18px;
	text-align:right;
	padding-right:10px;
	cursor:pointer;
}

.grisee{
	width:100%;
}

.descriptionVideo{
	font-family: 'arno_prosmtext';
    color: #323232;
    font-size: 18px;
	width:100%;
	text-align:center;
	padding-top:6px;
}

.modalDialog_transparentDivs{
	opacity: 0.7;
}

.BlocAudio{
	display:none;
}

.BlocAudio td{
	padding-top:10px;
	padding-left:42px;
	
}

audio{
	width:500px;
}

.sousmenus .GalerieVert{
	margin-top:101px;
}

.sousmenus .GalerieVert .GalerieImageVert img{
	display:block;
	width:370px;
	height:auto;
}

.sousmenus .GalerieVert .GalerieImageVert{
	margin-bottom:25px;
	float:right;
}

.sousmenus .GalerieVert .BgBlanc{
	background-color:white;
	color:#323232;
}

.sousmenus .GalerieVert .BgBrun{
	background-color:#97684b;
	color:white;
}

.sousmenus .GalerieVert a{
	padding:0;
}

.sousmenus .GalerieVert .GalerieImageVert {
	padding:23px 0px 23px 23px;
}

.sousmenus .GalerieVert .DescGalVert{
	padding-top:15px;
	font-family:'arno_prosmtext';
	font-size:18px;
}

.sousmenus .BlocSousMenu{
	width:370px;
	float:right;
	margin-top:115px;
	background-color:white;
	text-align:right;
	padding:55px 0px 45px 20px;
}

.ListeActu{
	margin-top:72px;
}

.ListeActu .LigneActu{
	margin-bottom:55px;
}

.ListeActu .LigneActu td{
	vertical-align:top;
	
}

.ListeActu .LigneActu img{
	display:block;
	width:165px;
	height:165px;
}

.ListeActu .LigneActu .MessageDate{
	font-family: 'montserratsemibold';
	font-size:14px;
	color:#ce422e;
	text-transform:uppercase;
}

.ListeActu .LigneActu .MessageDate sup{
	font-size:8px;
}

.ListeActu .LigneActu .MessageTitre{
	font-family: 'arno_prosmtext';
	font-size:30px;
	color:#323232;
	line-height:38px;
	margin-top:14px;
}

.ListeActu .LigneActu .MessageDesc{
	font-family: 'arno_prosmtext';
	font-size:22px;
	color:#323232;
	margin-top:7px;
}

.ListeActu .LigneActu .MessageDesc a{
	color:#97684b;
}

.ListeActu .LigneActu .LirePlus{
	width:34px;
	height:34px;
	position:absolute;
	margin-top:117px;
	margin-left:117px;
}

.ListeActu .LigneActu .LirePlus img{
	width:34px;
	height:34px;
	display:block;
}

.content .BlocGauche .FPLigneActu{
	margin-top:66px;
	margin-bottom:29px;
}

.content .BlocGauche .FPLigneActu td{
	vertical-align:top;
}

.content .BlocGauche .FPLigneActu td img{
	width:165px;
	height:165px;
}

.content .BlocGauche .FPLigneActu .MessageDate{
	font-family: 'montserratsemibold';
	font-size:14px;
	color:#ce422e;
	text-transform:uppercase;
}

.content .BlocGauche .FPLigneActu .MessageDate sup{
	font-size:8px;
}

.content .BlocGauche .FPLigneActu .MessageTitre{
	font-family: 'arno_prosmtext';
	font-size:37px;
	color:#323232;
	margin-top:14px;
	line-height:40px;
}

.DeterminantTitre{
	font-family: 'arno_prosmtext';
	font-size:55px;
}

.ApresDeterminantTitre{
	font-family: 'arno_probold_italic_caption';
	font-size:55px;
}

.BlocFiltres{
	background-color:#97684c;
	padding-top:55px;
	padding-bottom:55px;
	margin-top:115px;
	width:370px;
	float:right;
	padding-left:23px;
	margin-bottom:25px;
}

.TitreFiltre{
	font-family: 'arno_probold_italic_caption';
	font-size:41px;
	color:white;
	margin-top:20px;
	margin-bottom:14px;
}



.BlocFiltres input{
	border:none;
	background-color:white;
	color:#7d553d;
	height:39px;
	width:311px;
	font-family: 'arno_prosemibold_smtext';
	font-size:21px;
	padding-left:18px;
	padding-right:18px;
	margin-bottom:18px;
}

.BlocFiltres input::placeholder{
	color:#c2ab9c;
}

.BtnEffacerFiltre{
	background-color:white;
	width:165px;
	float:right;
	text-align:center;
	height:111px;
	color:#97684c;
	cursor:pointer;
}

.BtnEffacerFiltre:hover{
	background-color:#c2ab9d;
	color:white;
}


.BtnEffacerFiltre .EffacerLes{
	font-size:14px;
	font-family: 'montserratsemibold';
	text-transform:uppercase;
	margin-top:33px;
}

.BtnEffacerFiltre .Filtres{
	font-family: 'arno_probold_italic_smtext';
	font-size:30px;
	margin-top:5px;
}

.BoutonNavigation{
	float:right;
	margin-top:48px;
	z-index:0;
}

.BoutonNavigation table#Horizontal{
	width:393px;
}

.BoutonNavigation table#Vertical{
	width:93px;
	margin-right:300px;
	display:none;
}

.BoutonNavigation .TexteNav td{
	font-family: 'montserratbold';
	font-size:11px;
	color:#97684b;
	text-transform:uppercase;
	text-align:center;
	padding-top:12px;
	width:92px;
}

.BoutonNavigation td img{
	cursor:pointer;
	width: 93px;
	height: 93px;
}

.BoutonNavigation .SepBtnNav{
	width:auto;
}

.BoutonNavigation table .HauteurNavVert{
	height:20px;
}

#Loaderdialog{
	display:none;
	width:100px;
	margin:auto;
}

#Loaderdialog img{
	width:100px;
}

.CacherBtnFiltre{
	display:none;
}

.ListeActivite .LigneActi{
	margin-bottom:43px;
}

.ListeActivite .LigneActi.ActiFP{
	margin-bottom:1px;
}

.ListeActivite .LigneActi .BlocDateHeureAtv{
	background-image:url('../Images/BlocDateAtv2.png');
	width:165px;
	height:161px;
	cursor:pointer;
}
.iconerond1 {
	position:absolute;
	margin:-10px 0px 0px 25px;
}
.iconerond2 {
	float:left;
	width:35px;
	margin:-10px 0px 0px 10px;
}
.ListeActivite .LigneActi .BlocDateHeureAtv .JourTexte{
	font-family: 'montserratsemibold';
	font-size:22px;
	color:rgba(255,255,255,0.8);
	text-transform:uppercase;
	text-align:right;
	padding-top:15px;
	padding-right:15px;
}

.ListeActivite .LigneActi .BlocDateHeureAtv .DateComplete{
	font-family: 'arno_proitalic_caption';
	font-size:55px;
	color:rgba(255,255,255,1);
	margin-left:15px;
	padding-top:14px;
	line-height: 55px;
}


.ListeActivite .LigneActi .BlocDateHeureAtv .Heure{
	font-family: 'arno_proitalic';
	font-size:40px;
	color:rgba(255,255,255,0.8);
	text-align:right;
	padding-right:15px;
}

form span.invalide,form span.valide {
	width:25px;
	height:25px;
	position:absolute;
	background-color:white;
	background-image: url('../Images/invalid.png');
	background-size:25px 25px;
	margin:6px 0px 0px 3px;
	z-index:2;
}
form span.invalide.checkbox {
	margin:32px 0px 0px 0px;
}
form span.valide {
	background-image: url('../Images/valid.png');
	z-index:1;
	display:none;
}
.ui-dialog-titlebar-close.ui-corner-all{
	background: url('../Images/CroixFermer20.png');
}
.ui-dialog {
	border:2px solid #614c3e;
	z-index:10000;
}
.ui-dialog .ui-dialog-content {
	padding:20px;
}
.ui-widget-overlay {
	position:fixed;
	background:black;
	opacity:0.6;
	z-index:1000;
}
.ui-dialog-titlebar,.errorbloc,.forminscriptionatv {
	display:none;
}
.errorbloc .errortitre {
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:17px;
	margin-bottom:20px;
}
.forminscriptionatv .titreins {
	font-family: 'arno_prosmtext';
	font-size: 33px;
	text-transform:none;
	margin-bottom:20px;
}
.errorbloc .errormessage,.forminscriptionatv .messageins {
	font-family: 'Lato', sans-serif;
	font-size:15px;
	margin-bottom:20px;
}
.forminscriptionatv .messageins {
	font-size:22px;
	font-family: 'arno_prosmtext';
}
.errorbloc .fermer span,.forminscriptionatv .fermer span {
	float:right;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size:13px;
	background-color:#98735b;
	color:white;
	border:0px;
	text-transform:uppercase;
	padding:10px 0px 10px 0px;
	width:100px;
	text-align:center;
	cursor:pointer;
	-moz-transition: background-color 0.1s ease;
	-webkit-transition: background-color 0.1s ease;/* WebKit */
	-o-transition: background-color 0.1s ease; /* Opera */
	transition: background-color 0.1s ease; /* Standard */
}
.errorbloc .fermer span:hover,.forminscriptionatv .fermer span:hover {
	background-color:#795b48;
}
*:focus {
    outline: none;
}
div.statutinscriptionatv {
	padding:8px 5px 8px 5px;
	font-family: 'montserratbold';
	font-size:14px;
	color:#97674b;
	background-color:white;
	margin-top:7px;
	text-align:center;
	width:155px;
	line-height:18px;
	cursor:default;
	text-transform:uppercase;
}
div.statutinscriptionatv span.light {
	font-family: 'montserratmedium';
	font-size:14px;
}
div.statutinscriptionatv.cliquable {
	cursor:pointer;
}
div.statutinscriptionatv.inscrit {
	color:#5fa95f;
}
div.statutinscriptionatv.pasinscrit {
	color:#ce422e;
}
.errorbloc .fermer .loader,.forminscriptionatv .fermer .loader {
	position:absolute;
	background-color:#795b48;
	height:5px;
	width:0px;
	margin:32px 0px 0px 260px;
}

.ListeActivite .LigneActi .LieuAtv{
	font-family: 'montserratsemibold';
	font-size:14px;
	/*color:#a0755b;*/
	text-transform:uppercase;
	padding-top:4px;
}

.ListeActivite .LigneActi .LieuAtv sup{
	font-size:8px;
}

.ListeActivite .LigneActi .TitreAtv{
	font-family: 'arno_prosmtext';
	font-size:30px;
	color:#323232;
	line-height:33px;
	padding-top:16px;
}

.ListeActivite .LigneActi .TitreAtv a{
	color:#323232;
}

.ListeActivite .LigneActi .TitreAtvFP{
	font-family: 'arno_prosmtext';
	font-size:37px;
	color:#323232;
	line-height:40px;
	padding-top:16px;
}

.verifimg,.verifradio,.verifselect,.ongletlibelle {
	display:none;
}
.ListeActivite .LigneActi .ConferencierAtv{
	font-family: 'montserratbold';
	font-size:16px;
	color:#292929;
	text-transform:uppercase;
	padding-top:17px;
}

.ListeActivite .LigneActi .ConferencierAtv a{
	color:#292929;
}

.ListeActivite .LigneActi .InfosAtv{
	font-family: 'montserratsemibold';
	font-size:14px;
	color:#636363;
	text-transform:uppercase;
	line-height:23px;
	padding-top:8px;
}
.ListeActivite .LigneActi .InfosAtv a{
	color:#636363;
	cursor:pointer;
}
.ListeActivite .LigneActi .InfosAtv a:hover{
	text-decoration:underline;
}
.ListeActivite{
	margin-top:69px;
}

.FiltreBlocLieux,.FiltreBlocDates{
	margin-bottom:18px;
}

.FiltreBlocLieux .BlocLieu,.FiltreBlocDates .BlocDate{
	float:right;
	font-family: 'arno_prosemibold_smtext';
	padding-left:11px;
	padding-right:11px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:22px;
	color:white;
	background-color:#ac866f;
	margin-left:15px;
	margin-bottom:15px;
	cursor:pointer;
}


.FiltreBlocLieux .BlocLieu.actif,.FiltreBlocDates .BlocDate.actif{
	background-color:#f5f0ec;
	color:#7d553c;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
	display:block;
	width:340px;
	border:none;
	border-radius:0;
}

#datepicker{
	/*width:370px;*/
	padding-left: 23px;
	margin-bottom:18px;
}

#datepicker .ui-state-default{
	background-color:white;
	border:none;
}

.ui-datepicker td span, .ui-datepicker td a{
	text-align:center;
}

.ui-icon.ui-icon-circle-triangle-w{
	background-image: url('../Images/CalPrev.png');
	background-position: 0px 0px;
	width:19px;
	height:19px;
}

.ui-icon.ui-icon-circle-triangle-e{
	background-image: url('../Images/CalNext.png');
	background-position: 0px 0px;
	width:19px;
	height:19px;
}

.ui-datepicker-title{
	font-family: 'arno_prosemibold_smtext';
	font-size:21px;
	color:#7d553d;
}


.ui-widget-header{
	font-weight:normal;
	border:none;
	background-color:transparent;
}

.ui-datepicker-calendar tr td .ui-state-default{
	font-family: 'montserratsemibold';
	font-size:14px;
	color:#323232;
	
}

.ui-datepicker-calendar tr td{
	padding-top:9px;
	padding-bottom:9px;	
}

.ui-datepicker td span, .ui-datepicker td a{
	display:inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 5px;
	width:18px;
}

.ui-datepicker-calendar tr th{
	font-family: 'montserratregular';
	font-size:11px;
	color:#323232;
	text-transform:uppercase;
}

#datepicker .ui-state-default.ui-state-active{
	background-color:#7d553d;
	border-radius:27px;
	color:white;
}

.BoutonNavigation{
	/*display:none;*/
}

.tablecheckbox {
	margin-top:0px;
}
.tablecheckbox td {
	text-align:left;
}
.tablecheckbox td.ecart {
	width:60px;
}
.tablecheckbox label {
	font-family: 'arno_prosmtext';
	color:#7d553d;
	font-size:21px;
	cursor:pointer;
	padding-left:15px;
	padding-top:1px;
	display:block;
}

.BtnNavSubstitut{
	display:none;
	height:120px;
	width:230px;
	margin-top:48px;
}
.bannierecookie {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	min-height: 48px;
	background-color: #97684b;
	color: white;
	z-index: 1000;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-family:'Lato', sans-serif;
	font-weight:700;
	letter-spacing: 0.5px;
	padding-left: 18px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-top: 12px;
}
.texteCookie {
	text-align: left;
	line-height: 24px;
	padding-right: 12px;
	opacity: 0.8;
}
.texteCookie a {
	color: white;
	text-decoration: underline;
	opacity: 0.8;
}
.texteCookie a:hover {
	transition:all 0.3s ease;
	opacity:1;
}
.okCookie {
	border: 2px solid white;
	height: 28px;
	line-height: 28px;
	padding-left: 16px;
	padding-right: 16px;
	cursor: pointer;
	vertical-align: middle;
	float: right;
	opacity: 0.8;
}
.tdOeuvre {
	width:215px;
	padding-left:35px;
}
.tdWid30 {
	width: 30px;
}
.tdWid23 {
	width: 23px;
}
.menuMobile {
	display: none;
}
.divH115 {
	height:115px;
}
.tdPad25 {
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}
.MarginDeterminantTitre {
	margin-top: 12px;
}
.footer .content a:nth-child(9) img { /* Logo ENGIE */
	height: 55px;
}

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
	.mobileOnly {
		display: block;
	}
	span.mobileOnly	{
		display: inline;
	}
	span.mobileOnly::after {
		content:" : ";
	}
	.blocs span.mobileOnly::after {
		content:"Fermer";
		content: attr(data-after);
	}
	.menuMobile.menuOuvert {
		display: block;
		position: absolute;
		background-color: brown;
		right: 8vw;
		top: 20vw;
		z-index: 1001;
		background-image: url('../Images/MenuMobileOuvert.png'), url('../Images/MenuMobileOuvert.png');
		background-position: left top, right bottom;
		background-size: cover, cover;
		background-repeat: no-repeat;
	}
	.menuMobile {

	}
	.menuMobile.menuOuvert:after, .menuMobile:after {
		font-family: 'montserratsemibold';
		font-size: 3.5vw;
		color: white;
		width: 24vw;
		text-align: center;
		display: block;
		text-transform: uppercase;
		background-color: #97684b;
	}
	.menuMobile.menuOuvert:after {
		content: "menu";
		position: relative;
		top: 17vw;
		right: 0vw;
	}
	.menuMobile:after {
		content: "fermer";
		position: absolute;
		top: 37vw;
		right: 8vw;
	}
	.accueil .header .blocs .menuMobile img {
		opacity: 1;
	}
	
	.fonctions .separateur,
	.rechercheconnexion,.rechercheconnexion table tr td:nth-child(3),.rechercheconnexion table tr td:nth-child(4),.rechercheconnexion table tr td:nth-child(5),.rechercheconnexion table tr td:nth-child(6),
	.rechercheconnexion .libelle,
	.content table tr td .clickable,
	.header .top, 
	.accueil .header .menu .menusec1 .ecart, .header .menu .menusec1 .ecart,
	.BoutonNavigation,
	.accueil .header .menu, .header .menu, 
	.tableauheader, 
	.HeaderTableRel,
	.menu .Leftmenu2, .accueil .menu .Leftmenu2, 
	.menu .Leftmenu3, .accueil .menu .Leftmenu3,
	.header .menu .menus2, .accueil .header .menu .menus2,
	.header .menu .menus3, .accueil .header .menu .menus3, .header .menu .menusec1:last-child .menus3,
	.aiderecherche,
	.ListeActivite .LigneActi .InfosAtv, .ListeActu .LigneActu .MessageDesc,
	.RelDetailAdresse th, .RelDetailTelecom th, .RelDetailConfCours th
	{
		display: none;
	}
	.ListeObjetCan, 
	.BlocPubAccueil, .BlocActiAccueil, 
	.ListeProgramme,.ListeActu,.ListeActivite,.ListeNewsletter,	.ListePublications, .ListeCandidatures,
	.ALaUne, 
	.accueil .basdroite, .basdroite, 
	.BlocFiltres, 
	.chemin,
	.titrepage,
	.TexteSection,
	.ListeDocuments,
	.content .TitreSsBlocs,
	.Galerie,.Video,
	.sousmenus .BlocSousMenu,
	.content .TexteDesc,
	.BlocDroitLieu,
	.TableRel,
	.blocform,
	.accueil .header .blocs .content, .header .blocs .content,
	.content .BlocGauche .FPLigneActu,
	.BlocActuAccueil .TitreActu,
	.bannierecookie,
	.BlocResponsables,
	.BlocMatieres,
	.PeriodiciteObjCan,
	.ClasseObjCan,
	.BlocJuryObjCan, .BlocLaureatObjCan,
	.RelDetailAdresse, .RelDetailTelecom, .RelDetailConfCours,
	.ObjetObjCan,
	.PubFPSsTitre
	{
	 	width: 90vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.select, 
	.blocform input[type="text"], .blocform input[type="password"], .blocform textarea, .blocform select, 
	.forminscriptionatv input[type="text"], .forminscriptionatv input[type="password"], .forminscriptionatv textarea, 
	.ongletcontent input[type="text"], .ongletcontent input[type="password"], .ongletcontent textarea
	{
		width: calc(90vw - 20px);
	}
	.forminscriptionatv select, .forminscriptionatv table td.champ, .forminscriptionatv table td.libelle.large, 
	.blocform table td.champ, .blocform table td.libelle,
	.ToutesLesActu, 
	.BlocPubAccueil .ToutesLesPub,.BlocActiAccueil .ToutesLesAtv,.BlocActuAccueil .ListeActu,
	.ListeActiAccueil .LigneActiAccueil,
	.sousmenus .GalerieVert .GalerieImageVert img,
	.sousmenus .GalerieVert .DescGalVert,
	.LigneDocuments,
	.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all,
	#datepicker, 
	.BtnEffacerFiltre, 
	.tableau, 
	.BlocMap, .BlocMap #map,
	.bouton.enregistrer
	{
		width: 90vw;
	}

	.BlocActuAccueil, 
	.rechercheconnexion,
	.content, 
	.sousmenus.Grand, 
	.rechercheconnexion table, 
	.content .BlocGauche, 
	.accueil .page, .page,
	.sousmenus, 
	.sousmenus .GalerieVert,
	.blocadeplacer,  
	.accueil .header .menu, .header .menu,
	.accueil .header .menu .menusec1:first-child .Leftmenu1, .accueil .header .menu .menusec1:last-child .Leftmenu1, .accueil .header .menu .menusec1 .Leftmenu1,
	.header .menu .menusec1:first-child .Leftmenu1, .header .menu .menusec1:last-child .Leftmenu1, .header .menu .menusec1 .Leftmenu,
	.accueil .menu .Leftmenu1,.menu .Leftmenu1
	{
		width: 100vw;
	}
	.header, 
	.footer, 
	.content .BlocGauche, 
	.accueil .page, .page,
	.sousmenus, 
	.sousmenus .GalerieVert {
		min-width: 100vw;
	}
	.accueil .header .menu .menus2, .header .menu .menus2,
	.tdPad25 {
		padding: 0px;
	}
	.sousmenus .GalerieVert .GalerieImageVert {
		padding: 5vw;
	}
	.ToutesLesActu .ToutesLes, 
	.BlocPubAccueil .ToutesLesPub .ToutesLes,
	.BlocActiAccueil .ToutesLesAtv .ToutesLes,
	.BlocPubAccueil .ListePub,
	.BtnEffacerFiltre .EffacerLes,
	.content .TexteSection,
	.ListeProgramme {
		padding-top: 5vw;
	}
	.BlocPubAccueil,.BlocActiAccueil, .BlocPubAccueil, .BlocFiltres, 
	.blocform,
	.accueil .page, .page, .basdroite {
		padding-top: 10vw;
	}
	
	.ListeActivite .LigneActi .LieuAtv, .header .image,
	.BlocActuAccueil .TitreActu,
	.page .BlocPubAccueil .ListePub .LignePubAccueil .TitreOeuvre,
	.page .BlocPubAccueil .ListePub .LignePubAccueil .Plus,
	.ListeActivite .LigneActi .TitreAtv {
		padding-top: 0px;
	}
	.ui-datepicker, .rechercheconnexion form.recherche input[type="text"], .blocform table td.libelle, 
	.forminscriptionatv table td.libelle, .ongletcontent table td.libellereponsegauche,.forminscriptionatv table td.libelle.large {
		padding-right: 0px;
	}
	.ListeActiAccueil .LigneActiAccueil .TitreActiAccueil {
		padding-right: 5vw;
	}
	.RelDetailAdresse, .RelDetailTelecom, .RelDetailQualite, .RelDetailConfCours {
		padding-bottom: 0px;
	}
	.ToutesLesActu .Actualites, .BlocPubAccueil .ToutesLesPub .Publications, .BlocActiAccueil .ToutesLesAtv .Atv,
	.BtnEffacerFiltre .Filtres,.BlocFiltres,.content .TexteSection,
	.basdroite, .accueil .basdroite,
	.ListeDocuments,
	.BlocJuryObjCan, .BlocLaureatObjCan,.BlocSessionObjCan {
		padding-bottom: 5vw;
	}
	.blocform,
	.BlocActuAccueil,.BlocActiAccueil, .BlocPubAccueil,
	.accueil .page, .page,
	.BlocFiltres {
		padding-bottom: 10vw;
	}
	#datepicker, .ui-datepicker  {
		padding-left: 0px;
	}
	.tdPad25, .tdOeuvre {
		padding-left: 5vw;
		padding-bottom: 1vw;
		padding-top: 1vw;
	}
	.accueil .header .menu, .header .menu, .accueil .header .menu .menusec1, .header .menu .menusec1,
	.header .menu .menus2, .header .menu .menus3, .accueil .header .menu .menus3, .accueil .header .menu .menus2,
	.header .menu .menusec1:last-child .menus3 {
		margin: 0px;
	}
	.suiveznous, .BtnEffacerFiltre .EffacerLes,
	.BlocActuAccueil .separateur.bgbrunclair {
	 	margin-top: 0px;
	}
	.BlocActuAccueil .separateur.bgbrunclair,
	.BlocActuAccueil .ListeActu,.ListeActivite,.BlocFiltres,.ListeActu, 
	.sousmenus .GalerieVert,
	.content .BlocGauche .FPLigneActu,
	.chemin,
	.titrepage, 
	.BlocActuAccueil .TitreActu,
	.okCookie, 
	.content .separateur.petit, 
	.TitreFiltre,
	.page .separateur,
	.ALaUne .separateur.bgGrisBleu,
	.MarginDeterminantTitre {
		margin-top: 5vw;
	}
	.sousmenus .BlocSlideshow, .ALaUne {
		margin-top: 10vw;
	}
	.accueil .header .blocs, .header .blocs {
		margin-top: -14vw;
	}
	.blocform {
		margin-bottom: 0px;
	}
	.content .TitreSsBlocs, 
	.sousmenus .GalerieVert,
	.content .BlocGauche .FPLigneActu,
	.okCookie, 
	.content .separateur.petit, 
	.TitreFiltre,
	.ListeActivite .LigneActi,
	.BlocPubAccueil .ListePub .LignePubAccueil, 
	.BlocActuAccueil .ListeActu .LigneActu,  .ListeActu .LigneActu {
		margin-bottom: 5vw;
	}
	.BlocPubAccueil .separateur.bgbrunclair, .page .chemin .separateur, .page .blocform .separateur,
	.accueil .header .menu .menusec1:last-child .menus3,.rechercheconnexion {
	 	margin-left: 0px;
	}
	.suiveznous {
	 	margin-left: 3vw;
	}
	.page .separateur,.DeterminantTitre, .PubFPAuteur, .titreblocrecherche, .sstitrerecherche,
	.ToutesLesActu, .BlocActuAccueil .separateur.bgbrunclair {
	 	margin-left: 5vw;
	 }
	.header .top {
		position: absolute;
	}
	.accueil .basdroite, .basdroite,.BlocFiltres,.sousmenus .GalerieVert .GalerieImageVert,.sousmenus .BlocSousMenu,
	.BtnEffacerFiltre,.BlocDroitLieu,.accueil .header .menu .menusec1, .header .menu .menusec1, .bouton.enregistrer {
	 	float: none;
	 }
	.fonctions tr, 
	.sousmenus.Grand, 
	.bannierecookie, 
	.tableau tr, 
	.TableRel tr, 
	.blocform table tr, 
	.ListeObjetCan table tr, 
	.messageins table tr,
	.RelDetailAdresse tr,
	.RelDetailTelecom tr,
	.RelDetailConfCours tr {
		display: flex;
		flex-direction: column;
	}
	.page,
	.header {
		display: flex;
		flex-direction: column-reverse;
	}
	.accueil .header .blocs .content, .header .blocs .content,
	.suiveznousetaccesrapide, 
	.Galerie table tr  {
		display: flex;
	 	flex-direction: row;
	 }
	.accueil .suiveznousetaccesrapide {
		display: flex;
	 	flex-direction: row-reverse;
	 	/*padding-top: 5vw;*/

	}
	.content.accueil.colleagauche {
		min-height: 0px;
	}
	.page, .ToutesLesActu, .BlocPubAccueil .ToutesLesPub, .BlocActiAccueil .ToutesLesAtv,.BtnEffacerFiltre {
		height: auto;
	}
	.header .menu .menusec1:last-child .ligne, 
	.divH115, 
	.blocform table td.separateur, 
	.forminscriptionatv table td.separateur, 
	.ongletcontent table td.separateur,
	.page .blocform .separateur {
		height: 0px;
	}
	.accueil .header .logo, .header .logo, .accueil .header .transparent, .header .transparent {
		height: 34vw;
	}
	.BlocPubAccueil .ListePub .LignePubAccueil .Photo img, .BlocPubAccueil .ListePub .LignePubAccueil .Photo {
		height: 40vw;
	}
	.accueil .header .image, .header .image {
		height: 50vw;
		width: 100vw;
	}
	.fonctions td {
		height: 35px;
	}
	.rechercheconnexion tr td:first-child {
		padding: 0px;
	}
	.tdWid30, .tdWid23 {
		width:5vw;
	}
	.BlocPubAccueil .ListePub .LignePubAccueil .Photo img, .BlocPubAccueil .ListePub .LignePubAccueil .Photo {
		width: 25vw;
	}
	.accueil .header .logo, .header .logo {
		width: 30vw;
		background-size: 30vw;
		margin-left: 5vw;
	}
	.suiveznous, .accesrapide, .accueil .barinf, .barinf {
	 	width: 42vw;
	}
	.tdOeuvre, .tdPad25, .tdOeuvre div, .tdPad25 div {
		width: 60vw;
	}
	audio {
		width: calc(90vw - 42px);
	}
	.BlocFiltres input {
		width: calc(90vw - 36px);
	}
	.rechercheconnexion form.recherche input[type="text"] {
		width: calc(100% - 20px);
	}
	.ListeActu .LigneActu img, .ListeActivite .LigneActi .BlocDateHeureAtv,
	.LigneProgramme .HeureProg, .content .BlocGauche .FPLigneActu td img {
		width: 25vw;
		height: 25vw;
	}
	.menuMobile.menuOuvert, .accueil .header .blocs img, .header .blocs img {
		height: 24vw;
		width: 24vw;
	}
	.accueil .header .blocs img, .header .blocs img {
		margin-left: 3vw;
		margin-right: 3vw;
		margin-bottom: 6vw;
	}
	.accueil .header .blocs .content, .header .blocs .content {
		flex-wrap: wrap;
		display: none;
	}
	.fonctions tr {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.fonctions a {
		text-align: center;
	}
	.fonctions a:hover {
		border-bottom: none;
	}
	.rechercheconnexion {
		float: left;
	}
	.header {
		z-index: 1000;
		position: relative;
	}
	.header .top {
		margin-top: 82vw;
	}
	.accueil .barinf, .barinf {
	 	float: right;
	 	margin-top: -137px;
	}
	.accueil .accesrapide, .accesrapide {
	 	margin-right: 3vw;
	}
	.rechercheLoupe {
		margin-left: calc(100% - 50px);
		margin-top: 7px;
	}
	.BlocPubAccueil .ListePub .LignePubAccueil .TitreOeuvre {
/*		font-size: min(4.5vw, 25px);
*/		word-break: break-all;
	}

	/* titre */
	.forminscriptionatv .titreins, 
	.titreblocrecherche, 
	.BlocPubAccueil .TitreActu, .BlocPubAccueil .TitreActu .Police1, 
	.BlocActuAccueil .TitreActu ,.BlocActuAccueil .TitreActu .Police1,
	.BlocActiAccueil .TitreActu,.BlocActiAccueil .TitreActu .Police1,
	.ALaUne .TitreActu .Police1,.ALaUne .TitreActu,
	.ApresDeterminantTitre,.DeterminantTitre,.titrepage,
	.content .TitreSsBlocs,
	.sousmenus .titresousmenu,
	.TitreFiltre,
	.ListeActivite .LigneActi .TitreAtvFP {
/*		font-size: max(min(8vw, 41px), 30px);
*/		font-size: max(min(6vw, 41px), 30px);

/*		line-height: max(min(8vw, 41px), 30px);
*/		line-height: max(min(7vw, 41px), 30px);
	}
	.titre,
	.MessageTitre, 
	.BlocActuAccueil .ListeActu .LigneActu .MessageTitre,
	.ListeActu .LigneActu .MessageTitre,
	.content .BlocGauche .FPLigneActu .MessageTitre,
	.BlocPubAccueil .ListePub .LignePubAccueil .TitreOeuvre,
	.ListeActivite .LigneActi .TitreAtv {
		font-size: max(min(5vw, 31px), 20px);
		line-height: max(min(7vw, 41px), 26px);
		margin-bottom: 2vw;
		margin-top: 2vw;
	}
	.ListeActivite .LigneActi .TitreAtvFP {
		font-size: min(6vw, 22px);
		line-height: min(7vw, 25.65px);
		padding-top: 2vw;
	}
	.content .TexteSection, .content .TexteDesc, .InscriptionSession, .ObjetObjCan {
		font-size: min(6vw, 22px);
	}
	.rechercheconnexion form.recherche input[type="text"] {
		font-size: 15px;
	}
	.sousmenus a {
		font-size: 13px;
		padding-bottom: 0px;
		margin-bottom: 15px;
	}
	.accueil .header .menu, .header .menu {
		margin-top: 90vw;
		min-width: 0px;
	}
	.accueil .header .menu, .header .menu,.accueil .header .menu .menusec1:first-child .Leftmenu1, .accueil .header .menu .menusec1:last-child .Leftmenu1, .accueil .header .menu .menusec1 .Leftmenu1,.header .menu .menusec1:first-child .Leftmenu1, .header .menu .menusec1:last-child .Leftmenu1, .header .menu .menusec1 .Leftmenu1 {
		padding: 0px;
		padding-top: 18px;
		padding-bottom: 18px;
		background-color: #eeeeee;
	}
	.accueil .menu .Leftmenu2, .menu .Leftmenu2 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.header .menu .menus2, .header .menu .menus3, .accueil .header .menu .menus3, .accueil .header .menu .menus2,.header .menu .menusec1:last-child .menus3 {
		width: 100vw;
		position: relative;
	}
	.menu .Leftmenu2, .menu .Leftmenu3, .accueil .menu .Leftmenu2, .accueil .menu .Leftmenu3 {
		text-align: center;
	}
	.Galerie table tr {
		flex-wrap: wrap;
	}
	.ListeActivite .LigneActi .BlocDateHeureAtv,
	.LigneProgramme .HeureProg {
		background-repeat: no-repeat;
		background-size: cover;
	}
	.ListeActivite .LigneActi .BlocDateHeureAtv {
		background-position: center;
		background-size: 100% 100%;
	}
	.ListeActivite .LigneActi .BlocDateHeureAtv .JourTexte {
		font-size: 3.3vw;
		line-height: 3.3vw;
		padding-top: 2.21vw;
		padding-right: 2.21vw;
	}
	.ListeActivite .LigneActi .BlocDateHeureAtv .DateComplete {
		font-size: 8.3vw;
		line-height: 8.3vw;
		margin-left: 2.27vw;
		padding-top: 2.21vw;
	}
	.LigneProgramme .HeureProg .HeureDebut,
	.LigneProgramme .HeureProg .HeureFin {
		font-size: 8.3vw;
		line-height: 12.5vw;
		padding-top: 0px;
	}
	.ListeActivite .LigneActi .BlocDateHeureAtv .Heure {
		font-size: 5.45vw;
		line-height: 5.45vw;
		padding-right: 2.21vw;
	}
	.ListeActivite .LigneActi .LieuAtv, 
	.ListeActivite .LigneActi .ConferencierAtv,
	.BlocPubAccueil .ListePub .LignePubAccueil .Auteur,
	.NaissanceDeces,
	.PubFPAuteur, .PubFPSsTitre {
		font-size: min(3.5vw, 13px);
		line-height: 4vw;
		margin-bottom: 1vw;
	}
	.page .ListeObjetCan .TableObjCan .Col1,
	.page .ListeObjetCan .TableObjCan .Col2,
	.page .ListeObjetCan .TableObjCan .Col3,
	.page .ListeObjetCan .TableObjCan .Col4,
	.page .ListeObjetCan .TableObjCan .Col5,
	.page .ListeRelations .TableRel .Col1,
	.page .ListeRelations .TableRel .Col2,
	.page .ListeRelations .TableRel .Col3,
	.page .ListeRelations .TableRel .Col4,
	.page .ListeRelations .TableRel .Col5,
	.RelDetailAdresse .Col1,
	.RelDetailAdresse .Col2,
	.RelDetailTelecom .Col1,
	.RelDetailTelecom .Col2,
	.RelDetailQualite tr td,
	.RelDetailConfCours .Col1,
	.RelDetailConfCours .Col2, 
	.RelDetailConfCours .Col3,
	.ListePublications .tableau td.col,
	.ListeCandidatures .tableau td.col,
	.ListeNewsletter .tableau td.col,
	.BlocLaureatObjCan .tableau td.col {
		font-size: min(5vw, 18px);
		line-height: 6vw;
	}
	.ListeActivite .LigneActi .ConferencierAtv {
		padding-top: 1vw;
	}
	.iconerond2 {
		width: 5.30vw;
		margin-left: 1.51vw;
		margin-top: - 1.51vw;
	}
	div.statutinscriptionatv {
		width: 25vw;
		font-size: 3vw;
		padding: 0px;
		line-height: 5vw;
		padding-top: 1vw;
	}
	.suiveznous img {
		width: min(10vw,45px);
		margin-left: 2vw;
	}
	.accueil .header .menu .menusec1 .ligne, .header .menu .menusec1 .ligne {
		height: 1px;
		width: 40vw;
		margin: 0px;
		margin-left: 30vw;
	}
	.tableau td.col {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.tableau td.colsep {
		height: 0px;
	}
	.BtnEffacerFiltre.mobileOnly {
		margin-top: 18px;
	}
	.BtnEffacerFiltre.mobileOnly .Filtres {
		padding-top: 0px;
	}
	.BtnEffacerFiltre .Filtres {
		padding-top: 11px;
		line-height: 30px;
	}
	.BlocMap {
		padding-left: 0px;
		margin-top: 10vw;
	}
	.ListeActu .LigneActu .LirePlus {
		margin-top: 17.72vw;
		margin-left: 17.72vw;
	}
	.ListeActu .LigneActu .LirePlus img,
	.ListeActu .LigneActu .LirePlus {
		width: 5.15vw;
		height: 5.15vw;
	}
	.TableRel tr td:nth-child(2), .RelDetailAdresse tr td:nth-child(2), .RelDetailTelecom tr td:nth-child(2), .RelDetailConfCours tr td:nth-child(2){
		padding: 0px;
		height: 1vw;
	}
	.RelDetailAdresse tr:nth-child(2), .RelDetailTelecom tr:nth-child(2) {
		display: none;
	}
	.ListeObjetCan .TableObjCan tr td,
	.ListeRelations .TableRel tr td,
	.RelDetailAdresse tr td,
	.RelDetailTelecom tr td,
	.RelDetailConfCours tr td {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}
	.ListeObjetCan .TableObjCan tr td:nth-child(2n),
	.ListeRelations .TableRel tr td:nth-child(2n),
	.RelDetailAdresse tr td:nth-child(2n),
	.RelDetailTelecom tr td:nth-child(2n),
	.RelDetailConfCours  tr td:nth-child(2n),
	.ListePublications tr td:nth-child(2n),
	.ListeCandidatures tr td:nth-child(2n),
	.ListeNewsletter tr td:nth-child(2n),
	.BlocLaureatObjCan tr td:nth-child(2n) {
		padding: 0px;
		height: 1vw;
		height: 0px;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.blocform table td.libelle, .forminscriptionatv table td.libelle.large {
		padding-top: 15px;
		padding-bottom: 10px;
		text-align: left;
	}
	.select {
		background-position-x: right;
	}
	.bouton.enregistrer {
		margin: 0px;
		margin-bottom: 5vw;
		margin-left: 5vw;
	}
	.TableObjCan, .TableRel, .RelDetailAdresse, .RelDetailTelecom, .RelDetailQualite, .RelDetailConfCours, 
	.ListePublications .tableau, .ListeCandidatures .tableau, .ListeNewsletter .tableau, .BlocLaureatObjCan .tableau {
		margin-bottom: 3vw;
	}
	.ui-dialog {
		max-width: 100vw;
		border: none;
		padding: 0px;
	}
	.ui-dialog .ui-dialog-content {
		padding: 5vw;
	}
	.ui-dialog .ui-dialog-content .bouton.enregistrer {
		margin-left: 0vw;
		margin-top: 5vw;
		width: 90vw;
	}
	.messageins table {
		padding-bottom: 5vw;
	}
	.sousmenus a img, .sousmenus .BlocSlideshow div {
		max-width: 90vw;
	}
	.sousmenus .slideshowall a img, .sousmenus .BlocSlideshow div {
		max-height: 52.68vw;
	}
	.ALaUne {
		height: auto;
		margin-bottom: 10vw;
	}
	.TableRel .Col2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content .TexteSection {
		/*word-break: break-all;*/ /*ceci provoque la coupure des mots dans les textes..*/
	}
	.chemin {
		line-height: 24px;
	}
	.ListeActu .LigneActu .MessageDesc {
		margin-top: 1vw;
	}
	.footer .content {
		width: 90vw;
		padding-left: 5vw;
		padding-right: 5vw;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.footer img {
		margin: 0px;
		margin-top: 5vw;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
		height: min(15vw, 70px);
	}
	.header .logo, .accueil .header .logo {
		margin-top: 15px;
	}
	.TexteSection p {
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
	 .GalerieImage div {
		max-height: min(40vw, 161px);
		max-width: min(40vw, 161px);
	}
	.content .Galerie .GalerieImage img {
		/*max-width: min(40vw, 161px);*/
	}
	.content .Galerie .GalerieImage {
		margin-bottom: 5vw;
		margin-right: 2.2vw;
		margin-left: 2.2vw;
	}
	.accueil .page .ALaUne, 
	.BlocActuAccueil, 
	.BlocActiAccueil, 
	.BlocPubAccueil,
	.accueil .basdroite,
	.accueil .footer,
	.BlocFiltres {
		position: absolute;
	}
	.BlocFiltres {
		height: 35px;
		overflow-y: hidden;
		margin: 0px;
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
	.page .BlocFiltres .separateur {
		margin-top: 0px;
		margin-left: 0px;
	}
	.page .blocform td.separateur {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.footer .content a:nth-child(5) img {
		margin-right: 0.5vw;
		margin-left: 0.5vw;
	}
	.footer .content a:nth-child(6) img {
		margin-right: 4.5vw;
		margin-left: 4.5vw;
	}
	.bouleall {
		display: none;
	} 
	.NaissanceDeces {
		padding-left: 5vw;
		padding-top: 3vw;
		padding-bottom: 1vw;
	}
	.accueil .header .blocs img, .header .blocs img {
		opacity: 1;
	}
	.RelDetailAdresse .Col1,
	.RelDetailAdresse .Col2,
	.RelDetailTelecom .Col1,
	.RelDetailTelecom .Col2,
	.RelDetailTelecom .Col3,
	.RelDetailQualite tr td,
	.RelDetailConfCours .Col1,
	.RelDetailConfCours .Col2,
	.RelDetailConfCours .Col3 {
		width: calc(90vw - 20px);
		padding-left: 10px;
		padding-right: 10px;
	}
	.RelDetailTelecom tr td.Col3  {
		padding-bottom: 8px !important;
	}
	.RelDetailAdresse .Col1, .RelDetailTelecom .Col1, .RelDetailTelecom .Col2, .RelDetailConfCours .Col1 {
		font-weight: 600;
	}
	.RelDetailQualite {
		width: 100vw; 
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.tableau td.col {
		text-align: left !important;
	}
	.InscriptionSession {
		margin-left: 5vw;
		margin-top: 5vw;
	}
	.ClasseObjCan, .InscriptionSession {
		font-size: min(5vw, 19px);
	}
	.ObjetObjCan {
		margin-top: 4vw;
	}
	.PubFPSsTitre, .PubFPAuteur {
		margin-bottom: 2.5vw;
	}
	.PubFPAuteur {
		margin-top: 5vw;
	}
	.PubFPSsTitre {
		margin-top: 2.5vw;
		margin-bottom: 2.5vw;
	}
	.GalerieVert img {
		/*width: auto;*/
		margin-left: 5vw;
		margin-top: 5vw;
		margin-bottom: 2.5vw;
		/*height: 35vw;
		max-height: 150px;*/
		/*height: auto;*/
		max-width: 90vw;
	}
	.BtnNavSubstitut {
		display: none !important;
	}
	.DescGalVert {
		width: 90vw;
		padding-left: 5vw;
		padding-right: 5vw;
		padding-bottom: 5vw;
	}
	.GalerieVert {
		margin-top: 2.5vw;
		margin-bottom: 2.5vw;
	}
	.GalerieVert .BgBlanc {
		background-color: white;
		color: #323232;
	}
	.GalerieVert .BgBrun {
    	background-color: #97684b;
    	color: white;
	}
}

/*	=============================
		   BANNIERE COOKIE		 
	=============================*/
/* Remplacer les couleurs comme vous le souhaitez */
.colorCookieBannerAcadémie2{
	--bg-color: #97684b !important;
	--font-color: #ffffff !important;
	--font-family: 'Lato', sans-serif;
	--font-family2: 'arno_prosmtext';
	--autre-color: #323232 !important;
    --disabled-color: #939393 !important;
	--disabled-transparent-color: rgb(147, 147, 147, 0.5) !important;
	--colorbtn-transparent-color: rgb(151, 104, 75, 0) !important;
    --active-transparent-color: rgb(151, 104, 75, 0.5)  !important;
}
.colorCookieBanner{
	--bg-color: #97684b !important;
	--font-color: #ffffff !important;
	--font-family: 'Lato', sans-serif;
	--font-family2: 'arno_prosmtext';
	--autre-color: #323232 !important;
    --disabled-color: #939393 !important;
	--disabled-transparent-color: rgb(147, 147, 147, 0.5) !important;
	--colorbtn-transparent-color: rgb(151, 104, 75, 0) !important;
    --active-transparent-color: rgb(151, 104, 75, 0.5)  !important;
}
/* ProtectCookieBanner GENRIQUE*/
[class^="protectCookieBanner-"]{
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-family: var(--font-family);
	vertical-align: baseline;
	cursor: default;
	float: none;
	width: auto;
	text-align: left;
}
/* ProtectCookieBanner BODY*/
.protectCookieBanner-Notice-body{
	padding: 1em 1.2em;
	background-color: var(--bg-color);
	border-radius: 2px;
}

/* ProtectCookieBanner BANDEAU*/
.protectCookieBanner-Notice{
	position: fixed;
	z-index: 1080;
	width: auto;
	bottom: 0;
	font-size: 15px;
}

.boutonCookies { /* Boutton pour les cookies. */
	text-decoration: none !important;
	background-color: var(--colorbtn-transparent-color);
	width: auto;
	margin-top: 10px;
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 19px;
	letter-spacing: 0.5px;
	border: 2px solid white;
	height: 34px;
	vertical-align: middle;
	opacity: 0.8;
}

.boutonCookies2 { /* Boutton pour les cookies. */
	text-decoration: none !important;
	background-color: var(--bg-color);
	width: auto;
	margin-top: 10px;
	font-family: var(--font-family2);
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 8px;
	font-size: 17px;
	cursor: pointer;
	height: 36px;
	border: 0px var(--bg-color);
	vertical-align: middle;
}

.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}

.divBoutonCookies {
	display: inline;
}

/* ProtectCookieBanner BALISE P*/
p.protectCookieBanner-Notice-description {
	line-height: 21px;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
}

/* ProtectCookieBanner DESCRIPTION*/
.protectCookieBanner-Notice-title, .protectCookieBanner-Notice-description {
	color: var(--font-color);
	margin-bottom: 0.9em;
	font-size: 16px;
}

/* ProtectCookieBanner LIEN*/
#protectCookieBanner a, .paste-url-cookie{
	color: var(--font-color);
	text-decoration: underline;
	background-color: transparent;
}


button:not(:disabled).boutonCookies, [type="button"]:not(:disabled).boutonCookies, [type="reset"]:not(:disabled).boutonCookies, [type="submit"]:not(:disabled).boutonCookies {cursor: pointer;}
button:not(:disabled).boutonCookiesRight, [type="button"]:not(:disabled).boutonCookiesRight, [type="reset"]:not(:disabled).boutonCookiesRight, [type="submit"]:not(:disabled).boutonCookiesRight {cursor: pointer;}


@media (min-width: 896px){
	.protectCookieBanner-Notice {
		max-width: 850px;
		border-radius: 2px;
		bottom: 20px;
		right: 20px;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
		background-color: transparent;
	}
}

/* ProtectCookieBanner POUR TABLETTE OU SMARTHONE*/
@media (max-width: 895px){
	.protectCookieBanner-Notice{
		width: 100%;
		left: 0;
		right: 0;
		border-radius: 2px 2px 0px 0px;
		background-color: transparent;
	}

	.protectCookieBanner-Notice-body{border-radius: 2px 2px 0px 0px;}

	.boutonCookies { /* Boutton pour les cookies. */
		margin-right: 31px;
		letter-spacing: 0.5px;
	}
}
@media(max-width:1250px){
	/* LE MODAL */
	.modal-cookies-content {
		border-radius: 2px !important;
		margin: 6vh auto;
		background-color: var(--bg-color);
		width: 90%;
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
		opacity: 1;
	}
	.modal-cookies-button {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 0px;
		width: auto;
		height: 36px;
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		font-size: 15px;
		white-space: nowrap;
		border: 0px var(--bg-color);
	}
	.modal-cookies-button:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 36px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 15px;
		white-space: nowrap;
	}
	.modal-cookies-disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 36px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 15px;
		white-space: nowrap;
	}
}
/* LE MODAL */
body.modal-open {
	overflow: hidden;
	position: fixed;
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100%;
	width: 100%;
    overflow: hidden;
    font-family: var(--font-family);
}
.style-overlay {
    display: none;
    position: fixed;
	left: 0;
    top: 0;
    width: 100% !important;
	height: 100% !important;
	z-index: 9999 !important;
	background-color: rgba(255,255,255,0.7);
    opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	opacity:0.8 !important;
}

.zoneParamCookies {
	margin-top: 30px;
	margin-bottom: 30px;
}
.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: white;
	font-size:32px;
	font-weight:bold;
}


.modal-cookies-header {
    background: var(--modal-color);
    padding: 20px;
    color: #fff;
	text-align: left;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	text-align: left;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	font-family: var(--font-family);
	color: var(--autre-color);
	font-size: 18px;
}
@media(min-width: 1250px){
	.modal-cookies-content {
		border-radius: 2px;
		margin: 17.5vh auto;
		background-color: var(--bg-color);
		width: 50%;
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
	}
	.modal-cookies-button {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 0px;
		width: auto;
		height: 40px;
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		font-size: 16px;
		white-space: nowrap;
		border: 0px var(--bg-color);
	}
	.modal-cookies-button:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 40px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 16px;
		white-space: nowrap;
	}
	.modal-cookies-disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 40px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 16px;
		white-space: nowrap;
	}
}
#modal-cookies{
	opacity: 0;
  	-webkit-transition: opacity 0.3s ease-in-out;
  	-moz-transition: opacity 0.3s ease-in-out;
  	-ms-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
 	transition: opacity 0.3 ease-in-out;
}
  
.close {
    color: var(--font-color);
    float: right;
    font-size: 30px;
    color: var(--font-color);
}
  
.close:hover,.close:focus {
    color: var(--autre-color);
    text-decoration: none;
    cursor: pointer;
}
.sousTitre-modal-cookies{
    font-size: 18px;
}
  
@keyframes modalopen {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
.switch input{
	display: none;
}

.modal-cookies-a {
	text-decoration: none !important;
	background-color: var(--font-color);
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	font-family: var(--font-family);
	vertical-align: text-bottom;
	color: var(--autre-color);
	padding: 2px 0px 2px 0px;
	font-size: 15px;
	float: left;
}

.modal-cookies-a span a{
	text-decoration: none;
	color: var(--autre-color);
    display: block;
    padding-top: 26px;
    text-align: center;
	line-height: 1em;
}
.modal-cookies-a span a:hover{
	text-decoration: underline;
}
  
.modal-cookies-button:focus, .modal-cookies-disabled:focus, .modal-cookies-button2:focus {
    outline: 1px solid var(--font-color);
    box-shadow: 0px 0px 1px 1px var(--font-color);
}
button:not(:disabled).modal-cookies-button, [type="button"]:not(:disabled).modal-cookies-button, [type="reset"]:not(:disabled).modal-cookies-button, [type="submit"]:not(:disabled).modal-cookies-button {cursor: pointer;}
button:not(:disabled).modal-cookies-disabled, [type="button"]:not(:disabled).modal-cookies-disabled, [type="reset"]:not(:disabled).modal-cookies-disabled, [type="submit"]:not(:disabled).modal-cookies-disabled {cursor: pointer;}
button:not(:disabled).modal-cookies-button2, [type="button"]:not(:disabled).modal-cookies-button2, [type="reset"]:not(:disabled).modal-cookies-button2, [type="submit"]:not(:disabled).modal-cookies-button2, .modal-cookies-a {cursor: pointer;}

.modal-cookies-button2 {
	text-decoration: none !important;
	background-color: var(--bg-color);
	border-radius: 0px;
	width: auto;
	height: 32px;
	border: 0px var(--bg-color);
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 13px;
    white-space: nowrap;
}
.modal-cookies-button2:disabled {
    text-decoration: none !important;
	background-color: var(--disabled-color);
	border-radius: 0px;
	width: auto;
	height: 32px;
	border: 0px var(--disabled-color);
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 13px;
    white-space: nowrap;
}
.div-li-cookie-bas {
	margin-top: 4px !important;
	float: right !important;
}
.div-sup-cookie-bas {
	display: inline !important; 
}
@media (max-width:896px){
	.boutonCookiesRight { /* Boutton pour les cookies. */
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		width: auto;
		margin-top: 10px;
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		letter-spacing: 0.5px;
		border: 2px solid white;
		height: 34px;
		vertical-align: middle;
		opacity: 0.8;
	}
}
@media (min-width:895px){
	.boutonCookiesRight { /* Boutton pour les cookies. */
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		width: auto;
		margin-top: 10px;
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		float: right;
		letter-spacing: 0.5px;
		border: 2px solid white;
		height: 34px;
		vertical-align: middle;
		opacity: 0.8;
	}
}
@media screen and (max-width: 1500px),  screen and (max-device-width: 1500px){
	.modal-cookies-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 0px;
		width: auto;
		height: 32px;
		border: 0px var(--bg-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 32px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		white-space: nowrap;
	}

	.modal-cookies-a span a {
		text-decoration: none;
		color: var(--autre-color);
		display: block;
		padding-top: 30px;
		text-align: center;
		line-height: 1em;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.modal-cookies-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 0px;
		width: auto;
		height: 32px;
		border: 0px var(--bg-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		margin-top: 10px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: auto;
		height: 32px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		margin-top: 10px;
		font-size: 13px;
		white-space: nowrap;
	}
	.TableRel .Col2 ul li {
		background-position: 7px center;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.espaceZonePubli .banniereMobile {
		display: block;
	}
	.espaceZonePubli .banniereDesktop {
		display: none;
	}
}
@media screen and (max-width: 410px),  screen and (max-device-width: 410px){
	.modal-cookies-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 0px;
		width: 100%;
		height: 32px;
		border: 0px var(--bg-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		margin-top: 10px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: 100%;
		height: 32px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		margin-top: 10px;
		font-size: 13px;
		white-space: nowrap;
	}
	.modal-cookies-button {
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		border-radius: 0px;
		width: 100%;
		height: 40px;
		border: 0px var(--bg-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		font-size: 15px;
		white-space: nowrap;
	}
	.modal-cookies-button:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 0px;
		width: 100%;
		height: 40px;
		border: 0px var(--disabled-color);
		font-family: var(--font-family);
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 15px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 1500px),  screen and (max-device-width: 1500px) {
	.div-sup-cookie-bas {
		display: inline !important; 
	}
	.div-li-cookie-bas {
		padding-top: 10px;
	}
}

/* SWITCHER MODAL COOKIE */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
  
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch input{ 
    opacity: 0.5;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--disabled-color);
    -webkit-transition: .4s;
    transition: .4s;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.textSousSlider {
	font-family: var(--font-family);
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.5px;
	color: var(--autre-color);
	padding-top: 2px;
}
  
input:checked + .slider {
    background-color: var(--bg-color);
}

input:checked:disabled + .slider{
    background-color: var(--active-transparent-color) !important;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px var(--bg-color);
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 2px;
}
  
.slider.round:before {
    border-radius: 2%;
}

.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 16px;
}

.modal-cookies-body-item {
    justify-content: flex-start;
	padding-top: 2px;
    padding-right: 20px;
}

.modal-cookies-body-item2 {
    justify-content: flex-start;
}

.modal-cookies-body-titre{
    font-weight: bold;
	color: var(--bg-color);
	display: inline-block;
}
.modal-cookies-optionnelornot{
	display: inline-block;
	color: var(--disabled-color);
}
.modal-li-cookie {
	padding-top: 40px;
	display: flow-root;
	padding-bottom: -4px;
}

#protectCookieBanner{
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
   	transition: opacity 0.3 ease-in-out;
}

.fade-in {
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
	}
	@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
	
	@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	}
/*	=============================
		 FIN BANNIERE COOKIE		 
	=============================*/