@media screen and (min-width: 1024px)  {

	.version-mobile {
		display: none;
	}

	/*Infographie V2*/

	.v2-desktop {
		diplay: block;
	}
	.accordion-bral .block {
	  overflow: hidden;
	  clear: both;
	}
	.accordion-bral .square {
	  width: 11px;
	  height: 11px;
	  background: #000;
	  margin-right: 10px;
	  margin-top: 3px;
	  float: left;
	  display: block;
	}
	.accordion-bral .strong {
	  font-weight: 900 !important;
	}
	.majuscules {
		text-transform: uppercase;
	}

	.accordion-bral p {
	  display: block;
	  float: right;
	  margin: 0;
	  padding: 0;
	}
	.accordion-bral .titre-acc img {
	  z-index: 1;
	    position: relative;
	}
	.accordion-bral .acc-1950.titre-acc {
	  text-align: right;
	  padding-right: 265px !important;
	    padding-bottom: 10px;
	}
	.accordion-bral .panelc.acc-1950 .block {
	  float: right;
	    margin-bottom: 15px;
	    margin-top: 15px;
	    margin-right: 220px;
	}
	.accordion-bral .panelc.acc-1950 .block .square {
	  background: #ed9307;
	}
	.accordion-bral .acc-1960.titre-acc {
	  position: relative;
	  padding-left: 120px !important;
	}
	.accordion-bral .acc-1960.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	  z-index: 0;
	    top: -45px;
	    left: -65px;
	    height: 100px;
	  background:  url(/sites/default/files/infographie/1950-trait.png) no-repeat center
	}
	.accordion-bral .panelc.acc-1960 {
	  background: url(/sites/default/files/infographie/1960-full.png) no-repeat center;
	  background-size: contain;
	  height: 325px;
	  position: relative;
	  margin-bottom: 30px;
	}
	.accordion-bral .panelc.acc-1960 .block .square {
	  background: #f8ca14;

	}

	.accordion-bral .panelc.acc-1960 .block .square.second {
		margin-right: 5px;
		margin-top: 10px;
	}
	.accordion-bral .acc-1960 .block > div {
	  display: block;
	  max-width: 160px;
	  float: left;
	  padding: 9px;
	}
	.accordion-bral .acc-1960 .block > div.row {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

	.accordion-bral .acc-1960 .block > div.row .square.first {
		width: 26px;
	}
	.accordion-bral .acc-1960 .block img {
	  width: 160px;
	    height: 105px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .acc-1960 .block-1 {
	  position: absolute;
	  top: 80px;
	    right: 220px;
	}
	.accordion-bral .acc-1960 .block-1 img {
	    border-top-right-radius: 50px;
	    border-bottom-right-radius: 50px;
	}
	.accordion-bral .acc-1960 .block-2 {
	  position: absolute;
	    bottom: 45px;
	    left: 240px;
	}
	.accordion-bral .acc-1960 .block-3 {
	  position: absolute;
	  bottom: -6px;
	    right: 170px;
	}

	.accordion-bral .acc-1960 .block-3.version-fr {
	  bottom: -27px;
	}

	.accordion-bral .acc-1970.titre-acc {
	  text-align: right;
	  padding-right: 265px !important;
	    position: relative;
	    z-index: 0;
	}
	.accordion-bral .acc-1970.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	  z-index: 0;
	    top: -59px;
	    left: -90.5px;
	    height: 100px;
	  background:  url(/sites/default/files/infographie/1960-trait-2.png) no-repeat center
	}
	.accordion-bral .panelc.acc-1970 {
	  background: url(/sites/default/files/infographie/1970-full.png) no-repeat 280px 0px;
	  background-size: contain;
	  height: 520px;
	  position: relative;
	}
	.accordion-bral .acc-1970 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-1970 .block .square {
	  background: #95c12e;
	}
	.accordion-bral .acc-1970 .block-1 {
	  position: absolute;
	  top: 60px;
	    left: 70px;
	    font-style: italic;
	}
	.accordion-bral .acc-1970 .block-1 img {
	    display: block;
	    width: auto;
	    height: auto;
	    object-fit: initial;
	    float: left;
	    margin-right: 10px;
	}
	.accordion-bral .acc-1970 .block-2 {
	  position: absolute;
	  top: 60px;
	    left: 285px;
	}
	.accordion-bral .acc-1970 .block-2 p {
	  float: none;
	}
	.accordion-bral .acc-1970 .block-2 img {
	    display: block;
	    width: auto;
	    height: auto;
	    object-fit: initial;
	    float: none;
	    margin-top: 20px;
	}
	.accordion-bral .acc-1970 .block-3 {
	  position: absolute;
	  top: 60px;
	    left: 438px;
	}
	.accordion-bral .acc-1970 .block-4 {
	  position: absolute;
	  top: 200px;
	    left: 438px;
	}
	.accordion-bral .acc-1970 .block-5 {
	  position: absolute;
	  top: 60px;
	    left: 635px;
	}
	.accordion-bral .acc-1970 .block-5 img {
	  float: none;
	    margin-left: 22px;
	    padding-top: 10px;
	}
	.accordion-bral .acc-1970 .block-6 {
	  position: absolute;
	  top: 345px;
	    left: 355px;
	    width: 360px;
	}
	.accordion-bral .acc-1970 .block-6 img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: left;
	    display: block;
	    margin-right: 20px;
	}
	.accordion-bral .acc-1970 .block-6 > div {
	  float: left;
	  margin-bottom: 15px;
	}

	.accordion-bral .acc-1980.titre-acc {
	    position: relative;
	    z-index: 0;
	    padding-left: 120px !important;
	}
	.accordion-bral .acc-1980.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	    z-index: 0;
	    top: -12px;
	    left: -25px;
	    height: 45px;
	    background: url(/sites/default/files/infographie/1970-trait-2.png) no-repeat center;
	    background-size: contain;
	}
	.accordion-bral .panelc.acc-1980 {
	  background: url(/sites/default/files/infographie/1980-full-2.png) no-repeat 135px -5px;
	    background-size: contain;
	    height: 430px;
	    position: relative;
	}
	.accordion-bral .acc-1980 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-1980 .block .square {
	  background: #19a985;
	}
	.accordion-bral .acc-1980 .block-1 {
	  position: absolute;
	  top: 60px;
	    left: 70px;
	}
	.accordion-bral .acc-1980 .block-1 img {
	    display: block;
	    width: auto;
	    height: auto;
	    object-fit: initial;
	    float: left;
	    position: relative;
	    top: -15px;
	}
	.accordion-bral .acc-1980 .block-2 {
	  position: absolute;
	  top: 60px;
	    left: 395px;
	    overflow: initial !important;
	}
	.accordion-bral .acc-1980 .block-2 p {
	  float: left;
	  position: relative;
	  z-index: 1;
	}
	.accordion-bral .acc-1980 .block-2 img {
	    display: block;
	    width: 50px;
	    height: auto;
	    object-fit: initial;
	    float: none;
	    position: absolute;
	    top: 50px;
	    right: 0;
	}
	.accordion-bral .acc-1980 .block-3 {
	  position: absolute;
	  top: 60px;
	    left: 585px;
	}
	.accordion-bral .acc-1980 .block-4 {
	  position: absolute;
	  top: 230px;
	    left: 190px;
	    max-width: 255px;
	}
	.accordion-bral .acc-1980 .block-4 p {
	  float: left;
	}
	.accordion-bral .acc-1980 .block-4 img {
	  float: left;
	  margin-top: 10px;
	  margin-left: 23px;
	  width: 125px;
	}
	.accordion-bral .acc-1980 .block-5 {
	  position: absolute;
	  top: 230px;
	    left: 415px;
	}
	.accordion-bral .acc-1980 .block-5 p {
	  float: left;
	}
	.accordion-bral .acc-1980 .block-5 img {
	  float: none;
	    margin-left: 11px;
	    padding-top: 10px;
	    width: 135px;
	    height: 65px;
	}
	.accordion-bral .acc-1980 .block-6 {
	  position: absolute;
	  top: 230px;
	    left: 585px;
	}
	.accordion-bral .acc-1980 .block-6 > div {
	  float: left;
	  margin-bottom: 15px;
	  width: 235px;
	}
	.accordion-bral .acc-1980 .block-6 > div p {
	  width: 210px;
	}
	.accordion-bral .acc-1990.titre-acc {
	    text-align: right;
	  padding-right: 265px !important;
	    position: relative;
	    z-index: 0;
	}
	.accordion-bral .acc-1990.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	    z-index: 0;
	    top: -20px;
	    left: -124px;
	    height: 52px;
	    background: url(/sites/default/files/infographie/1980-trait-2.png) no-repeat center;
	    background-size: contain;
	}
	.accordion-bral .panelc.acc-1990 {
	  background: url(/sites/default/files/infographie/1990-full.png) no-repeat 75px 0px;
	    background-size: contain;
	    height: 575px;
	    position: relative;
	}
	.accordion-bral .acc-1990 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-1990 .block .square {
	  background: #ed9307;
	}
	.accordion-bral .acc-1990 .block-1 {
	  position: absolute;
	  top: 85px;
	    left: 325px;
	}
	.accordion-bral .acc-1990 .block-2 {
	  position: absolute;
	  top: 85px;
	    left: 440px;
	}
	.accordion-bral .acc-1990 .block-3 {
	  position: absolute;
	  top: 85px;
	    left: 600px;
	}
	.accordion-bral .acc-1990 .block-4 {
	  position: absolute;
	  top: 85px;
	    left: 740px;
	}
	.accordion-bral .acc-1990 .block-5 {
	  position: absolute;
	  top: 225px;
	    left: 125px;
	    width: 280px;
	}
	.accordion-bral .acc-1990 .block-5 > div {
	  float: left;
	  margin-bottom: 15px;
	  width: 280px;
	}
	.accordion-bral .acc-1990 .block-5 > div p {
	  float: left;
	}
	.accordion-bral .acc-1990 .block-6 {
	  position: absolute;
	  top: 225px;
	    left: 435px;
	    overflow: initial !important;
	}
	.accordion-bral .acc-1990 .block-6 p {
	  float: left;
	}
	.accordion-bral .acc-1990 .block-6 img {
	    display: block;
	    width: 60px;
	    height: auto;
	    object-fit: initial;
	    float: none;
	    position: absolute;
	    top: 75px;
	    right: 15px;
	}
	.accordion-bral .acc-1990 .block-7 {
	  position: absolute;
	  top: 225px;
	    left: 645px;
	}
	.accordion-bral .acc-1990 .block-8 {
	  position: absolute;
	  top: 225px;
	    left: 760px;
	}
	.accordion-bral .acc-1990 .block-9 {
	  position: absolute;
	  top: 405px;
	    left: 135px;
	}
	.accordion-bral .acc-1990 .block-10 {
	  position: absolute;
	  top: 405px;
	    left: 295px;
	}
	.accordion-bral .acc-1990 .block-10 p {
	  float: left;
	}
	.accordion-bral .acc-1990 .block-10 img {
	  float: right;
	  margin-left: 10px;
	  width: 130px;
	  height: 90px;
	}
	.accordion-bral .acc-1990 .block-11 {
	  position: absolute;
	  top: 405px;
	    left: 535px;
	}
	.accordion-bral .acc-1990 .block-11 p {
	  float: left;
	}
	.accordion-bral .acc-1990 .block-11 img {
	  float: right;
	  margin-left: 10px;
	  width: 80px;
	  height: 60px;
	}
	.accordion-bral .acc-1990 .block-12 {
	  position: absolute;
	  top: 512px;
	    left: 360px;
	}
	.accordion-bral .acc-1990 .block-12 .square {
	  float: right;
	  margin-left: 10px;
	}
	.accordion-bral .acc-1990 .block-12 p {
	  float: right;
	  text-align: right;
	}

	.accordion-bral .acc-2000.titre-acc {
	    position: relative;
	    z-index: 0;
	    padding-left: 120px !important;
	}
	.accordion-bral .acc-2000.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	    z-index: -1;
	    top: -26px;
	    left: -17px;
	    height: 63px;
	    background: url(/sites/default/files/infographie/1990-trait.png) no-repeat center;
	    background-size: contain;
	}
	.accordion-bral .panelc.acc-2000 {
	  background: url(/sites/default/files/infographie/2000-full.png) no-repeat 50px 0px;
	    background-size: contain;
	    height: 580px;
	    position: relative;
	}
	.accordion-bral .acc-2000 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-2000 .block .square {
	  background: #fac847
	}
	.accordion-bral .acc-2000 .block-1 {
	  position: absolute;
	  top: 65px;
	    left: 175px;
	}
	.accordion-bral .acc-2000 .block-2 {
	  position: absolute;
	  top: 65px;
	    left: 440px;
	}
	.accordion-bral .acc-2000 .block-3 {
	  position: absolute;
	  top: 65px;
	    left: 620px;
	    width: 190px;
	}
	.accordion-bral .acc-2000 .block-3 p {
	  float: left;
	}
	.accordion-bral .acc-2000 .block-3 img {
	  float: none;
	  padding-top: 11px;
	    width: 80px;
	    height: 60px;
	    margin-left: 20px;
	}
	.accordion-bral .acc-2000 .block-4 {
	  position: absolute;
	  top: 245px;
	    left: 120px;
	}
	.accordion-bral .acc-2000 .block-5 {
	  position: absolute;
	  top: 245px;
	    left: 345px;
	}
	.accordion-bral .acc-2000 .block-5 p {
	  float: left;
	}
	.accordion-bral .acc-2000 .block-5 img {
	  float: left;
	    width: 140px;
	    height: 90px;
	    margin-left: 20px;
	}
	.accordion-bral .acc-2000 .block-6 {
	  position: absolute;
	  top: 415px;
	    left: 200px;
	}
	.accordion-bral .acc-2000 .block-7 {
	  position: absolute;
	  top: 415px;
	    left: 480px;
	}
	.accordion-bral .acc-2010.titre-acc {
	    text-align: right;
	  padding-right: 265px !important;
	    position: relative;
	    z-index: 0;
	}
	.accordion-bral .acc-2010.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	    z-index: 0;
	    top: -28px;
	    left: -110px;
	    height: 62px;
	    background: url(/sites/default/files/infographie/2000-trait-2.png) no-repeat center;
	    background-size: contain;
	}
	.accordion-bral .panelc.acc-2010 {
	  background: url(/sites/default/files/infographie/2010-full.png) no-repeat 0px 0px;
	    background-size: contain;
	    height: 575px;
	    position: relative;
	}
	.accordion-bral .acc-2010 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-2010 .block .square {
	  background: #95c12e;
	}
	.accordion-bral .acc-2010 .block-1 {
	  position: absolute;
	  top: 75px;
	    left: 85px;
	}
	.accordion-bral .acc-2010 .block-1 p {
	  float: left;
	}
	.accordion-bral .acc-2010 .block-1 img {
	  float: left;
	    width: 150px;
	    height: 60px;
	    margin-left: 5px;
	}
	.accordion-bral .acc-2010 .block-2 {
	  position: absolute;
	  top: 75px;
	    left: 440px;
	}
	.accordion-bral .acc-2010 .block-3 {
	  position: absolute;
	  top: 75px;
	    left: 640px;
	}
	.accordion-bral .acc-2010 .block-4 {
	  position: absolute;
	  top: 235px;
	    left: 85px;
	}
	.accordion-bral .acc-2010 .block-5 {
	  position: absolute;
	  top: 235px;
	    left: 310px;
	}
	.accordion-bral .acc-2010 .block-6 {
	  position: absolute;
	  top: 235px;
	    left: 635px;
	}
	.accordion-bral .acc-2010 .block-7 {
	  position: absolute;
	  top: 390px;
	    left: 105px;
	}
	.accordion-bral .acc-2010 .block-8 {
	  position: absolute;
	  top: 390px;
	    left: 350px;
	}
	.accordion-bral .acc-2010 .block-8 p {
	  float: left;
	}
	.accordion-bral .acc-2010 .block-8 img {
	  float: left;
	    width: 160px;
	    height: 90px;
	    margin-left: 5px;
	}

	.accordion-bral .acc-2020.titre-acc {
	    position: relative;
	    z-index: 0;
	    padding-left: 120px !important;
	}
	.accordion-bral .acc-2020.titre-acc .trait {
	  position: absolute;
	  width: 100%;
	    z-index: 0;
	    top: -22px;
	    left: -5px;
	    height: 65px;
	    background: url(/sites/default/files/infographie/2010-trait.png) no-repeat center;
	    background-size: contain;
	}
	.accordion-bral .panelc.acc-2020 {
	  background: url(/sites/default/files/infographie/2020-full.png) no-repeat 100px 0px;
	    background-size: 80%;
	    height: 330px;
	    position: relative;
	    padding-bottom: 100px;
	}
	.accordion-bral .acc-2020 .block img {
	  width: 140px;
	    height: 95px;
	    object-fit: cover;
	    float: right;
	    display : block;
	}
	.accordion-bral .panelc.acc-2020 .block .square {
	  background: #19a985;
	}
	.accordion-bral .acc-2020 .block-1 {
	  position: absolute;
	  top: 80px;
	    left: 114px;
	}
	.accordion-bral .acc-2020 .block-1 img {
	    display: block;
	    width: 67px;
	    height: 67px;
	    object-fit: initial;
	    float: left;
	    position: relative;
	    margin-right: 15px;
	}
	.accordion-bral .acc-2020 .block-2 {
	  position: absolute;
	  top: 80px;
	    left: 480px;
	}
	.accordion-bral .acc-2020 .block-3 {
	  position: absolute;
	  top: 170px;
	    left: 195px;
	    width: 250px;
	}
	.accordion-bral .acc-2020 .block-3 p {
	  float: left;
	}
	.accordion-bral .acc-2020 .block-3 img {
	  float: none;
	  padding-top: 11px;
	    width: 115px;
	    height: 70px;
	    margin-left: 20px;
	}
	.accordion-bral .acc-2020 .block-4 {
	  position: absolute;
	  top: 170px;
	    left: 480px;
	}
	.accordion-bral .acc-2020 .block-5 {
	  position: absolute;
	  top: 329px;
	    left: 425px;
	    overflow: inherit;

			position: absolute;
    top: 170px;
    left: 195px;
    width: 250px;
		
	}

	/* Style the buttons that are used to open and close the accordion panel */
	.accordion-bral .accordion {
	  color: #444;
	  cursor: pointer;
	  width: 100%;
	  text-align: left;
	  border: none;
	  outline: none;
	  transition: 0.4s;
	  background-color: transparent;
	}

	/* Style the accordion panel. Note: hidden by default */
	.accordion-bral .panel {
	  padding: 0 18px;
	  display: none;
	  overflow: hidden;
	}

	/* -----------------> can start accordion style copy from here ------------------------*/

	.accordion-bral {
	  min-height: 0;
	  min-width: 220px;
	  width: 100%;
	  height: 100%;
	  background-color: #FFF;
	  margin: 0px!important;
	}
	.accordion-bral .ac-label {
	  font-family: Arial, sans-serif;
	  padding: 0 20px;
	  position: relative;
	  display: block;
	  height: auto;
	  cursor: pointer;
	  font-size: 19px;
	  height: 60px;
	}
	.accordion-bral .ac-label:hover {}
	.accordion-bral input + .ac-label  {
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.accordion-bral input:checked + .ac-label,
	.accordion-bral input:checked + .ac-label:active {}
	.accordion-bral input.ac-input {
	  display: none;
	}
	.accordion-bral .article {
	  overflow: hidden;
	  height: 0px;
	  margin-bottom: 15px;
	  max-height: auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.accordion-bral .article p {
	  color: #000;
		font-family: 'Roboto Condensed';
		font-size: 14px;
	  line-height: initial;
	}
	.accordion-bral input:checked ~ .article i {
	  -webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-in-out;
	  -o-transition: all 0.5s ease-in-out;
	  -ms-transition: all 0.5s ease-in-out;
	  transition: all 0.5s ease-in-out;
	}
	.accordion-bral input:checked ~ .article.ac-content {
	  height: auto;
	}
	.accordion-bral input:checked ~ .ac-label i:before {
	  transform: translate(2px, 0) rotate(-45deg);
	}
	.accordion-bral input:checked ~ .ac-label i:after {
	  transform: translate(-2px, 0) rotate(45deg);
	}


}




@media only screen and (max-width: 1023px) {
  .v2-desktop {
    display: none;
  }
}


/* ---------- accordion style end --------------------------------------- */



















/* mobile et tablette      Version Petros  */
@media screen and (min-width: 320px) and (max-width: 1023px) {

	.v2-desktop{
		display: none;
	}


	div.version-mobile{
		display: block;
		font-family: 'Barlow', sans-serif;
	    font-size: 15px;
	}



.couleur-orange       { background-color: #ED9300; }
.couleur-jaune        { background-color: #FACA00; }
.couleur-vert         { background-color: #94C62A; }
.couleur-vert-fonce   { background-color: #00A885; }

/* .panel {
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
} */



html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    margin: 0;
}
.node-content p.affichage-gras {
    font-weight: bold;
		margin-bottom: 15px;
}

.row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.row-float::after {
  content "";
  display: table;
  clear: both;
}

.float-right {
    float: right;
}

.space-between {
    justify-content: space-between;
}

ul {
	margin-top: 15px;
	margin-bottom: 15px;
}

.content ul li {
	margin-bottom: 15px;
}

/* li:last-child {
	margin-bottom: 0;
} */

button.accordion {
     border-radius: 35px;
     margin-top: 10px;
}

button img {
    margin-left: 5%;
}

button.accordion.annees-1950,
button.accordion.annees-1990 {   border: 1px solid #ED9300; }

button.accordion.annees-1960,
button.accordion.annees-2000 {   border: 1px solid #FACA00; }

button.accordion.annees-1970,
button.accordion.annees-2010 {   border: 1px solid #94C62A; }

button.accordion.annees-1980,
button.accordion.annees-2020  {   border: 1px solid #00A885; }


.panel.annees-1950 ul,
.panel.annees-1990 ul { list-style-image: url('/sites/default/files/infographie/carre-annees-1.png'); }

.panel.annees-1960 ul,
.panel.annees-2000 ul { list-style-image: url('/sites/default/files/infographie/carre-annees-2.png'); }

.panel.annees-1970 ul,
.panel.annees-2010 ul { list-style-image: url('/sites/default/files/infographie/carre-annees-3.png'); }

.panel.annees-1980 ul,
.panel.annees-2020 ul { list-style-image: url('/sites/default/files/infographie/carre-annees-4.png'); }

.img-container.carre-titre {
    height: 25px;
}
.img-container.carre-titre img {
    width: 25px;
}

.main-container {
    margin: 0;
}

.node-type-notre-histoire h1 {
    margin-top: 0;
    line-height: 20px;
	font-size: 25px;
	font-weight: bolder;
	margin-left: 25px;
}

.accordion {
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:after {
  color: #fff;
  font-weight: 1500;
  float: right;
  margin-right: 5%;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 30px;
}

.node-content ul li {
	background: none;
}

/*  the arrow on the accordion button */
.node-type-notre-histoire .active:after {
  content: "\005e";
  font-weight: normal;
}

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel .button-connection {
    margin-left: 25px;
    height: 26px;
    width: 5px;
}

.panel .annee {
    color: #fff;
    font-weight: 600;
    height: 38px;
    width: 90px;
    font-size: 25px;
    text-align: center;
    vertical-align: center;
}

.panel .annee p {
    margin: 0;
    padding-top: 6px;
	color: #fff;
	text-align: center;
    vertical-align: center;
	font-size: 25px;
}
.panel .content li .row p {
    width: 55%;
	color: #000;
}
p {
	color: #000;
}
.panel .content .img-container {
    margin-top: 15px;
    width: 40%;
}
.content .img-container img{
    width: 100%;
    height: auto;
}

.annees-1950 span.border-number,
.annees-1990 span.border-number{   color: #ED9300; }

.annees-1960 span.border-number,
.annees-2000 span.border-number {   color:  #FACA00; }

.annees-1970 span.border-number,
.annees-2010 span.border-number{   color: #94C62A; }

.annees-1980 span.border-number,
.annees-2020 span.border-number {   color: #00A885; }

span.border-number {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-size: 25px;
}

/*   années 1950  */
.panel.annees-1950  {
    margin-left: 32px;
}
.panel.annees-1950 ul {
	padding-left: 23px;
}

/*   années 1960  */
.panel.annees-1960 .button-connection {
    border-left: 4px dotted #FACA00;
}

.panel.annees-1960 .annees-connection {
    border-left: 4px dotted #FACA00;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1960 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1960 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-2.png");
    background-repeat: no-repeat;
}

.ans1960 .img-container.montparnasse img {
    height: 115px;
    min-height: 115px;
    min-width: 100px;
    width: auto;
}

.ans1960  ul {
    padding-left: 12px;
}

.ans1963  ul {
    padding-left: 16px;
}

.ans1965  ul {
    padding-left: 3px;
}

.ans1963 .row-float p {
    margin: 0;
}

.panel .content .img-container.minorage.rightimage {
    width: unset;
    margin-top: 0;
}

.panel .content .img-container.minorage.rightimage:before {
  content: '' ;
  display:block;
  float: right;
  height: 70px;

}

.panel .content .img-container.minorage.rightimage img {
  float:right;
  clear:both;
  width: 55%;
  margin: 0 0 0 5px;
}


/*   années 1970  */
.panel.annees-1970 .button-connection {
    border-left: 4px dotted #94C62A;
}

.panel.annees-1970 .annees-connection {
    border-left: 4px dotted #94C62A;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1970 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1970 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-3.png");
    background-repeat: no-repeat;
}

.majuscules {
    text-transform: uppercase;
}
.panel.annees-1970 .content .img-container.globe  {
    margin-top: 16px;
}
.panel.annees-1970 .content .img-container.globe img {
    width: 36px;
}

.ans1972 .img-container.logo-bouygues {
    width: 20%;
}

.panel .ans1972 .content li .row p {
  	margin-bottom: 15px;
}

.panel .ans1975 .content li .row p {
    width: 65%;
}


.ans1975 .img-container.chatelet-halles {
    width: 30%;
    margin-left: 5%;
}

.ans1978 .img-container.aerogare {
    margin-left: 5%;
}
.ans1972 ul {
    padding-left: 15px;
}

.ans1972 ul li.multiple-elements > p,
.ans1972 ul li.multiple-elements > div {
	margin-bottom: 15px;
}

.ans1975 ul {
    padding-left: 13px;
}


.ans1978  ul {
    padding-left: 13px;
}

/*   années 1980  */
.panel.annees-1980 .button-connection {
    border-left: 4px dotted #00A885;
    width: 8px;
    background-position-y: -3px;
}

.panel.annees-1980 .annees-connection {
    border-left: 4px dotted #00A885;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1980 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1980 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-4.png");
    background-repeat: no-repeat;
}

.panel.annees-1980 .annee.ans1984 {
    width: 180px;
}

.panel.annees-1980  .annee.ans1984 p {
    padding-top: 4px;
    padding-left: 20px;
}

.panel.annees-1980 .annee .img-container.logo-btp {
    margin-left: 40px;
    -ms-align-self: center;
    align-self: center;
}

.panel.annees-1980  .content li .row .img-container.logo-one  {
    width: 45px;
    margin-top: 0;
}

.panel.annees-1980 .ans1985 .content .row p {
    width: 75%;
}

.node-content .annees-1980  .ans1984 ul {
	margin-left: 20px;
}

.ans1984 ul {
    padding-left: 18px;
}

.ans1985 ul {
    padding-left: 0px;
}

.ans1987 ul {
    padding-left: 9px;
}

.ans1988 ul {
    padding-left: 14px;
}

.ans1989 ul {
    padding-left: 19px;
}

.node-content .annees-1989  .ans1984 ul {
	margin-left: 20px;
}


/*   1990    */
.panel.annees-1990 .button-connection {
    border-left: 4px dotted #ED9300;
}

.panel.annees-1990 .annees-connection {
    border-left: 4px dotted #ED9300;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1990 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-1990 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-1.png");
    background-repeat: no-repeat;
}

.panel.annees-1990 .ans1997 .content ul p {
    width: 60%;
}
.panel.annees-1990 .ans1997 .content ul .img-container {
    width: 35%;
    margin-left: 5%;
}

.panel.annees-1990 .ans1998 .content ul p {
    width: 60%;
}
.panel.annees-1990 .ans1998 .content ul .img-container {
    width: 28%;
    margin-left: 5%;
}

.ans1990 ul {
    padding-left: 4px;
}

.ans1991 ul {
    padding-left: 6px;
}

.ans1992 ul {
    padding-left: 0px;
}

.ans1993 ul {
    padding-left: 14px;
}

.ans1994 ul {
    padding-left: 14px;
}

.ans1995 ul {
    padding-left: 0px;
}

.ans1997 ul {
    padding-left: 0px;
}

.ans1998 ul {
    padding-left: 15px;
}

.ans1999 ul {
    padding-left: 12px;
}

/*   années 2000  */
.panel.annees-2000 .button-connection {
    border-left: 4px dotted #FACA00;
}

.panel.annees-2000 .annees-connection {
    border-left: 4px dotted #FACA00;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2000 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2000 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-2.png");
    background-repeat: no-repeat;
}

.ans2000 ul {
    padding-left: 17px;
}

.node-content .annees-2000  .ans2000 ul {
	margin-left: 20px;
}

.ans2004 ul {
    padding-left: 0px;
}

.ans2005 ul {
    padding-left: 13px;
}

.node-content .annees-2000  .ans2005 ul {
	margin-left: 20px;
}
.ans2007 ul {
    padding-left: 20px;
}

.ans2008 ul {
    padding-left: 25px;
}


/*   années 2010  */
.panel.annees-2010 .button-connection {
    border-left: 4px dotted #94C62A;
}

.panel.annees-2010 .annees-connection {
    border-left: 4px dotted #94C62A;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2010 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2010 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-3.png");
    background-repeat: no-repeat;
}

.ans2010 ul {
    padding-left: 19px;
}

.node-content .annees-2010  .ans2010 ul {
	margin-left: 20px;
}

.ans2013 ul {
    padding-left: 15px;
}


.ans2015 ul {
    padding-left: 22px;
}

.ans2016 ul {
    padding-left: 20px;
}

.ans2017 ul {
    padding-left: 25px;
}

.ans2018 ul {
    padding-left: 22px;
}

.ans2019 ul {
    padding-left: 29px;
}

/*   années 2020  */
.panel.annees-2020 .button-connection {
    border-left: 4px dotted #00A885;
    width: 8px;
    background-position-y: -3px;
}

.panel.annees-2020 .annees-connection {
    border-left: 4px dotted #00A885;
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2020 .annees-connection-sans {
    width: 36px;
    margin-left: 25px;
}

.panel.annees-2020 .annee {
    background-image: url("/sites/default/files/infographie/forme-annees-4.png");
    background-repeat: no-repeat;
}

.panel.annees-2020 .ans2020 .content ul p.city-play {
    width: 80%;
}

.panel.annees-2020 .ans2020 .content ul .img-container.city-play {
    width: 20%;
}



.panel.annees-2020 .ans2020 .content ul p.arena-paragraph {
    width: 58%;

}

.panel.annees-2020 .ans2020 .content ul .img-container.arena {
    height: auto;
    width: 40%;
    margin-left: 2%;
    margin-bottom: 2%;
}

.ans2020 ul {
    padding-left: 25px;
}

.ans2021 ul {
    padding-left: 27px;
}

.node-content .annees-2020  .ans2021 ul {
	margin-left: 20px;
}



}