/* Feuille de style complémentaire - site événement*/

/************************* HTML ***********************************************/
* {-moz-box-sizing: border-box; box-sizing: border-box;margin:0;padding:0;}
html{height:100%;}
body{margin:0!important;padding:0;font-size:1rem;height:100%;position:relative;font-family:'EsAllianz-medium',Helvetica, Arial, "sans-serif";color:var(--black);background-color:var(--white);}

/*Couleurs*/
:root{--white:rgba(255,255,255,1);--black:rgba(0,0,0,1);--grey:rgba(33,37,40,1);--couleur2_1:rgba(245,213,176,1);--couleur2_2:rgba(202,228,214,1);}
.white{color:var(--white);}
.black{color:var(--black);}
.grey{ color:var(--grey);}
.couleur2_1{background-color:var(--couleur2_1) !important;}
.couleur2_2{background-color:var(--couleur2_2) !important;}
.back-degrade{background:rgb(0,98,176);background: linear-gradient(180deg, rgba(0,98,176,1) 0%, rgba(0,175,239,1) 25%, rgba(232,230,215,1) 50%, rgba(241,90,35,1) 75%, rgba(244,149,176,1) 100%);}

/* Titres */
h1 {line-height:3rem;font-size:2.8rem;font-weight:700;letter-spacing:0;margin:0px 0 30px 0;transition:0.3s;}
h2 {line-height:3rem;font-size:2.8rem;font-weight:600;padding-top:20px;margin:0 0 20px 0;transition:0.3s;}
h3 {line-height:2.4rem;font-size:2rem;font-weight:600;margin:0px 0 10px 0;transition:0.3s;}
h4 {margin:35px 0 15px 0;}
h5 {}
p{line-height:1.6rem;font-size:1.2rem;font-weight:400;transition:0.3s;}
ul{margin-bottom:10px;}

li{line-height:1.8rem;font-size:1.1rem;margin-bottom:5px;font-weight:400;transition:0.3s;}
a, a:visited, a:active{color:var(--black);text-decoration:none;}
a:hover, a:active{color:var(--black);font-style: italic;}
hr{border-top: 1px solid;border-color:var(--black) !important;opacity:1 !important;/*height:1px !important;line-height:1px !important;border:solid;border-color:var(--black) !important;border-width:1px 0 0 0 !important;*/}

/*Typos*/
@font-face {font-family: 'ESAllianz-Medium';src: url('../typo/ESAllianz-Medium.woff?') format('woff'),url('../typo/ESAllianz-Medium.woff2') format('woff2')font-weight: normal;font-style: normal;}	
@font-face {font-family: 'tradeGothic-standard';src: url('../typo/trade-gothic-standard.eot?') format('eot'),url('../typo/trade-gothic-standard.otf') format('truetype'),
	url('../typo/trade-gothic-standard.woff') format('woff'),url('../typo/trade-gothic-standard.svg') format('svg');font-weight: normal;font-style: normal;}	
@font-face {font-family: 'tradeGothic-bold';src: url('../typo/trade-gothic-bold.eot?') format('eot'),url('../typo/trade-gothic-bold.otf') format('truetype'),
	url('../typo/trade-gothic-bold.woff') format('woff'),url('../typo/trade-gothic-bold.svg') format('svg');font-weight: normal;font-style: normal;}	

/*Boutons*/
.bouton{border-radius:10px;display: inline-block;width: calc(50% - 5px);margin:0;padding: 8px;text-align: center;background:var(--white);border:solid 1px #3572b3;}
.bouton:hover{background:#eae8e4;}


/************************** HEADER ***********************************************/
#header{}

/*Menu de navigation desktop*/
.navigation-desktop{min-height:88px;padding:10px 30px 10px 30px !important;margin:0 !important;background-color:var(--white);}
    .navigation-desktop [class*='col-']{padding:0 !important;}
    .navigation-desktop h1{font-size:1.6rem;line-height:1.4rem;font-weight:700;margin-bottom:0 !important;}    
    .navigation-desktop p{font-size:1.2rem;line-height:1.4rem;font-weight:700;margin-bottom:0 !important;}
    .navigation-desktop img{width:14px;height:14px;vertical-align: baseline;}
    .sel-anglais{margin-right:10px;}

/*Menu de navigation mobile*/
.navbar-custom{height:47px;margin:0 !important;padding:0px!important;background-color:var(--white);border:solid;border-color:var(--black);border-width:0 0 1px 0;}
    .navbar-custom .navbar{padding-bottom:0 !important;padding-top:0 !important;/*background-color:var(--white);*/}
    .navbar-custom .col-12{padding:0px !important;}
.navbar-brand{font-weight:700;font-size:1.7rem;padding-left:30px;padding-bottom:0;}
.nav-item{border:solid;border-color:var(--black);border-width:0 1px 1px 1px ;padding:25px 0 25px 25px;}
    .nav-item:first-child{border-width:1px;}
.nav-link{color:var(--black) !important;font-weight:700;font-size:1.5rem;}
.navbar-collapse .navbar-nav{background-color:var(--white) !important;width:80%;margin-left:20%;}
.navbar-collapse .row{padding-bottom:0 !important;}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active {padding:0 30px 0 0;outline: none !important; border:none !important;box-shadow: none !important;}
.navbar-toggler .icon-bar{width:30px;height:2px;background-color:var(--black);display: block;transition: all 0.3s;margin-top:4px;}
    .top-bar {transform: rotate(0);}
	.navbar-toggler:not(.collapsed) .top-bar {transform: rotate(30deg);transform-origin:9px 0px;}
    .middle-bar{}
    .navbar-toggler:not(.collapsed) .middle-bar{display:none;}
    .bottom-bar {transform:rotate(0);}
	.navbar-toggler:not(.collapsed) .bottom-bar {transform: rotate(-30deg);transform-origin:8px 0px;}
.selection-langue{padding:40% 0 0 0 !important;}
    .selection-langue .row{border:solid;border-color:var(--black);border-width:1px 0 0 0;}
    .selection-langue .row div{padding:5px 0 5px 0;}
    .selection-langue .row div:first-child{border:solid;border-color:var(--black);border-width:0 1px 0 0;}


/************************** CONTENT ***********************************************/

.fruit-legume{padding:50px 50px 20px 50px !important;margin-bottom:50px !important;margin-left:20px !important;margin-right:20px !important;}
.illu-orange{display:block;width:200px;height:200px;background:url("../img/orange.png")  no-repeat;background-size:contain;}
.illu-brocoli{display:block;width:300px;height:350px;background:url("../img/brocoli.png")  no-repeat;background-size:contain;}

#container{margin:0px auto 0 auto;border:none;text-align:left;max-width:100%;background-color:var(--white);}
	.container {width:100%;text-align:center;}
#content{text-align:left;margin-top:80px;margin-bottom:0px;}

.row{margin:0;padding-left:20px !important;padding-right:20px !important;padding-bottom:40px;}
/*.row > *{padding-left:0 !important;padding-right:0 !important;}*/
.no-gutter{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}

.section{margin-top: 50px; padding:15px 0 15px 0;}
.ancre-section{padding:75px 0 0 0;}

.carousel-caption p{font-size:1rem;line-height:1.5rem;margin-bottom:5px;}
.carousel-indicators [data-bs-target]{width:20px !important;}

/*Bandeau déroulant*/
.bandeau-defilant{background:var(--white);color:var(--black);display:block;overflow:hidden;position:relative;margin-bottom:0px;border-color:var(--black);border:solid;border-width:0 0 1px 0;padding-bottom:0px;margin-bottom:20px;}
    .bandeau-defilant div{position: absolute;min-width: 100%; /* au minimum la largeur du conteneur */}
    .bandeau-defilant div, .bandeau-noir div:after{position: relative;display: inline-block;font-size:2rem;white-space:nowrap;top:0;transition:0.3s;}
    .bandeau-defilant div span {animation:defilement 15s infinite linear;} 
    .bandeau-defilant div:after {position:absolute;top:0; left:0;content:attr(data-text);animation: defilement2 15s infinite linear;}
@keyframes defilement {0% { margin-left: 0; }100% { margin-left: -100%; }}
@keyframes defilement2 {0% { margin-left: 100%; }100% { margin-left: 0%; }} 

.lien-fb{display:inline-block;width:25px;height:25px;background:url("../img/header-fb.png") center center no-repeat;background-size:contain;}
.lien-ig{display:inline-block;width:25px;height:25px;background:url("../img/header-insta.png") center center no-repeat;background-size:contain;}


/************************* FOOTER *************************************************/
/*Footer*/
#container-footer{display:block !important;margin:0;max-width:100%;padding:0;font-family:tradeGothic-standard,Arial, Helvetica, sans-serif !important;}
	#container-footer .row{margin-bottom:0px !important;padding-left:125px !important;padding-right:125px !important;transition:0.3s;}
	#container-footer h5{font-family:tradeGothic-bold,Arial, Helvetica, sans-serif;margin-bottom:10px;font-size: 1.25rem}
	#container-footer li, #container-footer p{font-family:tradeGothic-standard,Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;font-weight: normal !important;}
    #container-footer a, #container-footer a:visited{color:var(--grey) !important;}
    #container-footer .blanc a  {color:var(--white) !important;}  
	#container-footer .row{border:none !important;}

/*Première partie*/
.premiere{padding-top:40px;padding-bottom:40px;margin:0;}
	.premiere ul{list-style:none;margin:0;padding:0;}
	.premiere ul li{line-height:40px !important;display:inline;margin-right:5px;white-space: nowrap;}
	.premiere li a{border:solid 1px var(--black);border-radius:20px;padding:3px 8px 5px 8px;}

/*Carousel*/
#carouselFooter{max-width:470px;border-radius:20px;}
	#carouselFooter .carousel-item img{border-radius:20px;}
	#carouselFooter .carousel-control-prev img, #carouselFooter .carousel-control-next img{margin-top:-20px;}
	#carouselFooter .carousel-caption{position:relative !important;top:auto;left:0;right:0;bottom:0;margin:10px 0 0 0;padding:0;text-align: left;}
    .carousel-item .active{text-decoration:none !important;border:none !important;}

/*Deuxième partie*/
.deuxieme{padding-top:40px;padding-bottom:40px;margin:0;}
	.deuxieme ul{list-style:none;margin:0;padding:0;}
	.deuxieme ul li{display:block;margin-right:5px;word-break:keep-all;}
        .deuxieme ul li li{display:block;margin-left:10px;word-break:keep-all;}
.resauxSociaux{margin-top:40px;}
	.resauxSociaux a{margin-right:10px;}

/*Partie institutionnelle*/
.institutionnel{background-color:var(--white) !important;padding-top:20px;padding-bottom:20px;margin:0;}
.signatureMarque{margin-top:13px;}

/************************** RESPONSIVE CLASS ***********************************************/
/*X-Small = none = <576px | Small = sm = ≥576px | Medium = md = ≥768px | Large = lg = ≥992px | Extra large = xl = ≥1200px | Extra extra large = xxl = ≥1400px */

@media (max-width:1400px) {
    #container-footer .row{margin-bottom:0px !important;padding-left:60px !important;padding-right:60px !important;}
}

@media (max-width:1200px) {
    .navigation-desktop h1{font-size:1.3rem;line-height:1.3rem;font-weight:700;margin-bottom:0 !important;}    
    .navigation-desktop p{line-height:1.3rem;font-size:1rem;font-weight:700;margin-bottom:0 !important;}
    .navigation-desktop img{width:12px;height:12px;}
    .row{padding-left:60px;padding-right:60px;}
    p{line-height:1.2rem;font-size:1rem;transition:0.3s;}
   
    .fruit-legume{padding:30px 50px 20px 50px !important;margin-bottom:30px !important;margin-left:20px !important;margin-right:20px !important;}
    .illu-orange{display:block;width:200px;height:200px;transition:0.3s;}
    .illu-brocoli{display:block;width:300px;height:400px;transition:0.3s;}
    /*footer*/
    #container-footer .row{}
}
@media (max-width:992px) {
    h1 {line-height:2.6rem;font-size:2.4rem;font-weight:700;letter-spacing:0;margin:0px 0 30px 0;transition:0.3s;}
    h2 {line-height:2.6rem;font-size:2.4rem;font-weight:600;padding-top:20px;margin:0 0 20px 0;transition:0.3s;}
    h3 {line-height:2rem;font-size:1.8rem;font-weight:600;margin:0px 0 10px 0;transition:0.3s;}
    .illu-orange{display:block;width:180px;height:180px;transition:0.3s;}
    .illu-brocoli{display:block;width:200px;height:250px;transition:0.3s;}
    p{}
   
    #container{margin-bottom:0px;}
    #content{margin-top:47px !important;}
    .navbar-custom{height:47px;}
    .navbar-brand{padding-left:0 !important;}
	.row{padding-left:30px;padding-right:40px;margin-bottom:0px;}
    .carousel{margin-top:20px;}
    #container-footer [class*='col-']{margin-bottom:40px !important;}
    #container-footer .row{margin-bottom:0px !important;padding:40px 20px 0 20px;}
    #container-footer .row:last-child{padding-top:20px;padding-bottom:20px;}
	.premiere, .deuxieme{padding-bottom:0;}
	.d-inline-flex{padding-bottom:0 !important;}
	}

@media (max-width:768px) {
    .illu-orange{display:block;width:120px;height:120px;transition:0.3s;}
    .illu-brocoli{display:block;width:150px;height:200px;transition:0.3s;}
	.row{padding-left:20px;padding-right:20px;margin-bottom:0px;}
    #carouselFooter .carousel-control-prev img, #carouselFooter .carousel-control-next img{margin-top:0px;}
    .institutionnel img{max-width:80%;}
    }

@media (max-width:576px) {
    /*.navbar-custom{height:50px !important;}*/
    .navbar-brand{font-weight:700;font-size:1.2rem;transition:0.3s;}
    
}