/* template de Style */
/*****************/
/** 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:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.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; }
#cartoucheQuizForm .question, #cartoucheQuizForm  .quizQuestions
{
	font-size:12px;
	line-height:15px;	
}

.cartoucheCtn
{
	position:relative;	
}

.cartoucheCtn h5
{
	margin:20px 0px 10px 0px;
	font-weight:bold;
	line-height: 20px;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}
.cartoucheCtn .rss a {
	text-transform: uppercase;
	font-family: lucida_granderegular;
	color: #c2c2c2;
	text-decoration: none;
	font-weight: bold;
}

.cartoucheCtn .more
{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:right;
	background-color: #383838;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-family: bree_serifregular;
	font-size: 15px;
	margin-top: 14px;
}
.T2 .cartoucheCtn .more {
	background-color:#f0c721;/*#a1290a;*/
}

.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;
}

.cartoucheElement
{
	position:relative;
	display:block;
	padding: 0;
	border-bottom: 1px solid #c2c2c2;
	text-decoration:none;
	background:none;
	color: #383838;
}

.cartoucheElement .img
{
	position:relative;
	display:block;
	width:180px;
	height:80px;
	margin:-1px 0px 0px -1px;
	overflow:hidden;
}

.cartoucheElement .txt
{
	position:relative;
	display:block;
	padding: 15px 7px 7px 0px;
	background: url('/template/image/more.png') right bottom no-repeat;
}
.T2 .cartoucheElement .txt {
	background: url('/template/image/more_extranet.png') right bottom no-repeat;
}

.cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-family: lucida_granderegular;
	text-transform: uppercase;
	font-size: 13px;
	color:#383838;
	max-height: 14px;
	overflow: hidden;
	line-height: 14px;
}
#cartoucheNewsCartoucheCtn .cartoucheElement h6
{
	max-height: none;
	line-height: auto;
}

.cartoucheElement .resume
{
	color:#000000;
	max-height: 28px;
	overflow: hidden;
	line-height: 14px;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	position:absolute;
	display:block;
	bottom:5px;
	right:7px;
	color:grey;
	font-size:11px;
}

#zoneCartoucheNewsHome .cartoucheElement .resume
{
	color:#383838;
	line-height: 15px;
	max-height: none;
	overflow: visible;
	font-size:12px;
	padding-top:7px;
}
#zoneCartoucheNewsHome .cartoucheElement 
{

	max-height:166px;
	overflow:hidden;
}

#zoneCartoucheNewsHome .cartoucheElement h6
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-family: lucida_granderegular;
	text-transform: none;
	font-size: 13px;
	color:#383838;
	line-height: 15px;
	font-size:13px!important;
	overflow:visible;
}

#cartoucheNewsHomeHolder 
{
	position:relative;
	overflow:hidden;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn
{
	font-size:0;
	margin-right:-33px;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement
{
	display:inline-block;
	vertical-align:bottom;
	width:332px;
	padding:0;
	margin:0 33px 80px 0;
	font-size:13px;
	font-weight:normal;
	border:none;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement h6
{
	font-family:bree_serifregular;
	color:#383838;
	font-weight:normal;
	font-size:20px;
	margin:0 0 20px 0;
	line-height:1.3em;
	text-transform: none;
	max-height:none;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement .img
{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 20px 0;
	backgound-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:1;
	transition:opacity .5s;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:hover .img
{
	opacity:.75;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:59%;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement .img:after
{
	content:"";
	display:block;
	position:absolute;
	top:-10px;
	left:20px;
	width:20px;
	height:20px;
	transform:rotate(45deg);
	background:#f1f1f1;
}

#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement.avetv .img span
{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-42px;
	margin-left:-60px;
	width:120px;
	height:85px;
	background:url(/template/image/play.png) no-repeat;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement .txt
{
	margin:0;
	padding:0 0 1.5em 0;
	background:none;
	line-height:1.5em;
	height:6em;
	overflow:hidden;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) 
{
	margin-bottom:0;
	height:160px;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) h6
{
	position:relative;
	/*overflow:hidden;*/
	/*white-space:nowrap;*/
	/*text-overflow:ellipsis;*/
	/*border-bottom:1px solid #d5d5d5;*/
	padding-bottom:10px;
	padding-right:15px;
	max-height:55px;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) h6:before
{
	content:"";
	position:absolute;
	display:block;
	bottom:0;
	width:100%;
	height:10px;
	border-bottom:1px solid #d5d5d5;
	background:#f1f1f1;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) h6:after
{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-12px;
	width:8px;
	height:12px;
	background:url(/template/image/chevron.png) no-repeat;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) .img
{
	display:none;
}
#cartoucheNewsHomeHolder .cartoucheElementCtn .cartoucheElement:nth-child(n+3) .txt
{
	line-height:1.5em;
	height:6em;
	overflow:hidden;
}

#cartoucheNewsHomeHolder .more
{
	display:block;
	position:absolute;
	left:0;
	bottom:190px;
	width:317px;
	padding:5px 15px 5px 0;
	text-align:right;
	background:#e4e4e4;
	color:#383838;
	font-size:15px;
}
#cartoucheNewsHomeHolder .more.avetv
{
	left:auto;
	right:33px;
}
#cartoucheNewsHomeHolder .more:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:12px;
	padding-right:5px;
	padding-bottom:2px;
	vertical-align:middle;
	background:url(/template/image/chevron.png) no-repeat;
}


#documentListCtn .listElement
{
	width:80%;
	border:0px;
	min-height:60px;
  background: none;
  border: 0px;
  padding: 4px;
 margin:0px 18px 0px 0px;
}

#documentListCtn .listElement .txt
{
	padding:0px 0px 0px 10px;
	background:none;
}

#documentListCtn .listElement img
{
	
	margin:0px;
	float: left;
	padding:15px 10px 0px 0px;
}

#documentListCtn .listElement h5 {
	text-align: left;
	overflow:visible;
	white-space:nowrap;
}

/*
#documentListCtn .listElement
{
	width:305px;
	border-width: 1px;
}

#documentListCtn .listElement > a
{
	position:relative;
	display:block;
	height:60px;
	text-decoration:none;
}

#documentListCtn .listElement .txt
{
	padding-left: 10px;
	margin-left: 30px;
	height: 60px;
}

#documentListCtn .listElement .icone
{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:22px;
	height: 60px;
	margin-top: 20px;
}
#documentListCtn .listElement h5 {
	text-align: left;
	line-height: 33px;
	margin: 0;
}
*/
#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-12px;
}

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

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:5px 35px 5px 20px;
	background:url(/plugin/faq/template/image/faqclose.png) no-repeat 620px center #383838;
}
#faqListCtn .listElement .question h5
{
	position:relative;
	transform:none;
	top:auto;left:auto;
	color:#ffffff;
	text-transform:uppercase;
	margin:0px;
	font-size: 19px;
	text-align: left;
	width:auto;
	
	
	/*
	margin:0;
	font-weight: normal;
	color:#383838;
	line-height: 22px;
	font-family: bree_serifregular;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	width:286px;
	padding-left:10px;
	padding-right:10px;

	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute;*/
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	background:url(/plugin/faq/template/image/faqopen.png) no-repeat 620px center #383838;
	color:#fff;
}

#faqListCtn .listElement .question.open h5, #bodyprint #faqListCtn .listElement .question h5
{
	color:#fff;
}

#faqListCtn .listElement .answer
{
	display:none;
	padding:20px 0px 10px 20px;
	overflow:hidden; /*pour pas que le html déborde*/
	color: #757575;
}

#faqListCtn .listElement .answer > h1:first-child, #faqListCtn .listElement .answer > h2:first-child,
#faqListCtn .listElement .answer > h3:first-child, #faqListCtn .listElement .answer > h4:first-child,
#faqListCtn .listElement .answer > h5:first-child, #faqListCtn .listElement .answer > h6:first-child
{
	margin-top:7px;
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
}
.nooverflowg100ans
{
	width:100%;
	height:100%;
	overflow:hidden;
}

body.nooverflowg100ans #content 
{
	z-index:2000;	
}

#gallery100ansHolder
{
	position:fixed;
	box-sizing:border-box;
	/*top:0;right:0;left:0;bottom:0;*/
	top:0;left:0;
	width:100%;
	height:100%;
	background:#212121;
	z-index:2001;
	overflow-x:hidden;
}


#gallery100ansHolder .topholder
{
	position:relative;
	display:block;
	height:70px;
	padding:0 10px 0 10px;
	z-index:2;
}
#gallery100ansHolder .topholder:after
{
	content:"";
	display:block;
	clear:both;
}

#gallery100ansHolder .topholder .logo
{
	display:block;
	position:relative;
	float:left;
	width:70px;
	height:70px;
	background:url(/template/image/ave_logo_T1.png) no-repeat center center;
	background-size:contain;
}
#gallery100ansHolder .topholder .logo:after
{
	content:"";
	position:absolute;
	top:100%;left:100%;
	margin:-12px 0 0 -25px;
	width:33px;
	height:33px;
	background:url(/template/image/100e.jpg) no-repeat center center;
	background-size:contain;
}
#gallery100ansHolder .topholder .txt
{
	position:relative;
	display:block;
	float:left;
	top:50%;
	transform:translateY(-50%);
	box-sizing:border-box;
	width:calc(100% - 70px);
	padding:0 20px 0 20px;
}

#gallery100ansHolder .topholder .txt .title
{
	display:block;
	font-family:bree_serifregular;
	font-weight:normal;
	font-size:20px;
	color:#ffffff;
}

#gallery100ansHolder .topholder .txt .resume
{
	display:none;
	opacity:1;
	transition:opacity .5s;
}
#gallery100ansHolder.zoom .topholder .txt .resume
{
	opacity:0;
}
#gallery100ansHolder .topholder .txt .resume:empty
{
	display:none;
}

#gallery100ansHolder .topholder a.close
{
	position:absolute;
	top:10px;
	right:10px;
	width:24px;
	height:24px;
	transform:rotate(45deg);
}
#gallery100ansHolder .topholder a.close:before, #gallery100ansHolder .topholder a.close:after
{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
	height:6px;
	margin:-3px 0 0 -12px;
	background:#ffffff;
	border-radius:3px;
}
#gallery100ansHolder .topholder a.close:after
{
	width:6px;
	height:24px;
	margin:-12px 0 0 -3px;
}
@media only screen and (min-width:960px)
{
	#gallery100ansHolder .topholder
	{
		height:137px;
		padding:0 20px 0 20px;
	}	
	#gallery100ansHolder .topholder .logo
	{
		width:137px;
		height:137px;
	}
	#gallery100ansHolder .topholder .logo:after
	{
		margin:-24px 0 0 -28px;
		width:66px;
		height:66px;
	}
	#gallery100ansHolder .topholder .txt
	{
		width:calc(100% - 137px);
		padding:0 90px 0 90px;
	}
	#gallery100ansHolder .topholder .txt .title
	{
		font-size:38px;
	}
	
	#gallery100ansHolder .topholder .txt .resume
	{
		display:block;
		font-family:lucida_granderegular;
		font-weight:normal;
		font-size:16px;
		color:#8e8e8e;
		margin-top:5px;
	}
	
	#gallery100ansHolder .topholder a.close
	{
		top:20px;
		right:25px;
	}
}


#gallery100ansHolder a.next, #gallery100ansHolder  a.prev
{
	position:absolute;
	display:block;
	top:50%;
	left:10px;
	width:16px;
	height:16px;
	margin-top:-8px;
	transform:rotate(-45deg);
	z-index:2;
}
#gallery100ansHolder a.next
{
	left:auto;
	right:10px;
	margin-top:-16px;
	transform:rotate(135deg);
}

#gallery100ansHolder a.prev:before,#gallery100ansHolder a.prev:after,
#gallery100ansHolder a.next:before,#gallery100ansHolder a.next:after
{
	content:"";
	position:absolute;
	left:0;top:0;
	width:16px;
	height:4px;
	border-radius:2px;
	background:#ffffff;
}
#gallery100ansHolder a.prev:after, #gallery100ansHolder a.next:after
{
	height:16px;
	width:4px;
}

@media only screen and (min-width:960px)
{
	#gallery100ansHolder a.next, #gallery100ansHolder  a.prev
	{
		left:30px;
		width:30px;
		height:30px;
		margin-top:-15px;
	}
	#gallery100ansHolder a.next
	{
		left:auto;
		right:30px;
		margin-top:-15px;
	}
	
	#gallery100ansHolder a.prev:before,#gallery100ansHolder a.prev:after,
	#gallery100ansHolder a.next:before,#gallery100ansHolder a.next:after
	{
		width:30px;
		height:8px;
		border-radius:4px;
	}
	#gallery100ansHolder a.prev:after, #gallery100ansHolder a.next:after
	{
		height:30px;
		width:8px;
	}
}


#gallery100ansHolder .bigholder
{
	position:relative;
	height:calc(100% - 137px - 130px);
	max-height:580px; /*=610 avec les 80 de padding*/
	min-height:200px;
	margin:0 auto 0 auto;
	z-index:1;
}

#gallery100ansHolder .bigholder .big
{
	position:absolute;
	max-width:960px;
	width:auto;
	height:100%;
	padding-bottom:80px;
	top:0;
	left:50%;
	transform:translateX(-50%);
	overflow:hidden;
	opacity:0;
	transition:opacity 1s, top .5s, height .5s, width .5s, padding .5s, max-width .5s;
}
#gallery100ansHolder.zoom .bigholder .big
{
	/*width + height setted in js*/
	padding-bottom:0;
	top:-70px;
	max-width:2500px;
}
@media only screen and (min-width:960px)
{
	#gallery100ansHolder.zoom .bigholder .big
	{
		top:-137px;
	}
}

#gallery100ansHolder .bigholder .big img
{
	position:relative;
	display:block;
	height:100%;
	width:auto;
	border:0;
	left:50%;
	transform:translateX(-50%);
	z-index:0;
	cursor:pointer;
}

#gallery100ansHolder .bigholder .big.appearing
{
	opacity:1;
	z-index:2;
}
#gallery100ansHolder .bigholder .big.disappearing
{
	opacity:0;
	z-index:1;
}

#gallery100ansHolder .bigholder .legend
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	left:0;bottom:0;
	width:100%;
	height:80px;
	border-top:3px solid #fdc809;
	padding:10px 20px 10px 20px;
	background:#555555;
	overflow:hidden;
	opacity:0;
}
#gallery100ansHolder .bigholder .big.appearing .legend
{
	opacity:1;
	transition:opacity 2s;
}
#gallery100ansHolder.zoom .bigholder .big.appearing .legend
{
	opacity:0;
	transition:opacity .5s;
}
#gallery100ansHolder .bigholder .legend:after
{
	content:"";
	display:block;
	clear:both;
}
#gallery100ansHolder .bigholder .legend .cpt
{
	position:relative;
	display:block;
	float:left;
	box-sizing:border-box;
	max-width:15%;
	font-family:bree_serifregular;
	font-weight:normal;
	font-size:21px;
	color:#ffffff;
	background:#fdc809;
	height:100%;
	padding:0 5px 0 5px;
	overflow:hidden;
}
#gallery100ansHolder .bigholder .legend .cpt > span
{
	position:relative;
	display:block;
	top:50%;
	transform:translateY(-50%);
}

#gallery100ansHolder .bigholder .legend .txt
{
	position:relative;
	display:block;
	float:left;
	box-sizing:border-box;
	max-width:85%;
	font-family:lucida_granderegular;
	font-weight:normal;
	font-size:11px;
	color:#ffffff;
	padding:0 10px 0 10px;
	top:50%;
	transform:translateY(-50%);
}
#gallery100ansHolder .bigholder .legend .txt .title
{
	display:block;
	font-size:16px;
	margin-bottom:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#gallery100ansHolder .bigholder .legend .txt .resume
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#gallery100ansHolder .smallholder
{
	position:relative;
	display:block;
	height:170px; /*90px + padding 80;*/
	margin-bottom:10px;
	max-width:960px;
	margin:0 auto 0 auto;
	opacity:1;
	transition:opacity .5s;
	overflow:hidden;
}
#gallery100ansHolder.zoom .smallholder
{
	opacity:0;
} 	

@media only screen and (min-width:960px)
{
	#gallery100ansHolder .smallholder
	{
		height:200px;/*120px + padding 80*/
	}		
}

#gallery100ansHolder .smallctn
{
	display:block;
	position:absolute;
	height:70px;
	padding:.6%;
	margin:0 -10px 0 -10px;
	font-size:0;
	white-space:nowrap;
	bottom:0;
	left:50%;
	transition:transform 1s;
}

#gallery100ansHolder .smallctn > a
{
	display:inline-block;
	position:relative;
	width:70px;
	height:70px;
	margin:0 10px 0 10px;
}
#gallery100ansHolder .smallctn > a > span
{
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-size:cover;
	background-position:center center;
	transition:transform .5s;
	
}

#gallery100ansHolder .smallctn > a.current > span
{
	transform:scale(1.2);
}
#galleryimageListCtn .listElement, #gallery100ansListCtn .listElement
{
	width:auto;
	height:auto;
	padding:3px;
	margin:0px 14px 14px 0px;
	border: 1px solid #e5e5e5;
	background: #fafafa;
}

#galleryimageListCtn .listElement .img, #gallery100ansListCtn .listElement .img 
{
	width:200px;
	height:120px !important;
	background:#ffffff;
	display: block;
}

#galleryimageListCtn .listElement .admin, #gallery100ansListCtn .listElement .admin 
{
	display:block;
	margin:7px 0px 2px 0px;
	max-width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

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

#galleryimageListCtn .listElement .admin > a > font, #gallery100ansListCtn .listElement .admin > a > font
{
	display:block;
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}
#googlemapListCtn .listElement
{
	width:340px;
	border:0px;
}

#googlemapListCtn .listElement > a
{
	position:relative;
	display:block;
	min-height:25px;
	text-decoration:none;
}

#googlemapListCtn .listElement .txt
{
	padding:0px 0px 0px 30px;
}

#googlemapListCtn .listElement .icone
{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:22px;
	height:20px;
}


.piCategory
{
	padding-top:20px;
	font-style:italic;	
}

div#infoWindowPI
{
	width:278px;
	height:312px;
	padding-top:3px;
	background:url('/plugin/googlemap/template/images/overlay2.png') no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	text-align:left;
}

div#infoWindowPI div#closePI
{
	float:left;
	margin-top:5px;
	height:50px;
	width:23px;
	margin-left:5px;
	background:url('/plugin/googlemap/template/images/close.png') top center no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	cursor:pointer;
}

div#infoWindowPI div#titlePI
{
	float:left;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	color:#52ABE0;
	text-transform:uppercase;
	padding:5px 15px 0px 25px;
	height:50px;
	width:190px;
}

div#infoWindowPI .divTitreAdresse,
div#infoWindowPI .divTitre,
div#infoWindowPI .divText
{
	float:left;
	font-family:Arial;
	font-size:13px;
	color:#8C8C8C;
	width:120px;
}

div#infoWindowPI .divTitre,
div#infoWindowPI .divTitreAdresse
{
	font-weight:bold;
	width:80px;
}

div#infoWindowPI .divText
{
	width:120px;
}

div#infoWindowPI #divPapillon
{
	position:absolute;
	background:url('/template/image/petitPapillon.png') no-repeat;
	behavior: url('/template/image/iepngfix.htc');
	width:55px;
	height:54px;
	bottom:175px;
	right:20px;
}

div#maplegendpng, div#maplegendtxt,
div#maplegendpng2, div#maplegendtxt2
{
	float:left;
	padding-top:15px;
}

div#maplegendpng, div#maplegendpng2
{
	float:left;
	padding-left:20px;
}
div#maplegendtxt, div#maplegendtxt2
{
	padding-left:40px;
}


/* Style pour plugin langsite */
.langsite
{
   color: white;
   text-decoration: none;
}

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

#linksCtn
{
	position:relative;
	margin-bottom: 40px;
}

#linksCtn h5
{
	margin:20px 0px 15px 0px;
	font-family: bree_serifregular;
	font-size: 21px;
}

.linksElementCtn
{
	position:relative;
}

.linksElement
{
	position:relative;
	display:block;
	float:left;
	width:306px;
	margin:0px 20px 20px 0px;
	padding: 4px;
	text-decoration:none;
	background:none;
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
}

.linksElement .img
{
	position:relative;
	display:block;
	width:306px;
	height: 143px;
	overflow:hidden;
}

.linksElement .txt
{
	position:relative;
	display:block;
	padding: 0;
	background-color: #f0f0f0;
}

.linksElement h6
{
	margin:0px 0px 10px 0px;
	font-weight: normal;
	color:#383838;
	line-height: 42px;
	font-family: bree_serifregular;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 0;
}

.linksElement .resume
{
	color:#000000;	
}
#popupMap {
	display: none;
}
.logged #popupMap {
	display: block;
}

.membreInfos {
	line-height: 25px;
}
/**************************************************/
/*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:Miso;
	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:block;
	font-family: bree_serifregular;
	font-size: 18px;
	color: #fff;
}

#menuMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
	position: relative;
}

/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
#menuMain ul li > a
{
	color:#ffffff;
	text-decoration:none;
	outline:none;
}

#menuMain li.menu0
{
	display:block;
	float:left;
	margin-left:11px;
	margin-right:11px;
	height:53px;
}

#menuMain a.menu0
{
	padding-bottom:7px;
	line-height: 53px;
}

/*1er niveau: Effet rollover et actif des liens*/
#menuMain a.menu0.menuHover, #menuMain a.menu0.menuselected
{
	
}


/*2ème niveau: Couleur des ul*/
#menuMain li.menu0 ul
{
	margin-top:0;
	padding:20px 15px 30px 31px; 
	position:absolute;
	background-color: #323232;
}

/*2ème niveau: style des li*/
#menuMain li.menu1
{
	display:block;
	float:left;
	width:140px;/*obligatoire si on veut que tout le li soit cliquable*/
	margin-right:20px;
	margin-bottom:7px;
}

/*2ème niveau : Style des liens "off" */
#menuMain li.menu0 ul li > a
{
	color:#fff;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
	border-bottom:1px solid #6e6e6e;
	font-size: 15px;
}

/*2ème niveau: Style des liens "on" */
#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
{
	color:#fff;
	text-decoration:none;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
}

/*3ème niveau: style de sous-menu*/
#menuMain li.menu1 ul
{
	margin:-15px 0px 0px 125px;
	padding:7px 20px 7px 20px;
}

/*3ème niveau: style des li*/
#menuMain li.menu1 ul li
{
	width:140px;
	margin-bottom:7px;
}

/*3ème niveau: style des liens "off" */
#menuMain li.menu1 ul li > a 
{
	display:block;
	text-decoration:none;
	font-family: lucida_granderegular;
	font-size: 12px;
	border-bottom: 0;
}

/*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;
}

#menuMain .styleDivArrowAdmin {
	left: -13px;
	top: 13px;
}

#menuMain li.menu1 .styleDivArrowAdmin {
	left: -15px;
	top: -3px;
}


/*********************************************************************************************************************/

/**************************************************/
/*Style pour le menu clic vertical                */
/**************************************************/

#menuClickMain ul li {list-style: none;}            
#menuClickMain ul li.contentClic{display: none; padding: 0;}

#menuClickMain
{
	padding: 10px 10px 8px 10px;
	background-color: #ededed;
	margin-bottom: 7px;
}
/*Style de base*/

/*Couleur de tous les ul*/
#menuClickMain ul
{
	margin:0px;
	padding:0px;
	font-family:Miso;
	font-size:20px;
	color:black;
	list-style: none;
}

/*Style des lien "off" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
#menuClickMain ul li > a
{
	color:black;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	outline:none;
}

/*Style des lien "on" dans les ul. Utilisé si le style n'est pas redéfini plus bas*/
#menuClickMain ul li > a:hover, #menuClickMain ul li > a.menuselected 
{
	color: #fff;
	display:block;
}

/*Style de tous les li*/
#menuClickMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
	padding-left:20px;
	width:auto;

}


/*Style pour le niveau 0 -> main*/

#menuClickMain li.menu0
{
	
	width:auto;
	margin-left:7px;
	margin-right:7px;
}

/*Style du texte*/
#menuClickMain a.menu0
{
	padding-bottom:7px;
}

/*Style du hover et du selected*/
#menuClickMain .menu0:hover, #menuClickMain .menu0.menuselected
{
	text-decoration:none;
}

#menuClickMain a.menu0:hover, #menuClickMain a.menu0.menuselected
{
	background-color:transparent;
	text-decoration:none;
}


/*1er niveau: Permet de gérer la taille pour le nombre de colonne*/
#menuClickMain li.menu1
{
	margin-bottom:2px;
	background-color:#414141;
	width:214px;
	position: relative;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
}
.T2 #menuClickMain li.menu1 {
	background-color: #f0c721;/*#a1290a;*/
}
#menuClickMain li.menu1 a {
	color: #fff;
	font-family: lucida_granderegular;
	font-weight: bold;
	font-size: 13px;
	text-transform: none;
}

/*1er niveau: Style du hover et du selected pour les liens*/
#menuClickMain li.menu1:hover, #menuClickMain li.menu1.menuselected
{
/* 	margin-right:20px; */
	background-color: #414141;
	text-decoration:none;
}
.T2 #menuClickMain li.menu1:hover, .T2 #menuClickMain li.menu1.menuselected {
	background-color: #f0c721;/*#a1290a;*/
}

#menuClickMain li.menu2 {
	position: relative;
	padding-left: 10px;
}
#menuClickMain li.menu2 a {
	font-family: lucida_granderegular;
	color: #383838;
	text-transform: none;
	font-size: 13px;
	line-height: 23px;
}
#menuClickMain li.menu2 a:hover, #menuClickMain li.menu2 a.menuselected {
	color: #383838;
}
#menuClickMain li.menu2 a.menuselected {
	color: #383838;
	font-weight: bold;
}

/*1er niveau: Style du hover et du selected pour les liens*/
#menuClickMain li.menu1 a:hover, #menuClickMain li.menu1 a.menuselected
{
	color: white;
	text-decoration:none;
}


/***************************************************************************************************************/

/**************************************************/
/*Style pour le menu 2 niveaux -> menu Top*/
/**************************************************/

#menu2niveauxMain ul
{
	margin:0px;
	padding:0px;
	display:none;
	font-family:Miso;
	font-size:20px;
	color:#ffffff;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
}

#menu2niveauxMain ul.menu0
{
	position:relative;
}

/*Permet de récupérer uniquement le premier niveau de ul*/
/*#menu2niveauxMain ul.menu0 > li > div > ul*/
#menu2niveauxMain ul.menu0 > li > ul
{
	position:absolute;
	right: initial !important;
	margin-top: 2px;
	width: 405px;
}

#menu2niveauxMain 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*/
#menu2niveauxMain ul li > a
{
	color: #383838;
	text-decoration:none;
	outline:none;
}

#menu2niveauxMain ul.menu0 
{
	display:block;
}

#menu2niveauxMain li.menu0
{
	display:block;
	float:left;
	height: 28px;
	position: relative;
}

#menu2niveauxMain a.menu0
{
	text-transform:uppercase;
	font-family: bree_serifregular;
	font-size: 16px;
	padding: 3px 12px;
}

/*1er niveau: Effet rollover et actif des liens*/
#menu2niveauxMain a.menu0.menuHover, #menu2niveauxMain a.menu0.menuselected
{
	background-color: #383838;
	color: #f3f3f3;
}
.T2 #menu2niveauxMain a.menu0.menuHover, .T2 #menu2niveauxMain a.menu0.menuselected {
	background-color: #f0c721;/*#a1290a;*/
}

/*2ème niveau: Couleur des ul*/
#menu2niveauxMain li.menu0 ul
{
	
	margin-top:0;
	padding:25px 15px 15px 22px; 
	background: #383838;	
	
}

/*2ème niveau: style des li*/
#menu2niveauxMain li.menu1
{
	/*display: inline-block;*/
 	float:left; 
	width:180px;/*obligatoire si on veut que tout le li soit cliquable*/
	margin-right:20px;
	margin-bottom:7px;
	position: relative;
}

#menu2niveauxMain li.menu1 .styleDivArrowAdmin {
	left: -15px;
	top: -1px;
}

/*2ème niveau : Style des liens "off" */
#menu2niveauxMain li.menu0 ul li > a
{
	color: #eaeaea;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
	/*text-transform:uppercase;*/
	font-family: bree_serifregular;
	font-size: 16px;
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 5px;
}

/*2ème niveau: Style des liens "on" */
#menu2niveauxMain ul.menu1 li > a.menuHover, #menu2niveauxMain ul.menu1 li > a.menuselected
{
	text-decoration:none;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
}

/*3ème niveau: style de sous-menu*/
#menu2niveauxMain li.menu1 ul
{
	display:block;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

/*3ème niveau: style des li*/
#menu2niveauxMain li.menu1 ul li
{
	width:170px;
	margin-bottom:7px;
	position: relative;
}

/*3ème niveau: style des liens "off" */
#menu2niveauxMain li.menu1 ul li > a 
{
	display:block;
	text-decoration:none;
	/*text-transform:lowercase;*/
	color: #eaeaea;
	border-bottom: 0;
	font-size: 13px;
	font-family: lucida_granderegular;
}

/*3ème niveau: style des liens "on" */
#menu2niveauxMain li.menu1 ul li > a.menuHover, #menu2niveauxMain li.menu1 ul li > a.menuselected 
{
	display:block;
	text-decoration:none;
}

/*********************************************************************************************************************/

/**************************************************/
/*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
{
	line-height:normal!important;
}

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

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	position: absolute;
	left: -2px;
	top: 1px;
}

/*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;
}




/* FOR AVE EXTRANET */
#menuextranetMain ul
{
	margin:0px;
	padding:0px;
	display:none;
	font-family:Miso;
	font-size:20px;
	color:#ffffff;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
}

#menuextranetMain ul.menu0
{
	position:relative;
}

/*Permet de récupérer uniquement le premier niveau de ul*/
/*#menuextranetMain ul.menu0 > li > div > ul*/
#menuextranetMain ul.menu0 > li > ul
{
	position:absolute;
	right: initial !important;
	margin-top: 2px;
	width: 400px;
}

#menuextranetMain 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*/
#menuextranetMain ul li > a
{
	color: #383838;
	text-decoration:none;
	outline:none;
}

#menuextranetMain ul.menu0 
{
	display:block;
}

#menuextranetMain li.menu0
{
	display:block;
	float:left;
	height: 28px;
	position: relative;
}

#menuextranetMain a.menu0
{
	text-transform:uppercase;
	font-family: bree_serifregular;
	font-size: 16px;
	padding: 3px 12px;
}

/*1er niveau: Effet rollover et actif des liens*/
#menuextranetMain a.menu0.menuHover, #menuextranetMain a.menu0.menuselected
{
	background-color: #f0c721;/*#a1290a;*/
	color: #f3f3f3;
}


/*2ème niveau: Couleur des ul*/
#menuextranetMain li.menu0 ul
{
	
	margin-top:0;
	padding:25px 15px 15px 22px; 
	background: #f0c721;/*#a1290a;*/
	
}

/*2ème niveau: style des li*/
#menuextranetMain li.menu1
{
	display:block;
	float:left;
	width:180px;/*obligatoire si on veut que tout le li soit cliquable*/
	margin-right:20px;
	margin-bottom:7px;
	position: relative;
}

#menuextranetMain li.menu1 .styleDivArrowAdmin {
	left: -15px;
	top: -1px;
}

/*2ème niveau : Style des liens "off" */
#menuextranetMain li.menu0 ul li > a
{
	color: #eaeaea;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
	text-transform:uppercase;
	font-family: bree_serifregular;
	font-size: 16px;
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 5px;
}

/*2ème niveau: Style des liens "on" */
#menuextranetMain ul.menu1 li > a.menuHover, #menuextranetMain ul.menu1 li > a.menuselected
{
	text-decoration:none;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
}

/*3ème niveau: style de sous-menu*/
#menuextranetMain li.menu1 ul
{
	display:block;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

/*3ème niveau: style des li*/
#menuextranetMain li.menu1 ul li
{
	width:170px;
	margin-bottom:7px;
	position: relative;
}

/*3ème niveau: style des liens "off" */
#menuextranetMain li.menu1 ul li > a 
{
	display:block;
	text-decoration:none;
	/*text-transform:lowercase;*/
	color: #eaeaea;
	border-bottom: 0;
	font-size: 13px;
	font-family: lucida_granderegular;
}

/*3ème niveau: style des liens "on" */
#menuextranetMain li.menu1 ul li > a.menuHover, #menuextranetMain li.menu1 ul li > a.menuselected 
{
	display:block;
	text-decoration:none;
}

#divLink
{
	width:900px;
	height:730px;
}

#divLink fieldset
{
	height:700px;
}


#divLink table#tableLink 
{
	width:100%;
}

#divLink table#tableLink td
{
	width:50%;
}

#divLink table#tableLink td.tdpadded
{
	padding-top:10px;
	padding-bottom:10px;
}


#divLink input[type=text]
{
	width:300px;
}

#divLink input[type=button]
{
	width:90px;
}

#divLink select
{
	width:400px;
	height:370px;
}

#divMobile
{
	background: url('/plugin/menumobileadmin/template/images/iphone.png') no-repeat top center;
	height:670px;
	width:360px;
}

#divLink #divMobile iframe
{
	margin-top:90px;
	height:470px;
	width:340px;
	border:none;
	background-color:white;
}

#myaccountCtn h5
{
	margin:0px;
	padding:3px;
	padding-left:30px;
	font-size:13px;
	font-weight: normal;
	color:#ffffff;
	background:#414141;
}
.T2 #myaccountCtn h5 {
	background: #f0c721;/*#a1290a;*/
}

#myaccountCtn .infos
{
	padding:10px 10px 0px 10px;
	background:#ededed;
}

#myaccountCtn .infos .myAccountPart
{
	margin-bottom:7px;
}

#myaccountCtn .infos .myAccountPart.first .title
{
	font-weight:normal;
}

#myaccountCtn .infos .title
{
	font-weight:bold;
}

#myaccountCtn .infos a
{
	text-decoration:none;	
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px;
	color: #fff;
	background-color: #383838;
	font-family: Trebuchet MS;
	font-size:12px;
	border: 0;
}

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

.txtPopupLoginConchita
{
	color:#004C98;
	font-family:Trebuchet MS;
	font-size:12px;
}
#newsListCtn .listElement, #offreemploilikenews .listElement
{
/* 	padding-bottom:18px; */
}

#newsListCtn .listElement .date, #offreemploilikenewsListCtn .listElement .date
{
	position:absolute;
	color: white;
	font-size:12px;
	left: 5px;
	top: 4px;
	background:#383838;
	padding:2px 3px 2px 3px;
	font-family: bree_serifregular;
}

/*STYLE POUR LE CARTOUCHE*/
#newsletter .inputNewsletter, #newsletter .inputNewsletterError

{
	background: url('/template/image/newsletter.png') no-repeat;
	border:0px;
	color:#ababab;
	font-size:13px;
	height:32px;
	width: 183px;
	padding: 0 12px;
	font-family: lucida_granderegular;
}


#newsletter .inputNewsletterError
{
	color: #c07272;
}

.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#ababab;
	font-size:13px;
	font-family: lucida_granderegular;
	height:18px;
	width:23px;
	cursor:pointer;
	margin-top: 15px;
	margin-left: -33px;
}



#subscribeNewsletter .inputNewsletterError {
	background-color: #FFE3E8;
	border: 1px dotted red;
}
/* Fonts */
@font-face {
    font-family: 'bree_serifregular';
    src: url('/fonts/breeserif-regular-webfont.eot');
    src: url('/fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/breeserif-regular-webfont.woff') format('woff'),
         url('/fonts/breeserif-regular-webfont.ttf') format('truetype'),
         url('/fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.home #toDelete {
	width: 1100px;
	height: 250px;
	z-index: 10;
	background-color: #000;
	position: absolute;
	top: 137px;
	left: 50%;
	margin-left: -550px;
}

/* START spécifique AVE */

#header {
	background-color: #e4e4e4;
	height: 132px;
	border-top: 5px solid #d4d4d4;
	position: fixed;
	margin-top: -137px;
	width: 100%;
	z-index: 1001;
	-webkit-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.55);
	box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.55);
	
}
.T2 #header {
	background-color: #f3f3f3;
}
#header #logo {
	position:relative;
	width: 137px;
	height: 137px;
	background: url('/template/image/ave_logo_T1.png');
	float: left;
	margin-top: -5px;
}
.T2 #header #logo
{
	background: url('/template/image/ave_logo_T1.png');
}
#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/*.T1 #header #logo:after
{
	content:"";
	position:absolute;
	top:100%;left:100%;
	margin:-24px 0 0 -28px;
	width:66px;
	height:66px;
	background:url(/template/image/100e.jpg) no-repeat center center;
	background-size:contain;
	transition:opacity .5s .1s, height 0s;
}

.T1 #header #logo.hide100ans:after
{
	height:0;
	opacity:0;
	transition:opacity .5s, height 0s .5s;
}*/

#header #menu {
	margin-left: 200px;
	padding-top: 60px;
	width: 800px;
}
#top {
	margin-top: 137px;
}
#langMembreSearch {
	position: absolute;
	right: 0;
	top: 0;
	/*width: 605px;*/
	height: 31px;
	line-height: 31px;
	font-size: 13px;
	font-family: bree_serifregular;
	text-transform: uppercase;

}
#langMembreSearch a
{
	color: #616161;
}
#langMembreSearch #lang {
	display: inline-block;
}
#langMembreSearch #lang a {
	color: #616161!important;
	margin-right: 9px;
}
#langMembreSearch #lang a.langsiteActiv {
	color: #a0a0a0!important;
}
#langMembreSearch #lang span.langsite {
	display: none;
}
#langMembreSearch #membreSearch {
	display: inline-block;
	background-color: #d4d4d4;
	padding: 0 10px;
	height: 31px;
}
#langMembreSearch #membreSearch a#membreLink {
	color: #616161;
	text-decoration: none;
	background: url('/template/image/arrow_membre.png') no-repeat right center;
	padding-right: 15px;
}
#langMembreSearch #membreSearch .separator {
	display: inline-block;
	border-right: 1px solid #c2c2c2;
	height: 20px;
/* 	margin-top: 4px; */
	position: absolute;
	top: 4px;
	padding-left: 5px;
}
#langMembreSearch #membreSearch .separatorEntreAcces
{
	display: inline-block;
	border-right: 1px solid #c2c2c2;
	height: 20px;
	position: relative;
	top: 4px;
	right:5px;

}
#langMembreSearch #membreSearch #search {
	display: inline-block;
	margin-left: 10px;
	width: 135px;
	position: relative;
	padding-left: 7px;
}

#content {
	min-height: 500px;
	position: relative;
}
#content .color {
	display: none;
	z-index: 0;
}
body.home #content .color #man {
    width: 235px;
    height: 480px;
    background: url(/template/image/man2.png);
    position: absolute;
    bottom: 100%;
    left: 120px;
}
.home #content .color {
	display: block;
	height: 400px;
	width: 100%;
	background-color: #dedede;
	position: absolute;
	top: 500px;
}
.home #content .color .colorContainer {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}
#content #contentHome{
	position: relative;
	z-index: 1;
}
#content #contentHome #manSpacer {
	width: 373px;
	height: 1020px;
	float: left;
	margin-top: 25px;
	margin-bottom: 50px;
}

#content #contentHome #right {
	width: 725px;
	float: left;
	margin-top: 32px;
	margin-left: -30px;
}
#content #contentHome #right .content {
	margin-top: 50px;
}
#content #right .cartouchesGroup {
	width: 741px;
	height: 193px;
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	margin-bottom: 15px;
	margin-left: -30px;
	padding: 7px;
}
#content #right .cartouchesGroup .cartoucheHome {
	width: 367px;
	float: left;
}
#content #right .cartouchesGroup .cartoucheHome:first-child {
	margin-right: 7px;
}
#content #right .cartouchesGroup img {
	float: left;
	display: block;
	width: 182px;
	height: 192px;
}
#content #right .cartouchesGroup a {
	color: #383838;
}
#content #right .cartouchesGroup .desc {
	float: left;
	width: 153px;
	padding: 16px;
	background-color: #f0f0f0;
	height: 160px;
}
#content #right .cartouchesGroup h2 {
	font-family: bree_serifregular;
	font-size: 25px;
	line-height: 26px;
	margin-top: 0;
}
#content #right .cartouchesGroup ul {
	list-style-image: none;
	line-height: 20px;
	padding-left: 20px;
	overflow: hidden;
	height: 110px;
	margin-left: 0;
}
#content #right .cartouchesGroup ul li {
	font-size:12px;
}
#content #right .cartouchesGroup ul li a:hover
{
	color: #a3a3a3;
}

#content #right .cartouchesBottom 
{
	/*width: 497px;
	height: 258px;
	float: right;
	border: 2px solid #e7e7e7;
	background-color: #fafafa;
	position: relative;
	padding: 4px;
	margin-top: 30px;*/
	margin:60px -1px 60px -29px;
}
#content #right .cartouchesBottom .cartouche
{
	border:4px solid #ffffff;
	outline:1px solid #dfdfdf;
	background:#f1f1f1;
	padding:25px;
}
#content #right .cartouchesBottom .sep
{
	display:block;
	position:relative;
	background:#d7d7d7;
	height:1px;
	margin:20px 0 20px 0;
}

#content #right .cartouchesBottom .cartouche.last
{
	border:none;
	outline:none;
	padding:0;
}

#content #right .cartouchesBottom .cartouche.last .focusmembre, #content #right .cartouchesBottom .cartouche.last .trends, #content #right .cartouchesBottom .cartouche.last .questionave
{
	position:relative;
	border:4px solid #ffffff;
	outline:1px solid #dfdfdf;
	background:#f1f1f1;
	width:304px;
	height:140px;
	padding:15px 25px 15px 25px;
	margin-bottom:17px;
	overflow:hidden;
	float:left;
}

#content #right .cartouchesBottom .cartouche.last .focusmembre
{
	height:335px;
}

#content #right .cartouchesBottom .cartouche.last .focusmembre h3
{
	font-family: lucida_granderegular;
	font-size: 13px;
	color: #383838;
	margin:20px 0 20px 0;
	padding:0;
	font-weight:normal;
	line-height:1.5em;
}

/*#content #right .cartouchesBottom .cartouche.last .trends
{
	height:100px;
}*/
#content #right .cartouchesBottom .cartouche.last .questionave
{
	float:right;
	height:335px;
	width:199px;
	padding-left:130px;
}
#content #right .cartouchesBottom .cartouche.last .focusmembre a, #content #right .cartouchesBottom .cartouche.last .trends a
{
	display:block;
	position:relative;
	padding:0;
	margin:0;
}
#content #right .cartouchesBottom .cartouche.last .focusmembre a h1, #content #right .cartouchesBottom .cartouche.last .trends h1, #content #right .cartouchesBottom .cartouche.last .questionave h2
{
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	font-size:23px;
	color:#383838;
	text-transform:none;
	height:auto;
	line-height:normal;
}
#content #right .cartouchesBottom .cartouche.last .focusmembre a span.img
{
	display:block;
	float:none;
	height:110px;
	overflow:hidden;
	background:#ffffff;
	background-size:228px auto;
	background-repeat:no-repeat;
	background-position:center center;
}

#content #right .cartouchesBottom .cartouche.last .focusmembre a .buttonBottom, #content #right .cartouchesBottom .cartouche.last .trends a.buttonBottom
{
	position:relative;
	font-size:15px;
	font-weight:normal;
	color:#383838;
    font-family: bree_serifregular;
	padding-left:12px;
	text-align:right;
	margin-top:12px;
	padding-right:5px;
}

#content #right .cartouchesBottom .cartouche.last .trends a.buttonBottom
{
	margin-top:6px;	
}

#content #right .cartouchesBottom .cartouche.last .focusmembre a .buttonBottom:before, #content #right .cartouchesBottom .cartouche.last .trends a.buttonBottom:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:10px;
	padding-left:3px;
	background:url(/template/image/chevron.png) no-repeat;
	background-size:auto 100%;
}


#content #right .cartouchesBottom .cartouche.last .trends
{
	position:relative;
	padding-left:130px;
	width:199px; /*304-130*/
}

#content #right .cartouchesBottom .cartouche.last .trends a span
{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	color:#383838;
	max-height:40px;
	overflow:hidden;
	white-space:normal;
}
#content #right .cartouchesBottom .cartouche.last .trends a:nth-child(1)
{
	white-space:nowrap;
}
#content #right .cartouchesBottom .cartouche.last .trends a:nth-child(1):after
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	--height:70px;
	width:1px;
}
#content #right .cartouchesBottom .cartouche.last .trends img
{
	position:absolute;
	top:0;
	left:-130px;
}
#content #right .cartouchesBottom .cartouche.last .trends:before
{
	content:"";
	position:absolute;
	left:110px;
	top:20px;
	bottom:20px;
	width:1px;
	background:#d5d5d5;
}
#content #right .cartouchesBottom .cartouche.last .trends .divwrapper 
{
	display:none;
}

#content #right .cartouchesBottom .cartouche.last .questionave:before
{
	content:"";
	position:absolute;
	top:30px;bottom:80px;
	left:10px; width:98px;
	border-right:1px solid #d5d5d5;
	background:url(/template/image/question.png) no-repeat right 17px;
}
#content #right .cartouchesBottom .cartouche.last .questionave .question
{
	font-size:13px;
	color:#383838;
	margin-top:20px;
	line-height:1.5em;
}
#content #right .cartouchesBottom .cartouche.last .questionave ul.quizQuestions
{
	font-size:13px;
	color:#383838;
	list-style:none;
	margin:20px 0 20px 0;
	padding:0;
}
#content #right .cartouchesBottom .cartouche.last .questionave ul.quizQuestions li
{
	margin-bottom:10px;
	padding-left:20px;
	text-indent:-22px;
}
#content #right .cartouchesBottom .cartouche.last .questionave ul.quizQuestions li input[type=radio]
{
	display:inline-block;
	vertical-align:bottom;
	margin-right:7px;
}

#content #right .cartouchesBottom .cartouche.last .questionave input[type=submit]
{
	position:absolute;
	bottom:5px;
	right:30px;
	background:none;
	border:none;
	cursor:pointer;
	padding:5px 5px 5px 15px;
	font-size:18px;
	color:#383838;
	font-family: bree_serifregular;
	z-index:2;
}
#content #right .cartouchesBottom .cartouche.last .questionave:after
{
	content:"";
	position:absolute;
	right:75px;
	bottom:16px;
	width:8px;
	height:12px;
	background:url(/template/image/chevron.png) no-repeat;
}
/*
#content #right .cartouchesBottom .cartouche {
	width: 209px;
	height: 220px;
	float: left;
	background-color: #f0f0f0;
	padding: 22px 18px 16px 18px;
	overflow: hidden;
}

#content #right .cartouchesBottom #zoneCartoucheNewsHome .cartouche {
	width: 209px;
	height: 258px;
	padding: 0px ;
	
}



#content #right .cartouchesBottom .cartouche h5, #content #right .cartouchesBottom .cartouche h2 {
	color: #383838;
	font-family: bree_serifregular;
	font-size: 24px;
	line-height: 16px;
	margin: 0;
	font-weight: normal;
}
#content #right .cartouchesBottom .cartouche:first-child {
	margin-right: 6px;
}
#content #right .cartouchesBottom .cartoucheQuestion .question {
	padding: 20px 0;
}
#content #right .cartouchesBottom .cartoucheQuestion #quizSubmit {
	background-color: #383838;
	line-height: 27px;
	text-align: center;
	font-family: bree_serifregular;
	font-size: 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	border: 0;
	position: absolute;
	bottom: 20px;
	right: 25px;
}
#content #right .cartouchesBottom .cartoucheQuestion ul.quizQuestions {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
}
#content #right .cartouchesBottom .cartoucheQuestion ul.quizQuestions input {
	margin-left: 0;
}
*/
#content #contentInterieur {
	float: left;
	width: 655px;
	margin-left: 45px;
	z-index: 1;
	position: relative;
}
#content #menuleft {
	width: 260px;
	float: left;
	position: relative;
	z-index: 1;
}
#content #menuleft .cartouche {
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	position: relative;
	margin-bottom: 15px;
	padding: 7px 7px 0 7px;
}
#content #menuleft .cartouche .cartoucheCtn {
	padding: 15px;
	margin-bottom: 7px;
	background-color: #ededed;
}
#content #menuleft .cartouche .cartoucheCtn .rss {
	top: 15px;
	right: 15px;
}
#content #menuleft .cartouche h5 {
	margin: 0;
	overflow: hidden;
	font-family: bree_serifregular;
	font-size: 24px;
	font-weight: normal;
}
#content .carresContenu {
	width: 1155px;
	height: 149px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -500px;
	background: url('/template/image/carres_contenu.png');
}

#content #printsendouter {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	padding: 7px;
	margin: 50px 0;
}
#content #printsendinner {
	background-color: #f0f0f0;
	padding: 10px 20px;
}
#content #printsendouter a {
	margin-right: 5px;
	display: block;
	float: left;
}
#content #printsendouter a .icon {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-image: url('/template/image/social.png');
}
#content #printsendouter a.print:hover .icon {
	background-position: 0 -30px;
}
#content #printsendouter a.pdf .icon {
	background-position: -36px 0;
}
#content #printsendouter a.pdf:hover .icon {
	background-position: -36px -30px;
}
#content #printsendouter a.send .icon {
	background-position: -70px 0;
}
#content #printsendouter a.send:hover .icon {
	background-position: -70px -30px;
}
#content #printsendouter a.facebook .icon {
	background-position: -105px 0;
}
#content #printsendouter a.facebook:hover .icon {
	background-position: -105px -30px;
}
#content #printsendouter a.twitter .icon {
	background-position: -144px 0;
}
#content #printsendouter a.twitter:hover .icon {
	background-position: -144px -30px;
}
#content #printsendouter .desc {
	color: #919191;
	line-height: 30px;
	display: block;
	float: left;
	margin-left: 15px;
}

#bottom {
	height: 350px;
	background: url('/template/image/bottom.jpg') top center;
}
.T2 #bottom {
	background: url('/template/image/bottom_extranet-2020.jpg') top center;
}
#bottom #trame {
	width: 100%;
	height: 100%;
	background: url('/template/image/trame_bottom.png');
}
#bottom .cartoucheBottom {
	width: 230px;
	height: 110px;
	background-color: #e7e7e7;
	float: left;
	margin-right: 55px;
	margin-top: 90px;
	position: relative;
	padding: 20px 25px;
}
.home #bottom .cartoucheBottom 
{
	display:none;
}
#bottom .cartoucheBottom.last {
	margin-right: 0;
}
#bottom .cartoucheBottom a {
	color: #383838;
	text-decoration: none;
}

#bottom .cartoucheBottom a.buttonBottom {
	height: 25px;
	line-height: 25px;
	background-color: #383838;
	color: #fff;
	position: absolute;
	bottom: -25px;
	right: 0;
	padding: 0 13px;
}
#bottom .cartoucheBottom h1 {
	font-size: 24px;
	margin-top: 0;
	line-height: 16px;
	margin-bottom: 0;
}
#bottom .buttonBottom {
	height: 25px;
	line-height: 25px;
	background-color: #383838;
	color: #fff;
	position: absolute;
	bottom: -25px;
	right: 0;
	padding: 0 13px;
}
	/* spécifique à chaque cartouches */
#bottom .cartoucheBottom img.stats {
	display: inline-block;
	float: left;
	margin-right: 16px;
}
#bottom .cartoucheBottom span.img {
	width: 228px;
	height: 68px;
	position: relative;
	display: block;
	background-size:228px auto;
	background-repeat:no-repeat;
	background-position:center center;
}
#bottom .cartoucheBottom img.play {
	position: absolute;
	top: 62px;
	left: 50%;
	margin-left: -29px;
}



#footer {
	font-family: lucida_granderegular;
	font-size: 13px;
	color: #fff;
}
#footer #contact a {
	color: #fff;
	text-decoration: none;
}
#footer #menu2 {
	height: 53px;
	background-color: #323232;
}
#footer #contact {
	background-color: #383838;
	height: 255px;
	position: relative;
}
#footer #contact #adresse {
	width: 420px;
	line-height: 20px;
	padding-top: 60px;
	float: left;
}
#footer #contact #newsletter {
	width: 359px;
	float: left;
	padding-top: 60px;
}

#footer #contact #newsletter > a{
	display:block;
	width:192px;
	height:21px;
	margin-top:15px;
	color:#9d9d9d;
	text-decoration:none;
	background:url(/template/image/bgnewsletter.jpg) no-repeat;
	padding-top:11px;
	padding-left:15px;

}

#footer #contact #newsletter #socials{
	display:block;
	margin-bottom:12px;
}

#footer #contact #newsletter #socials > a
{
	display:inline-block;
	background-position:-39px 0px;
	background-repeat:no-repeat;
	width:39px;
	height:40px;
	margin-right:18px;
}
#footer #contact #newsletter #socials > a:hover
{
	background-position:0px 0px;
}

#footer #contact #newsletter #socials > a.facebook
{
	background-image:url('/template/image/facebook.png');
}
#footer #contact #newsletter #socials > a.youtube
{
	background-image:url('/template/image/youtube.png');
}
#footer #contact #newsletter #socials > a.linkedin
{
	background-image:url('/template/image/linkedin.png');
}

#footer #contact #newsletter #socials > a img
{
	width:40px;
	height:40px;
	display:block;
}

#footer #contact #boomerang {
	float: left;
	width: 141px;
	height: 13px;
	background: url('/template/image/boomerang.png') left bottom no-repeat;
	padding-top: 155px;
}
#footer #contact #boomerang a {
	display: block;
	width: 100%;
	height: 100%;
    font-size: 12px;
    color: #848484;
    margin-top: 3px;
    font-weight: bold;
}

#footer #contact #boomerang .OMaire
{
	font-family:arial;
	font-size:11px;
	color:#9b9b9b;
	font-weight:Normal;
}

#footer #contact #boomerang .OMaire .blanc
{
	color:#e5e5e5;
}
#footer #contact .rectangles {
	width: 569px;
	height: 42px;
	background: url('/template/image/rectangles_bottom.png');
	position: absolute;
	bottom: 0;
}
#footer #ligneBottom {
	height: 53px;
	background-color: #323232;
	border-bottom: 3px solid #383838;
}

.rel {
	position: relative;
}
.w520 {
	width: 520px;
	margin: auto;
}
.w920 {
	width: 920px;
	margin: auto;
}
.w960 {
	width: 960px;
	margin: auto;
}
.w1080 {
	width: 1080px;
	margin: auto;
}

/* Tableaux personnalisés */
table.customTable1 {
	border: 2px solid #dddddd;
	background-color: #fff;
}
table.customTable1 tr {
/* 	border-bottom: 2px solid #c4c4c4; */
}
table.customTable1 td {
	border: 0px;
	border-right: 2px solid #e7e7e7;
	border-bottom: 2px solid #dddddd;
	color: #7a7a7a;
	/*font-family: lucida_granderegular;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	padding: 20px 16px 20px 18px;
}
table.customTable1 th {
	font-weight: normal;
	border: 0px;
	background-color: #f0f0f0;
	font-family: bree_serifregular;
	font-size: 19px;
	color: #9e9e9e;
	line-height: 60px;
	padding: 0 20px;
	border-right: 2px solid #e7e7e7;
}

table.customTable2 {
	border: 2px solid #e5e5e5;
	background-color: #fafafa;
	border-collapse: inherit !important;
	padding: 4px;
	margin-top: 30px;
	margin-bottom: 30px;
}
table.customTable2 th {
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	border: 0;
}
table.customTable2 td {
	/*font-family: lucida_granderegular;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	background-color: #f0f0f0;
	padding: 24px;
	border: 0;
	line-height: 18px;
}
table.customTable2 td a {
	color: #383838;
}
table.customTable2 td a[target="openbox"] {
	padding-left: 20px;
	background: url('/template/image/map_icon.png') left center no-repeat;
	padding-top:3px;
}

body#bodyprint {
	background-color: #fff;
}
#logoprint {
	width: 137px;
	height: 137px;
	background: url('/template/image/ave_logo_T1.png');
}
.T2 #logoprint {
	background: url('/template/image/ave_logo_T2.png');
}

/* END spécifique AVE */

/* theme de page header */
body
{
	margin:0px;
	padding:0px;
	/*font-family: lucida_granderegular;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    color: #383838;
	background-color: #f3f3f3;
}

.bgEditor
{
    background-color: #f3f3f3;
	line-height: 26px;
}

#mainContainer
{
/* 	width:990px; */
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
}

.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}
.htmlcontent
{
	overflow:hidden;
	line-height: 26px;
}

H1
{
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
	margin: 0;
    font-size: 43px;
	font-family: bree_serifregular;
	font-weight: normal;
}

H2
{
    margin-bottom: 10px;
    padding-left: 0px;
    font-weight: normal;
	font-family: bree_serifregular;
    font-size: 24px;
}

H3
{
    margin-bottom: 6px;
    padding-left: 0px;
    font-size: 22px;
	color: #7d7d7d;
	font-family: bree_serifregular;
}

H4
{
    margin-bottom: 6px;
    padding-left: 0px;
    font-weight: normal;
    font-size: 19px;
	color: #7d7d7d;
	font-family: bree_serifregular;
}

.pageresume
{
	font-weight:bold;
   	padding-bottom:20px;
	line-height: 26px;
}

.accrocheImg
{
	--float:left;
	--padding:20px 20px 5px 0px;
	margin:25px 0px 25px 0px ;
	height:306px;
	width:655px;
	overflow:hidden;
}



A
{
    color: #a3a3a3;
    text-decoration: none;
}

A:hover
{
	color:#383838;
}

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

UL
{
	padding: 0px 0px 7px 13px;
	margin:10px 0px 10px 2px;
}
#contentInterieur ul , .bgEditor ul {
	list-style-image: url('/template/image/list_item.png');
}

table
{
	margin:0px;
	padding:0px;
	/*font-family: Arial;
    font-size: 11px;
    color:black;*/
}

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

table th
{
	text-align:left;
}

.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;
}

.listElement
{
	position:relative;
	display:block;
	float:left;
	width:306px;
	margin:0px 18px 18px 0px;
	text-decoration:none;
	background:none;
	background-color: #fafafa;
	border: 2px solid #eaeaea;
	padding: 4px;
}
.listElement.lastcol {
	margin-right: 0;
}

.listElement .img
{
	display:block;
	width:306px;
	height:143px;
	overflow:hidden;
	background-color: white;
}
#membreListCtn .listElement .img.cell {
	display: table-cell !important;
	text-align: center;
	vertical-align: middle;
}

.listElement .txt
{
	position:relative;
	display:block;
	padding: 0;
	background-color: #f0f0f0;
	height:64px;
	box-sizing:border-box;
	padding:10px 0 10px 0;
}

.listElement h5
{
	margin:0;
	font-weight: normal;
	color:#383838;
	line-height: 22px;
	font-family: bree_serifregular;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	width:286px;
	padding-left:10px;
	padding-right:10px;
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;*/
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute;
}
.listElement .resume
{
	color:#000000;	
}

/*-- 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-left:5px;
    background-color:#eeeeee ;
 }
 

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

select
{
	border:0px;
    background-color:#eeeeee ;
}

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;
}

/* ******************************** */
/* 			Zone Splash				*/
/* ******************************** */

#zoneSplash
{
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:url('/template/image/splash-fond.png');
	z-index:9999;
}

#zoneSplash p
{
	margin:0;	
}

#zoneSplash img
{
	display:block;
}

#zoneSplash .zoneSplashContent
{
	position: absolute;
  	top:0;
	left:0;
	
	background:#ffffff;
	width:auto;
  	top: 50%; /* poussé de la moitié de hauteur du référent */
	left:50%;
  	transform: translateY(-50%) translateX(-50%);
	bottom:auto;
	right:auto;
	
}

#closeSplash
{
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background:url('/template/image/splash-close.png') no-repeat;
	cursor:pointer;
	display:block;
}

#CtnPostulation
{
	font-family: bree_serifregular;
	font-size:15px;
}


#CtnPostulation .entete
{
	background:#383838;
	color:#f3f3f3;
	text-transform: uppercase;
    font-family: bree_serifregular;
    font-size: 16px;
    padding: 3px 12px;
	
}

#CtnPostulation .souscat
{
	padding:10px 0 10px 0;
	display:none;
}

#CtnPostulation .separator
{
	height:20px;
}

#CtnPostulation td
{
	vertical-align:top;	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
}

#CtnPostulation th
{
	vertical-align:top;
	font-family: bree_serifregular;
	font-size: 17px;
	color: #9e9e9e;
	font-weight:normal;
	padding-right:10px;
	text-align:left;
}

#CtnPostulation input[type=checkbox]
{
	margin-right:20px;
}

#CtnPostulation input, #CtnPostulation textarea, #CtnPostulation select
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
	border:   1px solid #bbb7b7;
    padding-left:5px;
	
	
}

#CtnPostuler input
{
	background:#383838;
	font-family: bree_serifregular;
	border:   1px solid #bbb7b7;
    padding:5px 10px 5px 10px;
	font-size:15px;
	color:#FFFFFF;
	cursor:pointer;
}

#CtnPostulation input[type=file]
{
	border:0;
	padding:0;
	box-shadow:none;
}

.TrueAnswer
{
	font-size:12px;
	color:green;
	font-style:italic;
	font-weight:normal;
}

.questionQuiz
{
	padding:20px 10px 20px 10px;
	font-size:14px;
	font-weight:bold;
}

.questionsSep {
	font-family: bree_serifregular;
	font-size: 16px;
	color: #383838;
	margin-top: 40px;
	margin-bottom: 20px;
}

.pourcentage
{
	font-weight:bold;
	font-size:24px;
}

.quizItem {
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	position: relative;
	margin-bottom: 15px;
	padding: 7px 7px 0 7px;
	display: block;
	float: none;
}
.quizItemInner {
	padding: 15px;
	margin-bottom: 7px;
	background-color: #ededed;
}
.quizItem.question1 .quizItemInner {
	background-color: #e0e0e0;
}
.quizItem .titleList {
	font-family: lucida_granderegular;
	font-size: 15px;
}
.quizItem table {
	font-size: 12px;
}
.quizItem .checked .correct .titleListOptions {
	color: #6c6;
	font-weight: bold;
}
.quizItem .checked .incorrect .titleListOptions {
	color: #f66;
}

.questionExplication
{
	line-height:15px;	
}

.quizItem .btnVoirReponse {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: right;
	background-color: #383838;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-family: bree_serifregular;
	font-size: 15px;
	margin-top: 14px;
	padding: 0 20px;
	/*position: absolute;
	bottom: 20px;
	right: 20px;*/
	cursor: pointer;
	margin:0px 20px 0px 0px;
	position:relative;
	float:right;
}
.submitbtnVoirReponse {
	
	color: #fff;
	text-decoration: none;
	background-color: #383838;
	--height: 27px;
	line-height: 27px;
	text-align: center;
	font-family: bree_serifregular;
	font-size: 15px;
	margin-top: 14px;
	padding: 0px 20px 0px 10px;
	cursor: pointer;
}

.quizItem.question1 .btnVoirReponse {
	display: none;
}
.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
{
}
input.btnSearch
{
	width:25px;
	height:20px;
	background:#f0f0f0;
	border: 0;
	cursor:pointer;
	position: absolute;
	right: 14px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

input.inputSearch
{
	display:block;
	float:left;
	height:22px;
	width:87px;
	background: url('/template/image/recherche.png');
	border:0px;
	font-family: lucida_granderegular;
	font-size:12px;
	color:#919191;
	padding: 0 25px 0 10px;
	line-height: 25px;
	margin-bottom: -5px;
}

/*Search Results*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #383838;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:bold;
}

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

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

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:30px;
	color:#000000;
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#383838;
	padding:0;
	margin:0 0 0 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
	color:#A3A3A3;
	margin:0 0 5px 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;
	font-size:14px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}
/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    padding-left: 0px;
    font-weight: normal;
	font-family: bree_serifregular;
	color: #383838;
    font-size: 22px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    font-size: 20px;
	color: #7d7d7d;
	font-family: bree_serifregular;
	font-weight: normal;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    font-weight: normal;
    font-size: 18px;
	color: #7d7d7d;
	font-family: lucida_granderegular;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 16px;
    color: #7d7d7d;
	font-family: lucida_granderegular;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}
/*=== Custom Slider Styles ===*/
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/*============================*/
#sliderContainer {
	overflow: hidden;
	min-width: 1250px;
	position: relative;
	height: 292px;
}
.home #sliderContainer {
	height: 350px;
}

#slider-wrapper {
	width:1920px;
	height: 292px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.home #slider-wrapper {
	height: 350px;
}

#slider {
	position:relative;
   	width:1920px;
	height:350px;
	background:url(/template/image/loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

/*Gestion de la navigation via les bullets*/
.nivo-controlNav {
	position:absolute;
	bottom:0px;
	z-index:1000;
	left: 50%;
	margin-left: -450px;
	background-color: #f3f3f3;
	padding-left: 15px;
	padding-right: 20px;
	height: 28px;
}

.nivo-controlNav a {
	display:block;
	width:16px;
	height:16px;
	background:url(/plugin/slider/template/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
	margin-top: 3px;
	
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

/*Gestion de la navigation via les flèches*/
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/plugin/slider/template/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:18px;
	padding-left:0px;
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-nextNav
{
	right:0px;
}

.nivo-prevNav {
	left:0px;
}
 
/*Fin de la navigation*/

/* Style des légendes */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index:8;
	padding-left:25px;
	
	
}
.nivo-caption p {
	padding:0px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}

/*Permet de faire afficher le caption seulement au survol de la souris*/
#slider-wrapper .nivo-caption {
	visibility: visible;
}

#slider-wrapper:hover .nivo-caption {
	visibility: visible;
}

/*Permet de gérer les liens sur l'image*/
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/*Style créé pour l'affichage du slogan*/
.FirstLine
{
	color:#fff;
	font-family: bree_serifregular;
	font-size:81px;
	line-height: 81px;
	text-align: right;
	display: block !important;
}

.SecondLine
{
	color:#fff;
	font-family: bree_serifregular;
	font-size:81px;
	line-height: 81px;
	display: block !important;
	text-align: right;
}

.avecSlogan
{
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin-left: 60px;
	text-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
	text-shadow: 0 2px 0 rgba(56, 56, 56, 0.64);
	display: block !important;
}
.interieur .avecSlogan {
	bottom: 100px;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/*Fin sliders*/





.txtQuestion
{
	font-weight:bold;
}

.separatorQuestion
{
	height:10px;
}

.separator
{
}

.separatorfinBloc
{
	height:20px;
}

.classOptions
{
	padding-left:0px;
	margin-left:0px;
}

.titleListOptions
{
}

.btnVote
{
	padding-top:5px;
	padding-bottom:5px;
}

.tblLight
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

.DivBarrePourcent
{
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}

.barrePourcent
{
	background-color:red;
	margin-top:5px;
	height:5px;
}

.valeurPourcent
{
	font-style:italic;
	padding-left:5px;
	float:left;
}

.titreSondage
{
	text-transform:uppercase;
	text-decoration:none;
	margin-top:20px;
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

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

.enteteUser
{
font-weight:bold;
}


#weblinksListCtn .listElement
{
	width:80%;
	border:0px;
	min-height:60px;
  background: none;
  border: 0px;
  padding: 4px;
}

#weblinksListCtn .listElement .txt
{
	padding:0px 0px 0px 10px;
	background:none;
}

#weblinksListCtn .listElement img
{
	width:13px;
	height:13px;
	margin:0px;
	float: left;
	padding:15px 10px 0px 0px;
}

#weblinksListCtn .listElement h5 {
	text-align: left;
	overflow:visible!important;
	text-overflow:clip!important;
	white-space:nowrap;
}
#youarehereHeader
{
	font-size:13px;
	color: #383838;
	line-height: 78px;
	width: 26px;
	height: 78px;
	background: url('/template/image/home.png') center center no-repeat;
	display: inline-block;
	float: left;
}

#youarehereItem
{
	font-size:13px;
	color: #383838;
	line-height: 78px;
	display: block;
	height: 78px;
}

#youarehereSeparator
{
	font-size:11px;
	color: #383838;
	line-height: 78px;
	display: inline-block;
	margin: 0 5px;
	font-weight: bold;
}

#youarehereLink
{
	font-size:13px;
	color: #383838;
	line-height: 78px;
	display: inline-block;
}


/*Recherche des offres*/
.searchOffreStage
{
	background:#d4d4d4;
	color:#414141;
	padding:0px 30px 30px 30px;
	margin-bottom:30px;
}

.searchOffreStage .entete
{
	font-size:15px;	
	padding:20px 0 5px 0;
}

.searchOffreStage .input
{
	display:inline-block;
	width:45%;
	box-sizing:border-box;
}

.searchOffreStage .divCBX select, .searchOffreStage input[type=texte], .searchOffreStage input[type=submit]
{
	width:80%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    color: #383838;
}

.searchOffreStage input[type=submit]
{
	cursor:pointer;
	font-size:15px;
	background:#414141;
	color:#FFFFFF;
}


/*Affichages des offres*/
#offrestage .infos, #offrestagetemplate .infos
{
	padding:30px 0 30px 0;s
}
#offrestage .infos > div, #offrestagetemplate .infos > div
{
	padding-bottom:10px;
}
#offrestage .infos > div > div, #offrestagetemplate .infos > div > div
{
	display:inline-block;
	box-sizing:border-box;
	
}

#offrestage .infos .label, #offrestagetemplate .infos .label
{
	font-weight:bold;
	padding:2px 0 2px 0;
	width:20%;
	
}
#offrestage .infos .value, #offrestagetemplate .infos .value
{
	width:60%;
}

#offrestage .infos div.description > div,
#offrestage .infos div.criteres > div,
#offrestage .infos div.profil > div,
#offrestagetemplate .infos div.description > div,
#offrestagetemplate .infos div.criteres > div,
#offrestagetemplate .infos div.profil > div
{
	display:block;
}