/* FONTS */
@font-face {
    font-family: 'officinabold';
    src: url('/fonts/officina_sans_itc_bold-webfont.eot');
    src: url('/fonts/officina_sans_itc_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/officina_sans_itc_bold-webfont.woff2') format('woff2'),
         url('/fonts/officina_sans_itc_bold-webfont.woff') format('woff'),
         url('/fonts/officina_sans_itc_bold-webfont.ttf') format('truetype'),
         url('/fonts/officina_sans_itc_bold-webfont.svg#officinasanitcbolregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'officinabook';
    src: url('/fonts/officina_sans_itc_book-webfont.eot');
    src: url('/fonts/officina_sans_itc_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/officina_sans_itc_book-webfont.woff2') format('woff2'),
         url('/fonts/officina_sans_itc_book-webfont.woff') format('woff'),
         url('/fonts/officina_sans_itc_book-webfont.ttf') format('truetype'),
         url('/fonts/officina_sans_itc_book-webfont.svg#officinasanitcbooregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*AUDIO*/
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
 	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}
/*audio 
{
 	height:auto;
}*/

/*************** Montage IRDP   *******************/
#logo {
	width: 136px;
	height: 54px;
	background: url(/template/image/irdp.png) no-repeat;
	display: inline-block;
	vertical-align: top;
}
#bodyprint {
	background: #fff;
}
#bodyprint #logo {
	width: 136px;
	height: 54px;
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
}
#bodyprint .backtosearch {
	display: none;
}
#bodyprint .myArrowAdmin {
	display: none;
}
#bodyprint #linksCtn {
	display: none;
}
#bodyprint .headCtn.irdp {
	padding-left: 0;
	padding-right: 0;
}
#bodyprint .headCtn.irdp::before {
	display: none;
}
#sliderhover {
	width: 100%;
}
#sliderhover:before {
	width: 100%;
	display: inline-block;
	content: '';
	width: 100%;
	padding-top: 30%;
	background: url(/template/image/sliderhover-inter.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	z-index: 2;
}
.home #sliderhover:before {
	padding-top: 21%;
	background: url(/template/image/sliderhover-home.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sliderhover .mainContainer {
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 50%;
	margin-left: -600px;
	padding-top: 50px;
}
#sliderhover .menuHolder {
	display: inline-block;
}
#sliderhover .panierHolder {
	display: inline;
}
#sliderhover .panierHolder.nopanier {
	display: none;
}
#lienPanier {
	display: inline-block;
	vertical-align: top;
	margin-top: 18px;
	padding-left: 45px;
	background: url(/template/image/icone-panier.png) no-repeat left center;
	margin-left: 10px;
	color: #fff;
	height: 27px;
	line-height: 27px;
	text-decoration: none;
	font-family: officinabold;
}
#leftPanel #lienPanier {
	margin-left: 20px;
}

#txtBandeau {
	width: 72%;
	margin-left: 50px;
	margin-top: 4%;
}
body.home #txtBandeau {
	margin-top: 5%;
}
#txtBandeau .titre {
	width: 540px;
	height: 78px;
	background: url(/template/image/titre.png);
	margin-bottom: 25px;
}
#txtBandeau .resume {
	font-size: 20px;
	color: #fff;
	padding-top: 20px;
	border-top: 1px solid #708caa;
	letter-spacing: 2px;
	opacity: 0.9;
	line-height: 35px;
}

/* Header en fixed (si pas responsive) */
@media only screen and (min-width: 1200px)
{
	body.fixed #sliderhover:after {
		display: inline-block;
		width: 100%;
		height: 120px;
		content: '';
		position: fixed;
	}
	body.fixed #header {
		position: fixed;
		width: 100%;
		height: 120px;
		z-index: 100;
		top: 0;
	}
	body:not(.home).fixed #lignesHeader {
		margin-top: 320px;
	}
	body:not(.home).fixed #fancybox-wrap {
		margin-top: -320px;
	}
	body.home.fixed #searchhome {
		margin-top: 315px;
	}
	body.home.fixed #fancybox-wrap {
		margin-top: -315px;
	}
	body.fixed #sliderhover:before
	{
		background: #2a5887;
		opacity: 0.87;
		padding-top: 120px;
		-webkit-box-shadow: inset 0 -30px 30px -30px #194068;
		-moz-box-shadow: inset 0 -30px 30px -30px #194068;
		box-shadow: inset 0 -30px 30px -30px #194068;
	}
	body.fixed #txtBandeau {
		display: none;
	}
	body.fixed #sliderCtn {
		height: 120px;
	}
	body.fixed #sliderhover .mainContainer {
		padding-top: 30px;
	}
	body.fixed #searchhome:after {
		display: none;
	} 
}

@media only screen and (min-width: 1000px)
{
/* 	Sur les pages de details des documents irdp, on cache la recherche à gauche sur desktop */
	.searchClosed #contenuRight {
		width: 100% !important;
		float: left;
	}
	.searchClosed #searchModule {
		margin-left: -100% !important;
		float: left;
	}
}

#searchhome {
	width: 100%;
	height: 218px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,dbdbdb+100 */
	background: #f5f5f5; /* Old browsers */
	background: url(/template/image/searchhome-loupe.png) no-repeat 65% top, -moz-linear-gradient(top,  #f5f5f5 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: url(/template/image/searchhome-loupe.png) no-repeat 65% top, -webkit-linear-gradient(top,  #f5f5f5 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/template/image/searchhome-loupe.png) no-repeat 65% top, linear-gradient(to bottom,  #f5f5f5 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	margin-top: -20px;
	position: relative;
/* 	background-image: url(/template/image/searchhome-loupe.png); */
}
#searchhome:after {
	width: 12.7%;
	display: inline-block;
	content: '';
	padding-top: 218px;
	background: url(/template/image/searchhome-over.png) no-repeat;
	position: absolute;
	left: 87.3%;
	top: 0;
}


#lignesHeader {
	height: 45px;
	background: url(/template/image/lignesHeader.png) no-repeat center center;
	padding-top: 15px;
	z-index: 2;
}
body:not(.home) #lignesHeader {
	margin-top: calc(-100% / 10);
}

#contenu {
	position: relative;
	z-index: 2;
}

#searchModule {
	width: 33%;
	margin-right: 35px;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: margin-left 0.5s;
	-moz-transition: margin-left 0.5s;
	-ms-transition: margin-left 0.5s;
	-o-transition: margin-left 0.5s;
	transition: margin-left 0.5s;
}
#contenuRight {
	width: calc(66% - 35px);
	display: inline-block;
	-webkit-transition: width 0.5s, margin-left 0.5s;
	-moz-transition: width 0.5s, margin-left 0.5s;
	-ms-transition: width 0.5s, margin-left 0.5s;
	-o-transition: width 0.5s, margin-left 0.5s;
	transition: width 0.5s, margin-left 0.5s;
}
#contenuLeft {
	width: 60%;
	padding-left: 10%;
	display: inline-block;
	padding-right: 40px;
}
#cartouchesRight {
	display: inline-block;
	width: calc(27% - 40px);
	vertical-align: top;
}
#contenuFull
{
	display: block;
	box-sizing:border-box;
	width:100%;
	padding:0 10% 0 10%;
	border-top:1px solid transparent; /*to have margin on first-child*/
}
#contenu_inter_cartouches .mainContainer {
	background: #fff url(/template/image/fondContenuInter.png) no-repeat left 20px;
	padding-bottom: 30px;
}
body:not(.home) #contenu {
	padding-bottom: 110px;
	background: url(/template/image/fondBackground.png) right bottom no-repeat;
}


#footer {
	background: url(/template/image/footer.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}
#menuFondMain {
	width: 42%;
	border-right: 1px solid #6b8bab;
	display: inline-block;
	height: 75px;
	vertical-align: top;
}
#newsletter {
	display: inline-block;
	width: 23%;
	text-align: center;
	border-right: 1px solid #6b8bab;
	height: 75px;
	vertical-align: top;
	position:relative;
}
#newsletter > span {
	font-family: officinabold;
	font-size: 15px;
	color: #fff;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: inline-block;
}
#newsletter > a
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	/*background:yellow;
	opacity:.3;*/
	z-index:5;
}
#newsletter > a > img
{
	width:100%;
	height:100%;
	display:block;
}
#social {
	width: 16%;
	border-right: 1px solid #6b8bab;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	height: 75px;
}
#social a.rss {
	display: inline-block;
	width: 49px;
	height: 49px;
	background: url(/template/image/social.png);
	margin-right: 23px;
	margin-top: 10px;
}
#social a.facebook {
	display: inline-block;
	width: 49px;
	height: 49px;
	background: url(/template/image/social.png);
	background-position: -72px 0;
	margin-top: 10px;
}
#extlinks {
	width: 17%;
	display: inline-block;
	text-align: center;
}
#extlinks a.ciip {
	width: 125px;
	height: 148px;
	display: inline-block;
	background: url(/template/image/ciip-logo.png);
	margin-top: -12px;
}
#powered {
	background-color: #285684;
	text-align: right;
	padding-top: 20px;
}
#powered .mainContainer {
	color: #fff;
	opacity: 0.5;
	font-family: Arial;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	font-size: 12px;
	height: 55px;
	line-height: 55px;
}
#powered:hover .mainContainer {
	opacity: 0.8;
}
#powered a {
	background-image:url(/template/image/boomerang-marketing.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:block;
	width:125px;
	height:10px;
}

/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: officinabook;
    font-size: 17px;
    color: #414042;
	background: #f0f1f3;
	position:relative;
}

.bgEditor
{
    background-color: #fff;
}

/* CONTAINERS PRINCIPAUX */
.mainHolder
{
/* 	background:#cccccc; */
}

.mainContainer
{
	position:relative;
	max-width:1180px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
/* 	background:#ffffff; */
}


/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:50px 0 30px 0; 
}
.headCtn h1
{
	margin:10px 0 0 0;
	font-size:30px;
	font-family: officinabold;
	font-weight: normal;
	color: #2a5887;
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom: 0;
}
.headCtn .resume
{
	font-weight: normal;
	font-family: officinabold;
	font-size: 18px;
	color: #414042;
	overflow:hidden;
	padding-top: 40px;
	line-height: 26px;
	border-top: 2px solid #e2e2e3;
}

.headCtn .img
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:0 0 20px 0;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:75%;
}

.headCtn .resume:empty
{
	display:none;
}

/* LISTES */
.listCtn
{
	position:relative;
	padding-top: 30px;
	border-top: 1px solid #dddddd;
	margin: 20px 0;
}
.listCtn:empty {
	border-top: 0 !important;
}

.listElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	background-color: #ebebed;
	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-ms-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	color: #414042;
}
.listElement:hover {
	background-color: #2a5887;
	color: #fff;
}
.listElement:after {
	width: 26px;
	height: 26px;
	display: inline-block;
	content: '';
	background: url(/template/image/plusListe.png) no-repeat;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.listElement:hover:after {
	background-position: 0 -28px;
}

.listElement .txt
{
	display:block;
	position:relative;
	padding: 20px;
	overflow:hidden;
	height: 140px;
}

.listElement h5
{
	margin:0px 0px 5px 0px;
	font-weight: normal;
	font-size: 18px;
	font-family: officinabold;
	line-height: 23px;
	letter-spacing: 2px;
}
.listElement .resume
{
	display:block;
	font-size: 17px;
	line-height: 23px;
	max-height: 75px;
	overflow: hidden;
}


/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

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

H1
{
	font-family: officinabold;
	font-size: 25px;
	color: #2a5887;
    margin:20px 0 30px 0;
	font-weight: normal;
	border-bottom: 1px solid #e2e2e3;
	padding-bottom: 15px;
}

H2
{
	font-family: officinabold;
	font-size: 22px;
	color: #2a5887;
    margin:20px 0 25px 0;
	font-weight: normal;
	border-bottom: 1px solid #e2e2e3;
	padding-bottom: 15px;
}

H3
{
    margin:20px 0 20px 0;
	font-family: officinabold;
    font-size: 19px;
	color: #565657;
	border-bottom: 1px solid #e2e2e3;
	padding-bottom: 15px;
	font-weight: normal;
}

H4
{
    margin:20px 0 20px 0;
    font-weight: normal;
	font-family: officinabold;
    font-size: 18px;
	color: #2a5887;
}

A
{
    text-decoration: underline;
	color: #2a5887;
}
A font {
	color: #2a5887 !important;
}

P
{
    margin-top: 10px;
    margin-bottom: 10px;
	line-height: 26px;
}
.htmlcontent p.small {
	font-size: 14px;
}

UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
}
.htmlcontent ul {
	line-height: 29px;
}
ul, li, p, img {
	page-break-inside: avoid !important;
}
OL
{
	padding: 0px 0px 7px 16px;
	margin:0px 0px 0px 3px;
	page-break-inside: avoid;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:641px)
{
	.headCtn .img
	{
		width:40%;
		float:left;
		margin-right:20px;
	}
	
	.listElement
	{
/* 		float:left; */
		width:48%;
		margin-right:3%;
		display: inline-block;
	}
	.listElement:nth-child(2n+0) /*adapter selon nbre de colonne*/
	{
		margin-right:0;
	}

	.listElement .img
	{
		float:none;
		width:100%;
	}
}
@media only screen and (max-width: 1700px)
{
	body.home #txtBandeau {
		margin-top: 3% !important;
	}
	#txtBandeau {
		margin-top: 1% !important;
	}
	#txtBandeau .titre {
		margin-bottom: 10px;
	}
	#txtBandeau .resume {
		padding-top: 10px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 1350px)
{
	#txtBandeau {
		width: 72%;
	}
	#txtBandeau .titre {
		width: 270px;
		height: 38px;
		-webkit-background-size: 100%;
		background-size: 100%;
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
	}
	#txtBandeau .resume {
		display: inline-block;
		width: calc(100% - 320px);
		border-top: 0;
		border-left: 1px solid #708caa;	
		padding-left: 20px;
		padding-top: 0;
		font-size: 16px;
	}
}
@media only screen and (max-width: 1200px)
{
	#sliderhover .mainContainer {
		width: auto;
		left: 0;
		margin-left: 0;
		padding-top: 15px;
	}
	#txtBandeau {
		margin-top: 50px !important;
	}
}
@media only screen and (max-width: 1000px)
{
	#txtBandeau {
		display: none;
	}
	#footer #menuFondMain {
		width: 65%;
	}
	#footer #menuFondMain ul {
		margin-left: 20px;
	}
	#footer #newsletter {
		width: 30%;
		border-right: 0;
	}
	#footer #social {
		width: 50%;
		margin-top: 50px;
	}
	#footer #extlinks {
		width: 40%;
		margin-top: 50px;
	}
	#contenuLeft {
		width: 80%;
	}
	#cartouchesRight {
		width: 80%;
		padding-left: 10%;
	}
	#searchModule {
		width: 100%;
		margin-right: 0;
	}
	#contenuRight {
		width: 100%;
	}
}
@media only screen and (max-width: 800px)
{
	#homeContenu #page {
		width: auto !important;
	}
	#homeContenu #page .headCtn .resume {
		width: auto !important;
	}
	#homeContenu #pagehtmlcontent {
		margin-top: 0 !important;
		width: auto !important;
	}
}
@media only screen and (max-width: 641px)
{
	#sliderhover .mainContainer {
		padding-top: 15px;
	}
	#footer #menuFondMain {
		width: 100%;
		border-right: 0;
	}
	#footer #menuFondMain ul {
		margin-left: 0;
	}
	#footer #newsletter {
		width: 70%;
/* 		margin-left: 15%; */
		border-right: 0;
		margin-top: 20px;
		text-align: left;
	}
	#footer #newsletter .inputNewsletter {
		width: 90%;
	}
	#footer #social {
		width: 50%;
		margin-top: 50px;
	}
	#footer #extlinks {
		width: 40%;
		margin-top: 50px;
	}
}

/* TABLES */
table P
{
	margin:0px;
	padding:0px;
	line-height: 20px;
}

table th
{
	text-align:left;
}

table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}

table.stylized {
	border: 2px solid #eaeaea !important;
}
table.stylized th {
	background-color: #f0f0f0;
	font-size: 18px;
	color: #464646;
	font-weight: normal;
	font-family: officinabold;
	padding: 15px 25px;
	border-right: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
}
table.stylized tr th:last-child {
	border: 2px solid #eaeaea;
}
table.stylized td {
	border: 2px solid #eaeaea;
	padding: 15px 25px;
	color: #414042;
	background-color: #fff;
	font-size: 17px;
}

table.compact {
	border: 2px solid #eaeaea !important;
}
table.compact th {
	background-color: #f0f0f0;
	font-size: 18px;
	color: #464646;
	font-weight: normal;
	font-family: officinabold;
	padding: 0 5px;
	border-right: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
}
table.compact tr th:last-child {
	border: 2px solid #eaeaea;
}
table.compact td {
	border: 2px solid #eaeaea;
	padding: 0 5px;
	color: #414042;
	background-color: #fff;
	font-size: 17px;
}

table.alternateBG {
	border: 2px solid #eaeaea !important;
}
table.alternateBG th {
	background-color: #E9E9E9;
	font-size: 18px;
	color: #464646;
	font-weight: normal;
	font-family: officinabold;
	padding: 0 5px;
	border-right: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
}
table.alternateBG tr th:last-child {
/* 	border: 2px solid #eaeaea; */
}
table.alternateBG td {
	border: 2px solid #F0F1F3;
	padding: 0 5px;
	color: #414042;
	background-color: #fff;
	font-size: 17px;
}
table.alternateBG tr:nth-child(odd) td {
	background-color: #E9E9E9;
}

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width:1200px)
{
	table
	{
		width:100%!important;
		table-layout:fixed; /*pour que les images suivent*/
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	table tbody.responsivedtbody
	{
		display:table-row-group;
	}
	
	table.responsived th, table.responsived td
	{
		display:block;
		width:100%!important;
		margin:0px!important;
		padding:0px!important;
		text-align:left;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
	
	table tbody.responsivedtbody th, table.responsived th
	{
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		margin-bottom:50;
	}	
	
	table tbody.responsivedtbody .thmain
	{	
		text-transform:uppercase;
		border-top:10px solid transparent!important;
		border-bottom:10px solid transparent!important;
	}
	
	table tbody.responsivedtbody .thspan
	{
		display:block!important;
		font-weight:bold;
		margin:10px 0px 5px 0px;
	}
}

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

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

/*-- FIN FIELDSET --*/
.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
}

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

.tableListAdmin
{
	margin:10px;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
}

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

.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
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

/*Style pour la navigation*/
.loadmore
{
	text-align:center;
	padding:10px 0px 10px 0px;
	visibility:hidden;
}

.loadmore img
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity: 0.50; 
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}

/*************** FIN STYLE DE BASE  *******************/

/*************** ADMIN ZONE ********************/
.hilightZone
{
	outline: 1px solid #aaaaaa;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZone
{
	outline: 1px solid #eeeeee;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZoneFixed
{
	outline: 1px solid #666666;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image: url('/template/image/admin/bgadmin.gif'); 
	margin-bottom:5px;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
}

.zoneMenuFixed
{
	margin:0px ;
	padding: 0px ;
	position:relative; 
	top:0px;
	left:0px;
	width:100%;
}

.stdZoneFixed table
{
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/	
}

.tblContextMenuTitle
{
	margin:0px ;
	padding: 0px ;
	width:100%;
	background-image: url('/template/image/admin/titlebar.gif'); 
	height:18px;
  	color:#86081D;
  	font-size:11px;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
	border:0px;
	margin:0px ;
	width:100%;
	padding: 0px ;
 	height:19px;
	background-image:url(/template/image/admin/bgmenu.png);
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
}
.tblContextMenu table
{
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	width:auto!important;/*contré le fixed setté pour le responsive*/
}
		
.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

.stdContextMenuSep
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
	background-image:url(/template/image/admin/bgmenusep.png);
	background-repeat:no-repeat; 
}

  	
.hilightContextMenu
{
	margin:0px ;
	padding: 0px ;
	height:18px;
	background-image:url(/template/image/admin/bgmenusel.png);

}

.stdTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
  	color: #000000;
	font-size: 11px;
}

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************//*Styles spécifiques du plugin rapportrecherche en T1 */
/*****************/
/** 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; }.map .download {
	text-align: center;
	margin-bottom: 30px;
}
.map .download a {
	text-decoration: none;
	margin-right: 20px;
	font-size: 14px;
}
.map .download a:before {
    content: '>';
    display: inline-block;
    font-family: Consolas, monaco, monospace;
    color: #2a5887;
    font-size: 25px;
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.map > div > svg {
	width: 100%;
}
.map svg path {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.map svg path.active {
	fill: #f0f0f0 !important;
}
.map svg path.active:hover {
	fill: #005f8d !important;
}
.map svg path.inactive {
	fill: #f0f0f0 !important;
}
.map svg tspan {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map svg tspan.hover {
	fill: #aaa;
}
.map svg text {
	pointer-events: none;
}
.map svg tspan.inactive {
	fill: #aaa !important;
}

.map .title {
	color: #666666;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	font-family: Helvetica;
	margin-bottom: 20px;
}
.map .description {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.map table {
	border-collapse: collapse;
	display: none;
}

@media only screen and (max-width: 1200px)
{
	.map table {
		display: table;
	}
	.map svg {
		display: none;
	}
}/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;	
}


.cartoucheCtn h5
{
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-family: officinabold;
	letter-spacing: 2px;
	background: #2a5887;
	color: #fff;
	display: inline-block;
	padding: 20px 100px 20px 50px;
	font-size: 16px;
}
.cartoucheCtn h5:after {
	display: inline;
	content: ' -';
	margin-left: 10px;
}

.cartoucheCtn .more
{
	display:block;
	color: #979797;
	text-decoration:none;
	text-align:right;
	position: absolute;
	font-size: 15px;
	bottom: 6%;
	right: 8%;
}
.cartoucheCtn .more:after {
	display: inline-block;
	content: '>';
	font-family: Consolas, monaco, monospace;
	color: #2a5887;
	font-size: 20px;
	margin-left: 20px;
	font-weight: bold;
}

.cartoucheCtn .rss
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}
.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;
	width: 50%;
	display: inline-block;
	background-color: #fff;
	padding-bottom: 25px;
	vertical-align: top;
}
#cartoucheManifestationCartoucheCtn .cartoucheElementCtn {
	width: 100%;
}
#cartoucheParutionsCartoucheCtn .cartoucheElementCtn {
	width: 49%;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0;
	text-decoration:none;
	overflow:hidden;
	padding: 0;
}

.cartoucheCtn .img
{
	position:relative;
	display: inline-block;
	float: none !important;
	width:50%;
	display: inline-block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover !important;
	
}


#cartoucheNewsCartoucheCtn .img
{
	background:url(/template/image/accrocheActuDefault.jpg) no-repeat center center;
}
#cartoucheParutionsCartoucheCtn .img
{
	background:url(/template/image/accrocheParutionsDefault.jpg) no-repeat center center;
}
#cartoucheLectureCartoucheCtn .img
{
	background:url(/template/image/accrocheLecturesDefault.jpg) no-repeat center center;
}

.cartoucheCtn .img:before
{
	content:"";
	display:block;
	padding-top:55%;
}
.cartoucheElement:hover .img
{
	opacity:0.75;
}

.cartoucheElement .txt
{
	display: inline-block;
	position:relative;
	padding:14px 14px 14px 14px;
	overflow:hidden;
	width: 100%;
/* 	background: #fff; */
	box-sizing: border-box;
	margin-right: -4px;
	vertical-align: top;
}
.cartoucheElement .txt a {
	text-decoration: none;
}
.cartoucheElement .txt .resume:after {
	display: inline-block;
	content: '';
	width: 26px;
	height: 26px;
	background: url(/template/image/plusListe.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -28px;
}

.cartoucheElement h6
{
	margin:0px 0px 20px 0px;
	font-weight: normal;
	font-family: officinabold;
	color: #414042;
	font-size: 22px;
	
}
.cartoucheElement .resume
{
	display:block;
	color: #414042;	
	font-size: 21px;
	font-family: officinabook;
	line-height: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ececec;
	position: relative;
	padding-right: 30px;
}

.cartoucheElement .resume .auteur
{
/* 	padding-left: 22px; */
/* 	margin-left: -22px; */
	display: block;
}
.cartoucheElement .resume .auteur:before{
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(/template/image/icone-auteur.png) no-repeat left top;
	margin-right: 10px;
}

#cartouchesRight .img {
	display: none;
}
#cartouchesRight .cartoucheElementCtn {
	width: 100%;
}
#cartouchesRight .cartoucheElement .txt {
	width: 100%;
	margin: 20px 0 0 0;
	padding-left: 6%;
}
#cartouchesRight h5 {
	margin-left: 0 !important;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}
#cartouchesRight .cartoucheElement h6 {
	font-size: 17px;
	letter-spacing: 1px;
}
#cartouchesRight .cartoucheElement .resume {
	border-bottom: 0;
	font-size: 17px;
}
#cartouchesRight .cartoucheElement .resume:after {
	bottom: 5px;
	top: initial;
	margin-top: 0;
}
#cartouchesRight .cartoucheCtn .more {
	display: none;
}

/*#cartouchesRight #cartoucheParutionsCartoucheCtn .cartoucheElement .txt {
	background-image: url(/template/image/fondParutionsRight.png); -- plus l'image selon demande Mme Penot10.06.2021
	background-position: 20px bottom;
}*/

/* CARTOUCHE NEWS */
#cartoucheNewsCartoucheCtn .cartoucheElement .date
{
	position:absolute;
	display:block;
	color:grey;
	left:4%;bottom:10px;
	font-size:16px;
}
#cartoucheNewsCartoucheCtn .cartoucheElementCtn {
	margin-right: -4px;
	background-image: url(/template/image/fondActualites.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* CARTOUCHE parutions */
#cartoucheParutionsCartoucheCtn .cartoucheElementCtn {
	margin-right: 0;
	margin-left: -3px;
	/*background-image: url(/template/image/fondParutions.png); -- plus l'image selon demande Mme Penot10.06.2021
	background-repeat: no-repeat;
	background-position: left bottom;*/
}

/* CARTOUCHE LECTURE */
#cartoucheLectureCartoucheCtn .cartoucheElementCtn {
	margin-right: -4px;
	/*background-image: url(/template/image/fondLectures.png); -- plus l'image selon demande Mme Penot10.06.2021
	background-repeat: no-repeat;
	background-position: 20px bottom;*/
}

/* CARTOUCHE Manifestation */
#cartoucheManifestationCartoucheCtn .more
{
	right: 4%;
}
#cartoucheManifestationCartoucheCtn .cartoucheElementCtn {
	/*background-image: url(/template/image/fondManifestations.png);-- plus l'image selon demande Mme Penot10.06.2021
	background-repeat: no-repeat;
	background-position: 20px bottom;*/
	margin-right: 0;
}

/* Alignement des cartouche */
.cartoucheHome:nth-child(0n+1), .cartoucheHome:nth-child(0n+3) {
/* 	background: red; */
}
.cartoucheHome:nth-child(0n+2) {
/* 	background: blue; */
	margin-top: 50px;
}
.cartoucheHome:nth-child(0n+2) h5 {
	margin-left: 50%;
	
}
.cartoucheHome:nth-child(0n+2) .img {
	float: left;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:none;
		width:50%;
	}
	.cartoucheElement .txt
	{
/* 		width: 50%; */
		padding: 4%;
		padding-bottom: 0;
	}
	.cartoucheElement:last-child {
		padding-bottom: 4%;
	}
	#cartoucheManifestationCartoucheCtn .cartoucheElement .img
	{
		display: none;
	}
	#cartoucheManifestationCartoucheCtn .cartoucheElement .txt
	{
		width: 100%;
	}
}
@media only screen and (max-width:641px)
{
	.cartoucheElement .resume
	{
		border-bottom: 0;
	}
	#cartoucheParutionsCartoucheCtn h5
	{
		margin-left: 0;	
	}
	#cartoucheLectureCartoucheCtn h5
	{
		margin-top: 50px;
	}
	#cartoucheManifestationCartoucheCtn h5 
	{
		margin-top: 50px;
	}
}#homeCartouches .mainContainer {
	padding-bottom: 80px;
}

/* Contenu sur la home */
#homeContenu {
	background: #fff url(/template/image/fondContenuHome.png) no-repeat right center;
	-webkit-background-size: contain;
	background-size: contain;
	border-top: 2px solid #e9eaec;
}

#homeContenu #page {
	width: 36%;
	display: inline-block;
	margin-right: 2%;
	margin-top: 50px;
	vertical-align: top;
}
#homeContenu #page .headCtn {
	margin-top: 0;
}
#homeContenu #page .headCtn h1 {
	display: inline-block;
	vertical-align: top;
	border: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-left: 20px;
	font-size: 26px;
	font-family: officinabold;
	color: #2a5887;
	line-height: 40px;
}
#homeContenu #page .headCtn .resume {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	font-size: 26px;
	font-family: officinabold;
	color: #414042;
	padding-left: 30px;
	line-height: 40px;
	padding-top: 0;
	border-top: 0;
}
#homeContenu #page .headCtn .resume:before {
	display: inline-block;
	content: ' - ';
	padding: 0 10px;
	margin-left: -30px;
}

#homeContenu #pagehtmlcontent {
	margin-left: 2%;
	width: 59%;
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 115px;
	vertical-align: top;
}
#homeContenu #pagehtmlcontent .htmlcontent {
	line-height: 30px;
	font-size: 21px;
	color: #414042;
}
#quiSommesNous {
	width: 26px;
    height: 26px;
    background: red;
    display: inline-block;
    position: absolute;
    bottom: 75px;
	left: 41%;
	background: url(/template/image/plusListe.png);
}
@media only screen and (max-width:799px)
{
	#quiSommesNous {
		left: 30px !important;
	}
}#documentListCtn .listElement
{
	/*width:auto;
	float:none;*/
	margin:0 20px 10px 0;
	overflow:visible;
	width: 100%;
	background: none;
	z-index: 0;
}
#documentListCtn .listElement:after {
	right: 0;
	z-index: -1;
}
#documentListCtn .listElement:hover:after {
	background-position: inherit;
}
#documentListCtn .listElement:nth-child(even) {
	margin-right: 0;
}

#documentListCtn .listElement > a
{
	display:block;
	text-decoration:none;
	color: #414042 !important;
}
#documentListCtn .listElement > a:hover {
	color: #fff;
}

#documentListCtn .listElement .txt
{
	padding:0 30px 15px 0;
	height: auto;
}

#documentListCtn .listElement .icone
{
	display: inline-block;
	width:22px;
	height:20px;
}

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:5px;
	left:-15px;
}#faqListCtn .listElement
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	background: none;
	display: block;
	overflow: hidden;
	page-break-inside: avoid !important;
}
#faqListCtn {
	page-break-before: always !important;
	display: block !important;
	width: 100%;
	margin: 10px 0 10px 0;
	overflow: visible !important;
}
#faqListCtn .listElement:after {
	display: none;
}

#faqListCtn .listElement .question
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:15px 25px 15px 25px;
	background: #2a5887;
}
#faqListCtn .listElement .question h5
{
	color:#ffffff;
	text-transform:uppercase;
	margin:0px;
	font-family: officinabold;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
}

#bodyprint #faqListCtn .listElement .question h5
{
	letter-spacing: normal;
}

#faqListCtn .listElement .question h5:after {
	display: inline-block;
	content: '>';
	font-family: Consolas, monaco, monospace;
	font-size: 20px;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question
{
	
}

#faqListCtn .listElement .question.open h5:after, #bodyprint #faqListCtn .listElement .question h5:after
{
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

#faqListCtn .listElement .answer, #faqListCtn .listElement:hover .answer
{
	display:none;
	padding: 10px 20px;
	overflow:hidden; /*pour pas que le html déborde*/
	background: none;
	color: #414042 !important;
	page-break-inside: avoid !important;
}

#bodyprint #faqListCtn .listElement .answer
{
	display:block;
	overflow: hidden !important;
	margin: 4px 0 4px 0;
}.graph .description {
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}

.graph .download {
	text-align: center;
	margin-bottom: 30px;
}
.graph .download a {
	text-decoration: none;
	margin-right: 20px;
	font-size: 14px;
}
.graph .download a:before {
    content: '>';
    display: inline-block;
    font-family: Consolas, monaco, monospace;
    color: #2a5887;
    font-size: 25px;
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	margin-right: 5px;
    vertical-align: middle;
    margin-top: -5px;
}/*Styles spécifiques du plugin indicateur en T1 */
.headCtn.irdp #faqListCtn {
	border-top: 0;
}

.archivesList a.selected {
	font-weight: bold;
}/*Styles spécifiques du plugin rapportrecherche en T1 */
/* Divers recherche */
.styled-select, #searchhome input {
	width: 45%;
	display: inline-block;
	height: 50px;
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-right: 4%;
	border: 1px solid #d8d8d8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	outline: 0;
}
.styled-select:after {
	content: '>';
	display: inline-block;
	font-family: Consolas, monaco, monospace;
	color: #2a5887;
	position: absolute;
	right: 5px;
	top: -1px;
	font-size: 25px;
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
    border-bottom: 1px solid #dddddd;
    text-align: center;
    width: 50px;
    line-height: 50px;
	z-index: 1;
	cursor: pointer;
}
.styled-select select {
	background: transparent;
	-webkit-appearance: none;
	 -moz-appearance: none;
	width: 105%;
    height: 100%;
	line-height: 100%;
    padding-left: 30px;
	padding-right: 25%;
	font-family: officinabold;
	font-size: 18px;
	color: #8c8c8c;
	outline: 0;
	position: relative;
	z-index: 2;
	max-width: none;
	cursor: pointer;
}
.styled-select select::-ms-expand {
	display: none;
}
.styled-select option {
	font-family: officinabook;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
}
.styled-select option.parent {
/* 	font-family: officinabold; */
/* 	padding-left: 10px; */
}
.degrade-boutons {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

/* Recherche en responsive */
@media only screen and (max-width: 1000px)
{
	#blocAffiner h5 {
		cursor: pointer;
	}
	#blocAffiner h5:after {
		content: ' +' !important;
	}
	#blocAffiner.opened h5:after {
		content: ' -' !important;
	}
	#blocAffiner #criteresChoix {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.3s ease;
		-moz-transition: max-height 0.3s ease;
		-ms-transition: max-height 0.3s ease;
		-o-transition: max-height 0.3s ease;
		transition: max-height 0.3s ease;
	}
	#blocAffiner.opened #criteresChoix {
		max-height: 5000px;
	}
}
/* Recherche sur page inter avec possibilite de cacher */
@media only screen and (min-width: 1000px)
{
	.irdpInter  #blocAffiner h5 {
		cursor: pointer;
	}
	.irdpInter  #blocAffiner h5:after {
		content: ' +' !important;
	}
	.irdpInter  #blocAffiner.opened h5:after {
		content: ' -' !important;
	}
	.irdpInter  #blocAffiner #criteresChoix {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.3s ease;
		-moz-transition: max-height 0.3s ease;
		-ms-transition: max-height 0.3s ease;
		-o-transition: max-height 0.3s ease;
		transition: max-height 0.3s ease;
	}
	.irdpInter  #blocAffiner.opened #criteresChoix {
		max-height: 5000px;
	}
}
#irdpSearchToggle {
	display: none;
}
.irdpInter #irdpSearchToggle {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #2a5887 url(/template/image/searchLoupe.png) no-repeat center center;
	position: absolute;
	left: -60px;
	top: 27px;
	-webkit-background-size: 50%;
	background-size: 50%;
	cursor: pointer;
}

/* Search sur la home */
#searchhome .mainContainer {
	padding-top: 50px;
}
#searchhome .desc {
	display: inline-block;
	width: 290px;
	height: 130px;
	line-height: 130px;
	color: #2a5887;
	font-size: 25px;
	font-family: officinabold;
	padding-right: 30px;
	border-right: 2px solid #d6d6d6;
	margin-right: 30px;
	vertical-align: top;
	text-align: center;
}
#searchhome form {
	display: inline-block;
	width: calc(100% - 360px);
	position: relative;
}

#searchhome input[type="text"] {
	padding: 0 30px;
	font-family: officinabook;
	font-style: italic;
	font-size: 18px;
	color: #8c8c8c;
	margin-top: 20px;
}
#searchhome input[type="submit"] {
	padding: 0 30px;
	font-family: officinabold;
	font-size: 18px;
	color: #2a5887;
	margin-top: 20px;
	cursor: pointer;
}

/* Rechercher RERO */
#searchFormRERO .rechercheText {
	padding: 0;
	width: 60%;
	display: inline-block;
}
#searchFormRERO #blocCriteres input[type="text"] {
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
#searchFormRERO #blocCriteres input[type="submit"] {
	width: 35% !important;
	display: inline-block !important;
	margin: 20px 0 15px 20px;
}

/* Recherche periodiques */
.irdpSearchForm #blocCriteres .styled-select {
	padding: 0 !important;
}
.irdpSearchForm #blocCriteres .styled-select, .irdpSearchForm #blocCriteres input[type="submit"], #resetQuery, #sendMyList {
	position: relative !important;
	right: initial !important;
	width: calc(100% - 80px) !important;
	padding: 0 30px;
	font-family: officinabold;
	font-size: 18px;
	color: #2a5887;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #d8d8d8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	outline: 0;
	margin: 20px 40px 0 40px;
	display: block;
}
.irdpSearchForm .rechercheText, .irdpSearchForm .rechercheCkb {
	margin-bottom: 0;
	margin-top: 20px;
}
.irdpSearchForm .rechercheCkb {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-family: officinabook;
    border: 2px solid #dfdfdf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 0 40px 0 30px;
	margin: 0 40px;
	margin-top: 18px;
}
.irdpSearchForm  label {
	margin: 20px 0 10px 0;
	display: block;
	font-family: officinabold;
}
#periodiquesSearchForm .rechercheMoisAnnee .styled-select {
	margin: 0;
	width: 175px !important;
	display: inline-block;
}
#periodiquesSearchForm .rechercheMoisAnnee .rechercheText {
	display: inline-block;
	width: 100px;
	margin-top: 0 !important;
	vertical-align: top;
	margin-left: 10px;
}
#periodiquesSearchForm .rechercheMoisAnnee .rechercheText input {
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 0 20px;
}

.irdpSearchForm .rechercheCkb label {
	margin: 0;
}

#rechercheLecteurs {
	min-height: 40px;
	height: auto;
}
#rechercheLecteurs .lecteur {
	display: block;
}
#rechercheLecteurs .lecteur:not(.selected) {
	display: none;
}
#rechercheLecteurs:hover .lecteur:not(.selected) {
	display: block;
}

@media only screen and (max-width: 1000px)
{
	#searchhome .mainContainer {
		padding-top: 20px;
	}
	#searchhome .desc {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		border: 0;
		padding: 0;
		height: auto;
		line-height: initial;
	}
	#searchhome form {
		width: 100%;
	}
}
@media only screen and (max-width: 700px)
{
	#searchhome {
		height: 350px;
	}
	#searchhome .desc {
		margin-bottom: 0;
	}
	#searchhome .styled-select, #searchhome input {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	#searchFormRERO .rechercheText {
		width: 100%;
	}
	#searchFormRERO #blocCriteres input[type="submit"] {
		width: 100% !important;
		margin: 20px 0 15px 0;
	}
}

/* Listes IRDP */
#globalSearchResults #prevLoad {
/* 	display: none; */
}

.listCtn.irdp {
	border-top: 0;
	padding-top: 0;
	margin: 0;
	padding-bottom: 50px;
}
.listCtn.irdp .nbrResults {
	padding: 18px 0;
	border-bottom: 1px solid #d0d1d3;
	margin-bottom: 30px;
	color: #8f9091;
	font-size: 15px;
}
.listCtn.irdp .nbrResults.noresults {
	border-bottom: 0;
	margin-bottom: 0;
}
.listCtn.irdp .nbrResults .nbr {
	color: #2a5887;
}
.listCtn.irdp .listElement {
	width: 100%;
	background: #fff;
}
.listCtn.irdp .listElement:after {
	display: none;
}
.listCtn.irdp .listElement a {
	text-decoration: none;
}
.listCtn.irdp .listElement .txt {
	padding: 30px;
	padding-left: 16%;
	color: #808285;
	font-size: 18px;
	line-height: 22px;
	height: auto;
}
.listCtn.irdp .listElement h5 {
	color: #2a5887;
	margin-bottom: 0;
	font-size: 18px;
	font-family: officinabold;
	font-weight: normal;
}
.listCtn.irdp .listElement .subtitle {
	color: #a4a5a8;
	font-family: officinabold;
	font-weight: normal;
}
.listCtn.irdp .listElement .auteurs {
	color: #414042;
	font-family: officinabook;
	line-height: 30px;
	padding-left: 22px;
	background: url(/template/image/icone-auteur.png) no-repeat left 6px;
}
.listCtn.irdp .listElement .description {
	line-height: 30px;
}

.listCtn.irdp .listElement a:not(.mylist):before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 49px;
	position: absolute;
	left: 8%;
	top: 50%;
	margin-left: -25px;
	margin-top: -50px;
	background: url(/template/image/icones-documents-irdp.png) no-repeat 0 center;
}
.listCtn.irdp .listElement a.rapportrecherche:before, #rapportrecherche .headCtn.irdp:before {
	background-position: -57px 0;	
}
.listCtn.irdp .listElement a.projetrecherche:before, #projetrecherche .headCtn.irdp:before {
	background-position: -114px 0;	
}
.listCtn.irdp .listElement a.article:before, #article .headCtn.irdp:before {
	background-position: -172px 0;	
}
.listCtn.irdp .listElement a.indicateur:before, #indicateur .headCtn.irdp:before {
	background-position: -232px 0;	
}
.listCtn.irdp .listElement a.periodique:before, #periodique .headCtn.irdp:before {
	background-position: -288px 0;	
}
.listCtn.irdp .listElement a.information:before, #information .headCtn.irdp:before {
	background-position: -344px 0;	
}

.listCtn.irdp .mylist {
	padding: 15px 30px;
	background: #fff;
	text-align: right;
	display: block;
	text-decoration: none;
	border-top: 1px solid #f0f1f3;
	border-bottom: 1px solid #f0f1f3;
	position: relative;
	text-transform: uppercase;
	color: #a4a5a8;
	font-family: officinabold;
	letter-spacing: 1px;
}
.listCtn.irdp .mylist:before {
	display: inline-block;
	content: '+';
	font-family: monospace;
	color: #a4a5a8;
	font-weight: bold;
	font-size: 30px;
	margin-right: 10px;
	margin-bottom: -2px;
	line-height: 10px;
}
.listCtn.irdp .mylist:hover {
	color: #2a5887;
}
.listCtn.irdp .mylist:hover:before {
	color: #2a5887;
}


/* Detail IRDP */
.headCtn.irdp {
	background: #fff;
	padding: 25px 50px 25px 100px;
	margin-top: 30px;
	position: relative;
}
.headCtn.irdp h1 {
	margin-bottom: 50px;
}
.headCtn.irdp:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 49px;
	position: absolute;
	left: 30px;
	top: 40px;
	background: url(/template/image/icones-documents-irdp.png) no-repeat 0 center;
}
.headCtn.irdp .ligne, .periodiqueBloc .ligne {
	border-bottom: 1px solid #dddddd;
}
.headCtn.irdp h2 {
	font-family: officinabold;
	font-size: 20px;
	font-weight: normal;
	color: #2a5887;
	margin-top: 50px;
	margin-bottom: 10px;
}

.headCtn.irdp .label, .periodiqueBloc .label {
	width: 35%;
	display: inline-block;
	font-family: officinabold;
	font-size: 17px;
	color: #414042;
	line-height: 21px;
	padding: 14px 0;
	vertical-align: top;
	letter-spacing: 1px;
}

#bodyprint .headCtn.irdp .label, #bodyprint .periodiqueBloc .label {
	letter-spacing: normal;
}

.headCtn.irdp .value, .periodiqueBloc .value {
	width: 64%;
	display: inline-block;
	line-height: 21px;
	padding: 14px 0;
	vertical-align: top;
	letter-spacing: 1px;
/* 	Justification demandee pour evaluer */
	text-align: justify;
}

#bodyprint .headCtn.irdp .value, #bodyprint .periodiqueBloc .value {
	letter-spacing: normal;
}

.headCtn.irdp a.pdf, .headCtn.irdp a.commande {
	display: block;
	margin-top: 30px;
	background: #f0f1f3;
	height: 110px;
	text-decoration: none;
	font-size: 19px;
	color: #414042;
	line-height: 110px;
	font-family: officinabold;
}
.headCtn.irdp a.pdf:hover, .headCtn.irdp a.commande:hover {
	color: #fff;
	background-color: #2a5887;
}
.headCtn.irdp a.pdf .icon {
	width: 45px;
	height: 59px;
	display: inline-block;
	background: url(/template/image/telecharger_pdf.png) no-repeat;
	margin-left: 30px;
	margin-top: 25px;
	border-right: 1px solid #dddddd;
	padding-right: 30px;
}
.headCtn.irdp a.pdf:hover .icon {
	background-position: 0 -61px;
	border-right-color: #597da1;
}
.headCtn.irdp a.pdf .txt, .headCtn.irdp a.commande .txt {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}
.headCtn.irdp a.commande .icon {
	width: 51px;
	height: 45px;
	display: inline-block;
	background: url(/template/image/commander_document.png) no-repeat;
	margin-left: 28px;
	margin-top: 35px;
	border-right: 1px solid #dddddd;
	padding-right: 24px;
}
.headCtn.irdp a.commande:hover .icon {
	background-position: 0 -47px;
	border-right-color: #597da1;
}
.headCtn.irdp .ligne.full .label {
	display: none;
}
.headCtn.irdp .ligne.full .value {
	width: 100%;
	display: block; /*sinon print pdf fait pas les sauts de ligne */
}

/* Recherche Globale */
#globalSearch h5, #irdpSearch h5, #myList h5 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal;
	font-family: officinabold;
	text-transform: uppercase;
	background-color: #2a5887;
	color: #fff;
	padding-left: 50px;
	letter-spacing: 4px;
}
#globalSearch h5:after, #irdpSearch h5:after, #myList h5:after {
	content: ' -';
}
#blocCriteres, #myList {
	padding-bottom: 15px;
	background-color: #fff;
}
#blocCriteres > div {
	padding: 0 40px;
	margin-bottom: 15px;
}
#blocCriteres .rechercheText {
	position: relative;
}
#blocCriteres .rechercheText input, #myList input[type="text"] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #9e9e9e;
	font-size: 18px;
	font-family: officinabook;
	font-style: italic;
	border: 2px solid #dfdfdf;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	padding: 0 40px 0 30px;
}
#blocCriteres .rechercheText #submitQuery {
	width: 40px;
	height: 40px;
	background: url(/template/image/loupe.png) no-repeat center center;
	-webkit-background-size: 17px;
	background-size: 17px;
	border: 0;
	position: absolute;
	right: 45px;
	top: 0;
	outline: 0;
	cursor: pointer;
}
#blocAffiner #criteresChoix {
	background: #fff url(/template/image/loupe-bg.png) no-repeat left bottom;
}
#blocAffiner h5 {
	margin-bottom: 0;
}
#blocAffiner #criteresChoix {
	color: #414042;
	font-size: 19px;
}
#blocAffiner #criteresChoix > div {
	border-bottom: 1px solid #dddddd;
	padding: 15px 50px;
}
#blocAffiner #criteresChoix > div:last-child {
	border-bottom: 0;
}
#blocAffiner #criteresChoix .criteresTitle {
	font-family: officinabold;
	font-size: 19px;
	color: #414042;
	margin-bottom: 10px;
}



#irdpSearch .annees input[type="text"], #globalSearch .annees input[type="text"] {
	height: 34px;
	line-height: 34px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 15px;
	padding: 0 10px;
	width: 65px;
}
#irdpSearch .annees input[type="submit"], #globalSearch .annees input[type="submit"] {
	height: 34px;
	width: 34px !important;
	line-height: 34px;
	background: url(/template/image/loupe.png) no-repeat center center;
	-webkit-background-size: 17px;
	background-size: 17px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	outline: 0;
	margin: 0;
}
/* Affichage des criteres (thematiques et types) */
#globalSearch .critere input {
	display: none;
}
#blocCriteres .critere {
	background: #f8f8f8 url(/template/image/delete-critere.png) no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 24px;
	background-size: 24px;
	height: 48px;
	line-height: 48px;
	font-family: officinabold;
	color: #2a5887;
	font-size: 17px;
	border: 1px solid #dadada;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	padding-left: 30px;
	padding-right: 45px;
	cursor: pointer;
	box-shadow: 0px 4px 15px 3px rgba(0, 0, 0, 0.05) inset; 
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#blocCriteres .critere .count {
	display: none;
}
#blocAffiner .critere {
	border-bottom: 1px solid #d7d7d7;
	padding: 15px 0 15px 35px;
	position: relative;
	cursor: pointer;
}
#blocAffiner .critere:before {
	width: 20px;
	height: 20px;
	display: inline-block;
	content: '';
	background: url(/template/image/icones-documents-irdp.png) no-repeat 0 center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	-webkit-background-size: cover;
	background-size: cover;
}
#blocAffiner .critere.rapportrecherche:before {
	background-position: -20px 0;
}
#blocAffiner .critere.projetrecherche:before {
	background-position: -46px 0;
}
#blocAffiner .critere.article:before {
	background-position: -70px 0;
}
#blocAffiner .critere.indicateur:before {
	background-position: -91px 0;
}
#blocAffiner .critere.periodique:before {
	background-position: -115px 0;
}
#blocAffiner .critere.information:before {
	background-position: -137px 0;
}
#blocAffiner div .critere:last-child {
	border-bottom: 0;
}
#blocAffiner .critere.hidden {
	display: none;
}
#blocAffiner .thematiques .critere {
	padding-left: 20px;
}
#blocAffiner .thematiques .critere:before {
	width: 7px;
	height: 11px;
	background: url(/template/image/fleche-recherche.png) no-repeat center center;
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-top: -5px;
}


a.backtosearch {
	font-family: officinabook;
	font-size: 15px;
	color: #8f9091;
	text-decoration: none;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d1d3;
}
a.backtosearch:before {
	width: 12px;
	height: 12px;
	display: inline-block;
	content: '';
	background: url(/template/image/fleche-retour.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-right: 10px;
}

/* Ma liste */
#myList .bloclist {
	margin: 20px 10%;
    position: relative;
}
#myList .bloclist .link {
	border-bottom: 1px solid #dddddd;
	padding: 20px 0;
	position: relative;
}
#myList .bloclist .link a.lien {
	font-family: officinabook;
    font-size: 17px;
    color: #414042;
    text-decoration: none;
    display: inline-block;
    width: calc(100% - 30px);
}
#myList .bloclist .link a.remove {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/template/image/delete-critere.png) no-repeat;
    -webkit-background-size: 25px;
    background-size: 25px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
}
#myList input[type="text"] {
	margin: 0 10%;
	width: 80%;
}
#myList input[type="text"].error {
	border-color: #ff9999;
	color: #ff5555;
}
#myList .QapTcha {
	float: none;
	margin: 0 auto;
	margin-top: 20px;
}
.headCtn.irdp .mylist {
	margin-top: 40px;
	padding: 15px;
    background: #fff;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #a4a5a8;
    position: relative;
    text-transform: uppercase;
    color: #a4a5a8;
    font-family: officinabold;
    letter-spacing: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.headCtn.irdp .mylist:hover {
	color: #2a5887;
	border-color: #2a5887;
}
.headCtn.irdp .mylist:before {
    display: inline-block;
    content: '+';
    font-family: monospace;
    color: #a4a5a8;
    font-weight: bold;
    font-size: 30px;
    margin-right: 10px;
    line-height: 10px;
}
.headCtn.irdp .mylist:hover:before {
	color: #2a5887;
}

#bodyprint .headCtn.irdp .mylist {
	display:none;
}
#sendMyList[disabled] {
	opacity: 0.6;
	cursor: default;
}


/* Plugins IRDP en admin */
/* Taille des champs, sur le td sinon le checkMandatory ne marche pas */
.fieldS input, .fieldS textarea {
	width: 75px;
}

.fieldS.hidden input {
	width: 0;
	padding:0;border:0;
}
.fieldS input[type=checkbox]
{
	width:auto;
}
.fieldM input, .fieldM textarea {
	width: 175px;
}
.fieldL input, .fieldL textarea, .fieldL select {
	width: 350px;
}

/* Style pour le choix des thematiques/sous-thematiques */
.thematiquesList {
	padding: 10px;
	background: #eee;
}
.thematiquesList.mandatoryFailed {
	border: 1px dotted red;
}
.thematiquesList .thematique .th {
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
}
.thematiquesList .thematique {
	
}
.sousthematiquesList .sousthematique .sth {
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	padding-left: 10px;
}/* Style pour plugin langsite */
.langsite
{
   color: #000000;
   text-decoration: none;
}

.langsiteActiv
{
   color: #888888;
   text-decoration: none;
}
/*Styles spécifiques du plugin lecteur en T1 */
#linksCtn
{
	position:relative;
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
	margin-bottom: 30px;
}
#contenuRight #linksCtn {
	background: #fff;
	padding: 20px 50px 20px 100px;
	margin-top: -30px;
	border-top: 0;
}

#linksCtn h5
{
	margin:20px 0px 20px 0px;
	font-weight: normal;
	font-family: officinabold;
	color: #2a5887;
	font-size: 22px;
}

.linksElementCtn
{
	position:relative;
}

.linksElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	background: #f1f2f4;
	padding: 30px;
}


.linksElement .txt
{
	display:block;
	position:relative;
	overflow:hidden;
	display: inline-block;
	width: calc(100% - 70px);
	border-right: 1px solid #d1d2d4;
	padding-right: 20px;
}
.linksElement:after {
	display: inline-block;
	content: '';
	width: 26px;
	height: 26px;
	background: url(/template/image/plusListe.png);
	position: absolute;
	top: 50%;
	margin-top: -13px;
	margin-left: 25px;
}

.linksElement h6
{
	margin:0px 0px 10px 0px;
	font-weight: normal;
	color: #414042;
	font-size: 18px;
	font-family: officinabold;
	
}
.linksElement .resume
{
	display:block;
	color: #414042;
	font-size: 17px;
	line-height: 27px;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	
}#manifestationListCtn .listElement
{
	padding-bottom:18px;
}

#manifestationListCtn .listElement .date
{
	position:absolute;
	bottom: 18px;
	left: 25px;
	font-size: 14px;
	display: none;
}

#manifestationList h2 {
	border: 0;
	padding-bottom: 0;
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.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:#000000;
	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;
}

#menuIcone
{
	display:inline-block;
	vertical-align:top;
	width:39px;
	height:38px;
	cursor:pointer;
	background:url(/template/image/menuIcone.png) center center;
	background-size:cover;
	margin-left: 20px;margin-top: 10px;
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#ffffff;
}

#menuMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li > a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:7px 10px 7px 20px;
	margin-bottom:2px;
}
#menuMain li > a:hover, #menuMain li > a.menuselected:not(.parent)
{
/* 	background:rgba(255,255,255,0.6); */
}

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

#menuMain a.menu0
{
}

#menuMain a.menu1
{
	padding-left:40px;
}
#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;
}

#menuMain .styleDivArrowAdmin {
	padding-top: 6px;
	margin-left: -10px;
}
#menuMain ul.menu1 .styleDivArrowAdmin {
	padding-top: 8px;
	margin-left: -10px;
}
#menuFondMain li.menu0 .styleDivArrowAdmin {
	margin-left: -10px;
	margin-right: -3px;
}

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


/* 	####################################### */
/* 	# Styles spécifiques au menuFond IRDP # */
/* 	####################################### */
#menuFondMain ul.menu0 {
	margin-top: 0;
}
#menuFondMain a.menu0 {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: normal;
}
#menuFondMain ul
{
	margin:0px;
	padding:0px;
	display:none;
	font-family:officinabold;
	font-size:18px;
	color:#ffffff;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	position:relative;
	font-weight: normal;
}
#menuFondMain ul.menu0
{
	display: inline-block;
	min-height:50px;
	margin-top: 0;
	margin-left: 75px;
}
#menuFondMain ul.menu0:after
{
	content:"";
	display:block;
	clear:both;
}
#menuFondMain li
{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuFondMain ul li > a
{
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
#menuFondMain li.menu0
{
	display:block;
	float:left;
	margin-left:7px;
	margin-right:7px;
	height:56px;
}
#menuFondMain a.menu0
{
	padding-bottom:7px;
}

#menuFondMain li.menu0 ul
{
	margin-top:0px;
	padding: 5px 15px; 
	background: #f2f5f7;	
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left: 20px;
}

#menuFondMain ul.menu1 {
	margin-top: 10px !important;
}
/* 	Fleche en haut du sous menu */
#menuFondMain ul.menu1:before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #f2f5f7;
	position: absolute;
	top: -4px;
	left: 15px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

/*2ème niveau: style des li*/
#menuFondMain li.menu1
{
	display:block;
	float:left;
	width:240px;/*obligatoire si on veut que tout le li soit cliquable*/
}

/*2ème niveau : Style des liens "off" */
#menuFondMain li.menu0 ul li > a
{
	color:#2a5887;
	display:block;/*Permet que le lien fasse toute la largeur du li*/
	border-bottom:1px solid #d4d6d8;
	padding-left: 15px;
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}
#menuFondMain li.menu0 ul li:last-child > a {
	border-bottom: 0;
}

/*3ème niveau: style de sous-menu*/
#menuFondMain li.menu1 ul
{
	margin: 0px 0px 0px 270px !important;
}
/* 	Fleche en haut du sous menu */
#menuFondMain ul.menu2:before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #f2f5f7;
	position: absolute;
	left: -4px;
	top: 15px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

/*3ème niveau: style des li*/
#menuFondMain li.menu1 ul li
{
	width:140px;
}

/*3ème niveau: style des liens "off" */
#menuFondMain li.menu1 ul li > a  
{
	display:block;
	text-decoration:none;
}
#menuFondMain li.menu0 ul li > a:before {
	display: inline-block;
	content: '>';
	position: absolute;
	left: 15px;
	margin-top: -4px;
	font-size: 16px;
	color: #8ea6bf;
	font-family: Consolas, monaco, monospace;
	font-weight: bold;
	z-index: -1;
}
#menuFondMain ul.menu1 li > a.menuHover:before, #menuFondMain ul.menu1 li > a.menuselected:before {
	color:#2a5887;
}

/* 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:officinabold;
		font-size:18px;
		color:#ffffff;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
		position:relative;
		font-weight: normal;
	}
	
	#menuMain ul.menu0
	{
		display: inline-block;
		min-height:50px;
		margin-top: 15px;
		margin-left: 75px;
	}
	#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:#ffffff;
		text-decoration:none;
		outline:none;
	}
	
	#menuMain li.menu0
	{
		display:block;
		float:left;
		margin-right:7px;
		height:56px;
	}
	
	#menuMain a.menu0
	{
		padding: 7px;
	}
	
	/*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:0px;
		padding: 5px 15px;
		background: #f2f5f7;	
		position:absolute;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		margin-left: 20px;
		z-index: 3;
	}
	
	#menuMain ul.menu1 {
		margin-top: 10px !important;
	}
/* 	Fleche en haut du sous menu */
	#menuMain ul.menu1:before {
		display: inline-block;
		content: '';
		width: 10px;
		height: 10px;
		background-color: #f2f5f7;
		position: absolute;
		top: -4px;
		left: 15px;
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}
	
	/*2ème niveau: style des li*/
	#menuMain li.menu1
	{
		display:block;
		float:left;
		width:240px;/*obligatoire si on veut que tout le li soit cliquable*/
	}
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a
	{
		color:#2a5887;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #d4d6d8;
		padding-left: 15px;
		font-size: 15px;
		font-weight: normal;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#menuMain li.menu0 ul li:last-child > a {
		border-bottom: 0;
	}
	#menuMain li.menu0 ul li > a:before {
		display: inline-block;
		content: '>';
		position: absolute;
		left: 15px;
		margin-top: -4px;
		font-size: 16px;
		color: #8ea6bf;
		font-family: Consolas, monaco, monospace;
		font-weight: bold;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menuMain ul.menu1 li > a.menuHover, #menuMain ul.menu1 li > a.menuselected
	{
		text-decoration:none;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
	}
	#menuMain ul.menu1 li > a.menuHover:before, #menuMain ul.menu1 li > a.menuselected:before {
		color:#2a5887;
	}
	
	
	/*3ème niveau: style de sous-menu*/
	#menuMain li.menu1 ul
	{
		margin: 0px 0px 0px 270px !important;
	}
/* 	Fleche en haut du sous menu */
	#menuMain ul.menu2:before {
		display: inline-block;
		content: '';
		width: 10px;
		height: 10px;
		background-color: #f2f5f7;
		position: absolute;
		left: -4px;
		top: 15px;
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}
	
	/*3ème niveau: style des li*/
	#menuMain li.menu1 ul li
	{
		width:140px;
	}
	
	/*3ème niveau: style des liens "off" */
	#menuMain li.menu1 ul li > a
	{
		display:block;
		text-decoration:none;
	}
	
	/*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;
	}
	
	
	/*********************************************************************************************************************/
	
	/**************************************************/
	/*Style pour le menu clic vertical                */
	/**************************************************/
	
	#menuClickMain ul li {list-style: none;}            
	#menuClickMain ul li.contentClic{display: none;}
	
	#menuClickMain
	{
		
	}
	/*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:black;
		text-decoration:underline;
		text-transform:uppercase;
		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;
		background-color:green;
	}
	
	/*Style du texte*/
	#menuClickMain a.menu0
	{
		padding-bottom:7px;
	}
	
	/*Style du hover et du selected*/
	#menuClickMain .menu0:hover, #menuClickMain .menu0.menuselected
	{
		background-color:yellow;
		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-right:20px;
		margin-bottom:7px;
		background-color:pink;
		width:203px;
		
	
	}
	
	/*1er niveau: Style du hover et du selected pour les liens*/
	#menuClickMain li.menu1:hover, #menuClickMain li.menu1.menuselected
	{
		width:203px;
		margin-right:20px;
		margin-bottom:7px;
		background-color:blue;
		text-decoration:none;
		
	}
	
	/*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
	{
		background-color:red; 	
		height:50px;
		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;
		border:5px solid yellow;
	}
	
	#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:#000;
		text-decoration:none;
		outline:none;
	}
	
	#menu2niveauxMain ul.menu0 
	{
		display:block;
	}
	
	#menu2niveauxMain li.menu0
	{
		display:block;
		float:left;
		margin-left:7px;
		margin-right:7px;
	
	}
	
	#menu2niveauxMain a.menu0
	{
		text-transform:uppercase;
	}
	
	/*1er niveau: Effet rollover et actif des liens*/
	#menu2niveauxMain a.menu0.menuHover, #menu2niveauxMain a.menu0.menuselected
	{
		background:pink;
	}
	
	
	/*2ème niveau: Couleur des ul*/
	#menu2niveauxMain li.menu0 ul
	{
		
		margin-top:36px;
		padding:20px 15px 30px 31px; 
		background: green;	
	
	}
	
	/*2ème niveau: style des li*/
	#menu2niveauxMain 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" */
	#menu2niveauxMain li.menu0 ul li > a
	{
		color:#013b75;
		display:block;/*Permet que le lien fasse toute la largeur du li*/
		border-bottom:1px solid #4a98c7;
		text-transform:uppercase;
	}
	
	/*2ème niveau: Style des liens "on" */
	#menu2niveauxMain ul.menu1 li > a.menuHover, #menu2niveauxMain ul.menu1 li > a.menuselected
	{
		color:#013b75;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		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:120px;
		margin-bottom:7px;
		background-color:purple;
		margin-left:20px;
		
	}
	
	/*3ème niveau: style des liens "off" */
	#menu2niveauxMain li.menu1 ul li > a 
	{
		display:block;
		text-decoration:none;
		text-transform:lowercase;
		color:yellow;
	}
	
	/*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;
		text-transform:uppercase;
		color:grey;
	}
}@media only screen and (min-width: 600px)
{
	#myaccountCtn {
		display: block !important;
	}
}
#myaccountCtn {
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 3;
	display: none;
}
body.fixed #myaccountCtn {
	position: fixed;
	z-index: 100;
}
#myaccountCtn h5
{
	font-family: officinabold;
	margin:0px;
	padding: 5px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: normal;
	color:#ffffff;
	background: #466e97;
	text-transform: uppercase;
}

#myaccountCtn .infos
{
	background: #fff;
	border: 2px solid #466e97;
	max-height: 0;
	padding: 0 10px;
	overflow: hidden;
	-webkit-transition: max-height 0.3s, padding 0.3s;
	-moz-transition: max-height 0.3s, padding 0.3s;
	-ms-transition: max-height 0.3s, padding 0.3s;
	-o-transition: max-height 0.3s, padding 0.3s;
	transition: max-height 0.3s, padding 0.3s;
}
#myaccountCtn:hover .infos {
	max-height: 1000px;
	padding:10px 10px 0px 10px;
}

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

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

#myaccountCtn .infos .title
{
	font-family: officinabold;
}

#myaccountCtn .infos a
{
	display:block;
	margin:5px 0 5px 0px;
	text-decoration:none;
	color: #5382b2;
}
#myaccountCtn .infos a:hover
{
	text-decoration:underline;
}
#myaccountCtn .infos a:before
{
	content:"-";
	margin-right:5px;
}

/*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
{
	padding-bottom:18px;
}

#newsListCtn .listElement .date
{
	position:absolute;
	bottom: 10px;
	left: 20px;
	font-size: 14px;
}
#newsListCtn .listElement:after
{
	bottom: 10px;
}

#newsList h2 {
	border: 0;
	padding-bottom: 0;
}

span.newsdateinh1
{
	display:block;
	margin-bottom:10px;
	font-size:17px;
}/*STYLE POUR LE CARTOUCHE*/
.btnnewsletter
{
	background-color: transparent;
	border:0px;
	color:#9F9F9F;
	Font-size:11px;
	font-family: Consolas, monaco, monospace;
	height:18px;
	width:20px;
	cursor:pointer;
	margin-left: -30px;
}
.inputNewsletter, .inputNewsletterError
{
	background-color: #2d5a89;
	border: 2px solid #55799e;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	color: #acb9ca;
	font-size: 14px;
	font-family: officinabook;
	height: 36px;
	width: 70%;
	padding: 0 7%;
}
.inputNewsletterError {
	color: #f00;
}

#newsletterMessage {
	background: #fff;
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 28px;
}/*Styles spécifiques du plugin rapportrecherche en T1 */
/*Styles spécifiques du plugin page en T1 */

/*AFFICHAGE DES ONGLETS*/
#ongletsCtn
{
	position:relative;
	display:block;
	margin:50px -1px 30px -1px;
	padding-bottom:6px;
	border-bottom:1px solid #2a5887;
	z-index:1;/*defini max element par ligne pour les onglets*/
}
@media only screen and (min-width: 840px)
{
	#ongletsCtn
	{
		z-index:6;/*defini max element par ligne pour les onglets*/
	}
}

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

#ongletsCtn .ongletsTitle
{
	position:relative;
	display:block;
	font-family:officinabold;
	font-size:16px;
	font-weight:normal;
	margin:0 1px 10px 1px;
}

#ongletsCtn .onglet
{
	position:relative;
	display:block;
	box-sizing:border-box;
	float:left;
	width:0; /*recalc in JS*/
	padding:2px 5px 2px 5px;
	margin:0 0 4px 0;
	border:1px solid #ffffff;
	background:#2a5887;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	line-height:1.4;
	opacity:0;
	transition:color .5s, background .5s, border-color .5s, opacity 1s;
	overflow:hidden;
}
#ongletsCtn .onglet.selectedaschild
{
	background:#6a88a6;
	border-color:#6a88a6;
}
#ongletsCtn .onglet:hover, #ongletsCtn .onglet.selected
{
	color:#2a5887;
	background:#ffffff;
	border-color:#2a5887;
}
#ongletsCtn .onglet.valign
{
	opacity:1;
}

#ongletsCtn .onglet > span
{
	position:relative;
	display:block;
	text-align:center;
}
#ongletsCtn .onglet.valign > span
{
	position:absolute;
	display:block;
	width:calc(100% - 10px);
	top:50%;
	transform:translateY(-50%);
}

#ongletsCtn .onglet .desactivatepage
{
	display:none;
}
/*FIN AFFICHAGE DES ONGLETS*//*Styles spécifiques du plugin de panier en T1 */
#cartouchePanier {
	background: #fff url(/template/image/fondPanier.png) left bottom no-repeat;
}

#cartouchePanier h5 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal;
	font-family: officinabold;
	text-transform: uppercase;
	background-color: #2a5887;
	color: #fff;
	padding-left: 50px;
	letter-spacing: 4px;
}
#cartouchePanier h5:after {
	content: ' -';
}
.panierElement {
	margin: 20px 10%;
	padding-bottom: 20px;
	padding-right: 30px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.panierElement input.updateCount {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
.panierElement input.updateCount:focus + a.update {
	/*opacity: 1;*/
}
.panierElement a.update {
	width: 21px;
	height: 21px;
	background: url(/template/image/panier_check.png) no-repeat;
    display: inline-block;
    position: absolute;
    left: -30px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.panierElement a.txt {
	font-family: officinabook;
	font-size: 17px;
	color: #414042;
	text-decoration: none;
	display: inline-block;
	width: calc(100% - 30px);
}
.panierElement a.txt .title {
	width: calc(100% - 70px);
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.panierElement a.txt .price {
	width: 70px;
	display: inline-block;
	vertical-align: middle;
}
.panierElement a.remove {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url(/template/image/delete-critere.png) no-repeat;
	-webkit-background-size: 25px;
	background-size: 25px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	right: 0;
}
#cartouchePanier a.degrade-boutons, #contenuPanier .degrade-boutons {
	display: inline-block;
	width: 80%;
	margin: 20px 10%;
	margin-top: 0;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #dadada;
	text-decoration: none;
	font-family: officinabold;
	font-size: 16px;
	color: #2a5887;
	text-align: center;
}
#cartouchePanier a.degrade-boutons:after, #contenuPanier .degrade-boutons:after {
	content: '>';
	margin-left: 10px;
	font-family: Consolas, monaco, monospace;
	font-weight: bold;
	font-size: 18px;
}

#lienPanier .count {
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	color: #466e97;
	line-height: 21px;
	position: relative;
	top: -10px;
	margin-left: 10px;
	font-size: 15px;
}

#contenuLeft #contenuPanier h1 {
	margin-top: 50px;
}
#contenuRight #contenuPanier {
	margin-top: 28px;
	padding: 10px 30px;
	background: #fff;
	padding-bottom: 30px;
}
#contenuPanier h1 {
	border-bottom: 0;
	font-size: 30px;
}
#contenuPanier .rechercheText {
	margin-top: 50px;
	width: 50%;
	margin: 0 auto;
}
#contenuPanier form input[type="text"] {
	display: block;
	width: 100%;
	margin: 20px 0;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: 2px solid #ddd;
	background: #fff;
	padding: 0 20px;
	outline: 0;
	min-width: 200px;
}
#contenuPanier input[type="text"].mandatoryFailed, #contenuPanier input[type="text"].mandatoryCustomFailed {
	border-color: #faa;
}
#contenuPanier form input[type="submit"] {
	width: 50%;
	margin: 20px auto;
	display: block;
	outline: 0;
	min-width: 250px;
	cursor: pointer;
}
#contenuPanier input[disabled="disabled"] {
	color: #aaa;
	cursor: default;
}
#contenuPanier .QapTcha {
	float: none;
	margin: 0 auto;
	margin-top: 30px;
}
#contenuPanier #npa {
	width: 100px !important;
	min-width: 100px !important;
	display: inline-block;
	float: left;
	margin-top: 0 !important;
}
#contenuPanier #ville {
	display: inline-block !important;
	width: calc(100% - 120px) !important;
	min-width: auto !important;
	float: right;
	margin-top: 0 !important;
}
#contenuPanier .msgPrix {
	font-size: 15px;
}

@media only screen and (max-width: 600px)
{
	#contenuPanier .rechercheText {
		width: 80% !important;
	}
}
@media only screen and (max-width: 400px)
{
	#contenuPanier .rechercheText {
		width: 100% !important;
		margin: 0 -20px 0 -20px;
	}
}/*Styles spécifiques du plugin periodique en T1 */
#periodiqueHeadCtn {
	margin-bottom: 0;
}
#periodiqueBlocs {
	background: #fff;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 25px 50px 25px 100px;
	margin-bottom: 20px;
}
#periodique {
	margin-bottom: 0 !important;
}
#periodiqueBlocs .periodiqueBloc .blocTitle {
	font-family: officinabold;
	font-size: 20px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	background: #2a5887;
	color: #fff;
	margin: 10px 0;
	padding-left: 20px;
	cursor: pointer;
	position: relative;
}
#periodiqueBlocs .periodiqueBloc .blocTitle:after {
	content: '>';
	font-family: Consolas, monaco, monospace;
	position: absolute;
	right: 20px;
	-webkit-transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
}
#periodiqueBlocs .periodiqueBloc.open .blocTitle:after {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
#periodiqueBlocs .periodiqueBloc .blocContent {
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	-webkit-transition: max-height 0.5s, padding 0.5s;
	-moz-transition: max-height 0.5s, padding 0.5s;
	-ms-transition: max-height 0.5s, padding 0.5s;
	-o-transition: max-height 0.5s, padding 0.5s;
	transition: max-height 0.5s, padding 0.5s;
}
#periodiqueBlocs .periodiqueBloc.open .blocContent, #bodyprint #periodiqueBlocs .periodiqueBloc .blocContent {
	max-height: 20000px;
	padding: 20px;
	overflow: visible;
}

.periodiqueBloc .blocContent #bulletinageList .label {
	width: 14.5%;
	padding: 5px 0;
}
.periodiqueBloc .blocContent #bulletinageList .value {
	width: 10%;
	padding: 5px 0;
}
.periodiqueBloc .blocContent #bulletinageList .label.large {
	width: 14%;
}
.periodiqueBloc .blocContent #bulletinageList .value.large {
	width: 35%;
}
.blocElement {
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.blocElement:last-child {
	border-bottom: 0;
}
.blocElement .admin {
	position: absolute;
	left: -20px;
	top: 10px;
}
.lecteur.blocElement {
	max-width: 100px;
}
.lecteur.blocElement .value {
	padding: 0;
}

.periodiqueBloc .blocContent table tr {
	line-height: 25px;
}
.periodiqueBloc .blocContent table.irdpTable tr:nth-child(odd) td {
	background-color: #eee;
}
.periodiqueBloc .blocContent table.irdpTable th {
	background-color: #eee;
}

#periodiquesSearchForm .rechercheMode
{
	display:block;
	font-size:15px;
	margin-bottom:-10px;
}
#periodiquesSearchForm .rechercheMode span
{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	color:#9e9e9e;
}

@media only screen and (max-width: 600px)
{
	.bulletinage .label {
		width: 50%;
	}
	.bulletinage .value {
		width: 50%;
	}
}/* PRINT SEND SHARE */
#printsendshare {
	position:relative;
	border-top: 1px solid #dddddd;
	padding-top: 20px;
	margin-bottom:40px;
}

#printsendshare a {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/template/image/printsendshare.png) no-repeat left -22px;
	margin-right: 10px;
}
#printsendshare a:hover {
	opacity: 0.75;
}
#printsendshare a.print:hover {
	background-position: 0 -22px;
}
#printsendshare a.pdf {
	background-position: -29px -22px;
}
#printsendshare a.pdf:hover {
	background-position: -29px -22px;
}
#printsendshare a.send {
	background-position: -54px -22px;
}
#printsendshare a.send:hover {
	background-position: -54px -22px;
}
#printsendshare a.facebook {
	background-position: -80px -22px;
}
#printsendshare a.facebook:hover {
	background-position: -80px -22px;
}
#printsendshare a.twitter {
	background-position: -104px -22px;
}
#printsendshare a.twitter:hover {
	background-position: -104px -22px;
}
#printsendshare a span {
	display: none;
}

#printsendshare .lastupdate
{
	position:absolute;
	right:0;
	top:20px;
	font-size:12px;
	line-height:18px;
}

@media only screen and (min-width: 560px)
{
	#printsendshare .lastupdate
	{
		font-size:15px;
	}
}
@media only screen and (min-width: 1000px)
{
	#printsendshare 
	{
		margin-bottom:0;
	}
}/*Styles spécifiques du plugin rapportrecherche en T1 */
#projetrechercheListCtn .listElement.projetrecherche .pr_statut,
#irdpListCtn .listElement .projetrecherche .pr_statut
{
	position:absolute;
	top:50%;
	left:20px;
	transform:translateY(-50%);
	z-index:2;
	font-family:officinabold;
	font-weight:normal;
	font-size:15px;
	color:#2a5887;
}

#irdpListCtn .listElement .projetrecherche .pr_statut
{
	left: calc(8% - 5px);
    top: calc(50% + 16px);
    transform:translate(-50%,-50%);
}/*Styles spécifiques du plugin rapportrecherche en T1 */
.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*/
#cse-search-box-api
{
	display:block;
	position:relative;
	padding-right:40px;
}
#leftPanel #cse-search-box-api
{
	padding:20px 60px 20px 20px;
	background:#000000;
} 
#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:25px;
	font-size:11px;
	color:#000000;
	border:solid 1px #000000;
	border-right:0;
	border-radius:10px 0 0 10px;
	outline:0;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#666666;
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:40px;
	height:25px;
	background:#cccccc;
	border:solid 1px #000000;
	border-left:0;
	border-radius: 0 10px 10px 0;
	cursor:pointer;
	outline:0;
}
#leftPanel #cse-search-box-api input[type=submit]
{
/* 	top:20px; */
/* 	right:20px; */
} 

@media only screen and (min-width: 1200px) {
	.searchHolder {
		display: inline-block;
		vertical-align: top;
		margin-top: 16px;
		position: relative;
	}
	#searchTrigger {
		width: 25px;
		height: 25px;
		display: inline-block;
		border-left: 2px solid #94aac0;
		border-right: 2px solid #94aac0;
		vertical-align: top;
		margin-top: 18px;
		background: url(/template/image/icone-search.png) no-repeat center center;
		padding: 0 20px;
		cursor: pointer;
	}
	#searchTrigger.nopanier {
		border-right: 0;
	}
	#cse-search-box-api {
		position: fixed;
		left: 0;
		right: 0;
		top: -120px;
		height: 120px;
		background: #1b446e;
		z-index: 100;
		-webkit-transition: top 0.3s;
		-moz-transition: top 0.3s;
		-ms-transition: top 0.3s;
		-o-transition: top 0.3s;
		transition: top 0.3s;
	}
	#cse-search-box-api.open {
		top: 0;
	}
	#cse-search-box-api .mainContainer {
		padding-top: 0 !important;
	}
	#cse-search-box-api input[type=text]
	{
		height: 60px;
		line-height: 60px;
		margin-top: 30px;
		font-size: 27px;
		font-style: italic;
		color:#fff;
		background-color: transparent;
		border: 0;
		outline:0;
		padding: 0 30px;
		margin-left: 100px;
		border-left: 1px solid #607c9a;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		width: calc(100% - 140px);
	}
	#cse-search-box-api input[type=text].placeholder
	{
		color:#627792;
	}
	#cse-search-box-api input[type=submit]
	{
		display:block;
		position:absolute;
		left:40px;
		top: 38px;
		right:15px;
		box-sizing:border-box;
		width:39px;
		height:39px;
		background: url(/template/image/searchLoupe.png) no-repeat center center;
		border: 0;
		cursor:pointer;
		outline:0;
		color: transparent;
		margin-top: 3px;
	}
	#searchTriggerClose {
		width: 49px;
		height: 49px;
		cursor: pointer;
		background: url(/template/image/searchClose.png) no-repeat center center;
		position: absolute;
		right: 0;
		top: 38px;
	}
}

/*GOOGLE API AJAX*/
/*DIV de resultat*/
#searchresult  
{
	display:block;
}

#searchresult #steps
{
	margin-top:20px;
}

#searchresult #steps a
{
	font-size:14px;
}

#searchresult #steps a.bolder
{
	font-weight:bold;
}

/*GOOGLE CSE*/
.gsc-result-info, .gsc-above-wrapper-area,  .gsc-control-cse
{
	padding-top:0px!important;
}

.gsc-orderby-container
{
	display:none;
}

#___gcse_0 div, #___gcse_0 table
{
	padding-left:0px;
}

p.noresult
{
	font-style:italic;
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
#sitemapCtn {
	margin-bottom: 30px;
}
#sitemapCtn a {
	text-decoration: none;
}
.sm0
{
	font-family: officinabold;
	font-weight: normal;
    font-size: 20px;
	color: #2a5887;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
	text-decoration: none;
}

.sm1
{
	font-family: officinabold;
	font-weight: normal;
    font-size: 17px;
	color: #2a5887;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;
	text-decoration: none;
}

.sm2
{
	font-family: officinabold;
	font-weight: normal;
    font-size: 14px;
	color: #565657;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;
	text-decoration: none;
}

.sm3
{
	font-family: officinabold;
	font-weight: normal;
    font-size: 13px;
	color: #2a5887;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
	text-decoration: none;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#sliderCtn:before
{
	content:"";
	display:block;
	padding-top:30%;
}
.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:21%;
}
#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 .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;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

@media only screen and (min-width:641px)
{

	/*Style pour les slogan*/
	#sliderCtn .slogan
	{
		display:block;
		position:absolute;
		width:100%;
		box-sizing:border-box;
		height:auto;
		bottom:5%;
		left:0;
		padding:5px 15px 5px 15px ;
		overflow:hidden;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.5);
		z-index:3;
	}
	#sliderCtn .slogan span
	{
		font-style:italic;
		font-size:19px;
		color:#ffffff;
		text-decoration:none;
		display:block;
	}
	#sliderCtn .slogan span .FirstLine
	{
		display:block;
		font-weight:bold;
		font-style:normal;
		font-size:30px;
	}
	#sliderCtn .slogan span .SecondLine
	{
		display:block;
	}

	/*Style pour les puces de navigation*/
	#sliderCtn #bullets {
		display:block;	
		position:absolute;
		bottom:5px;
		right:27px;
		z-index:4;
	}
	#sliderCtn #bullets a {
		display:block;
		width:16px;
		height:22px;
		background:url(/plugin/slider/template/images/bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-right:0px;
		float:left;
		
	}
	#sliderCtn #bullets a.active {
		background-position:0 -22px;
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		background:url(/plugin/slider/template/images/arrows.png) no-repeat;
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:opacity .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#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: 100%;
	background: none;
	color: #414042 !important;
}
#weblinksListCtn .listElement:after {
	right: 0;
}
#weblinksListCtn .listElement:hover:after {
	background-position: inherit;
}
#weblinksListCtn .listElement .txt
{
	padding:0 30px 15px 0;
	height: auto;
}#youarehereCtn
{
	font-size:15px;
	color: #8f9091;
	font-family: officinabook;
	margin-left: 30px;
	background: #f0f1f3;
    padding: 5px;
    display: inline-block;
}

#youarehereCtn .header a
{
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(/template/image/youarehere.png);
}

#youarehereCtn a
{
	color: #2a5887;
	text-decoration:none;
}
#youarehereCtn .separator
{
	color: #8f9091;
	padding: 0 3px;
}/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#656464;
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#a0a0a0;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#000000;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		font-size:1em;
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:5px;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}