@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'latinoBold';
	src: url('../fonts/new-fonts/Latinotype - Aestetico Bold.otf') format("opentype");
  }
  @font-face {
	font-family: 'latinoExBold';
	src: url('../fonts/new-fonts/Latinotype-Aestetico ExtraBold.otf') format("opentype");
  }
  @font-face {
	font-family: 'latinoLight';
	src: url('../fonts/new-fonts/Latinotype-Aestetico Light.otf') format("opentype");
  }
  @font-face {
	font-family: 'latinoMedium';
	src: url('../fonts/new-fonts/Latinotype-Aestetico Medium.otf') format("opentype");
  }
  @font-face {
  font-family: 'latinoRegular';
  src: url('../fonts/new-fonts/Latinotype-AesteticoRegular.otf') format("opentype");
}
@font-face {
	font-family: 'latinoSemiBold';
	src: url('../fonts/new-fonts/Latinotype-Aestetico SemiBold.otf') format("opentype");
  }





@font-face {
  font-family: 'neuehassbold';
  src: url('../fonts/NeueHaasUnicaPro-Bold.otf') format("opentype");
}

@font-face {
  font-family: 'neuehassreg';
  src: url('../fonts/NeueHaasUnicaPro-Regular.otf') format("opentype");
}
@font-face {
  font-family: 'neuehasslight';
  src: url('../fonts/NeueHaasUnicaPro-Light.otf') format("opentype");
}
@font-face {
  font-family: 'neuehassblack';
  src: url('../fonts/NeueHaasUnicaPro-black.otf') format("opentype");
}

@font-face {
  font-family: 'wasabilight';
  src: url('../fonts/Wasabi-Light.otf') format("opentype");
}

body {
	font-size: 16px;
	background-color: #e2dfd7;
}

p, h1, h2, h3, li  {
	font-family:'latinoRegular';
}

h4 {
	line-height:0;
	font-family:'latinoRegular';
	font-size: 1.4em;

}
.sectionright-header {
    padding-top: 25px !important;
    padding-right: 10px !important;
}
.colprog p, .colprog a{
	color:#FF0700 !important;
}

h5 {
	font-family:'neuehasslight', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
    margin-bottom: 0;
    margin-top: 0px;
}
.flex-container a:hover, .white-hover b:hover{
	color: #7D1B49 !important;

}
.white-hover:hover, a:hover, .white-hover b:hover{
	color: #ffff !important;
}
.pagecontainerenap{
	max-width:1024px;
	margin:0 auto;
	}

.contact-header {
	/* text-decoration: underline; */
	font-family: 'neuehassbold';
	color: #000;
}

.coordonnetophead{
	    -webkit-align-items: left;
    align-items: left;
	}
.image-header img {
	width: 100%;
	}

.zone-header {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-top:25px;
	}

.zone-header p a {
	font-family:'latinoRegular';
	text-decoration:none;
	color:black;
	}


/********************* slyle zone 1  *********************/
.left-sub-section{
	width: 30%;margin-left: 10px;
}
.left-sub-section a:hover{
	color:#7D1B49;
}
.left-sub-section h2{
	line-height: 1.2em;
	font-weight: bold;
    font-size: 1.8em;
}
.right-sub-section{
	width: 100%;
}
.no-padding{
	padding: 0 !important;
}
.white{
	color: #fff !important;
}
.bg-white{
	background-color: #fff !important;
}
.red{
	color: #FF0700 !important;
}
.bg-red{
	background-color: #FF0700 !important;
}
.dark-red{
	color: #7D1B49 !important;
}
.bg-dark-red{
	background-color: #7D1B49 !important;
}
.red-grad{
	text-align: center;
    font-size: 22px;
    line-height: 50px;
    width: 40%;
    margin-left: 30%;
	color: #7D1B49;
	border: 2px solid #7D1B49;
}
.red-grad a{
	color: #7D1B49 !important;
	display: block;
	padding: 10px 0;
}
.red-grad a:hover{
	background-color: #fff;
	color: #7D1B49 !important;
	text-decoration: none;
}
.zone2-custom p, .zone2-custom a, .zone2-custom span{
	color: #5c5c5b !important;
	line-height: 25px !important;
	font-family: 'latinoRegular';
}
.btn-red{
	color: #FF0700;
	border: 2px solid #FF0700;
	width: 50% !important;
    margin-left: 25%;
}
.btn-red a{
	color: #FF0700 !important;
}
.btn-dark-red{
	color: #7D1B49;
	border: 2px solid #7D1B49;
	width: 50% !important;
    margin-left: 25%;
}
.btn-dark-red a{
	color: #7D1B49 !important;
}
.ul{
	text-decoration: underline;
}
.programsection {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.titre-zone1 {
	text-align: center;
	margin: 30px;
}

.titre-zone1 h2 {
	text-align: center;
	font-size: 30px;
    line-height: 1em;
	text-align: center;
}

.videosec{
	width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.videosec iframe {
	width: 100%;
	height: 100%;
	top: 0;
		left:0;
    position: absolute;
	z-index: 1;
}

.videosec img {
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}


.sous-titre-zone1 h3 {
	font-size: 1.3em;
	font-weight: bold;
    line-height: 1.0em;
}

.btn-rouge-zone1{
	margin:10px auto;
	background-color:#da2a22;
  border: 2px solid #da2a22;
	text-align:center;
	color:#fff;
	}

.btn-rouge-zone1 p {
	font-family: 'latinoRegular';
    font-weight: normal;
	font-size: 1.0em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#fff;
	}

.btn-rouge-zone1 p a {
	color:#fff !important;
	text-decoration:none;
	}


.btn-noir-zone1 {
	margin:30px auto 20px auto;
	text-align:center;
	color:#000000;
	}

.btn-noir-zone1 p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#000000;
	}

.btn-noir-zone1 p a {
	color:#000000 !important;
	text-decoration:none;
	}

.zone1-sectionright{
	width:36%;
	margin-left: 20px;
}
.rigt-sidebar-text{
	width:100%;
	padding: 4% 5%;
}
.rigt-sidebar-text h2{
	color: #FF0700;
	line-height: 30px;
	font-size: 28px;
}

.zone1-sectionleft{
	width:63%;
	}


/*********************  zone 2 *********************/

.zone2-list {
	padding: 20px 0;
}

h1.zone2-titre {
	text-align: center;
	color: #FF0700;
	font-size: 1.8em !important;
	font-weight: bold;
	margin: 20px auto 40px auto;
}
.zone2-custom{

}
.area-cont{
	border: 3px solid #fff;
	margin: 20px 0;
	color: #5c5c5b;
}

.area-cont a, area-cont span, .area-cont p{
	color: #5c5c5b;
	font-size: 18px !important;
	margin-bottom: 0;
    line-height: 28px !important;
    font-family: 'latinoRegular' !important;
}

ls-link{
	color: #000;
}
.arrow-center{
	background-image: url('../images/arrow-01.png');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 175px;
}
.arrow-top-left{
	width: 220px;
	position: absolute;
    margin-top: -120px;
    margin-left: -100px;
}
.arrow-bottom-right{
	width: 220px;
	float: right;
	margin-top: -170px;
    margin-right: -80px;
}
.custom-ls{
	width: 100% !important;
	text-align: center;
	padding: 1px 12%;
}
.custom-ls .fixhaut div:hover {
	color: #fff !important;
}
.custom-ls .fixhaut a:hover{
	text-decoration: none;
}
.custom-ls h3{
	font-size: 24px;
}
.custom-ls h5{
	text-align: center;
	font-size: 22px;
	display: block;
	padding-top: 10px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.cent-container{
	padding: 25px 20px 15px 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #eef7f6;
	font-size: 20px;
	text-align: center;
	color: #212529;
}

.cent-container p{
	font-size: 16px;
    font-weight: bold;
    line-height: 0.8em;
}

.custom-ls p{
	color: #000;
	font-size: 16px;
	width: 100%;
}

.red-hover{
	color: #fff;
	text-decoration: underline;
}
.lightred-hover{
	color: #fff;
	text-decoration: underline;
}
.red-hover:hover{
	color: #7D1B49 !important;
	text-decoration: underline !important;
	text-decoration-color: #7D1B49 !important;
}
.btn-light-red-hover:hover{
	background-color: #fff !important;
    color: #FF0700 !important;
}
.btn-light-red-hover p:hover{
	background-color: #fff !important;
    color: #FF0700 !important;
}
.btn-dark-red-hover:hover{
	display: block;
	background-color: #fff !important;
	color: #7D1B49 !important;
	text-decoration: none;
}
.dark-red-hover:hover{
	border: 2px solid #7D1B49 !important;
}
.btn-dark-red-hover p:hover{
	background-color: #fff !important;
    color: #7D1B49 !important;
}

.lightred-hover:hover{
	color: #FF0700 !important;
	text-decoration: underline !important;
	text-decoration-color: #FF0700 !important;
}
.white-hover{
	color: #fff !important;
	text-decoration: none !important;
}
.white-hover:hover{
	color: #fff !important;
	text-decoration: underline !important;
	text-decoration-color: #fff !important;
}
.darkred-hover:hover{
	color: #7d1b49 !important;
	text-decoration: underline !important;
	text-decoration-color: #7d1b49 !important;
}
.lightred-hover:hover{
	color: #ff0700 !important;
	text-decoration: underline !important;
	text-decoration-color: #7d1b49 !important;
}

.flex-container {
	display: flex;
}

.flex-list {
	width: 50%;
	margin: 0 10% 0 15%;
}
.flex-list-right{
	margin-left: 45px;
}
flex-list-right p a:hover{
	text-decoration: underline !important;
   	text-decoration-color: #FF0700 !important;
}
.flex-list p, .flex-list span{
	font-size: 1.2em;
}

.flex-list ol {
	list-style-type:none !important;
	margin:0;
	justify-content:space-between;
}

.flex-list ol li {
	margin:0 0 20px 0;
	/*font-size: 1.4;
	/*background: url(./images/croix-rouge-list.jpg) no-repeat 10px;*/
	padding-left: 40px;
	}

.flex-list ol li span.croix-rouge-list {
	padding-right: 10px;
}

.zone2b-para {
	background-color: #eef7f6;
	border-top: 2px solid #fff;
}

.zone2b-para p {
	text-align: center;
	padding: 20px;
	margin: 0px;
}




/*********************  zone 3 *********************/

h1.zone3-titre {
	text-align: center;
	text-transform: uppercase;
	font-style: 2.2em !important;
	font-weight: bold;
	margin-top: 65px;
}

.zone3-sectionleft {
	width:30%;
	background-color: #da2a22;
	padding: 80px 10px;
}

.flex-content {
	display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.flex-content-right {
	display: flex;
    align-items: center;
    height: 100%;
}

.zone3-sectionright {
	width:70%;
	background-color: #f7f7f7;
	padding-left: 40px;
}

span.titre-zone3 {
	font-size: 1.4em;
	font-weight: bold;
    line-height: 1.5em;
	font-family: 'neuehassbold';
	margin-left: -20px;
}

.margin-sousligne {
	padding-left: 33px;
}

.croix-rouge-list {
	padding-right: 10px;
}

span.croix-rouge-list {
	margin-top: 3px;
}

.zone3-list ol {
	list-style-type:none !important;
	/*list-style-image: url(./images/croix-rouge-list-gris.jpg);*/
	margin:0;
	padding:0;
}

.zone3-list ol li {
	margin: 20px 0;
	/*background: url(./images/croix-noire.png) no-repeat  2px 5px;*/
	padding-left: 0;
}

.cache-padding {
	padding-left: 15px;
}

.zone3-sectionleft h3 {
	color: #fff;
	line-height: 3em;
}

span.obtiens-title {
	font-size: 3em;
	display: block;
	text-transform: uppercase;
}

span.bourse-title {
	font-size: 3.4em;
	letter-spacing: 4.62px;
	display: block;
}

span.bourse-subtitle {
	font-size: 1.2em;
    display: block;
    line-height: 2em;
	    font-family: 'neuehasslight' !important;
    font-weight: lighter;
}

.btn-rouge-zone3{
	margin:30px auto 20px auto;
	background-color:#da2a22;
	text-align:center;
	color:#fff;
}
.btn-rouge-zone1:hover{
	color: #fff;
}
.btn-rouge-zone1 P:hover{
	color: #fff !important;
}

.btn-rouge-zone3 p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#fff;
}

.btn-rouge-zone3 p a {
	color:#fff !important;
	text-decoration:none;
}


.btn-noir-zone3 {
	margin:10px auto;
	border: 2px solid #fff;
	text-align:center;
	color:#fff;
	}

.btn-noir-zone3 p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#fff;
	}

.btn-noir-zone3 p a {
	color:#fff !important;
	text-decoration:none;
	}


/*********************  zone 3 btn *********************/

.deuxcolbtn {
    display: flex;
    justify-content: center;
	margin:20px;
	}

.colbtn {
	width:30%;
	margin: 8px;
	}

.col-red p:hover{
	background-color: #fff !important;
	color: #000 !important;
	border: #000 !important;

}
.col-white p:hover{
	background-color: #f0f8f7 !important;
	color: #000 !important;
}
.col-blue p:hover{
	background-color: #fff !important;
	color: #000 !important;
}

.btn-rouge-zone3{
	display: block;
	margin: 30px 10px 0px 10px;
	background-color: #7D1B49;
	border: 2px solid #7D1B49;
	text-align:center;
}
.red-btn {
	margin: 30px 10px 0px 10px;
	background-color:#FF0700;
	border: 2px solid #FF0700;
	text-align:center;
}
.hover{
	color: #7D1B49 !important;
}
.btn-rouge-zone3:hover{
	border: 2px solid #7D1B49;
	color: #7D1B49;
	background-color: #fff;
}
.btn-rouge-zone3 p a:hover{
	color: #7D1B49 !important;
}

.btn-rouge-zone3 p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#fff;
	}

.btn-rouge-zone3 p a {
	display: block;
	text-decoration:none !important;
}
.a-white{
	color: #fff;
	text-decoration: none;
}
.a-white:hover{
	color: #fff;
	text-decoration: underline;
}

.btn-noir-zone3 {
	margin: 0 40px 20px 40px;
	border: 2px solid #fff;
	text-align:center;
	color:#fff;
	}

.btn-noir-zone3 p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color:#fff;
	}

.btn-noir-zone3 p a {
	color:#fff !important;
	text-decoration:none;
	}


/*********************  footer *********************/

.troiscolprog {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:20px;
	}
.colprog {
	width:100%;
	margin: auto 0;
}

.avecetpour{
	text-transform: uppercase;
	font-size:1.8em;
	line-height: 1;
	color:#fff;
    margin: 15px;
	}

.acteurs-publicis{
	font-size:1.1em;
    margin-top: 0;
	color: #fff !important;
	text-decoration: underline !important;
	padding: 0 8px;
}
a.acteurs-publicis:hover{
	color: #7D1B49 !important;
}
.brd-right{
	border-right: 2px solid #FF0700;
	font-size:12px;
}

.btn-rouge{
	  text-align: right;
	}


 .btn-rouge p {
	font-family: 'latinoRegular';
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 2.4em;
	color: black;
	}


.colprog a {
	text-decoration:none;
}


.underline-p {
    border-bottom:1px solid black;
}




























.mobile{
	display: none;
	}
.decktop{
	display: block;
	}




.titreprog h2{
	font-size:1.8em;
	}

.btn-rouge-footer{
	background-color:#da2a22;
	text-align:center;
	color:#fff;
	border: solid 1px #fff;
	box-shadow: 2px 2px 10px #888888;
	}

.textretrai p {
	font-size: 1.8rem;
    line-height: 0;
}

.textretrai h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 2.2rem;
	line-height: 2.2rem;
}

.textretrai{
	margin-left: 25%;
}

.listright {
	line-height: 1.4rem;
    margin-bottom: 50px;
}

.listright h3 {

	    margin: 20px 0;

}

.domaineetude{
	text-align: center!important;
	margin-top: 15px;
	margin: auto;
}


.offvid{
	display: none;
}







@media screen and (max-width:988px) {
	.arrow-top-left{
		width: 125px;
		margin-left: 0;
		margin-top: -30px;
	}
	.arrow-bottom-right{
		width: 125px;
		margin-top: -85px;
		margin-right: 0;
		float: right;
	}
	.circle{
		margin: 0 1% !important;
		width: 18% !important;
		padding: 5px important;
	  }
	.circle__content {
		font-size: 13px !important
	}
	.container{
		max-width: 100% !important;
	}
	/********************* slyle zone 1  *********************/
	.programsection {
    -webkit-flex-direction: column;
    flex-direction: column;
	}
	.mobile-ver{
		display: block !important;
		background-color: #e2dfd7 !important;
		padding: 5%;
	}
	.desktop-ver{
		display: none;
	}

	.programsection .btn-rouge {
		width: 100%!important;
	}

	.titre-zone1 h2 {
    	font-size: 1.1em;
	}

	.flex-list ol {
    	padding-left: 0;
	}

	.zone1-sectionleft {
    	width: auto;
	}

	.zone1-sectionright {
    width: auto;
	margin-left: 0px;
	margin-top: 20px;
}

}

.sectionright-header{
	width: 40%;
	padding-top: 0px;
	padding-right: 10px;
}

@media screen and (max-width:775px) {
	#unset-flex{
		-webkit-flex-direction: inherit !important;
		flex-direction: inherit !important;
	}
	.custom-font .dark-red{
		text-align: center !important;
	}
	.rigt-sidebar-text h2{
		margin-left: 0 !important;
	}
	.flex-container .left-sub-section, .flex-container .right-sub-section{
		width: 100%;
		margin: 5%;
	}
	.flex-container .left-sub-section h2{
		font-size: 1.4em !important;
	}
	.red-grad{
		width: 90%;
    	 margin-left: 5%;
	}
	.arrow-center{
		background-image:none !important;
	}
	.arrow-top-left, .arrow-bottom-right{
		display: none;
	}
	.headings .red-grad a{
		font-size: 18px;
    	line-height: 28px !important;
	}
	h1.zone2-titre{
		text-align: left;
		font-size: 1.4em !important;
		margin: 0 0 25px 0 !important;
	}
	.flex-list p, .flex-list span{
		font-size: 1.0em;
	}
	.flex-list-right{
		margin: 0 15% !important;
	}
	.headings h2 a{
		text-align: center;
	}
	.sectionleft-header img {
		height: auto;
		width: 100%;
	}
	.rigt-sidebar-text{
		padding: 0% 10%;
	}
	.upper-btn{
		width: 80% !important;
		margin: 0 10% 30px 10% !important;

	}
	.custom-font .upper-btn{
		width: 98% !important;
		margin: 0 1% 10px 1% !important;
	}
	.custom-font h2{
		font-size: 28px !important;
		text-align: center !important;
	}
	.zone-bottom{
		margin-bottom: 20px;
	}
	.sectionleft-header {
		width: 60%;
	}
	.sectionleft-header img{
		height: auto;
		width: 100%;
	}
	.titre-zone1 h2 br{
		display: block !important;
	}

	.btn-rouge{
		text-align: left;
	}
	.sectionright-header{
		width: 40%;
		padding-top: 20px !important;
		padding-right: 3px;
	}
	.btn-noir-zone3{
		margin-top: 25px !important;
    	margin-bottom: 10px !important;
	}
	.headings .red-grad{
		font-size: 20px !important;
	}

	.span_6 .custom-ls{
		width: 100%;
		margin: 10px;
	}
	.flex-container {
    	flex-wrap: wrap;
	}

	.flex-list {
    	width: 100%;
	}

	.cache-mobile {
		display: none;
	}
	.row br{
		display: block !important;
	}
	.custom-ls h5{
		font-size: 19px;
	}

	.cache-padding {
	padding-left: 0px;
	}

	h2 {
    	margin-bottom: 15px;
		margin-top: 10px;
	}

	h4 {
		margin-top:15px;
	}

	.titre-zone1 h2 {
		margin-top: 15px !important;
		margin-bottom: 15px;
		line-height: 1.2em;
	}
	.titre-zone1 {
    	margin: 20px 5%;
	}
	.rigt-sidebar-text h2{
		font-size: 1.5em;
	}
	.btn-rouge-zone3 p{
		font-size: 1.0em !important;
	}
	.headings h2{
		font-size: 25px !important;
	}
	.row{
		display: block !important;
	}
	.span_6 .custom-ls{
		margin: 0 !important;
		width: 100% !important;
	}



	/********************* slyle zone 2  *********************/

	.zone2-list {
    	padding: 20px 40px;
	}

	.margin-sousligne {
    	padding-left: 0;
	}

	.zone2-list {
    margin-top: 20px;
	}

	/********************* slyle zone 3  *********************/

	.zone3-sectionleft {
		width:100%;
		padding-left: 0;
	}
	body{
		overflow-x: hidden;
	}

	.deuxcolbtn {
    	display: block;
    	justify-content: center;
    	margin: 0;
	}

	.btn-rouge-zone3 {
    	margin: 20px 0;
	}

	.btn-noir-zone3 {
    	margin: 0;
	}
	.colbtn {
		width: 80%;
		margin: 0 10%;
	}

	.zone3-sectionright {
		width:100%;
		padding-left: 0;
	}

	.zone3-list {
		padding: 40px;
	}

	h1.zone3-titre {
    margin-top: 20px;
}

	span.titre-zone3 {
    margin-left: 0;
}



/********************* slyle zone 3  *********************/














/********************* autres style  *********************/


.info-borus{
	width: 100%;
}

.domaineetude{
	text-align: center!important;
	margin-top: 15px;
	padding: 0 15px;
}


.troiscolprog {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.colprog {
    width: 100%;
}


.titlecroix{
	margin-left: 29px;
	margin-top:-9px
	}
.zone1-sectionright img {
    margin-left: -26px;
	}

}




@media screen and (max-width:625px) {
	.circle__content {
		font-size: 1.0em;
	  }
	.span_6 .custom-ls{
		width: 100%;
		margin: 10px;
	}
	.rm-padding{
		margin-left: 0px !important;
	}
	.coordonnetophead {
		padding-top: 0;
		margin-top: 3px;
		margin-left: 0;
	}

	.flex-list ol li {
	width:100%;
	margin:0 0 20px 0;
	font-size: 1.4;
	}
}




@media screen and (max-width:400px) {
	.circle__content {
		font-size: 1.0em;
	  }
	.span_6 .custom-ls{
		width: 98%;
		margin-bottom: 10px;
	}
	.rm-padding{
		margin-left: 0px !important;
	}
	.zone-header {
    display: block;
	}

.zone-header p a {
	font-family:'latinoRegular';
	text-decoration:none;
	color:black;
	}


.coordonnetophead {
	font-size: 15px;
	margin-top: -3px;
}
.zone1-sectionleft li a {
	font-size: 0.9em;
	}

.zone1-sectionright li a {
    font-size: 0.9em;
}
.acteurs-publicis {
    font-size: 1em;
}
.avecetpour {
    font-size: 2.2em;
}
.mobile{
	display: block;
}
.decktop{
	display: none;
}
}

.light-red-circle:after {
	background-color: #FF0700;
}
.dark-red-circle:after {
	background-color: #7D1B49;
}
.circle {
	padding: 5px;
	width: 18%;
	height: auto;
	position: relative;
	display: block;
	margin: 0 1%;
	background-color: transparent;
	color: #fff;
	text-align: center;
  }
  .circle:hover{
	padding: 0;
  }

  .circle:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	content: "";
  }

  .circle__inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  .circle__wrapper {
	display: table;
	width: 100%;
	height: 100%;
  }

  .circle__content {
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
	font-size: 16px;
	text-decoration: none;
	font-family: 'latinoRegular';
  }

  @media screen and (max-width:775px) {
	  .circle{
		margin: 5px 1% !important;
		width: 30% !important;
		padding: 0 !important;
		display: inline-block;
	  }
	  .circle__content {
		font-size: 13px;
	  }
	  .text-container{
		  width: 100% !important;
		  text-align: center;
	  }
	  .right-sub-section .row{
		  margin: 0;
	  }
	  .rm-padding{
		  padding-right: 0 !important;
		  padding-left: 0 !important;
		  margin-left: 0px !important;
	  }
  }