/* template de Style */
.clean:after
{
	content:"";
	display:block;
	clear:both;
}
/* List agence */
#agenceListCtn
{
	margin-top:45px;
}
#agenceListCtn .listElement .img
{
	display:none;
}

#agenceListCtn .listElement 
{
	background:#FFFFFF;
	box-sizing:Border-box;
}


#agenceListCtn .listElement .elementText
{
	position:relative;
	width:100%;
	padding:0;
}
#agenceListCtn .listElement .elementText h5
{
	position:relative;
	background:#004ad9;
	color:#FFFFFF;
	width:100%;
	font-weight:normal;
	padding:16px;
	box-sizing:Border-box;
	transform:none;
	transition:all 0.5s;
}

#agenceListCtn .listElement .elementText .resume
{
	padding:16px;
	color:#010101;
	font-size:22px;
}

#agenceListCtn .listElement .plus
{
	width:80px;
	margin:10px;
	background:#2563de;
	color:#FFFFFF;
	padding:5px 20px 5px 10px;
	transition:all 0.5s;
	
}

#agenceListCtn .listElement:hover .plus, #agenceListCtn .listElement:hover .elementText h5
{
	background:#558cff;
}


@media only screen and (min-width:800px)
{
	#agenceListCtn .listElement 
	{
		margin-right:30px;
		width:calc(50% - 30px);
		height:390px;		
	}
	
	#agenceListCtn .listElement .plus
	{
		position:absolute;
		bottom:18px;
		left:18px;
		margin:0;
	}
}

@media only screen and (min-width:1100px)
{
	#agenceListCtn .listElement 
	{
		width:calc(33.33% - 30px);	
	}
}

/* Detail annuaire */
.DataCtn
{
	position:relative;
	margin:20px 0 0 0;
	overflow:hidden;
}
.DataCtn .dataElement
{
	display:block;
	position:relative;
	margin:0 0 20px 0;
	line-height:1.5em;;
}
.DataCtn .dataElement .label
{
	position:relative;
	box-sizing:border-box;
	font-weight:bold;
}
.DataCtn .dataElement .data
{
	position:relative;
	box-sizing:border-box;
}

#agenceDatas .informations
{
	/*display:none;*/
	padding: 10px;
	overflow:hidden; /*pour pas que le html déborde*/
	background-color: #fff;
}


@media only screen and (min-width:950px)
{
	#agenceDatas .informations
	{
		padding: 50px;
	}
}

#agenceDatas .informations .htmlcontent .whiteBox
{
	padding:0;
}

#agenceDatas .titre
{
	background-color:#004ad9;
	color:#ffffff;
	font-family:'Regular';
	font-size:18px;
	margin:0px;
	font-weight:normal;
	font-style:normal;
	text-align: left;
	padding:10px 5px 10px 25px;
	margin-top:30px;
}

#agenceDatas .imgAgence
{
	background-width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	margin:0 0 40px 0;
}
#agenceDatas .imgAgence:before
{
	content:"";
	display:block;
	padding-top:100%;
}

#agenceDatas .img
{
	display:none;
}
	
@media screen and (min-width: 641px)
{
	#agenceDatas .titre
	{
		font-size: 26px;
		text-align: left; 
	}
}

@media (min-width:641px) 
{	
	.DataCtn .dataElement .label
	{
		float:left;
		width:20%;
		padding-right:20px;
		min-width:164px;
	}
	.DataCtn .dataElement .data
	{
		float:left;
		width:80%;
	}
}

@media (min-width:900px) 
{
	.DataCtn
	{
		width:65%;
		float:left;	
		margin:20px 0 40px 0;	
	}
	
	#agenceDatas .imgAgence
	{
		width:35%;		
		float:left;
		margin:0 0 0 0;
	}
}

/*ADMIN*/
.EditMoreTbl .soustitre
{
	font-weight:bold;
	padding-top:20px;
}

#adresseAdminMap
{
	width:100%;
	height:350px;
	margin:15px 0 0 0;
}
.mapCtn
{
	width:100%;
	height:550px;
	margin:15px 0 0 0;
	position:relative;
}

#adresseMap
{
	width:100%;
	height:100%;
}

.EditMoreTbl
{
	margin-bottom:10px;
}
.EditMoreTbl input[type=text], .EditMoreTbl select
{
	width:350px;
}
.EditMoreTbl textarea
{
	width:350px;
	height:4em;
}
.EditMoreTbl textarea.big
{
	width:350px;
	height:10em;
}

.EditMoreTbl input[type=text].npa
{
	width:50px;	
	margin-right:10px;
}
.EditMoreTbl input[type=text].localite
{
	width:290px;
}
/*Fin des styles pour les listes*/

/*Info bulle*/
.gmInfoBox
{
	position:relative;
	top:-50px;
	left:0;
	box-sizing:border-box;
	padding:10px 25px 20px 25px;
	background:#ffffff;
}
.gmInfoBox:after
{
	content:"";
	display:block;
	clear:both;
}

.gmInfoBox .colDroite
{
	width:300px;
}

.gmInfoBox .closebtn
{
	position:absolute;
	top:2px!important;
	right:2px!important;
	width:28px;
	height:28px;
	text-decoration:none;
	display:block;
}
.gmInfoBox .closebtn:after
{
	content:"X";
	position:absolute;
	top:5px;
	left:9px;
	font-weight:bold;
	font-size:15px;
	color:#8d8d8d;
	text-decoration:none;
}
.gmInfoBox .savoirPlus
{
	box-sizing:border-box;

	display:block;
	background:#2563de;
	width:30%;
	padding:0 0 3px 10px;
	margin:20px 0 0 0!important;
}

.gmInfoBox .savoirPlus a
{
	text-decoration:none;
	color:#FFFFFF;
	font-family:Regular!important;
	font-size:22px!important;
}

.gmInfoBox .savoirPlus:empty
{
	display:none;
}
.gmInfoBox h5
{
	margin:0;
	padding:0 0 0 0;
	font-size:21px;
	font-weight:bold;
	color:#000000;
}
.gmInfoBox .infos
{
   
}

.gmInfoBox .info
{
	font-family: "Regular";
	font-size:21px;
	font-weight:normal;
	color:#000000;	
	padding:0 0 0 0;
}

.gmInfoBox .info.phone
{
	padding-top:10px;
}

.gmInfoBox .info.mail
{
	color:#2468d3;
}

.gmInfoBox .info span
{
	display:inline-block;
	/*max-width:50%;*/
	vertical-align:top;
}
.gmInfoBox .info span.label
{
	font-weight:normal;
	color:#000000;
}

.infoBox > img /*redefini le button close*/ 
{
	display:none;
}

.gmInfoBox a.url
{
	position:relative;
	display:block;
	font-size:15px;
	font-weight:normal;
	padding:10px 0 0 0;
}

/*PAGE du Formulaire de contact*/
#agenceContactFormCtn .whiteBox{
	padding-left:0;
	padding-right:0;
	background-color:transparent;
}
/*Formulaire de contact*/
#agenceContactForm .msg{
	display:block;
	padding:10px 54px 10px 54px;
	color:#ffffff;
	margin-top:30px;
	font-size: .85em;
}
#agenceContactForm .msg.ok{
	background:green;
}
#agenceContactForm .msg.error{
	background:red;
}
#agenceContactForm .msg:empty{
	display:none;
}
#agenceContactForm #myForm
{
	background:#FFFFFF;
}
#agenceContactForm .zonecontact
{
	margin-top:30px;
}
#agenceContactForm .zonecontact .bloc
{
	box-sizing:border-box;
	padding:10px;
	background:#FFFFFF;
	letter-spacing:2px;
	line-height:35px;
	margin-top:30px;
	margin-bottom:20px;
}
#agenceContactForm .msg:not(:empty) + form .bloc
{
	margin-top:0;
}

#agenceContactForm .zonecontact .bloc input[type=text], #agenceContactForm .zonecontact .bloc textarea, #agenceContactForm .zonecontact .bloc input[type=checkbox],
#agenceContactForm .zonecontact .bloc select
{
	background:#FFFFFF;
	width:100%;
	margin-bottom:32px;
	min-height:23px;
	box-sizing: border-box;
}

#agenceContactForm .zonecontact .bloc select{
	border:1px solid #bbb7b7;
	padding:5px 7px 5px 7px;
}
#agenceContactForm .zonecontact .bloc .aftercheck{
	margin-top:32px;
}


#agenceContactForm .zonecontact .bloc input[type=text].mandatoryFailed, #agenceContactForm .zonecontact .bloc textarea.mandatoryFailed,
#agenceContactForm .zonecontact .bloc select.mandatoryFailed
{
	 background-color: #FFE3E8;
	border: 1px dotted red;
}


#agenceContactForm .zonecontact .bloc input[type=checkbox]
{
	height:20px;
	width:20px;
	min-height:auto;
	margin-bottom:0;
}

#agenceContactForm .zonecontact .bloc .small
{
	font-size:17px;
	line-height:normal;
}

#agenceContactForm .zonecontact .bloc div.entete
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	padding-top:10px;
	line-height:18px;
}

#agenceContactForm .zonecontact span.entete
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
}

#agenceContactForm .zonecontact input[type=submit]
{
	margin-top:70px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	 cursor:pointer;
  background:#2864dc;
	color:#FFFFFF;
}

#agenceContactForm .zonecontact input[type=submit][disabled=disabled]
{
	/*background:#558cff;*/
	cursor:default;
	opacity: .5;
}

#agenceContactForm .zonecontact .right
{
	text-align:right;
}

#agenceContactForm .QapTcha
{
	width:100%;
}
#agenceContactForm .QapTcha .TxtStatus
{
	line-height:normal;
	font-size:15px!important;
	width:100%;
	color:#004ad9;
}

@media only screen and (min-width:641px)
{
	/*Formulaire de contact*/
	#agenceContactForm .zonecontact
	{
		margin-top:30px;
	}

	#agenceContactForm .zonecontact .bloc
	{
		padding:57px 10px 51px 10px;
	}

	#agenceContactForm .zonecontact .bloc > div
	{
		width:70%;
		float:left;
	}

	#agenceContactForm .zonecontact .bloc div.entete
	{
		width:30%;
		float:left;
	}

	#agenceContactForm .zonecontact input[type=submit]
	{
		font-size:25px;
	}

}

@media only screen and (min-width:900px)
{
	#agenceContactForm .zonecontact .bloc
	{
		width:80%;
		padding:57px 54px 51px 54px;
	}
}

/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#bb2828; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }
.cartoucheCtn
{
	overflow: hidden;
	position:relative;
	background-color: #2864dc;
}
.cartoucheWrapper
{
	box-sizing: border-box;
	padding: 0 10px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.cartoucheCtn h5
{
	color: #2864dc;
	background-color: #fff;
	display: inline-block;
	margin: 0;
	padding: 30px 20px;
	font-size: 40px; 
	font-family: "Medium";
	position: relative;
	box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.2); 
}
.cartoucheCtn h5:after
{
	content:"";
	position: absolute;
	right: -36px;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-width: 103px 36px 0 0;
	border-color: #fff transparent transparent transparent;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}

.cartoucheCtn .more
{
	/*display:block;
	color:#00509f;
	text-decoration:none;
	text-align:right;*/
	display:none;
}

.cartoucheCtn .archive
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.cartoucheCtn .archive > a
{
	margin-left:3px;
	text-decoration:none;
	color:grey;
}

.cartoucheElementCtn
{
	position:relative;
}
.cartoucheElementCtn::after
{
	content: "";
	clear: both;
	display: block;
}

.cartoucheElement
{
	position: relative;
	box-sizing: border-box;
	float: left;
	margin: 40px 0 0px;
	padding: 0 20px 40px 10px;	
	width: 100%;
	text-decoration:none;
	background:none;
	color: #fff;		
}
.cartoucheElement:not(:last-child)
{
	border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1000px)
{
	.cartoucheElement
	{
		margin: 40px 0 40px;
		padding: 0 20px 0 10px;	
		width: 33%;
	}
	.cartoucheElement:not(:last-child)
	{
		border-bottom: none;
	}
	.cartoucheElement:not(:last-child):after
	{
		content:"";
		position: absolute;
		top: 0%;
		width: 1px;
		height: 320px;
		right: 10px;
		background-color: #fff;
		display: block;
	}
}

.cartoucheElement .txt
{
	position:relative;
	display:block;
}

.cartoucheElement h6
{
	margin:0px 0px 35px 0px;
	color: #fff;
	font-family:'Bold';
	text-decoration:none;
	font-size:24px;
	font-weight:normal;
	font-style:normal;
}

.cartoucheElement .resume
{
	color:#fff;	
	font-size:24px;
	font-weight:normal;
}

.cartoucheElement .newsButton
{
	font-size: 24px;
	display: inline-block;
	padding: 8px 15px 8px 10px;
	margin: 10px 0 0;
	background-color: #fff;
	color: #2864dc;
	border: none;
}

.cartoucheActualiteElement
{
	color: #000;
}
.cartoucheActualiteElement h6
{
	margin: 5px 0 20px;
	font-size: 40px;
	font-family: "Medium";
}
.cartoucheActualiteElement .newsButton
{
	font-size: 24px;
	display: inline-block;
	padding: 8px 15px 8px 10px;
	margin: 15px 0 0;
	background-color: #2864dc;
	color: #fff;
	border: none;
}
#covid19Ctn
{
	position:relative;
	display:block;
	max-width: 1200px;
	margin:50px auto 0 auto;
    box-sizing:border-box;
    padding: 0 10px 0 10px;
	z-index:1;
}
.covid19btn
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:10px 20px 10px 20px;
	font-family: Medium;
    font-size: 18px;
	text-align:left;
	color: #ffffff;
	background-color: #2762d9;
}

.covid19btn:before
{
	content:"COVID-19";
	position:absolute;
	bottom:100%;
	left:0;
	background:red;
	color:#ffffff;
	padding:5px 10px 5px 10px;
	font-size:14px;
}
@media only screen and (min-width:1000px)
{
	#covid19Ctn
	{
		margin-top:0;
		padding: 0 50px 0 50px;
	}
	.covid19btn
	{
		position:absolute;
		left:50px;
		bottom:calc( 100% + 10px);
	}
}
#documentListCtn
{
  margin-top: 20px;
  margin-bottom: -20px;
}
#documentListCtn:after
{
  display: block;
  content: "";
  clear: both;
}
#documentListCtn .listElement
{
  border:0px;	  
}

#documentListCtn .listElement > a
{
	position:relative;
	display:block;
  text-decoration:none;
  box-sizing: border-box;
  padding: 15px 20px;
}

#documentListCtn .listElement > a:after 
{
  display: block;
  clear: both;
  content:"";
}

#documentListCtn .listElement .txt
{
  display: inline-block;
  float: left;
  margin-left: 15px;
  line-height: 32px;
}
#documentListCtn .listElement .txt h5
{
  margin-bottom: 0;
}

#documentListCtn .listElement .icone
{
  display: inline-block;
  float: left;
  margin-bottom: -5px;
}

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:17px;
	left:5px;
}

#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:10px 5px 10px 25px;
	background-color: #004ad9;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	font-family:'Regular';
	font-size:18px;
	margin:0px;
	font-weight:normal;
	font-style:normal;
	text-align: left;
}
@media screen and (min-width: 641px)
{
	#faqListCtn .listElement .question h5
	{
		font-size: 26px;
		text-align: left; 
	}
}


#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background-color:#004ad9;
	color:#ffffff;
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{
	color:#ffffff;
}
#faqListCtn .listElement .answer
{
	display:none;
	padding: 10px 10px;
	overflow:hidden; /*pour pas que le html déborde*/
}

@media screen and (min-width: 641px)
{
	#faqListCtn .listElement .answer
	{
		padding: 30px 50px;
	}
}


#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}
#galleryimageListCtn .listElement
{
	width:auto;
	height:auto;
	padding:5px;
	margin:0px 10px 10px 0px;
	border:0px;
	background:#cececf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#galleryimageListCtn .listElement .img
{
	width:173px;
	height:87px;
	border:1px solid #ffffff;
	background:#ffffff;
}

#galleryimageListCtn .listElement .admin
{
	display:block;
	margin:7px 0px 2px 0px;
}

#galleryimageListCtn .listElement .admin > a
{
	color:#ffffff;
	text-decoration:none;	
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}
/* Style pour plugin langsite */
.langsite
{
   color: white;
   text-decoration: none;
}

.langsiteActiv
{
   color: pink;
   text-decoration: none;
}

#linksCtn
{
	position:relative;	
	margin-top:20px;
}

#titreEnSavoirPlus
{
	float:left;
	width:43px;
}

#zoneLinks
{
	float:left;
	width: 100%;
}

#zoneLinks .stdZone
{
	min-height: 0;
}

#linksCtn h5
{
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.linksElementCtn
{
	position:relative;
}

.linksElement
{
	box-sizing: border-box;
	position:relative;
	width: 100%;
	display:block;
	float:left;
	text-decoration:none;
	background: #004ad9;
	color: #fff;
	padding: 15px 20px;
	
}
.linksElement:not(:last-child)
{
	margin-bottom: 10px;	
}
@media screen and (min-width: 641px)
{
	.linksElement
	{
		width: calc(50% - 11px);
	}
	.linksElement:nth-child(odd)
{
	margin-right: 11px;
}
.linksElement:nth-child(even)
{
	margin-left: 11px;
}
}

.linksElement .txt
{
	position:relative;
	display:block;	
}

.linksElement h6 
{
	display: inline-block;
	float: left;
	margin: 0;
	font-weight:normal;
	font-size: 20px;
	overflow:hidden;
}
.linksElement svg
{
	height: 20px;
	width: 22px;
	float: right;
}

.linksElement .resume
{
	color:#000000;	
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}
/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left .2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	height:100%;
	background-image: linear-gradient(to right, #2864dc 0%, #4579e1 100%);
	background: #004ad9;
	overflow-x:hidden;
	overflow-y:auto;
	
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
	transition: all .2s ease;
	background-color: rgba(0,0,0, .4);
}

.menuIcone
{
	cursor: pointer;
	width: 40px;
	height: 22px;
	position: relative;
	float: right;
	margin-top: 20px;
	background-image: url("/template/image/menu-open.svg");
	background-size: cover;
}


#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;	
	color:#ffffff;	
	list-style: none;
}

#menuMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li > a
{
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
}
#menuMain ul.menu0
{
	padding: 10px;
}
#menuMain li.menu0
{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
}

#menuMain li.menu1
{
	margin: 5px 0;
}

#menuMain ul.menu0 ul
{
	display:none;	
}

#menuMain a.menu0
{
	font-size: 25px;
}

#menuMain a.menu1
{
	font-size: 20px;
	padding-left:20px;
}
#menuMain a.menu2
{
	font-size:16px;
	padding-left:60px;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
}

div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

div.styleMenuAdmin a
{
	font-family:Arial;
	font-size:11px;
	line-height:0px;
	color:black;
	text-decoration:none;
	text-transform:none;
	white-space:nowrap;
	
}

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
}

.styleDivArrowAdmin.first
{
	float:none!important;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}

#menufondMain
{
	display: inline-block;
}
#menufondMain ul.menu0
{
	display: inline-block;
	float: left;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
#menufondMain li.menu0
{
  margin-top: 0;
  margin-bottom: 0;
	float: left;
	display: inline-block;
}
#menufondMain li.menu0
{
	margin-right: 10px;
}
#menufondMain a.menu0
{
	color: #afafaf;
	font-size: 20px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:1200px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	
	#menuMain ul
	{		
		margin:0px;
		padding:0px;
		display:none;
		font-family: "Regular";
		font-size:20px;
		color:#ffffff;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
	}
	
	#menuMain ul.menu0
	{
		display:inline-block;
		padding: 0;
	}
	#menuMain ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuMain ul li > a
	{
		color:#000;
		text-decoration:none;
		text-transform: lowercase;
		outline:none;
		font-size:20px;
	}
	
	#menuMain li.menu0
	{
		padding: 0;
		margin: 0;
		border-bottom: none;
		display:inline-block;
		float:left;
	}
	#menuMain li.menu0
	{
		margin-right: 20px;
	}
	
	#menuMain a.menu0
	{
		transition: all .2s ease;
		font-size:20px;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
	{
		color: #2864dc;
		box-shadow: inset 0 0 0 transparent, inset 0 -1px 0 currentColor;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menuMain li.menu0 ul
	{
		background-color: #fff;
		position:absolute;
		padding: 60px 15px 15px;
		margin-left: -15px;
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1
	{
		display:inline-block;
		float:left;
		padding-left: 0;
		margin: 5px 0;
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a
	{
		box-shadow: none;
		display: inline-block;
		padding-left: 0;
		text-transform: none;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
	{
		color: #2864dc;
	}
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul
	{
		margin:-15px 0px 0px 100px;
		padding:7px 20px 7px 20px;
		border:10px solid #013b75;
	}
	
	/*3ème niveau: style des li*/
	#menuMain li.menu1 ul li
	{
		width:140px;
		margin-bottom:7px;
		background-color:purple;
		
	}
	
	/*3ème niveau: style des liens "off" */
	#menuMain li.menu1 ul li > a 
	{
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		color:yellow;
	}
	
	/*3ème niveau: style des liens "on" */
	#menuMain li.menu1 ul li > a.menuHover, #menuMain li.menu1 ul li > a.menuselected 
	{
		display:block;
		text-decoration:none;
		text-transform:uppercase;
		color:grey;
	}
}
#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index: 999;
  }
  #myaccountCtn table
  {
    font-size: 14px;
  }
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:750px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}

#newsListCtn .listElement
{
	width: 100%;
	padding: 10px;
}
@media screen and (min-width: 641px)
{
	#newsListCtn .listElement
	{
		padding: 50px;
	}
}
#newsListCtn .listElement .txt
{
	box-sizing: border-box;
	width: 100%;
	float: left;
}
#newsListCtn .listElement h5 
{
	font-size: 25px;
}
#newsListCtn .listElement .img
{
	display: none;
	width: 20%;
	float: left;
}
#newsListCtn .listElement .img:before
{
	padding-top: 100%;
}
#newsListCtn .listElement .date
{
	color:#434242;	
	padding-top:10px;
	font-size:11px;
}

/*STYLE POUR LE CARTOUCHE*/
.inputNewsletter

{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.inputNewsletterError

{
	background-color: #FFE3E8;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:67px;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family:arial;
	height:18px;
	width:20px;
	cursor:pointer;
}




@font-face {
    font-family: 'Bold';
    src: url('/fonts/bold.eot');
    src: url('/fonts/bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bold.woff2') format('woff2'),
         url('/fonts/bold.woff') format('woff'),
         url('/fonts/bold.ttf') format('truetype'),
         url('/fonts/bold.svg#maaxbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Medium';
    src: url('/fonts/medium.eot');
    src: url('/fonts/medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/medium.woff2') format('woff2'),
         url('/fonts/medium.woff') format('woff'),
         url('/fonts/medium.ttf') format('truetype'),
         url('/fonts/medium.svg#maaxmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Regular';
    src: url('/fonts/regular.eot');
    src: url('/fonts/regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/regular.woff2') format('woff2'),
         url('/fonts/regular.woff') format('woff'),
         url('/fonts/regular.ttf') format('truetype'),
         url('/fonts/regular.svg#maaxregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-family: "Regular";
	font-size: 18px;
	color:#000;
	background-color: #f0f0f0;
}
@media screen and (min-width: 641px)
{
	body
	{
		font-size: 24px;
	}
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

a > img
{
	border:none;
}

.mainHolder
{
	min-height: 77.7vh;
}

.mainHolder .menuHolder, .mainHolder .searchHolder
{
	display: inline-block;
}

.bgEditor
{
		background-color: #FFFFFF;
}

#mainHeader
{
	width: 100%;
	background-color: #fff;	
}
#zoneHeader
{
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	padding: 50px 10px;
	margin: 0 auto;
}
#zoneHeader::after
{
	display: block;
	content: "";
	clear: both;
}
#zoneInterieur
{
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	padding: 0px 10px;
	margin: 0 auto;
}
#zoneInterieur.agence
{
	max-width: none;
	padding:0;
}

#zoneInterieur.agence .taille1200, #zoneInterieur.agence .zoneTitreH1
{
	max-width: 1200px;
	width: 100%;
	padding: 0px 10px;
	margin: 0 auto;
	box-sizing:border-box;
}
#zoneLogo
{
	display: inline-block;
	float:left;
	width:180px;
}
#zoneLogo img
{
  width: 99.9%;
  max-width: 180px; /*132px;*/
	max-height: 55px;
	vertical-align: middle;
	margin-top:10px;
}
#zoneHeader #zoneMenu
{
	position: relative;
	display: inline-block;
	float: right;
	margin-top: 20px;
}

#zoneBandeau
{
	float:left;
	width:843px;
}

#zoneSlogan
{
	font-size:21px;
	font-family:"Medium";
	color:#FFFFFF;
	float:right;
	padding-top:40px;
	height:40px;
}

#zoneMenuTop
{
	height:55px;
	float:right;
	padding-left:11px;
}

#zoneYouAreHere
{
	float:left;
	width:604px;
	padding-top:13px;
	padding-left:30px;
}

.home #zoneYouAreHere
{
	display:none;
}

#zoneSearch
{
	float:right;
	margin-top:18px;
}

#zoneSliderHome
{
	width: 100%;
	margin-top: 15px;
}

#zoneAccesRapide 
{
	box-sizing: border-box;
	max-width: 1220px;
	width: 100%;
	margin: 15px auto 15px;
}

#zoneAccesRapide .accesRapideContainer 
{

}
#zoneAccesRapide .accesRapideContainer:after 
{
	content: "";
	clear: both;
	display: block;
}

#zoneAccesRapide .accesRapideContainer  .accesRapideElement 
{
	box-sizing: border-box;
	float: left;
	width: calc(100% - 20px);
	margin: 0 10px 15px;
}

#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementBig
{
	box-sizing: border-box;
	display: inline-block;
	padding: 30px 20px;
	font-size: 30px;
	font-family: "Medium";
	background-color: #fff;
	color: #000;
	width: 100%;
}

#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementSmall 
{
	box-sizing: border-box;
	background-color: #afafaf;
	padding: 15px 20px;
	display: inline-block;
	width: 100%;
	text-align: left;
	color: #000;
	font-size: 20px;
}
@media screen and (min-width: 1000px)
{
	#zoneAccesRapide .accesRapideContainer  .accesRapideElement 
	{
		float: left;
		width: calc(33.3% - 20px);
		margin: 0 10px 0;
	}
	#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementSmall 
	{
		padding: 15px 5px;
		text-align: center;
	}
	#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementBig
	{
		padding: 30px 50px;
	}
	
}
@media screen and (min-width: 1200px)
{
	#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementSmall 
	{		
		font-size: 22px;
	}
	#zoneAccesRapide .accesRapideContainer  .accesRapideElement .elementBig
	{
		font-size: 40px;		
	}
}

#zoneContenu
{
	box-sizing: border-box;
	max-width: 1220px;
	width: 100%;
	margin: 15px auto 15px;
}
#zoneContenu .contenuContainer:after 
{
	display: block;
	content: "";
	clear: both;
}
#zoneContenu .contenuNews
{
	box-sizing: border-box;
	width: calc(100% - 20px);
	float: left;
	margin: 0 10px 15px;
	position: relative; 
	padding: 30px 20px;
	background-color: #fff;
}
#zoneContenu .contenuImage
{
	box-sizing: border-box;
	float: left;
	margin: 0 10px;
	position: relative; 
	width: calc(100% - 20px);
}
@media screen and  (min-width: 1000px)
{
	#zoneContenu .contenuNews
	{
		margin: 0 10px 0;
		width: calc(33.3% - 20px);
	}
	#zoneContenu .contenuImage
	{
		width: calc(66.6% - 20px);
	}
}
#zoneContenu .contenuImage:before 
{
	display: block;
	content: "";
	width: 100%;
	padding-top: 60.13745704467354%;
}
#zoneContenu .contenuImage > .inner
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url("/template/image/homepage.jpg");
	background-size: cover;
}

.home #fondCartoucheInscription
{
	display:none;
}

#fondCartoucheInscription
{
	background:url(/template/image/fondBleuInscriptionChomage.jpg) no-repeat top left;
	width:244px;
	height:63px;
	padding-top:25px;
	padding-left:16px;
	margin-top:40px;
}

#fondCartoucheInscription .txtLigne1Home
{
	font-size:15px;
}

#fondCartoucheInscription .txtLigne2Home
{
	font-size:19px;
}

.txtLigne1Home
{
	font-size:20px;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

.txtLigne2Home
{
	font-size:25px;
	color:#ffffff;
	text-decoration:none;
	font-family:'nationalbookitalic';
	font-weight:normal;
}

.home #zoneEntete
{
	display:none;
}

#zoneBtnEntree div.fondBtnHomeQui, #zoneBtnEntree div.fondBtnHomeDocuments
{
	width:164px;
	padding-left:10px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;	
	font-weight:normal;
}

.fondBtnHomeQui
{
	height:56px;
	padding-top:35px;
	font-size:17px;
	font-family:'nationalbookitalic';
	background:url(/template/image/btnQui.jpg) no-repeat 0px 19px #FFFFFF ;
	
}

.fondBtnHomeQuiHover
{
	padding-top:26px;
	height:65px;
	font-size:18px;
	font-family:'nationalsemibolditalic';
	background:url(/template/image/btnQui.jpg) no-repeat bottom left #FFFFFF ;
}

.fondBtnHomeDemarche
{
	width:163px;
	padding-left:10px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;	
	font-weight:normal;
	height:56px;
	padding-top:35px;
	font-size:17px;
	font-family:'nationalbookitalic';
	background:url(/template/image/btnDemarche.jpg) no-repeat 0px 19px #FFFFFF ;
}

.fondBtnHomeDemarcheHover
{
	padding-top:26px;
	height:65px;
	font-size:18px;
	font-family:'nationalsemibolditalic';
	background:url(/template/image/btnDemarche.jpg) no-repeat bottom left #FFFFFF ;
}

.fondBtnHomeDocuments
{
	height:56px;
	padding-top:35px;
	font-size:17px;
	font-family:'nationalbookitalic';
	background:url(/template/image/btnDocument.jpg) no-repeat 0px 19px #FFFFFF ;
}

.fondBtnHomeDocumentsHover
{
	padding-top:26px;
	height:65px;
	font-size:18px;
	font-family:'nationalsemibolditalic';
	background:url(/template/image/btnDocument.jpg) no-repeat bottom left #FFFFFF ;
}

.fondBtnHomeInfos
{
	width:159px;
	padding-left:10px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;	
	font-weight:normal;
	height:56px;
	padding-top:35px;
	font-size:17px;
	font-family:'nationalbookitalic';
	background:url(/template/image/btnNews.jpg) no-repeat 0px 19px #ffffff ;
}

.fondBtnHomeInfosHover
{

	padding-top:26px;
	height:65px;
	font-size:18px;
	font-family:'nationalsemibolditalic';
	background:url(/template/image/btnNews.jpg) no-repeat bottom left #FFFFFF ;
}

#colGauche
{
	float:left;
	width:690px;
	padding-right:40px;
}

#colDroite
{
	float:left;
	width:260px;
	padding-top:40px;
}

#zonePrintSend
{
	float:right;
	padding-top:34px;	
}


.img
{
	width: 100%;
}
.img:before
{
	content:"";
	display:block;
	padding-top:35.66666666666667%;
}
.whiteBox 
{
	padding: 10px;
	background-color: #fff;
}
.whiteBox > h1:first-child,
.whiteBox > h2:first-child,
.whiteBox > h3:first-child,
.whiteBox > h4:first-child
{
	margin-top: 0;
}
@media screen and (min-width: 641px)
{
	.whiteBox 
	{
		padding: 50px;
	}
}

.noAccroche .zoneImgAccroche
{
	display:none;
}

#mainFooter
{
	width:100%;
	background-color: #e5e5e5;
}

#zoneFooter
{
	box-sizing: border-box;
	max-width: 1200px;
	margin: 80px auto 0;
	padding: 30px 10px 60px;
	position: relative;
}
.home #zoneFooter
{
	margin-top: 15px;
}

#zoneFooter:after {
	content: "";
	display: block;
	clear: both;
}

#zoneFooter .menuleft
{
	display: block;
	margin-bottom: 10px;
}
#zoneFooter .copyright
{
	display: block;
	float: left;
  font-size: 20px;
  margin-top: 5px;
	color: #afafaf;
}
#zoneFooter .powered
{
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 12px;
}
#zoneFooter .powered a
{
	color: #afafaf;
}
@media screen and (min-width: 1200px)
{
	#zoneFooter .menuleft
	{
		display: inline-block;
		float: left;
		margin-bottom: 0;
	}
	#zoneFooter .copyright
	{
		display: inline-block;
		float: right;
		font-size: 20px;
		color: #afafaf;
	}
	#zoneFooter .powered
	{
		right: 10px;
		left: auto;
	}
}

.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

.htmlcontent
{
	overflow:hidden;
}

H1
{
	margin: 80px 0 40px;
	padding: 0;
	font-weight: normal;
	font-size: 40px;
	color:#000;
	font-family:'Medium';
}

H2
{
  margin-bottom: 30px;
  padding-left: 0px;
  font-family: "Bold";
  font-size: 30px;
	color:#2762d9;
}

H3
{
	margin-bottom: 25px;
	padding-left: 0px;
	font-weight: normal;
	text-decoration:none;
	font-size: 22px;
	font-family:'Bold';
	color: #000;
}

H4
{
	margin-bottom: 25px;
	padding-left: 0px;
	font-weight: normal;
	text-decoration:none;
	font-size: 22px;
	font-family:'Bold';
	color:#2762d9;
}

.pageresume
{
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom: 20px;
}

.accrocheImg
{
	float:left;
	padding:5px 20px 5px 0px;
}

A
{
	text-decoration: none;
	color:#2864dc;
}

P
{
		margin-top: 7px;
		margin-bottom: 7px;
}

UL
{
	list-style: circle url('/template/image/arrow.svg');
	padding: 0px 0px 7px 25px;
	margin:0px 0px 0px 3px;
}
ul li 
{
	margin: 10px 0;
}

table
{
	margin:0px;
	padding:0px;
  font-family: Arial;
  font-size: 20px;
	color:#434242;
}

table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
}

.imageAccroche.img
{
	width: 100%;
	background: no-repeat center center;
	background-size: cover;
	margin: 20px 0 0;
}
.imageAccroche.img:before
{
	padding-top: calc(35.66666666666667% * 2);
}
@media screen and (min-width: 641px) {
	.imageAccroche.img:before
	{
		padding-top: 35.66666666666667%;
	}
}

.desactivatepage /*Pour l'affichage du text "désactivé " dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:red;
}

/*Style pour les listes en div */
.listCtn
{
	position:relative;
	margin-top: 20px;
}

.listElement
{
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
	position: relative;
}


.listElement .elementText
{
	box-sizing: border-box;
	position: absolute;
	width: 55%;
	top: 0;
	bottom: 0;
	padding: 10px;
}
.listElement .elementText h5
{	
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 15px;
	font-size: 16px;
}

.listElement .elementImage
{
	width: 45%;
	float: right;
}

.listElement .img
{
	width:100%;	
	background:url("/template/image/defaultList.jpg") no-repeat center center;
	background-size:cover;
	margin: 0;
}
.listElement .img:before 
{
	content:"";
	display:block;
	padding-top: 60%;
}

.listElement:not(:last-child)
	{
		border-bottom: 1px solid #f0f0f0;
	}

@media screen and (min-width: 641px) and (max-width: 999px)
{
	.listElement
	{
		width: 100%;
	}
	.listElement .elementText
	{
		width: 66.6%;		
		padding: 25px 10px 10px 25px;
	}
	.listElement .elementText h5
	{
		font-size: 24px;
		margin-bottom: 0;
	}
	.listElement .elementImage
	{
		width: 33.3%;
	}
	.listElement:not(:last-child)
	{
		border-bottom: 1px solid #f0f0f0;
	}
}
@media screen and (min-width: 1000px)
{
	.listElement
	{
		width: calc(50% - 10px);		
	}
	.listElement:nth-child(odd)
	{
		margin-right: 20px;
	}
	.listElement .elementText
	{
		width: 50%;		
		padding: 25px 10px 10px 25px;
	}
	.listElement .elementText h5
	{
		font-size: 24px;
		margin-bottom: 0;
	}
	.listElement .elementImage
	{
		width: 50%;
	}
	.listElement:not(:last-child)
	{
		border-bottom: none;
	}
}

.listElement h5
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#00509f;
	font-size:16px;
	
}
.listElement .resume
{
	color:#434242;	
	font-weight:normal;
}

/*-- MANDATORY FIELD --*/
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
	background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
	background-color: #FFE3E8;
	border:1px dotted red;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
}

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

legend
{
	font-family: arial;
		font-size: 11px;
		color:black;
}

fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
	margin: 5px;
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIELDSET --*/

.ondrag /*Class pour le drag and drop*/
{
	background-color: #eeeeee;
}


.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
}

.tdListAdmin
{
	padding-top:2px;
	padding-bottom:2px;
}

.iconArrowAdmin
{
	cursor:pointer;
	padding-top:3px;
}

.tableListAdmin
{
	margin:10px;
}

.contentAdmin
{
	margin:10px;
}

input, textarea
{
	border: 1px solid #bbb7b7;
	padding: 5px 7px 5px 7px;
	font-size: 18px;
	background-color:#eeeeee ;
 }

input#login, input#password
{
	font-size: 14px;
	padding: 0px 0px 0px 5px;
}


form
{
	margin:0px;
	padding:0px;
}

select
{
  border:0px;  
  font-size: 20px;
	background-color:#eeeeee ;
}
select option
{
  font-size: 16px;
}

input[type=checkbox], input[type=radio]
{ 
	border: none; 
	background-color:transparent;
}

.admin_scroll
{
		overflow-y: auto;
		float: left;
		width: 300px;
		position: relative;
		height: 250px;
		background: transparent;
}

.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: arial;
		font-size: 11px;
		color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial;
		font-size: 11px;
		color:black;
}

.popupTd
{
	/* T R B L   */ 
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

.opaque50 
{ 
	 opacity: .5; 
	 filter: alpha(opacity=50); 
	 -moz-opacity: .5; 
	 background-color:#000020;
} 

.FlecheMove
{
	vertical-align:top;
	padding-top:5px;
}

/*Style pour la navigation*/
.navigation
{
	margin-bottom : 5px;
	margin-top : 10px;
}

.navigation a
{
	font-size:9px;
	text-decoration:none;
}

.navigation a:hover
{
	font-size:9px;
	text-decoration:underline;
}

.navigation select
{
	font-size:9px;
}

.navigation td
{
	width:60px;
	text-align:center;
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}
#zoneImagePrint
{
	background:url('/plugin/printsend/template/image/print.gif') bottom left no-repeat #ffffff;
	height:16px;
	float:left;
	width:16px;
	padding-right:6px;
	
}

#zoneImagePrint:hover
{
	background:url('/plugin/printsend/template/image/print.gif') top left no-repeat #ffffff;	
}

#zoneImagePDF
{
	background:url('/plugin/printsend/template/image/pdf.gif') bottom left no-repeat #ffffff;
	height:16px;
	float:left;
	width:13px;
padding-right:6px;
}

#zoneImagePDF:hover
{
	background:url('/plugin/printsend/template/image/pdf.gif') top left no-repeat #ffffff;
}

#zoneImageRecommander
{
	background:url('/plugin/printsend/template/image/mail.gif') bottom left no-repeat #ffffff;
	height:16px;
	float:left;
	width:17px;
	padding-right:6px;
}

#zoneImageRecommander:hover
{
	background:url('/plugin/printsend/template/image/mail.gif') top left no-repeat #ffffff;
}

#zoneImageFacebook
{
	background:url('/plugin/printsend/template/image/facebook.gif') bottom left no-repeat #ffffff;
	height:16px;
	float:left;
	width:14px;
	padding-right:6px;
}

#zoneImageFacebook:hover
{
	background:url('/plugin/printsend/template/image/facebook.gif') top left no-repeat #ffffff;
}

#zoneImageTwitter
{
	background:url('/plugin/printsend/template/image/twitter.gif') bottom left no-repeat #ffffff;
	height:16px;
	float:left;
	width:14px;


}

#zoneImageTwitter:hover
{
	background:url('/plugin/printsend/template/image/twitter.gif') top left no-repeat #ffffff;
}

/*Style pour la protection des données */
#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	opacity:1;
	background:rgba(0,0,0,0.6);/*#656464;*/
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
	height: 100vh;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 30px 20px 30px;
	margin:0 auto 0 auto;
	font-size:.9em;
	line-height:1.5em;
	background: #FFFFFF;
	color:#000000;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
}

#disclaimerCtn .disclaimer h2
{
	font-size: 1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}

#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#2864dc;
	border:1px solid #2864dc;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:all .5s;
	text-transform:uppercase;
	margin-top:20px;
}

#disclaimerCtn .disclaimer .close:hover,  #protectiondonneesContentCtn .save input[type=submit]:hover
{
	background:#ffffff;
	color:#2864dc;

}
@media only screen and (min-width:640px)
{
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:10px 50px 50px 50px;
		font-size:1em;
	}
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
	{
		width:auto;
		display: inline-block;
		margin:40px 20px 0 0;
		font-size:.65em;
		padding:4px 14px 4px 14px;
	}
	#protectiondonneesContentCtn .save input[type=submit]{
		font-size: .8em;
	}
}

#protectiondonneesContentCtn h2{
	font-size: 24px;
	margin-bottom: 60px;
}
#protectiondonneesContentCtn .save
{
	margin-top:40px;
}

#protectiondonneesContentCtn .save input[type=submit]
{
	padding:10px;
	cursor: pointer;
}

#protectiondonneesContentCtn .sousTitre, #mentionslegalesContentCtn .sousTitre
{
	text-decoration:underline;
	margin-top: 15px;
}
#protectiondonneesContentCtn .activateCookie
{
	display: flex;
	align-items: center;
	padding:15px 0 15px 10px ;
	font-weight: bold;
	text-transform: uppercase;

	margin:30px 0 50px 0;
	border-bottom: 2px solid #DEDEDE;
	background-color: #eeeeee;
}
#protectiondonneesContentCtn .activateCookie input
{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
/*
#protectiondonneesContentCtn UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
	list-style-type: none;
}


#protectiondonneesContentCtn ul li:before
{
	content: "•";
	margin-left: -15px;
	margin-right: 8px;
	font-size: 20px;
}*/

#protectiondonneesContentCtn a
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width:100%;
	box-sizing: border-box;
}
.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}




/*STYLE POUR LE TEMPLATE*/
#searchCtnAPI
{
	display: inline-block;
	vertical-align: super;
}
@media screen and (max-width: 1199px) 
{
	#searchCtnAPI
	{
		width: 100%;
		background-color: #fff;
		padding: 10px;
		box-sizing: border-box;
	}
	input.inputSearch
	{
		display:block;
		float:left;
		width: calc(100% - 26px);
		height: 25px;	
		box-sizing: border-box;
		background-color:transparent;
		border:0px;
		font-size: 24px;
		color:#909090;
		outline: none;
	}
	input.btnSearch
	{
		display:block;
		float:left;
		width: 26px;
		height:25px;
		border:0px;
		cursor:pointer;
		background-color: transparent;
    background-image: url(/template/image/search@x1.png);
    background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;		
	}
	#searchCtnAPI .searchCtn .closeButton
	{
		display: none;
	}
	#searchCtnAPI .searchButton
	{
		display: none;
	}
}
@media screen and (min-width: 1200px) 
{
	#searchCtnAPI .searchCtn
	{
		position: absolute;
		left: 100%;
		right: 0;
		background-color: #fff;
		z-index: 100;
		opacity: 0;
		overflow: hidden;
		transition: opacity .15s ease, left .2s ease;
	}
	#searchCtnAPI .searchCtn.open
	{
		opacity: 1;
		left: 0;
		transition: left .2s ease, opacity .2s ease 50ms;
	}
	#searchCtnAPI .searchCtn .wrapperInput
	{
		float: left;
    width: 90%;
    background-color: #fff;
    padding-bottom: 8px;    
		border-bottom: 1px solid #909090;
	}
	#searchCtnAPI .searchCtn .wrapperInput:after 
	{
		content: "";
		clear: both;
		display: block;
	}
	#searchCtnAPI .searchCtn .closeButton
	{
		display: inline-block;
		float: right;
	}
	#searchCtnAPI .searchCtn .closeButton img
	{
		width: 20px;
		height: 20px;
	}
	#searchCtnAPI .searchButton
	{
		display: inline-block;
	}
	#searchCtnAPI .searchButton img
	{
		display: inline-block;
		width: 26px;
		height: 25px;
		vertical-align: middle;
	}
	input.btnSearch
	{
		display:inline-block;
		float:left;
		width: 26px;
		height:25px;
		border:0px;
		cursor:pointer;
		background-color: transparent;
    background-image: url(/template/image/search@x1.png);
    background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}

	input.inputSearch
	{
		display:block;
		float:left;
		width: calc(100% - 26px);
		height: 25px;	
		box-sizing: border-box;
		background-color:transparent;
    border:0px;
    padding: 0 5px 0;
		font-size: 24px;
		color:#909090;
		outline: none;
		border-left: 1px solid #909090;
	}
}

/*Search Results*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	/*position:relative;
	z-index:1;
	background-color:white;
	height:60px;
	left:0px;
	padding-left:5px;*/
	
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #c5c7c6;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:bold;
	margin-top:40px;
}

#searchapiResultsCtn .noresult
{
	font-style:italic;
}

#searchapiResultsCtn .results
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	font-weight:normal;
	color:#434242;
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#00509F;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	color:#009DE1;
	margin:0 0 10px 0;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:20%;
	margin-right:5%;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:block;
	box-sizing:border-box;
	float:left;
	width:75%;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
	display:none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
	display:block;	
}

#searchapiResultsCtn .steps
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
	display:inline-block;
	padding:5px;
	color:#00509F;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	input.btnSearch
	{
		background-image: url("/template/image/search@x2.png");
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	input.btnSearch
	{
		background-image: url("/template/image/search@x3.png");
	}
}
/*style pour le lien sur le plan du site*/
.sitemap
{
	color:#5e0404;
	text-decoration:none;
}

/* style pour le plan du site */
.sm0
{
    font-size: 24px;
    color: #2864dc;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

}

.sm1
{
    font-size: 22px;
    color: #2864dc;
    margin-bottom: -2px;
    margin-top: -2px;
    margin-left: 20px;

}

.sm2
{
    font-size: 20px;
    color: #2864dc;
    margin-bottom: -4px;
    margin-top: -4px;
    margin-left: 40px;

}

.sm3
{
    font-size: 18px;
    color: #2864dc;
    margin-bottom: -4px;
    margin-top: -4px;
    margin-left: 60px;
}
/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:30%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top: calc(34.48275862068966% *2);
}
#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn .sliderElementCtn a.sliderElement[href="#"] .inscriptionButton
{
  display: none;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
#sliderCtn .slogan .inscriptionButton
{
	margin-top: 20px;
	display: inline-block;
	padding: 7px 10px;
	background-color: #2762d9;
	font-size: 18px;
}
#sliderCtn .slogan .inscriptionButton svg
{
	height: 15px;
	width: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}
#sliderCtn .slogan
{
  display:block;
  position:absolute;
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  width:100%;
  box-sizing:border-box;
  height:auto;
  padding: 45px 50px;
  overflow:hidden;
  z-index:3;
}
#sliderCtn .slogan span
{
  font-size: 20px;
  color:#ffffff;
  text-decoration:none;
  font-family: "Medium";
  display:block;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
}
#sliderCtn .slogan span .FirstLine
{
  display:block;
  font-weight:bold;
  font-style:normal;
  font-size: 20px;
}
#sliderCtn .slogan span .SecondLine
{
  display:block;
}
#sliderCtn .slogan .inscriptionButton
{
  text-shadow: none;
}
@media only screen and (min-width:641px)
{

	.home #sliderCtn:before
	{
		padding-top:34.48275862068966%;
	}
	/*Style pour les slogan*/
	#sliderCtn .slogan
  {
    display:block;
    position:absolute;
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    box-sizing:border-box;
    height:auto;
    padding: 45px 50px;
    overflow:hidden;
    z-index:3;
  }
  #sliderCtn .slogan span
  {
    font-size:40px;
    color:#ffffff;
    text-decoration:none;
    font-family: "Medium";
    display:block;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
  }
  #sliderCtn .slogan span .FirstLine
  {
    display:block;
    font-weight:bold;
    font-style:normal;
    font-size:30px;
  }
  #sliderCtn .slogan span .SecondLine
  {
    display:block;
  }
  #sliderCtn .slogan .inscriptionButton
  {
    margin-top: 40px;
    text-shadow: none;
  }

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom:20px;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width:15px;
		height:15px;
		background: #fff;
		border-radius: 100%;
		text-indent:-9999px;
		border:0;
		margin-right:0px;
		float:left;
		margin-right: 6px;
	}
	#sliderCtn #bullets a:last-child {
		margin-right: 0;
	}
	#sliderCtn #bullets a.active {
		background-color: #2864dc;
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		font-size: 30px;
		color: rgba(255, 255, 255, 0.5);
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:all .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
		text-decoration:none;
	}
	#sliderCtn .arrow:hover {
		color: rgba(255, 255, 255, 0.8);
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#sliderCtn .sliderPrev {
		transform: rotateZ(180deg);
	}
	#sliderCtn .sliderBack
	{
		left:10px;
	}
}

/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error
{
	color:red;
}
#weblinksListCtn .listElement
{
	width:340px;
	border:0px;
	min-height:60px;
}

#weblinksListCtn .listElement .txt
{
	padding:0px 0px 0px 100px;
}

#weblinksListCtn .listElement .img
{
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	height:60px;
	margin:0px;
}
#youarehereHeader
{
	font-size:11px;
	color:#898989;
	font-weight:normal;
}

#youarehereItem
{
	font-size:11px;
	font-weight:normal;
	color:#2760a5;
}

#youarehereSeparator
{
	color:#898989;
	font-size:11px;
	font-weight:normal;
}

#youarehereLink
{
	font-size:11px;
	color:#2760a5;
	text-decoration:none;
	font-weight:normal;
}