@charset "UTF-8";

/******************************** Page d'accueil ***************************/

.header .bandeauMilieu {
	background-image: none;
}

#navHorizontale {
	padding-bottom: 0;
}

#diaporama {
	width:auto;
	padding: 0;
	height:335px;
	overflow: hidden;
	position: relative;
}

.js .editMode #diaporama,
.no-js #diaporama {
	height: auto;
	margin-bottom:20px;
}

#diaporama .flexslider {
	width:2000px;
	/* height:335px; */
	position: relative;
	left:50%;
	margin-left:-1000px;
}

.mgnlEditBlock #diaporama .flexslider {
	width: auto;
	left:0;
	margin-left: 0;
}

#diaporama .controlesWrapper {
	margin: 0 auto;
	position: relative;
	top:-35px;
	height: 35px;
	max-width: 920px;
	z-index:20;
	text-align: right;
	font-size: 0; 
	overflow: hidden;
}
.ltIE9 #diaporama .controlesWrapper { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

.js .editMode #diaporama .controlesWrapper,
.no-js #diaporama .controlesWrapper {
	top:0;
	margin-top:20px;
}

.ltIE9 #diaporama .controlesWrapper {
	width: 920px; /* largeur fixe sous IE8 */
}

#diaporama .controles {
	display: inline-block;
	height: 35px;
	color:#fff;
}

#diaporama .controles > li,
#diaporama .controles > li > * {
	vertical-align: top;
}


#diaporama .controles > li > ul.pages {
	display: inline;
}

#diaporama .controles li{
	display: inline-block;
}

#diaporama .controles a {
	display: inline-block;
	font-size:13px;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	white-space:nowrap;
	padding:0 11px;
	color:#fff;
	text-decoration: none;
	height: 35px;
	line-height:35px;
	background-color:rgba(60,60,60,0.95);
	/* position: relative; */
}

.ltIE9 #diaporama .controles a{
	background-color:#3c3c3c;	
}

#diaporama .controles > li > a.btn {
	font-size: 0; 
}
.ltIE9 #diaporama .controles > li > a.btn { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.Firefox #diaporama .controles > li > a.btn,
.ltIE9 #diaporama .controles > li > a.btn {
	top:1px;
}

#diaporama .controles > li > a.btn:after {
	display: block;
	position:absolute;
	top:10px;
	width: 9px;
	height: 13px;
	content:"\00a0"; /* espace insécable */ 
	background-image: url(../img/diaporama/ctrl-diapo.png);
	background-repeat: no-repeat;
	position: relative;
}

#diaporama .controles > li > a.btn.precedent:after {
	background-position: 0 0;
}
#diaporama .controles > li > a.btn.suivant:after {
	background-position: -50px 0;
}
#diaporama .controles > li > a.btn.play:after {
	background-position: -100px 0;
}
#diaporama .controles > li > a.btn.pause:after {
	background-position: -150px 0;
}

#diaporama .controles a.flex-active {
	background: #ea7420 !important;
}

#diaporama .controles a:hover{
	background-color: #888;
}

/* Lien "Toutes les actus" */
#diaporama .controles a.lien {
	display: inline-block;
	font-weight: bold;
	color: white;
	padding: 0 15px;
	
	background-image:none;
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #3c3c3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#3c3c3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
}
#diaporama .controles a.lien:hover{
	background: #3c3c3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c3c3c 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
	text-decoration: underline;
}

.ltIE9 #diaporama .controles a.lien {
	height: 35px;
}

#diaporama .controles a.lien:hover > span{
	text-decoration: underline;
}
#diaporama .controles a.lien > span{
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 50% no-repeat;	
	padding: 0 0 0 12px;
}

#diaporama .diapo .visuel {
	display:block;
	position: absolute;
	top:0;
	left:0;
	max-height: 335px;
}

.no-js #diaporama .slides > li > .diapo .visuel {
	display:none;
}
.js .editMode #diaporama .slides > li > .diapo .visuel,
.no-js #diaporama .slides > li:first-child > .diapo .visuel {
	display:block;
}

.js .editMode #diaporama .slides > li, 
.no-js #diaporama .slides > li {
	display: block;
	position: relative;
}

.js .editMode #diaporama .slides > li > .diapo > .wrapper,
.no-js #diaporama .slides > li > .diapo > .wrapper {
	max-width: 920px;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
}

.no-js #diaporama .slides > li > .diapo > .wrapper {
	border-bottom: 1px solid #aaa;
}

.no-js #diaporama .slides > li:first-child > .diapo > .wrapper,
.js #diaporama .diapo > .wrapper {
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	max-width: 920px;
	height: 335px;
	z-index:10;
	border-bottom: none;
}
.js .mgnlEditBlock #diaporama .diapo > .wrapper {
	height: auto;
	margin-bottom: 50px !important;
}

/*.js #diaporama .diapo.withLink .visuel,
.js #diaporama .diapo.withLink > .wrapper,*/
.js #diaporama .diapo.withLink .categorie,
.js #diaporama .diapo.withLink .contenu,
.js #diaporama .diapo.withLink .contenu .description {
	cursor:pointer;
}

.ltIE9 #diaporama .diapo > .wrapper {
	width: 920px !important; /* largeur fixe sous IE8 */
}

.editMide #diaporama .diapo .play,
.no-js #diaporama .diapo .play {
	display: none;
}

.js #diaporama .diapo .play {
	background: url(../img/video_play_gris_moyenne.png) 0 0 no-repeat;
	background-size: 100%;
	width: 110px;
	height: 110px;
	position: absolute;
	left: 77%;
	top: 45%;
	margin: -55px 0 0 -55px;
	display: block;
	font-size: 0; 
}
.ltIE9 .js #diaporama .diapo .play { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

.js #diaporama .diapo .play.style1 {
	/* style par défaut */
}
.js #diaporama .diapo .play.style2 {
	background-image: url(../img/video_play_orange_moyenne.png);
}

.js .editMode #diaporama .slides > li >  .diapo > .wrapper > .wrapper2,
.no-js #diaporama .slides > li >  .diapo > .wrapper > .wrapper2 {
	position: relative;
}

.no-js #diaporama .slides > li:first-child >  .diapo > .wrapper > .wrapper2,
.js #diaporama .diapo > .wrapper > .wrapper2 {
	position:absolute;
	bottom:0;
	right:0;
	left:20px;
}

#diaporama .slides > li > .diapo .categorie {
	display: inline-block;
	background:#3c3c3c;
	color:#fff;
	font-size: 0.923076923076923em; /* 12px / 13px */
	font-weight:bold;
	text-transform:uppercase;
	line-height: 2.5em; /* 30px / 12px */
	padding:0 1em;
}


.no-js #diaporama .slides > li > .diapo .categorie {
	float: right;
	margin: 0 0 0.25em 1em;
}

.no-js #diaporama .slides > li:first-child > .diapo .categorie,
.js #diaporama .slides > li > .diapo .categorie {
	float:none;
	margin: 0.833333333333333em 0; /* 10px / 12px */
}

.js .editMode #diaporama .slides > li > .diapo .contenu,
.no-js #diaporama .slides > li > .diapo .contenu {
	width: auto;
	margin: 0;
	padding: 0;
}

.no-js #diaporama .slides > li:first-child > .diapo .contenu,
.js #diaporama .diapo .contenu {
	width:47.39130434782609%; /* 436 / 920 */
	margin-bottom:44px; /* 44px / 13px */
	padding: 1.07692307692308em; /* 14px / 13px */
	background: #fff;
	overflow: auto;
}

.js .editMode #diaporama .diapo .contenu .titre,
.no-js #diaporama .diapo .contenu .titre {
	font-size:2em;
}

.no-js #diaporama .slides > li:first-child > .diapo .contenu .titre,
#diaporama .diapo .contenu .titre {
	display: block;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.76923076923077em; /* 36px / 13px */
	line-height: 100%;
}


#diaporama .diapo .contenu .titre > a,
#diaporama .diapo .contenu .titre > span {
	color: #ea7420;
	text-decoration: none;
}

#diaporama .diapo .contenu .description {
	display: block;
	font-size: 0.923076923076923em; /* 12px / 13px */
	line-height: 1.33333333333em; /* 16px / 12px */ 
	color: #3c3c3c;
	margin-top:1.66666666666667em; /* 20px / 12px */
}

#diaporama .diapo.withLink .contenu:hover .description,
#diaporama .diapo.withLink .contenu:hover .titre > a {
	text-decoration: underline;
}



/* ------------- Et aussi -------------------------- */
#etAussi {
	margin:1em 0 2.5em 0;
}
#etAussi > .wrapper > .titre {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 2.307692307692308em; /* 30px/13px */
	text-transform: uppercase;
	color: #000;
	
	margin: 1em 0 0 0;
}

#etAussi .listeRessources .ressource {
	width: 30.43478260869565%; /* 280 px / 920 px */
}
#etAussi .listeRessources .ressource {
	margin-left: 4.347826086956522%;	/* ((920 - 3*280) / 2) / 920 */
}

.no-js #etAussi .listeRessources .ressource,
.Firefox #etAussi .listeRessources .ressource {
	margin-left: 4.3%;
}

.ltIE9 #etAussi .listeRessources .ressource {
	margin-left: 2.3%;
}

#etAussi .listeRessources .ressource:nth-child(3n+1) {
	margin-left: 0;
}

.ltIE9 #etAussi .listeRessources {
	margin-left:-17px;	
}

body.editMode #etAussi .listeRessources.evenodd_assignable .mRessources .ressource {
	width: 96.43478260869565%; /* 280 px / 920 px */
}

body.editMode #etAussi .listeRessources.evenodd_assignable .mRessources{
	width: 30%;
	margin: 1.5%; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}


/* ------------- Publication et outils -------------------------- */

#publicationEtOutils {
	max-width: 100%;
	overflow: hidden;
	background: #6e6e6e;
}

.ltIE9 #publicationEtOutils {
	max-width: 10000px;
	width: 100%;
	min-width:960px;
}

#publicationEtOutils > .wrapper {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 920px;
}

.ltIE9 #publicationEtOutils > .wrapper {
	width: 920px; /* largeur fixe sous IE8 */
}

#publicationEtOutils > .wrapper > .wrapper2 {
	position: relative;
 /* 237px / 13px */
	display: table;
	max-width: 920px;
	overflow: visible;
}

#publicationEtOutils #accrochePO,
#publicationEtOutils #rechercheBDPO {
	display: table-cell;
	position: relative;
	vertical-align:top;
	/* min-height: 18.2307692307692em; */  /* 237px / 13px */
}

#publicationEtOutils #accrochePO > span.deco {
	position: absolute;
	display: block;
	height: 100%;
	background: #ea7420;
	top:0;
	margin-left:-4000px;
	width:4000px;
}
	
#publicationEtOutils #accrochePO {
	background: #ea7420;
	width: 32%;
	padding-right:1%;
}

#publicationEtOutils #accrochePO .liensMiseEnAvant {
	margin-bottom: 0.7em;
}

#publicationEtOutils #accrochePO .titre {
	font-size: 2.30769230769231em; /* 30px / 13px */
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color:#fff;
	margin-top:0.966666666666667em; /* 29px / 30px */
	margin-right:0;
}

#publicationEtOutils #accrochePO p {
	font-size: 1.46153846153846em; /* 19px / 13px */
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#fff;
	margin-top: 0.842105263157895em; /* 16px / 19px */
}

#publicationEtOutils #accrochePO p strong {
	font-size: 1.26315789473684em; /* 24px / 19px */
	font-weight: normal;
	display: block;
}

#publicationEtOutils #rechercheBDPO {
	background: #6e6e6e;
	width: 66%;
	/* min-height: 18.2307692307692em; */  /* 237px / 13px */
}

#publicationEtOutils #rechercheBDPO > span.deco {
	position: absolute;
	display: block;
	height: 100%;
	background: #6e6e6e;
	top:0;
	right:0;
	width:4000px;
	margin-right: -4000px;
}

#publicationEtOutils .titre {
	font-size: 1.84615384615385em; /* 24px / 13px */
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#fff;
	margin-bottom: 1em;
	overflow: visible;
	min-height: 21px;
	position: relative;
	margin:0;
}

#publicationEtOutils #recherchePO {
	padding: 0 0 0 23px;
	/* min-height: 13.2307692307692em; */  /* 172px / 13px */
	background: #5d5e5e;
	position: relative;
}

#publicationEtOutils #recherchePO > span.deco {
	position: absolute;
	display: block;
	height: 100%;
	background: #5e5e5e;
	top:0;
	right:0;
	width:4000px;
	margin-right: -4000px;
	z-index: 100;
}

#publicationEtOutils #recherchePO .titre {
	padding-top:1.25em; /* 30px / 24px */
	margin-bottom:1.16666666666667em; /* 28px / 24px */
}

#publicationEtOutils #recherchePO .titre:before {
	content: url(../img/home/encoche-po.png);
	position:absolute;
	left:-23px;
	width:7px;
	height:21px;
}

#publicationEtOutils #recherchePO .fieldWrapper {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	width:1px;
	height:3.15384615384615em; /* 41px / 13px */
	margin:0 5px 0 0;
}

.no-js #publicationEtOutils #recherchePO .fieldWrapper {
	width:454px;
}

#publicationEtOutils #recherchePO .fieldWrapper:before {
	content:"\00a0"; /* espace insécable */
	font-size: 0;
	position:absolute;
	top:8px;
	left:11px;
	width:23px;
	height:23px;
	background: url(../img/home/loupe-ressources.png) 0 0 no-repeat;
}

#publicationEtOutils #recherchePO #resSearch_sujet {
	position: absolute;
	top: 0.3em;
	left:45px;
	font-size: 1.07692307692308em; /* 14px / 13px */
	height: 20px;
	width:1px;
	padding: 6px 6px 6px 3px;
	background-color: #fff;
	border: 0;
	vertical-align: middle;
}

.ltIE9 #publicationEtOutils #recherchePO #resSearch_sujet {
	height:auto;
	top:8px;
}

.no-js #publicationEtOutils #recherchePO #resSearch_sujet {
	width:396px;
}

#publicationEtOutils #recherchePO #resSearch_sujet.bluredAndEmpty {
    background: url(../img/home/recherche-res-ph.png) 2px 50% no-repeat #fff;
}

#publicationEtOutils #rechercheBDPO input[type=submit],
#publicationEtOutils #rechercheBDPO input[type=button] {
	vertical-align: top;
	margin:0;
	padding: 0 0.9em;
	background-color: #3d3d3d;
	font-size: 1.23076923076923em; /* 16px / 13px */
	font-weight: bold;
	color: white;
	height: 2.5625em; /* 41px / 16px */
	line-height:2.5625em; /* 41px / 16px */
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;

	background-image:none;
	background: #ff8d3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8d3c 0%, #ea7420 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8d3c), color-stop(100%,#ea7420)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8d3c 0%,#ea7420 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d3c', endColorstr='#ea7420',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}

#publicationEtOutils #rechercheBDPO input[type=submit]:hover{
	background: #ea7420; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea7420 0%, #ff8d3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7420), color-stop(100%,#ff8d3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea7420 0%,#ff8d3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7420', endColorstr='#ff8d3c',GradientType=0 ); /* IE6-9 */
	text-decoration: underline;
	cursor: pointer;
}

#publicationEtOutils #recherchePO #lienRechercheAvancee a {
	display: inline-block;
	position: relative;
	color:#fff;
	font-weight: bold;
	margin-top:1em;
	padding:0 0 1em 1.5em;
	background: url("../img/home/lienRA-puce.png") no-repeat 0 0.25em; 
}
#publicationEtOutils #bdPO {
	padding: 0 0 0 23px;
	/* min-height: 5em; */  /* 65px / 13px */
	background: #6e6e6e;
	overflow: visible;
	position: relative;
	height: 100%;
	vertical-align: middle;
}

#publicationEtOutils #bdPO > span.deco {
	position: absolute;
	display: block;
	height: 100%;
	background: #6e6e6e;
	top:0;
	right:0;
	width:4000px;
	margin-right: -4000px;
	z-index: 100;
	display: none;
}

#publicationEtOutils #bdPO > .wrapper {
	padding:1em 0;
	vertical-align: middle;
}
#publicationEtOutils #bdPO > .wrapper > *,
#publicationEtOutils #bdPO > .wrapper > .wrapper2 > *{
	display: inline-block;
	vertical-align: middle;
}

#publicationEtOutils #bdPO .titre {
	margin: 0 1em 0.25em 0;
}

.js .editMode #publicationEtOutils #bdPO ul {
	background: #eee;
}

#publicationEtOutils #bdPO .select-style {
	width: 17em;
	height: 3.153846153846154em; /* 41px / 13px */;
	margin: 0 5px 0 0;
	position: relative;
	background: #fff;
}

#publicationEtOutils #bdPO .select-style > select {
	display: inline-block;
	position:absolute;
	top:50%;
	margin-top:-1em;
}
.ltIE9 #publicationEtOutils #bdPO .select-style > select {
	top:5px;
}

.IE9 #publicationEtOutils #bdPO .select-style,
.IE10 #publicationEtOutils #bdPO .select-style {
}
.IE9 #publicationEtOutils #bdPO .select-style > select,
.IE10 #publicationEtOutils #bdPO .select-style > select {
	position:relative;
	top:0;
	margin-top:0;
	height:41px;
}

/* ---- Notre métier ----- */
#notreMetier {
	position:relative;
	
	overflow: hidden;
	
	background-color:#aaa;
	/* background-image: url("../samples/home/metier-bg.jpg"); CONTRIBUE */
	background-position: 50% 50%;
	background-size:cover;
	
	padding: 0 0 3.7em 0;
	
	overflow: hidden;
}

/* .ltIE9 */ 
#notreMetier > img.bg {
	position: absolute;
}
#notreMetier > .pattern {
	display: none;
	/* cf. REFONTEINRS-208
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url("../img/home/trame-bg.png") repeat 0 0;
	*/
}
#notreMetier p.titre {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.76923076923077em; /* 36px / 13px */
	color:#000;
	text-align: center;
	padding: 1.27777777777778em 0 0.722222222222222em 0; /* 46px 0 26px 0, base 36px */	
}

#notreMetier #ongletsMetiers {
	position:relative;
	display: table;	
	width: 100%;
}

.js #notreMetier #ongletsMetiers {
	background: #fff;
}

.js .editMode #notreMetier #ongletsMetiers,
.no-js #notreMetier #ongletsMetiers {
	display: block;
}

#notreMetier #ongletsMetiers > li {
	display: table-cell;
	background: #000;
	border-right:1px solid #ccc;
	vertical-align: middle;
	cursor:pointer;
}

.js .editMode #notreMetier #ongletsMetiers > li,
.no-js #notreMetier #ongletsMetiers > li {
	display: block;
	margin:0 0 2em 0;
	border: 1px solid #000;
	cursor: default;
}

.js #notreMetier #ongletsMetiers > li:hover {
	background-color: #5d5e5e; 
}

.js .editMode #notreMetier #ongletsMetiers > li:hover {
	background: #000 !important;
}

.js #notreMetier #ongletsMetiers > li.sel {
	font-weight: bold;
	background-color: #ea7420 !important;
	cursor:default;
	position: relative;
}

#notreMetier #ongletsMetiers > li > .titre {
	position:relative;
	color: #fff;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;	
	font-size: 1.38461538461538em; /* 18px / 13px */
	text-transform: uppercase;	
	padding:0.5em 0.5em;
	text-align: center;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;	
}

#notreMetier #ongletsMetiers > li:hover > .titre {
	text-decoration: underline;
}

.js #notreMetier #ongletsMetiers > li.sel:hover > .titre {
	text-decoration: none;
}

#notreMetier #ongletsMetiers > li.sel:after {
	content:"\00a0"; /* espace insécable */
	position: absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7px;
	width:15px;
	height:5px;
	background: url("../img/home/encoche-metier.png") repeat 0 0;
}

#notreMetier .contenus {
	margin:14px 0 0 0;
	padding: 10px 29px 13px 29px;
	background: #fff;
}

#notreMetier .contenuMetier {
	display: block;
	background: #fff;
	color:#3c3c3c;
	padding:0;
	
	height: auto;
	overflow: visible;
}

.js .editMode #notreMetier .contenuMetier,
.no-js #notreMetier .contenuMetier {
	padding:0.75em;
}

#notreMetier .contenuMetier.cache {
	height: 0;
	overflow: hidden;
}

#notreMetier .contenuMetier > .wrapper {
	display: table;
	width:100%;
	padding-bottom:3em;
}

.js .editMode #notreMetier .contenuMetier > .wrapper,
.no-js #notreMetier .contenuMetier > .wrapper {
	width:100%;
}
	
.ltIE9 #notreMetier .contenuMetier > .wrapper {
	width: 862px;
}

#notreMetier .contenuMetier > .wrapper > * {
	display: table-cell;
	vertical-align: top;
}

#notreMetier .contenuMetier > .wrapper > .texte {
	width: auto;
}

#notreMetier .contenuMetier > .wrapper > .texte p.chapo {
}

#notreMetier .contenuMetier > .wrapper > .push {
	width:33.60232018561485%; /* = 29.00232018561485% + padding */
	padding-left:4.6%;
}

.ltIE9 #notreMetier .contenuMetier > .wrapper > .push {
	padding-right:35px;
}

#notreMetier .contenuMetier .lienCompl {
	border-top: 1px solid #cecece;
	padding:0.5em 0 0 0;
	/* margin:1.5em 0 0 0;*/
	position: absolute;
	bottom: 15px;
}

.js .editMode #notreMetier .contenuMetier .lienCompl {
	position: static;
	bottom: auto;
}

#notreMetier .contenuMetier.cache .lienCompl {
	display: none; 
}

#notreMetier .contenuMetier .lienCompl a {
	display: block;
	font-weight: bold;
	color:#3c3c3c;
	min-height: 8px;
	padding:0 0 0 15px;
	background: url(../img/home/lienCompl-puce.png) no-repeat 0 0.25em;
}

#notreMetier .contenuMetier .listeRessources {
	margin-top:-15px;
}

#notreMetier .contenuMetier .ressource.blocVideo a.ico_video .play {
	background-image: url(../img/video_play_gris_minuscule.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px !important;
	height: 50px !important;
	margin: -21px 0 0 -25px !important;
}

#notreMetier .contenuMetier .ressource.blocVideo a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_minuscule.png);
}

#notreMetier .listeRessources .ressource {
	width: 100%;
}
#notreMetier .listeRessources .ressource {
	margin-left: 0 !important;
}

#notreMetier .listeRessources .ressource:nth-child(3n+1) {
	margin-left: 0 !important;
}


#footer{
	margin-top:0 !important;
}


/* Largeur comprise entre 481px et 767px */
@media screen and (min-width:481px) and (max-width:767px) {
	/* Le bloc "Et aussi" passe sur 2 colonnes */
	#etAussi .listeRessources .ressource {
		width: 46.66666666666667%; /* 280px / 600px */
	}
	#etAussi .listeRessources .ressource,
	#etAussi .listeRessources .ressource:nth-child(3n+1) {
		margin-left: 5%;
	}
	#etAussi .listeRessources .ressource:nth-child(2n+1) {
		margin-left: 0;
	}
}
/* Largeur comprise entre 601px et 767px */
@media screen and (min-width:601px) and (max-width:767px) {
	#diaporama {
		margin-top: 5px;
	}
}

/* Largeur inférieure ou égale à 700px */
@media screen and (max-width:700px) {
	#notreMetier .listeRessources .ressource a.illustr {
		display: none;
	}
}

/* Largeur inférieure ou égale à 480px */
@media screen and (max-width:480px) {
	#navHorizontale {
		padding-bottom: 20px;
	}
		
    #diaporama {
    	margin-top:12px !important;
	    margin-bottom:35px !important;
	    overflow: visible !important;
	    margin-bottom:4.5em !important;
	    position: relative !important;
	    margin-left: -1px !important;
    }

	/*
    #diaporama .diapo .categorie,
    #diaporama .diapo .contenu .description {
    	display: none !important;
    }
    */
    
    #diaporama .slides > li > .diapo .categorie {
    	font-size: 0.7em;
    }
    
    #diaporama .diapo > .wrapper > .wrapper2 {
    	bottom: 30px !important;
    	top: auto !important;
    }
    
    #diaporama .diapo .contenu {
    	width:42% !important;
    	margin-bottom:10px !important;
	}
	
	#diaporama .diapo .play {
		width: 75px !important;
		height: 75px !important;
		left: 75% !important;
		top: 50% !important;
		margin: -37px 0 0 -37px !important;
	}
		
	#diaporama .controlesWrapper {
		display : block !important;
		margin: 0 auto !important;
		top:0 !important;
		width:100% !important;
		height:35px !important;
		text-align: left !important;
		background: #3c3c3c !important;
		overflow: hidden !important;
		position: relative !important;
	}
	#diaporama .controlesWrapper .controles {
		display: block !important;
		position:absolute !important;
		top:0 !important;
		left:0 !important;
		width:1000px !important;
	}
    #diaporama .controlesWrapper .pagesLi {
    	display: none !important !important;
    }
	#diaporama .controles a.lien {
		width:480px !important;
	}
	#diaporama .diapo > .wrapper {
		padding:0 !important;
	}
	
	/* ------------- Publication et outils -------------------------- */
	#publicationEtOutils {
		background: transparent;
		overflow: visible;
	}
	
	#publicationEtOutils > .wrapper {
		padding: 0;
	}
	
	#publicationEtOutils > .wrapper > .wrapper2 {
		display: block;
		
	}
	
	#publicationEtOutils span.deco {
		display: none !important;
	}
	
	#publicationEtOutils #accrochePO,
	#publicationEtOutils #rechercheBDPO {
		display: block;
		width:auto;
	}
	
	#publicationEtOutils #accrochePO {
		padding:20px 20px 5px 20px;
	}
	
	#publicationEtOutils #accrochePO .titre {
		margin-top: 0;
		font-size: 2em; /* 26px / 13px */
	}
	
	#publicationEtOutils #accrochePO p {
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:1em;
		font-size:1rem;
	}
	
	#publicationEtOutils #accrochePO p strong {
		font-size:1em;
		display: inline;
		font-weight: normal;
	}
	
	#publicationEtOutils #recherchePO {
		padding:0 20px 5px 20px;
	}
	#publicationEtOutils #recherchePO .titre {
		padding-top:15px;
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:1.28076923076923em;
		font-size: 1.28076923076923rem; /* 16.65px / 13px */
	}
	
	#publicationEtOutils #bdPO .titre {
		padding:0 0 7px 0;
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:1.28076923076923em;
		font-size: 1.28076923076923rem; /* 16.65px / 13px */
	}
	
	#publicationEtOutils #recherchePO .titre:before {
		display: none;
	}
	
	#publicationEtOutils #bdPO {
		padding:0 20px 5px 20px;
	}
	
	#publicationEtOutils #bdPO > .wrapper > .wrapper2 {
		display: block;
	}
	
	/* --- Et aussi ------- */
	#etAussi .listeRessources .ressource {
		display: none;
	}
	#etAussi .listeRessources .ressource:nth-child(-n+3) {
		display: inline-block;
	}


	/* ---- Notre métier ----- */
	#notreMetier .titre {
		font-size: 2em; /* 26px / 13px */
	}
	
	#notreMetier #ongletsMetiers {
		display: block;
		background: transparent !important;
	}
	
	#notreMetier #ongletsMetiers > li {
		display: block;
		margin:0 0 1px 0;
		position: relative;
	}
	
	#notreMetier #ongletsMetiers > li:before {
		content: "+";
		position: absolute;
		top:18px;
		left:15px;
		margin-top:-0.5em;
		font-family: pt_sans,sans-serif;
		font-weight: bold;
		font-style: normal;
		font-size: 2.30769230769231em; /* 30px / 13px */
		color:#fff;
	}
	
	#notreMetier #ongletsMetiers > li.sel:before {
		content: "\2013";
		left:13px;
	}
	
	#notreMetier #ongletsMetiers > li > .titre {
		text-align: left;
		padding-left:46px;
	}

	#notreMetier #ongletsMetiers > li.sel > .titre:after {
		display: none;
	}
	
	#notreMetier .contenuMetier > .wrapper {
		padding:15px;
		width:auto;
		display: block;
	}
	
	#notreMetier .contenuMetier > .wrapper > .texte {
		display: block;
		width: 100%;
	}
	
	#notreMetier .contenuMetier > .wrapper > .push {
		display: none;
	}
		
	#notreMetier .contenuMetier .lienCompl {
		padding:0.5em 0 0 0;
		margin:1.5em 0 0 0;
		position: relative;
		bottom: auto;
	}
	
	#notreMetier .contenuMetier.cache .lienCompl {
		display: none; 
	}
	
	#notreMetier .contenuMetier .lienCompl a {
		display: block;
		font-weight: bold;
		color:#3c3c3c;
		min-height: 8px;
		padding:0 0 0 15px;
		background: url(../img/home/lienCompl-puce.png) no-repeat 0 0.25em;
	}
	
	#notreMetier #ongletsMetiers > li.sel:after,
	#notreMetier .contenus {
		display: none;
	}
}