/* MONTAGE */
body
{
	margin:0px;
	padding:0px;
	font-family: ubuntu;
    font-size: 15px;
	font-weight:normal;
    color:#6b6b6b;
	background:#ffffff;
}

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

.mainholder
{
	position:relative;
}
.mainctn
{
	position:relative;
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	max-width:1060px;
}

#topHolder
{
	display:none;
}

.lnkEmploiCtn > a, .lnkContactCtn > a
{
	font-weight:normal;
   	font-size:12px;
   	color: #aeaeae;
   	text-decoration: none;
	text-transform:uppercase;
}
#leftPanel .lnkEmploiCtn > a, #leftPanel .lnkContactCtn > a
{
	display:block;
	position:relative;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	padding:9px 25px 7px 10px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}
#leftPanel .lnkEmploiCtn > a:hover, #leftPanel .lnkContactCtn > a:hover
{
	background:rgba(255,255,255,0.4);
}
#leftPanel .lnkEmploiCtn > a:after, #leftPanel .lnkContactCtn > a:after
{
	content:">";
	display:block;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:10px;
	color:#517196;
	font-size:18px;
}
#leftPanel .lnkEmploiCtn > a:hover:after, #leftPanel .lnkContactCtn > a:hover:after
{
	color:#ffffff;
}

#headerHolder
{
	min-height:100px;
	background:url(/template/image/header.jpg) no-repeat top center;
	background-size:cover;
}
#headerHolder > .mainctn:after
{
	content:"";
	display:block;
	clear:both;
}
#headerHolder .logo
{
	display:block;
	position:absolute;
	top:38px;
	left:10px;
	width:140px;
	height:33px;
	background:url(/template/image/hes-so.png) no-repeat top left;
	z-index:11;
}

#pageHolder
{
	background:none;
}
#pageHolder > .mainctn
{
	max-width:1246px;
	padding:0;
}
#pageCtn
{
	position:relative;
	max-width:1060px;
	margin:0 auto 0 auto;
}
#pageCtn .colleft, #pageCtn .colright
{
	position:relative;
	display:block;
	max-width:795px;
	margin:0 auto 0 auto;
	background:#eaeaea;
	overflow:hidden; /*pour activer les margin entre les blocks*/
}
#pageCtn .colleft.bottom:before
{
	content:none;
}

#pageCtn .colleft > .mainctn, #pageCtn .colright > .mainctn
{
	max-width:635px;
}
#pageCtn .colright > .mainctn.withagenda
{
	max-width:none;
	/*padding:0;*/
}
#pageCtn .colright > .mainctn.withagenda #zoneResponsivedCartoucheAgendaHolder
{
	margin-left:-10px;
	margin-right:-10px;
}

#pageCtn .colleft .headerminisite
{
	display:block;
	position:relative;
	margin:30px 0 0 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #d9d9d9;
}

#pageCtn .colleft .headerminisite h1
{
	display:block;
	margin:0 auto 0 auto;
	padding:0 10px 0 10px;
	max-width:635px;
	color:#6b6b6b;
	text-transform:none;
}
#pageCtn .colleft .headerminisite h1 span:nth-child(1)
{
	text-transform:uppercase;
}
#pageCtn .colleft .headerminisite h1 span:nth-child(2)
{
	display:block;
}

#bottomHolder
{
	background:#f1f1f1;
}
#footerHolder
{
	background:#1a315a;
	padding:30px 0 30px 0;
	font-size:0;
}
#footerHolder > .mainctn > .colleft
{
	display:block;
	font-size:15px;
	border-bottom:2px solid #2c4167;
	padding-bottom:20px;
	margin-bottom:20px;
}
#footerHolder > .mainctn > .colright
{
	display:block;
	font-size:15px;
}

#footerHolder > .mainctn > .colleft .coord
{
	font-size:15px;
	font-weight:200;
	color:#e9ebef;
	line-height:1.6em;
	max-width:280px;
}
#footerHolder > .mainctn > .colleft .coord h5
{
	margin:0 0 0 0;
	font-weight:bold;
	font-size:16px;
	color:#e9ebef;	
	text-transform:uppercase;
}

#footerHolder > .mainctn > .colleft .coord a
{
	color:#e9ebef;
	text-decoration:none;
}

#footerHolder > .mainctn > .colleft .coord a#divAdresseMap
{
	position:relative;
	padding-left:18px;
}
#footerHolder > .mainctn > .colleft .coord a#divAdresseMap:before
{
	content:"";
	display:block;
	position:absolute;
	width:12px;
	height:16px;
	left:0;
	top:50%;
	margin-top:-8px;
	background:url(/template/image/mappin.png) no-repeat center center;
	opacity:.3;
}
#footerHolder > .mainctn > .colright > .logoctn
{
	display:block;
	position:relative;
}
#footerHolder > .mainctn > .colright > .logoctn a
{
	position:relative;
	display:block;
	float:left;
	clear:both;
}

#footerHolder > .mainctn > .colright a + a
{
	margin-top:14px;
}
#footerHolder > .mainctn > .colright:after, #footerHolder > .mainctn > .colright > .logoctn:after
{
	content:"";
	display:block;
	clear:both;
}
#footerHolder > .mainctn > .colright a.logo_swissuniversities
{
	width:180px;
	height:23px;
	background:url(/template/image/swissuniversities.png) no-repeat center left;
}
#footerHolder > .mainctn > .colright a.logo_eua
{
	width:121px;
	height:48px;
	background:url(/template/image/eua.png) no-repeat center left;
}

#poweredHolder
{
	background:#15284a;
	padding:20px 0 20px 0;
}
#poweredHolder > .mainctn:after
{
	content:"";
	display:block;
	clear:both;
}
#poweredHolder > .mainctn > div
{
	display:block;
	float:left;
	font-size:12px;
	font-weight:200;
	color:#8b95a6;
	text-decoration:none;
}
#poweredHolder > .mainctn > div a
{
	display:inline-block;
	color:#8b95a6;
	margin-right:10px;
}
#poweredHolder > .mainctn > div a:last-child
{
	margin-right:0;
}

#poweredHolder > .mainctn > div a:hover
{
	color:#aab0bb;	
}
#poweredHolder > .mainctn > div a:before
{
	content:">";
	color:#aab0bb;
	font-size:13px;
	font-weight:bold;
	margin-right:5px;
}
#powered
{
	display:none;
}

/** STYLE GENERIQUE **/
H1
{
	margin:40px 0 25px 0;
	font-family:ubuntu;
	font-weight:200;
	font-size:23px;
	color:#1a315a;
	text-transform:uppercase;
}

H2
{
    margin:30px 0 20px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:18px;
	color:#1a315a;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}

H3
{
	margin:20px 0 15px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:17px;
	color:#3b3b3b;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}

H4
{
    margin:20px 0 15px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:17px;
	color:#727272;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}

A
{
	color:#21224b;
    text-decoration:none;
	transition:color .25s;
}
A:hover
{
	color:#048bf7;
}
.ahover, .ahover:before
{
	color:#21224b!important;
    text-decoration:none!important;
	transition:color .25s!important;
	text-transform:none!important;
}
.ahover:hover, .ahover:hover:before
{
	color:#048bf7!important;
}

P
{
    margin-top:14px;
    margin-bottom:14px;
	line-height:1.5em;
}

UL
{
	padding: 0;
	margin:0px 0px 20px 0px;
}
li
{
	margin:0px 0px 10px 0px;
	padding:0 0 0 20px;
	list-style-type: none;
	background: url(/template/image/puce.png) no-repeat left 8px;
}

p + ul
{
	margin-top:-7px;
}
table p + ul
{
	margin-top:7px;
}

/** Style générique pour taille et style des zones **/
.contentsize
{
	max-width:475px;
}

.colrightpart
{
	position:relative;
	max-width:475px;
}

.colrightpart h5
{
	position:relative;
	margin:30px 0 20px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:18px;
	color:#1a315a;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}

#lastupdateCtn
{
	display:none;
}

/** MODULE: headermanager **/
.headCtn
{
	margin:40px 0 25px 0;
}

.headCtn h1
{
	margin:0 0 25px 0;
}
@media only screen and (min-width:795px)
{
	#pageCtn.fullcontent .headCtn h1
	{
		margin-right:180px;
	}
}

.headCtn .resume
{
	font-size:17px;
	font-weight:normal;
	line-height:1.8em;
}
.headCtn .resume:empty
{
	display:none;
}
.headCtn .resume:before
{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	margin-right:7px;
	margin-bottom:-1px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}
.headCtn .img
{
	position:relative;
	margin:25px 0 0 0;
}

.headCtn .img .aligner
{
	position:relative;
}

.headCtn .img .aligner > img, .headCtn .video .aligner > iframe /*accroche size en rapport 16/9. Max affichage 555 par 312, taille reelle 740 par 416 (pour homepage) */
{
	display:block;
	border:0;
	width:auto;
	height:auto;
	max-width:100%;
}

.copyright, a:hover .copyright
{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0;
	clear:both;
	font-size:12px;
	font-weight: normal;
    font-style: italic;
	color:#6b6b6b;
}
.copyright:before
{
	content:"\00a9";/*"©";*/
	margin-right:2px;
}

.headCtn .video .aligner:before
{
	content:"";
	padding-top:56%;
	display:block;
	width:100%;
}

.headCtn .video .aligner > iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

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

/** MODULE: pagehtmlcontent **/
.htmlcontentctn
{
	overflow:hidden;
}
.htmlcontentctn img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontentctn iframe
{
	max-width:100%;
}
/** MODULE: pagehtmlcontentcartouche **/
.cartouchehtmlcontentctn
{
	margin-top:30px;
	font-weight:normal;
	font-size:15px;
	/*color:#1a315a;*/
}
/*neutralise la premiere table qui indique la taille utilisable*/
.cartouchehtmlcontentctn > table:first-child, .cartouchehtmlcontentctn > table:first-child > tbody, .cartouchehtmlcontentctn > table:first-child > tbody > tr, .cartouchehtmlcontentctn > table:first-child > tbody > tr > td, .cartouchehtmlcontentctn > table:first-child > tbody > tr > th
{
	display:block;
	box-sizing:border-box;
	max-width:100%;
	border:0;
	padding:0;
	margin:0;
}
.cartouchehtmlcontentctn > p, .cartouchehtmlcontentctn > table:first-child > tbody > tr > td > p:not(.cartoucheHeaderNoir):not(.cartoucheHeaderGris):not(.cartoucheHeaderGris2):not(.cartoucheHeaderBleu) /*.cartoucheHeader pour compatibilite avec ancien publishing*/
{
	margin:10px 0 10px 0;
}

.cartouchehtmlcontentctn h1, .cartouchehtmlcontentctn h2, .cartouchehtmlcontentctn h3, .cartouchehtmlcontentctn h4, .cartouchehtmlcontentctn h5, .cartouchehtmlcontentctn h6,
.cartouchehtmlcontentctn .cartoucheHeaderNoir, .cartouchehtmlcontentctn .cartoucheHeaderGris, .cartouchehtmlcontentctn .cartoucheHeaderGris2, .cartouchehtmlcontentctn .cartoucheHeaderBleu /*.cartoucheHeader pour compatibilite avec ancien publishing*/
{
	position:relative;
	display:block;
	margin:30px 0 20px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:18px;
	text-transform:none;
	--color:#1a315a;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}
.cartouchehtmlcontentctn h1:first-child, .cartouchehtmlcontentctn h2:first-child, .cartouchehtmlcontentctn h3:first-child, .cartouchehtmlcontentctn h4:first-child, .cartouchehtmlcontentctn h5:first-child, .cartouchehtmlcontentctn h6:first-child,
.cartouchehtmlcontentctn .cartoucheHeaderNoir:first-child, .cartouchehtmlcontentctn .cartoucheHeaderGris:first-child, .cartouchehtmlcontentctn .cartoucheHeaderGris2:first-child, .cartouchehtmlcontentctn .cartoucheHeaderBleu:first-child /*.cartoucheHeader pour compatibilite avec ancien publishing*/
{
	margin-top:0;
}

.cartouchehtmlcontentctn table
{
	max-width:235px;
}

.cartouchehtmlcontentctn a
{
	/*font-weight:bold;*/
}

/** MODULE: News **/
.divPublication
{
	margin-top:14px;
	margin-bottom:14px;
	font-size:13px;
	font-style:italic;
}

.archiveMonth
{
	margin:25px 0px 25px 2px;
}

.archiveyearselected, .archiveMonth span a.selected
{
	color:#6b6b6b;
}

.archiveMonth span
{
	padding-right:20px;
}

/** LIST base **/
.listCtn
{
	position:relative;
}
.masoncol
{
	position:relative;
	z-index:1;
}
.listElement
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
	background:#f3f4f4;
}
.listElement .img
{
	position:relative;
	display:block;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:59.1%;
}

.listElement .img:not(.withvideo):after
{
	content:"+";
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	background:no-repeat center center #118df0;
	background-size:37.5% auto;
	color:#ffffff;
	box-sizing:border-box;
	width:21px;
	height:21px;
	padding:0 0 0 5px;
	font-size:16px;
	font-weight:normal;
	opacity:1;
	transition:all .5s;
}
.listElement:hover .img:not(.withvideo):after
{
	width:100%;
	height:100%;
	color:#118df0;
	opacity:0.75;
	background-image:url(/template/image/loupe.png);
}

.listElement .txt
{
	display:block;
	position:relative;
	padding:25px;
}
.listElement .txt:before
{
	content:"";
	position:absolute;
	display:block;
	width:26px;
	height:13px;
	background:url(/template/image/arrowlist.png) no-repeat center center;
	background-size:cover;
	bottom:100%;
	left:50%;
	margin-left:-13px;
}

.listElement h5
{
	margin:0px 0px 0px 0px;
	font-family:ubuntu;
	font-weight:normal;
	font-size:20px;
	color:#21224b;
	text-transform:uppercase;
	
}
.listElement .resume
{
	display:block;
	position:relative;
	font-family:ubuntu;
	font-weight:normal;
	font-size:15px;
	line-height:1.3em;
	color:#6b6b6b;
	margin-top:10px;
}
.listElement .resume:empty
{
	display:none;
}

.listElement .lstAccrocheVideo
{
	position:absolute;
	top:0;
	left:0;
	width:100%; /*308px;*/
	height:100%; /*182px;*/
	overflow:hidden;
}

.listElement .lstAccrocheVideo > iframe
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#ffffff;
}


.listElement .lstAccrocheVideo.vimeo
{
	left:-4px;
	width:102%;
}


.listElement .lstAccrocheVideo:before
{
	content:"";
	position:absolute;
	display:block;
	width:26px;
	height:13px;
	background:url('/template/image/arrowlist.png') no-repeat center center;
	background-size:cover;
	bottom:0;
	left:50%;
	margin-left:-13px;
}


/** MODULE: FAQ **/
#faqListCtn .listElement, #filiereContentCtn .openclose
{
	width:auto;
	float:none;
	border:0px;
	margin:0px 0px 10px 0px;
	background:none;
}

#faqListCtn .listElement .question, #filiereContentCtn .openclose > h2
{
	position:relative;
	display:block;
	width:auto;
	text-decoration:none;
	padding:10px 25px 10px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border:1px solid #d6d6d6;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8ea));
	background-image: -webkit-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -moz-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -ms-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: -o-linear-gradient(top, #ffffff,#e8e8ea);
	background-image: linear-gradient(top, #ffffff,#e8e8ea);
	transition:all .5s;
	cursor:pointer;
}

#faqListCtn .listElement .question:before, #filiereContentCtn .openclose > h2:before
{
	content:"";
	position:absolute;
	left:12px;
	top:50%;
	width:5px;
	height:9px;
	margin-top:-4px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
	transition:all .5s;
}

#faqListCtn .listElement .question.open, #bodyprint #faqListCtn .listElement .question, #filiereContentCtn .openclose.open > h2, #bodyprint #filiereContentCtn .openclose > h2
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8ea), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -moz-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -ms-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: -o-linear-gradient(top, #e8e8ea,#ffffff);
	background-image: linear-gradient(top, #e8e8ea,#ffffff);
}

#faqListCtn .listElement .question.open:before, #bodyprint #faqListCtn .listElement .question:before, #filiereContentCtn .openclose.open > h2:before, #bodyprint #filiereContentCtn .openclose > h2:before
{
	transform:rotate(90deg);
}

#faqListCtn .listElement .question h5, #filiereContentCtn .openclose > h2
{
	font-size:16px;
	color:#21224b;
	text-transform:none;
	margin:0px;
}

#faqListCtn .listElement .answer, #filiereContentCtn .openclose > div
{
	display:none;
	padding:10px 0px 10px 0px;
}

#bodyprint #faqListCtn .listElement .answer, #bodyprint #filiereContentCtn .openclose > div
{
	display:block;
}

/** MODULE: Document **/
#documentList2 h5 /*=inpage*/
{
	margin:30px 0 20px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:18px;
	color:#1a315a;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}

#documentinpageListCtn .listElement, #documentListCtn .listElement
{
	position:relative;
	width:auto;
	float:none;
	padding:0;
	margin:0 0 15px 0;
	overflow:visible;
	background:none;
}

#documentinpageListCtn .listElement > a, #documentListCtn .listElement > a
{
	position:relative;
	display:block;
	text-decoration:none;
}

#documentinpageListCtn .listElement .txt, #documentListCtn .listElement .txt
{
	padding:0;
	margin:0;
}

#documentinpageListCtn .listElement .txt:before, #documentListCtn .listElement .txt:before
{
	content:none;
}

#documentinpageListCtn .listElement .txt h6, #documentListCtn .listElement .txt h6
{
	font-weight:normal;
	font-size:15px;
	color:#6b6b6b;
	padding:0 0 0 30px;
	margin:0;
}

#documentinpageListCtn .listElement .icone, #documentListCtn .listElement .icone
{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:18px;
	height:18px;
}

#documentinpageListCtn .listElement .iconArrowAdmin, #documentListCtn .listElement .iconArrowAdmin
{
	position:absolute;
	display:block;
	top:6px;
	left:-15px;
}

/** MODULE: Weblinks **/
#weblinksinpageList h5
{
	margin:30px 0 20px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:18px;
	color:#1a315a;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
}
#weblinkshautesecolespartenairesList h5, #weblinksentreprisespartenairesList h5, #weblinkspartenairesList h5, #weblinksformationslieesList h5, #weblinksliensList h5
{
	display:none;
}
.weblinkslist .listElement
{
	position:relative;
	width:auto;
	float:none;
	padding:0;
	margin:0 0 15px 0;
	background:none;
}
.weblinkslist .listElement .img
{
	display:none;
}
.weblinkslist .listElement .txt
{
	padding:0;
	margin:0;
}

.weblinkslist .listElement .txt:before
{
	content:none;
}

.weblinkslist .listElement .txt h6
{
	position:relative;
	font-weight:normal;
	font-size:15px;
	color:#6b6b6b;
	padding:0 0 0 30px;
	margin:0;
}
.weblinkslist .listElement .txt h6:before
{
	content:">";
	position:absolute;
	left:0px;
	top:0;
	color:#1a315a;
}
#weblinkshautesecolespartenairesListCtn .listElement .txt h6, #weblinksentreprisespartenairesListCtn .listElement .txt h6, #weblinkspartenairesListCtn .listElement .txt h6, #weblinksformationslieesListCtn .listElement .txt h6, #weblinksliensListCtn .listElement .txt h6
{
	/*color:#6b6b6b;*/
	padding:0 0 0 15px;
}
/*#weblinkshautesecolespartenairesListCtn .listElement .txt h6:before, #weblinksentreprisespartenairesListCtn .listElement .txt h6:before, #weblinkspartenairesListCtn .listElement .txt h6:before, #weblinksformationslieesListCtn .listElement .txt h6:before, #weblinksliensListCtn .listElement .txt h6:before
{
	content:none;
}*/

/** MODULE: Cartouche News **/
#cartoucheNewsCartoucheCtn, #cartoucheNews
{
	position:relative;
	width:auto;
	/*margin:30px -80px 0 -80px;*/
	margin:0 0 0 0;
}

#cartoucheNewsCartoucheCtn .more
{
	--display:none;
	display:inline-block;
	margin:30px; /* 30px 0 30px;*/
	font-weight:normal;
	font-size:17px;
	text-transform:uppercase;
}

#cartoucheNewsCartoucheCtn .more::before
{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	margin-right:7px;
	margin-bottom:-1px;
	background:url(/template/image/arrowresume.png) no-repeat center center;
	background-size:cover;
}

#cartoucheNewsCartoucheCtn h5, #dataHomeCtn > h5
{
	display:none;
}
#cartoucheNewsCartoucheCtn .cartoucheElementholder
{
	position:relative;
}
#cartoucheNewsCartoucheCtn .cartoucheElement
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	overflow:hidden;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .img, .newshome .img
{
	position:relative;
	display:block;
	width:50%;
	left:50%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
}
#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(2) .img,  .newshome:nth-child(6n) .img
{
	left:0;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:100%;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .img:after, .newshome .img:after
{
	content:"";
	display:block;
	position:absolute;
	right:0;bottom:0;
	width:0;
	height:0;
	background:url(/template/image/loupe.png) no-repeat bottom right;
	opacity:0;
	transition:all .5s;
}
#cartoucheNewsCartoucheCtn .cartoucheElement:hover .img:after, .newshome:hover .img:after
{
	width:100%;
	height:100%;
	background:url(/template/image/loupe.png) no-repeat center center rgba(35,65,117,.7);
	opacity:1;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .txt, .newshome .txt
{
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:50%;
	font-size:0;
	background:#1a315a;
	overflow:hidden;
}
#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(2) .txt, .newshome:nth-child(6n) .txt
{
	left:50%;
	right:0;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .txt:after, .newshome .txt:after
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}
#cartoucheNewsCartoucheCtn .cartoucheElement .txt .resume, .newshome .txt .resume
{
	display:none;
}

#cartoucheNewsCartoucheCtn .cartoucheElement .arrow, .newshome .arrow
{
	position:absolute;
	display:block;
	width:16px;
	top:0;
	bottom:0;
	left:50%;
	background:url(/template/image/cartouchenewsarrow.png) no-repeat left center;
}
#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(2) .arrow, .newshome:nth-child(6n) .arrow
{
	left:auto;
	right:50%;
	transform:rotate(180deg);
}

#cartoucheNewsCartoucheCtn .cartoucheElement h6, .newshome h6
{
	display:inline-block;
	vertical-align:middle;
	margin:10px;
	padding:0;
	font-family:ubuntu;
	font-weight:200;
	font-size:15px;
	color:#ffffff;
	text-transform:uppercase;
}

/** MODULE DESIGN: Part Reseaux Sociaux **/
#leftPanel .divResSociauxCtn
{
	position:relative;
	display:block;
	margin:60px 0 20px 10px;
}

.divResSociauxCtn > a
{
	display:block;
	position:relative;
	float:left;
	width:20px;
	height:15px;
	margin-right:5px;
	overflow:hidden;
	background:url(/template/image/reseaux-sociaux.png) no-repeat;
}

#leftPanel .divResSociauxCtn > a
{
	margin-right:10px;
}

.divResSociauxCtn > a:last-child
{
	margin-right:0;
}
.divResSociauxCtn:after
{
	content:"";
	display:block;
	clear:both;
}
.divResSociauxCtn > a:after
{
	content:"";
	position:absolute;
	top:100%;
	left:100%;
	width:100%;
	height:100%;
	background:url(/template/image/reseaux-sociaux.png) no-repeat;
	transition:all .5s;
}
.divResSociauxCtn > a:hover:after
{
	top:0;
	left:0;
}

#leftPanel .divResSociauxCtn > a:after
{
	content:none;
}

.divResSociauxCtn > a.rs_facebook
{
	background-position:0 top;
}
.divResSociauxCtn > a.rs_facebook:after
{
	background-position:0 -17px;
}
#leftPanel .divResSociauxCtn > a.rs_facebook
{
	background-position:0 bottom;
}

.divResSociauxCtn > a.rs_twitter
{
	background-position:-20px top;	
}
.divResSociauxCtn > a.rs_twitter:after
{
	background-position:-20px -17px;	
}
#leftPanel .divResSociauxCtn > a.rs_twitter
{
	background-position:-20px bottom;
}

.divResSociauxCtn > a.rs_linkedin
{
	background-position:-40px top;	
}
.divResSociauxCtn > a.rs_linkedin:after
{
	background-position:-40px -17px;	
}
#leftPanel .divResSociauxCtn > a.rs_linkedin
{
	background-position:-40px bottom;
}

.divResSociauxCtn > a.rs_youtube
{
	background-position:-60px top;	
}
.divResSociauxCtn > a.rs_youtube:after
{
	background-position:-60px -17px;	
}
#leftPanel .divResSociauxCtn > a.rs_youtube
{
	background-position:-60px bottom;
}

.divResSociauxCtn > a.rs_instagram
{
	background-position:-80px top;	
}
.divResSociauxCtn > a.rs_instagram:after
{
	background-position:-80px -17px;	
}
#leftPanel .divResSociauxCtn > a.rs_instagram
{
	background-position:-80px bottom;
}

.divResSociauxCtn > a.rs_rss
{
	background-position:-100px top;	
}
.divResSociauxCtn > a.rs_rss:after
{
	background-position:-100px -17px;	
}
#leftPanel .divResSociauxCtn > a.rs_rss
{
	background-position:-100px bottom;
}

/** MODULE Bibliotheque et Ecole **/
#bibliothequeParDomaine, #ecoleParCanton
{
	position:relative;
}
#bibliothequeParDomaine h5, #ecoleParCanton h5, .filiereresultdiv > h5
{
	position:relative;
	margin:40px 0 15px 0;
	font-family:ubuntu;
	font-weight:normal;
	font-size:17px;
	color:#727272;
	padding-left:20px;
	text-transform:uppercase;
}
#bibliothequeParDomaine > div:first-child > h5, #ecoleParCanton > div:first-child > h5
{
	margin-top:10px;
}
#bibliothequeParDomaine h5:before, #ecoleParCanton h5:before, .filiereresultdiv > h5:before
{
	content:">";
	display:block;
	position:absolute;
	font-weight:bold;
	top:0;
	left:0;
}

#bibliothequeParDomaine ul, .filiereresultdiv > ul
{
	padding:0 0 0 14px;
}

#bibliothequeParDomaine li, .filiereresultdiv > ul > li
{
	list-style-type: disc;
	background: none;
	padding:0 0 0 5px;
}

#bibliothequeParDomaine .domaineT8 h5:before, #bibliothequeParDomaine .domaineT8 li, .filiereresultdiv.domaineT8 > h5:before, .filiereresultdiv.domaineT8 > ul > li 
{
	color:#0097d7;
}
#bibliothequeParDomaine .domaineT9 h5:before, #bibliothequeParDomaine .domaineT9 li, .filiereresultdiv.domaineT9 > h5:before, .filiereresultdiv.domaineT9 > ul > li
{
	color:#eb6a28;
}
#bibliothequeParDomaine .domaineT10 h5:before, #bibliothequeParDomaine .domaineT10 li, .filiereresultdiv.domaineT10 > h5:before, .filiereresultdiv.domaineT10 > ul > li
{
	color:#da0066;
}
#bibliothequeParDomaine .domaineT11 h5:before, #bibliothequeParDomaine .domaineT11 li, .filiereresultdiv.domaineT11 > h5:before, .filiereresultdiv.domaineT11 > ul > li
{
	color:#7a3480;
}
#bibliothequeParDomaine .domaineT12 h5:before, #bibliothequeParDomaine .domaineT12 li, .filiereresultdiv.domaineT12 > h5:before, .filiereresultdiv.domaineT12 > ul > li
{
	color:#fdca30;
}
#bibliothequeParDomaine .domaineT13 h5:before, #bibliothequeParDomaine .domaineT13 li, .filiereresultdiv.domaineT13 > h5:before, .filiereresultdiv.domaineT13 > ul > li
{
	color:#00925a;
}

/** MODULE EcoleAdresse **/
#ecoleadresseListCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#ecoleadresseListCtn .listElement
{
	padding:25px;
	line-height:1.3em;
	overflow:visible;
}
#ecoleadresseListCtn .listElement:only-child
{
	float:none;
	width:auto;
}
#ecoleadresseListCtn .listElement .iconArrowAdmin
{
	position:absolute;
	display:block;
	top:6px;
	left:-15px;
}

#ecoleadresseListCtn .listElement > div > div
{
	margin:10px 0 10px 0;
}
#ecoleadresseListCtn .listElement > div > div > div
{
	margin:5px 0 5px 0;
	font-size:14px;
}

/** MODULE Institut de recherche **/
.institutrechercheMoreCtn, .institutrechercheEcoleListCtn
{
	position:relative;
	margin:20px 0 20px 0;
}

.institutrechercheMoreCtn > a, .institutrechercheEcoleListCtn > a
{
	display:block;
	margin:5px 0 5px 0;
}
.institutRechercheSearchFrm
{
	margin:20px 0 0 0;
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}

/** Style de recherche utilisé dans filiere et institut de recherche **/
.frmsearch .element
{
	margin-bottom:10px;
}
.frmsearch:after, .frmsearch .element:after
{
	content:"";
	display:block;
	clear:both;
}
.frmsearch .element .label
{
	box-sizing:border-box;
	font-weight:bold;
	padding-top:3px;
}
.frmsearch .element .data
{
	box-sizing:border-box;
}
.frmsearch .element .data input, .frmsearch .element .data select
{
	display:block;
	box-sizing:border-box;
	width:100%;
	border-radius:5px;
	background:#ffffff;
	padding:5px;
}
.frmsearch input[type=submit]
{
	float:right;
	width:90px;
	height:30px;
	font-size:0;
	/*background:url(/template/image/search.png) no-repeat center top 5px #f1f1f1;
	border-style:outset;*/
	background:url(/template/image/search.png) no-repeat center bottom 5px #1a315a;
	border:1px solid #1a315a;
	transition:background-color .5s, border-color .5s
}
.frmsearch input[type=submit]:hover
{
	background-color:#118df0;
	border-color:#118df0;
}

/****** MEDIA QUERIES ******/
@media only screen and (min-width:530px)
{
	#cartoucheNewsCartoucheCtn .cartoucheElement h6, .newshome h6
	{
		margin:20px;
		font-size:21px;
	}
}
@media only screen and (min-width:655px) /*breakpoint: 635 + 20px de padding (10 de chaque coté*/
{
	h1
	{
		font-size:33px;
	}
	#pageCtn
	{
		margin-bottom:50px;
		padding-bottom:0;
	}
	
	#footerHolder
	{
		padding:50px 0 50px 0;
	}
	#footerHolder > .mainctn > .colleft
	{
		display:inline-block;
		width:50%;
		vertical-align:middle;
		padding:0;
		margin:0;
		border:none;
	}
	#footerHolder > .mainctn > .colright
	{
		display:inline-block;
		width:50%;
		vertical-align:middle;
		text-align:right;
	}
	
	#footerHolder > .mainctn > .colright > .logoctn
	{
		float:right;
	}
	#footerHolder > .mainctn > .colright > .logoctn a
	{
		float:left;
		clear:both;
	}
	#poweredHolder > .mainctn > div a
	{
		margin-right:15px;
	}
	#poweredHolder > .mainctn > div a:before
	{
		margin-right:7px;
	}
	#powered
	{
		display:block;
		float:right;
		font-size:12px;
		font-weight:200;
		color:#8b95a6;
		text-decoration:none;
	}	

	.masoncol
	{
		z-index:2;
	}
	.listElement
	{
		float:left;
		width:48.5%;
		margin-right:3%;
	}
	.listElement:nth-child(2n+1)
	{
		clear:both;
	}
	.listElement:nth-child(2n+0)
	{
		margin-right:0;
	}
	#faqListCtn .listElement .question, #filiereContentCtn .openclose > h2
	{
		padding-left:35px;
		padding-right:35px;
	}
	
	#faqListCtn .listElement .question:before, #filiereContentCtn .openclose > h2:before
	{
		left:18px;
		width:7px;
		height:13px;
		margin-top:-6px;
	}
		
	#faqListCtn .listElement .answer, #filiereContentCtn .openclose > div
	{
		padding-left:36px;
	}
	
	.frmsearch .element .label
	{
		float:left;
		width:20%;
	}
	.frmsearch .element .data
	{
		float:left;
		width:80%;
	}
}
@media only screen and (min-width:795px) /*breakpoint: 795 ici pas de padding */
{
	#lastupdateCtn
	{
		display:block;
		position:absolute;
		right:10px;
		top:-30px;
		font-size:13px;
		text-align:right;
	}
	#lastupdateCtn.twomsg
	{
		top:-35px;
	}
	
	#lastupdateCtn > div.red
	{
		color:#d04a4b;
	}
	#lastupdateCtn > div:empty
	{
		display:none;
	}
	#headerHolder
	{
		min-height:463px;
	}
	#headerHolder .logo
	{
		width:199px;
		height:107px;
	}
	
	#pageCtn .colleft
	{
		margin-top:-263px;	
	}
	#pageCtn .colleft.bottom
	{
		margin-top:0;
		overflow:hidden;
	}
	
	.headCtn .img
	{
		margin-left:-80px;
	}
	.headCtn .img:after
	{
		content:"";
		display:block;
		clear:both;
	}
	.headCtn .img .aligner
	{
		float:right;
		min-width: calc(100% - 80px);
		max-width:100%;
	}
	
	.headCtn .video .aligner:before
	{
		content:"";
		padding-top:0;
	}
	
	.headCtn .video .aligner > iframe
	{
		position:relative;
		width:555px;
		height:312px;
	}
	
	.listElement .lstAccrocheVideo > iframe
	{
		/*
		position:relative;
		width:308px;
		height:182px;
		*/
	}
	
	.listElement .lstAccrocheVideo.vimeo > iframe
	{
		/*
		position:relative;
		width:324px;
		height:182px;
		*/
	}
	
	#cartoucheNewsCartoucheCtn, #cartoucheNews
	{
		margin-top:30px;	
	}
	#cartoucheNews .cartoucheCtnHolder > #cartoucheNewsCartoucheCtn
	{
		margin:0;
	}
	#cartoucheNewsCartoucheCtn h5, #dataHomeCtn > h5
	{
		position:relative;
		display:inline-block;
		margin:0;
		padding:10px 20px 10px 20px;
		font-size:13px;
		font-weight:bold;
		color:#ffffff;
		background:#264377;
	}
	#cartoucheNewsCartoucheCtn h5:after, #dataHomeCtn > h5:after
	{
		content:"";
		position:absolute;
		display:block;
		top:100%;
		right:0;
		width:11px;
		height:13px;
		background:url(/template/image/cartouchenewstitledeco.png) no-repeat center center;
		background-size:cover;
		z-index:2;	
	}	
	
	#cartoucheNewsCartoucheCtn .cartoucheElement
	{
		float:left;
		width:66.65%;
	}
	#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(3)
	{
		position:absolute;
		float:none;
		top:0;
		right:0;
		bottom:0;
		width:33.35%;
	}
	
	#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(3) .img
	{
		position:absolute;
		width:100%;
		top:50%;
		left:0;
	}

	#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(3) .txt
	{
		top:0;
		left:0;
		bottom:50%;
		right:0;
	}

	#cartoucheNewsCartoucheCtn .cartoucheElement:nth-child(3) .arrow
	{
		left:0;
		top:50%;
		width:100%;
		height:16px;
		background:url(/template/image/cartouchenewsarrowH.png) no-repeat left center;
	}
}

@media only screen and (min-width:1080px) /*breakpoint: 1060 + 20px de padding (10 de chaque coté*/
{
	#pageHolder
	{
		background:url(/template/image/texture.png) repeat-x #ffffff;
	}
	#pageHolder > .mainctn
	{
		background:url(/template/image/bggrey.png) no-repeat top center #ffffff;
	}
	#pageCtn
	{
		margin-bottom:100px;
	}
	#pageCtn:before /*pour le background beige sur toutes la hauteur de la page*/
	{
		content:"";
		display:block;
		position:absolute;
		top:-263px;left:0; right:0; bottom:0;
		max-width:795px;
		background:#eaeaea;
	}
	.home #pageCtn:before
	{
		content:none;
	}
	
	#pageCtn .colleft
	{
		float:left;
		width:100%;
		max-width:795px;
		overflow:visible;
	}
	#pageCtn .colleft.bottom
	{
		float:none;
		clear:both;
		margin:0;
	}
	#pageCtn .colright
	{
		float:right;
		width:100%;
		max-width:265px;
		background:none;
		overflow:visible;
	}
	#pageCtn .colright > .mainctn
	{
		max-width:none;
		padding:0;
	}
	
	.colrightpart
	{
		padding:0 0 0 15px;
		border-bottom:1px solid #dddddd;
		max-width:none;
	}
	
	.colrightpart h5
	{
		position:relative;
		margin:30px 0 20px 0;
		font-family:ubuntu;
		font-weight:bold;
		font-size:20px;
		color:#21224b;
		text-transform:uppercase;
		padding:0 0 0 15px;
		border:none;
	}
	.colrightpart h5:before
	{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		margin-top:-7px;
		width:8px;
		height:14px;
		background:url(/template/image/arrowresume.png) no-repeat center center;
		background-size:cover;
	}
	.cartouchehtmlcontentctn
	{
		padding-left:15px;
		padding-bottom:10px;
		font-weight:normal;
		font-size:14px;
		/*color:#21224b;*/
	}
	.cartouchehtmlcontentctn h1, .cartouchehtmlcontentctn h2, .cartouchehtmlcontentctn h3, .cartouchehtmlcontentctn h4, .cartouchehtmlcontentctn h5, .cartouchehtmlcontentctn h6,
	.cartouchehtmlcontentctn .cartoucheHeaderNoir, .cartouchehtmlcontentctn .cartoucheHeaderGris, .cartouchehtmlcontentctn .cartoucheHeaderGris2, .cartouchehtmlcontentctn .cartoucheHeaderBleu /*.cartoucheHeader pour compatibilite avec ancien publishing*/
	{
		position:relative;
		display:block;
		margin:30px 0 20px -15px;
		font-family:ubuntu;
		font-weight:bold;
		font-size:20px;
		color:#21224b;
		text-transform:uppercase;
		padding:0 0 0 15px;
		border:none;
	}
	.cartouchehtmlcontentctn h1:before, .cartouchehtmlcontentctn h2:before,.cartouchehtmlcontentctn h3:before,.cartouchehtmlcontentctn h4:before,.cartouchehtmlcontentctn h5:before,.cartouchehtmlcontentctn h6:before,
	.cartouchehtmlcontentctn .cartoucheHeaderNoir:before, .cartouchehtmlcontentctn .cartoucheHeaderGris:before, .cartouchehtmlcontentctn .cartoucheHeaderGris2:before, .cartouchehtmlcontentctn .cartoucheHeaderBleu:before /*.cartoucheHeader pour compatibilite avec ancien publishing*/
	{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		margin-top:-7px;
		width:8px;
		height:14px;
		background:url(/template/image/arrowresume.png) no-repeat center center;
		background-size:cover;
	}
		
	#documentList1 /*=cartouche*/
	{
		padding-bottom:5px;
	}
	#documentListCtn .listElement .txt
	{
		padding:0 0 0 15px;
		margin:0;
	}
	#documentListCtn .listElement .txt h6
	{
		font-weight:normal;
		font-size:14px;
		color:#21224b;
		text-transform:uppercase;
		padding:0 0 0 15px;
		margin:0;
	}
	
	#documentListCtn .listElement .icone
	{
		left:5px;
	}
	#weblinksListCtn
	{
		padding-bottom:5px;
	}
	#weblinksListCtn .listElement .txt
	{
		padding:0 0 0 15px;
		margin:0;
	}

	#weblinksListCtn .listElement .txt h6 
	{
		position:relative;
		font-weight:normal;
		font-size:14px;
		color:#21224b;
		text-transform:uppercase;
		padding:0 0 0 15px;
		margin:0;
	}	
}

@media only screen and (min-width:1154px) /*breakpoint: 1134 + 20px de padding (10 de chaque coté*/
{
	#topHolder
	{
		display:block;
		background:#f4f4f4;
		padding:15px 0 15px 0;
	}
	#topHolder > .mainctn, #headerHolder > .mainctn
	{
		max-width:1134px;
	}
	#topHolder > .mainctn > div
	{
		position:relative;
		float:right;
		padding:0 12px 0 12px;
		border-left:2px solid #b1b1b1;
	}
	#topHolder > .mainctn > div:first-child
	{
		padding-right:0;
	}
	#topHolder > .mainctn > div:last-child
	{
		padding-left:0;
		border:none;
	}
	#topHolder > .mainctn:after
	{
		content:"";
		display:block;
		clear:both;
	}
}

/* TABLES */
table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
	color:#e8f4fe;
	background:#118df0;
	border-color:#e7e7e7;
}
table td
{
	border-color:#e3e3e3;
}

table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}
/* 
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:495px) /*breakpoint: 475 + 20px de padding (10 de chaque coté*/
{
	body:not(.bgEditor) 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 tr > td:first-child:before
	{
		content:"";
		display:block;
		padding-top:10px;
	}
	
	table.responsived tr > td input[type=text], table.responsived tr > td select, table.responsived tr > td textarea
	{
		box-sizing:border-box;
		width:90%;
		
	}
	
	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;
	}
}
/** DIVERS STYLE pour fonctionnement CMS **/
.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

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

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

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

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

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

/*Autre style du CMS */
.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;
}

.hasabstracts, .hasprofil /*Pour l'affichage du text "abstracst" et "profil" dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}
.hasabstracts
{
	color:#0000cc;	
}
.hasprofil
{
	color:#00cc00;	
}
.searchSubmit
{
}
/*-- 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;
}

span.obligatoire
{
	border:0px;
	background-color: transparent;
	padding:3px;
}

span.obligatoirefailed
{
	border:1px dotted red;
	padding:2px;
	background-color: #FFE3E8;
}

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

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

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

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

.tableListAdmin
{
	margin:10px;
}

.contentAdmin
{
	margin:10px;
}

input, textarea
{
    border:   1px solid #bbb7b7;
    padding-left:5px;
    background-color:#eeeeee ;
 }
 

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

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

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

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

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

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

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

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

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

#pageCtn.fullcontent .colright
{
	display:none;
}

#pageCtn.fullcontent .colleft, #pageCtn.fullcontent .colleft > .mainctn, #pageCtn.fullcontent .colleft > .mainctn .contentsize
{
	max-width:none;
}

/*** DESIGNED FORM ***/
.designedform
{
	position:relative;
	display:block;
	margin:40px 0 40px 0;
	max-width:480px;
}

.designedform .fieldctn
{
	display:block;
	margin:0 0 20px 0;
	background:transparent;
}

.designedform .fieldctn label
{
	display:block;
	font-weight:bold;
	margin:0 0 3px 2px;
	line-height:1.5;
	background:none;
}

.designedform .fieldctn .QapTcha
{
	margin:0;
}

.designedform .fieldctn.mandatoryinfo
{
	margin-top:40px;
}

.designedform .fieldctn.mandatoryinfo label
{
	font-weight:normal;
}

.designedform .fieldctn.mandatory label:after, .designedform .fieldctn.mandatoryinfo label:before
{
	content:"*";
	margin:0 3px 0 3px;
}

.designedform .fieldctn .field
{
	position:relative;
	display:block;
	float:none;
	width:100%;
	text-align:left;
}
.designedform .fieldctn .field input[type=text], .designedform .fieldctn .field select, .designedform .fieldctn .field textarea
{
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:3px 5px 3px 5px;
	background:#e1e0e0;
	border:0;
	border-bottom:1px solid #48a0ec;
	font-family:ubuntu;
	font-weight:200;
	font-size:16px;
	color:#15284a;
}

.designedform .fieldctn .field.frmicons input[type=text], .designedform .fieldctn .field.frmicons select, .designedform .fieldctn .field.frmicons textarea
{
	padding-left:40px;
}


.designedform .fieldctn .field input[type=file]
{
	display:none; /*replace in JS by an input text*/
}

.designedform .fieldctn .field select
{
	padding-right:0;
}
.designedform .fieldctn .field textarea
{
	height:10em;
	line-height:1.5;
}
.designedform .fieldctn .field textarea.small
{
	height:5em;
}

.titreNews .field
{
	text-align:left;
	float:none;
	width:auto;
}
.designedform .fieldctn .field .rem, .titreNews .rem
{
	display:block;
	font-size:.85em;
	padding:5px 3px 5px 3px;
	color:#15284a;
	font-weight:200;
}
.designedform .fieldctn .field .rem span, .titreNews .rem span
{
	font-weight:bold;
}

.designedform .fieldctn .field .error
{
	display:none;
}

.designedform .fieldctn.failed .field .error
{
	display:block;
	margin-top:3px;
	font-size:.85em;
}

.designedform .fieldctn.failed label:after, .designedform .mandatoryinfo.failed label
{
	color:red;
}
.designedform .fieldctn.failed input[type=text], .designedform .fieldctn.failed input[type=file], .designedform .fieldctn.failed select, .designedform .fieldctn.failed textarea
{
  background-color: #FFE3E8;
  border-bottom:1px solid red;
}

.designedform input[type=submit], .designedform a.reset 
{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	padding:10px 20px 10px 20px;
	min-width:50px;
	text-align:center;
	border:0;
	background:#48a0ec;
	border-radius:10px;
	color:#ffffff;
	font-family:ubuntu;
	font-weight:normal;
	font-size:16px;
	transition:background-color .5s;
}
.designedform input[type=submit] + a.reset 
{
	margin-left:15px;
}
.designedform input[type=submit]:not(:disabled):hover, .designedform a.reset:hover
{
	color:#ffffff;
	background:#21224b;
}
.designedform input[type=submit]:disabled
{
	opacity:.5;
}

.designedform .field .checkboxctn
{
	margin-bottom:5px;
}
.designedform .field .checkboxctn input[type=checkbox]
{
	margin-right:10px;
}

@media only screen and (min-width:480px)
{
	.designedform .fieldctn2col
	{
		position:relative;
		display:block;
	}
	.designedform .fieldctn2col:after
	{
		content:"";
		display:block;
		clear:both;
	}
		
	.designedform .fieldctn2col .fieldctn
	{
		float:left;
		box-sizing:border-box;
		width:50%;
		padding-left:10px;
	}
	.designedform .fieldctn2col .fieldctn:first-child
	{
		padding-left:0;
		padding-right:10px;
	}	
}

/*icons*/
.frmicons:before
{
	content:"";
	position:absolute;
	z-index:1;
	top:4px;left:6px;
	width:19px;
	height:18px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
}
.frmicons.briefcase:before
{
	background-image:url(/template/image/frmicons/briefcase.png);
}
.frmicons.cal:before
{
	background-image:url(/template/image/frmicons/cal.png);
}
.frmicons.folder:before
{
	background-image:url(/template/image/frmicons/folder.png);
}
.frmicons.mail:before
{
	background-image:url(/template/image/frmicons/mail.png);
}
.frmicons.map:before
{
	background-image:url(/template/image/frmicons/map.png);
}
.frmicons.percent:before
{
	background-image:url(/template/image/frmicons/percent.png);
}
.frmicons.pin:before
{
	background-image:url(/template/image/frmicons/pin.png);
}
.frmicons.upload:before
{
	background-image:url(/template/image/frmicons/upload.png);
}
.frmicons.crayon:before
{
	background-image:url(/template/image/frmicons/crayon.png);
}
.frmicons.journal:before
{
	background-image:url(/template/image/frmicons/journal.png);
}
.frmicons.www:before
{
	background-image:url(/template/image/frmicons/www.png);
}
/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	.frmicons.briefcase:before
	{
		background-image:url(/template/image/frmicons/briefcase@x2.png);
	}
	.frmicons.cal:before
	{
		background-image:url(/template/image/frmicons/cal@x2.png);
	}
	.frmicons.folder:before
	{
		background-image:url(/template/image/frmicons/folder@x2.png);
	}
	.frmicons.mail:before
	{
		background-image:url(/template/image/frmicons/mail@x2.png);
	}
	.frmicons.map:before
	{
		background-image:url(/template/image/frmicons/map@x2.png);
	}
	.frmicons.percent:before
	{
		background-image:url(/template/image/frmicons/percent@x2.png);
	}
	.frmicons.pin:before
	{
		background-image:url(/template/image/frmicons/pin@x2.png);
	}
	.frmicons.upload:before
	{
		background-image:url(/template/image/frmicons/upload@x2.png);
	}
	.frmicons.crayon:before
	{
		background-image:url(/template/image/frmicons/crayon@x2.png);
	}
	.frmicons.journal:before
	{
		background-image:url(/template/image/frmicons/journal@x2.png);
	}
	.frmicons.www:before
	{
		background-image:url(/template/image/frmicons/www@x2.png);
	}	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	.frmicons.briefcase:before
	{
		background-image:url(/template/image/frmicons/briefcase@x3.png);
	}
	.frmicons.cal:before
	{
		background-image:url(/template/image/frmicons/cal@x3.png);
	}
	.frmicons.folder:before
	{
		background-image:url(/template/image/frmicons/folder@x3.png);
	}
	.frmicons.mail:before
	{
		background-image:url(/template/image/frmicons/mail@x3.png);
	}
	.frmicons.map:before
	{
		background-image:url(/template/image/frmicons/map@x3.png);
	}
	.frmicons.percent:before
	{
		background-image:url(/template/image/frmicons/percent@x3.png);
	}
	.frmicons.pin:before
	{
		background-image:url(/template/image/frmicons/pin@x3.png);
	}
	.frmicons.upload:before
	{
		background-image:url(/template/image/frmicons/upload@x3.png);
	}
	.frmicons.crayon:before
	{
		background-image:url(/template/image/frmicons/crayon@x3.png);
	}
	.frmicons.journal:before
	{
		background-image:url(/template/image/frmicons/journal@x3.png);
	}
	.frmicons.www:before
	{
		background-image:url(/template/image/frmicons/www@x3.png);
	}	
}
/*** FIN DESIGNEDFORM ***/

/** LANG LIMITATION **/
#pagelanglimitation
{
	display:none;
}
input[type=checkbox]:checked + #pagelanglimitation
{
	display:block;
	margin:10px 0 20px 0;
}
#pagelanglimitation:after
{
	content:"";
	display:block;
	clear:both;
}
#pagelanglimitation > span
{
	display:block;
	margin-left:5px;
	margin-bottom:7px;
}
#pagelanglimitation > div
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:80px;
	padding-right:20px;
	margin-bottom:5px;
}
#pagelanglimitation > div > label
{
	margin-left:5px;
}