@charset "UTF-8";
/* PARAGRAPH */
.para {
	margin:45px auto;
	padding:0px;
}
.para.avecFond {
	margin:0px !important;
	padding:65px 0px;
	background:#f9f9f9;
}
/* TITRES */ 
.para.avecFond .titreBox {
	margin-top: 0 !important;
}
.titreBox .sousTitre {
	font-size: 0.9em;
}
.titreBox span {
	display: block;
}
.titreBox.titreBorder span {
	border-left:10px solid #3C6BA4;
	padding-left:50px;
}
.titreBox.titreBorder.num1 span {
	border-left:0px;
	padding-left:0px;
}
.titreFond {
	text-align: center;
	font-size: 1.6em;
}
.titreFond .titre {
	display: inline-block;
	background-color: #3C6BA4;
	padding:2px 20px 5px 20px;
	color:#FFF;
}
.numberTitre .numberListe {
	
}
/* FIN TITRES */ 
.siteFull .sitePara {
	max-width: none;
	width: 100%;
}
.flexItem {
	display: flex;
	position: relative;
	flex-wrap: wrap;
}
.itDocLien {
	display: inline-block;
}
.itDocLien a {
	display:block;
    box-shadow:0px 0px 6px rgba(0,0,0,0.3);
	background-position: 9px center;
	background-size: 30px auto;
	border-radius:3px;
	padding:15px 25px 15px 47px;
	margin:10px;
	color:#000;
}
.itDoc a .desc {
	color:#999;
	font-size:0.9em;
}
.itDocLien a:hover{
	box-shadow:0px 1px 8px rgba(0,0,0,0.5);
}
.boxDocLien {
	text-align: center;
}
.paraDocLien h2 {
	font-weight:400;
	color:#3C6BA4;
	font-size:1.35em;
	text-transform: uppercase;
	text-align: center;
}
.paraDocLien h2 .f_field-titre {
	display: inline-block;
	padding-top:35px;;
	border-top:1px dotted #3C6BA4;
}
.posSide h2 {
	margin-top:0px;
}
.numberCarousel,
.numberListe {
	position: relative;
	display: inline-block;
}
.numberListe span {
	font-weight: 700;
	z-index: 25;
	line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}

.numberListe span {
	color:#fff;
	font-size: 2em;
width: 37px;
height: 37px;
	background-color: #3C6BA4;
}
.flexNumberTitre {
	display: flex;
}
.para .docs .media {
	margin:6px 0px;
}
.para .docs .media div {
	display: inline-block;
	padding-right:5px;
}
.ligneHr {
	margin:60px 0px;
}
.ligneHr .hr {
	height:7px;
	background: #F2F2F2;
}
.para.sansSep {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.siteFull.iframeFull {
	margin-bottom: 0px !important;
}
.iframeFull iframe {
	width: 100% !important;
}
.textCentre .item {
	text-align: center;
}
.imgZoom.imgBg .act {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
right: 0;
}
.textCentre .media {
	margin-left: auto;
	margin-right: auto;
}
/* MEDIA IMAGE */
.tabTextMedia {
	display: flex;
	align-items: flex-start;
}
.bZoomImg {
	position: absolute !important;
	left: 0px;
	bottom: 0px;
}
.textMedia1 .divMedia {
	text-align: center;
	margin-bottom:45px;
}
.textMedia1 .divMedia .media {
	margin:auto;
}
.imgZoom .act:after {
	display: block;
	content:"";
	width:35px;
	height: 35px;
	background:rgba(150,150,150,0.4) url('../../images/icons/ic_zoom_blc.png') no-repeat center;
	background-size:auto 70%;
	opacity: 0.5;
	border-radius: 100%;
	bottom: 0px;
	right: 0px;
	position: absolute;
}
.imgZoom:hover .act:after {
	background-size:auto 85%;
	opacity:1;
}
.para2Col .num1 .titreBox .titre {
    margin-top: 30px;
}
.largeurAuto .imgBloc {
	background-size: auto 100%;
}
.largeurAuto .fw1 .imgBloc {
	background-position: right 25px top;
}
.savoirPlus {
	background:url('../../images/icons/ic_plus.png') no-repeat right 10px center;
	background-size: 24px auto;
	padding:6px 37px 6px 20px; 
	box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	border:2px solid #F2F2F2;
	color:#444;
}
.savoirPlus:hover { 
	box-shadow: 1px 1px 3px rgba(0,0,0,0.55);
	color:#000;
	border-color:#1577A0;
}
.imgPos2 .media {
	background-size: contain;
	margin: 10px;
	background-position:left center;
}
.texteCentre1 .textes {
	text-align: center;
}
.textCentre .act.media {
	margin:auto;
}
.imgPos3 .media {
	height: 100% !important;
}
.posD .intTextes {
	padding-right: 45px;
}
.posG .intTextes {
	padding-left: 45px;
}
.textCentre .imgBalise img {
	margin:auto;
}
.front .para .fw1 .fondMedia .textes {
    width: 100%;
    margin: auto;
}
.paraMediaUnic .tdivMedia .docBloc,
.paraMediaUnic .tdivMedia .audioBloc {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 220px;
	background-position: center;
background-size: auto 80% !important;
	margin: auto;
}
.paraMediaUnic.hauteurSmall .tdivMedia .docBloc,
.paraMediaUnic.hauteurSmall .tdivMedia .audioBloc {
	width: 220px;
}
.paraMediaUnic.hauteurMedium .tdivMedia .docBloc,
.paraMediaUnic.hauteurMedium .tdivMedia .audioBloc {
	width: 400px;
}
.paraMediaUnic.hauteurLarge .tdivMedia .docBloc,
.paraMediaUnic.hauteurLarge .tdivMedia .audioBloc {
	width: 650px;
}

/* fin css*/