/*------------------------------------------ class*/
.F-left{
	float: left;
}
.F-right{
	float: right;
}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
	line-height: 0;
	font-size: 0;
}
.hidden {
	position: absolute;
	left: -10000px;
	visibility: hidden;
}
/*____________________________________________________________________html*/
body {
	/*background-color:#111;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1;
	
	background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#000000 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #000000;
}
#wrapper{
	width: 100%;
	/*background-color:#a8d;*/
}
main{
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	/*background-color:#000;*/
}
#container {
	/*background-color: rgba(255, 255, 255, 0.5);
	min-height: 800px;*/
	height: auto;
	padding: 0px;
	margin-top: 125px;
	/*border: 1px solid #000;*/

   -webkit-animation: contenu 0.4s ease-out backwards 0.35s;
    -moz-animation: contenu 0.4s ease-out backwards 0.35s;
    animation: contenu 0.4s ease-out backwards 0.35s; 
}
@keyframes contenu {
  0%   {opacity: 0;width:80%;}
 100% {opacity: 1;width:100%;}
}
@-webkit-keyframes contenu {
  0%   {opacity: 0;width:80%;}
 100% {opacity: 1;width:100%;}
}
@-moz-keyframes contenu {
  0%   {opacity: 0;width:80%;}
 100% {opacity: 1;width:100%;}
}
/*____________________________________________________________________ BLOCS */

/*------------------------------------------------------ BLOCS PAGE */
.blocs{
	position: relative;
	display: block;
	/*background-color:#ddd;*/
	width: 100%;
	height: 30%;
	
	background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#dddddd 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #dddddd;
}
/*------------------------------------------------------ BLOCS 50/50 */
.bloc_img{
	position: absolute;
	display:inline-block;
	/*justify-content: left;
	align-items: center;
	background-color:#eee;*/
	width: 60%;
	height: 100%;
	
		background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#dddddd 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#eeeeee 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #dddddd;
}
.bloc_txt{
	position: static;
	display:inline-block;
	background-color:#eee;
	width: 40%;
	height: 100%;
	padding: 3% 5%;
}
.bloc_txtM{
	position: static;
	display:inline-block;
	background-color:#eee;
	width: 40%;
	height: 100%;
	padding: 3% 5%;
	margin: 0 0 10px 0;
	min-height: 400px;
}
.bloc_legImg{
	position: absolute;
	display:block;
	background-color: rgba(0, 0, 0, 0.5);
	width: auto;
	height: auto;
	bottom:0;
	padding:10px;
	margin: 0 0 25px 15px;
}
.legImg-MBottom{
	margin: 0 0 15px 15px;
}
.bloc_legImgOut{
	position: relative;
	display:block;
	background-color: rgba(0, 0, 0, 0.7);
	width: auto;
	height: auto;
	bottom:0;
	padding:10px;
}
/*------------------------------------------------------ BLOCS 100 */
.bloc_txtP_100{
	position: static;
	display:block;
	background-color:#eee;
	width: 100%;
	height: 100%;
	padding: 0 5% 2% 5%;
}
.bloc_txtP_100_middle{
	position: static;
	display:block;
	background-color:#eee;
	width: 100%;
	height: 100%;
	padding: 0 5% 1% 5%;
}
.bloc_txtP_100:first-child{
	padding-top: 4%;
}
.bloc_txtP_100:last-child{
	padding-bottom: 4%;
}
.bloc_txtP_100M{
	position: static;
	display:block;
	background-color:#eee;
	width: 100%;
	height: 100%;
	padding: 3% 5%;
	margin: 0 0 10px 0;
}
.bloc_txtP_100Mini{
	position: static;
	display:block;
	background-color:#eee;
	width: 100%;
	height: 100%;
	padding: 2% 5%;
	margin: 0 0 10px 0;
}
.bloc_ttr100{
	position: static;
	display:block;
	background-color:#eee;
	width: 100%;
	height: 100%;
	padding: 4% 5% 2% 5%;
}
/*------------------------------------------------------ BLOCS DE SEPARATION - H2 */
.bloc_titre{
	background-color:#ddd;
	/*margin-top: 25px;*/
	padding: 35px 30px 0px 30px;
	width: 100%;
	height: auto;
	/*min-height: 50px;*/
	  
	background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#444444 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#444444 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#444444 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#444444 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#222222 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#444444 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #222222;
}
/*------------------------------------------------------ BLOCS TOP */
.bandeau_img100{
		/*float: none;*/
		width: 100%;
		position: relative;
		display:block;
		height: 300px;
		/*border-bottom: 10px solid;*/
	}
.bloc_GrosTitreCentral{
	position: relative;
	display:block;
	background-color: rgba(215, 255, 155, 0.0);
	width: 100%;
	height: 100px;
	padding: 2% 2% 1% 2%;
	margin: -150px 0 0 0;
}
.bloc_img100{
		position: relative;
		display:block;
		width: 100%;
		height: 600px;
		border-top: 5px solid #fff;
	}
/*.bloc_img100:last-child{
		border-bottom: 4px solid #000;
}*/
/*.bloc_txt100Mg{
	position: relative;
	display:block;
	background-color:#abd;
	width: 80%;
	height: 150px;
	padding: 3% 5%;
	margin: -70px 10% 0 10%;
		vertical-align: middle;
}*/
/*///////////////////////////////////////////////////////////////////////////////////// BLOC 3DAC */
.txt3DAC{
	float:left;
	position: relative;
	display:block;
	/*background-color:#45a;*/
	width: 78%;
	height: auto;
}
.logo3DAC{
	float:right;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width:22%;
	height: auto;
	padding: 15px;
	margin:0px 0% 0 0%;
	/*background-color:#7d1;*/
}
.logo3DAC img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
}
/*///////////////////////////////////////////////////////////////////////////////////// IMG BAS PAGES */
.BlocFond{
	/*margin-top: 88vh;*/
	position: relative;
	display: block;
	z-index: 1;
	/*background-color:#111;*/
	width: 100%;
	height: auto;
	border-top: 2px solid #000;
	padding: 40px 25% 0 25%;
}
#blocTxtLeg{
	z-index: 5;
	position: absolute;
	display: block;
	left:0;
	width: 100%;
	padding-left: 10px;
}
#blocTxtLegImg{
	z-index: 5;
	position: absolute;
	display: block;
	left:0;
	width: 100%;
	padding-left: 10px;
	padding-top: 40px;
}
.visuel{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	height: auto;
	padding: 0px 0;
	margin:0px 0% 0 0%;
}
.visuel img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width: 1300px){
	.BlocFond{
		padding: 25px 0% 0 0%;
	}
}
@media screen and (max-width: 1000px){
	#container {
		margin-top: 65px;
	}
	.bloc_GrosTitreCentral{
		margin: -100px 0 0 0;
	}
	/*.bloc_img:first-of-type{
		height: 320px;
	}*/
	.bloc_img{
		/*float: none;*/
		width: 100%;
		position: relative;
		display:block;
		height: 250px;
	}
	.bloc_txtP_100, .bloc_txtP_100M{
		padding: 5%;
	}
	.bloc_txtP_100_middle{
		padding: 1% 5%;
	}
	.bloc_txt{
		width: 100%;
		position: relative;
		display:block;
		height: auto;
		padding: 5%;
	}
	.bloc_txtM{
		position: relative;
		display:block;
		width: 100%;
		height: auto;
		padding: 5%;
		margin: 0;
		min-height: auto;
	}
	.bloc_img100{
		height: 400px;
	}
	/*.bloc_titre{
		border-bottom: 1px solid #555;
		margin-top: 0px;
	}*/
	.txt3DAC{
		width: 70%;
	}
	.logo3DAC{
		width:30%;
	}
}
@media screen and (max-width: 750px){
	.bandeau_img100{
			height: 250px;
	}
	.bloc_img100{
		height: 250px;
	}
	.bloc_txtP_100:first-child{
	padding-top: 8%;
	}
	.bloc_txtP_100:last-child{
		padding-bottom: 8%;
	}
	#blocTxtLegImg{
		padding-top: 15px;
	}
	.bloc_legImg{
	padding:5px 10px;
	margin: 0;
	}
}
@media screen and (max-width: 600px){
	.txt3DAC{
		width: 100%;
	}
	.logo3DAC{
		float:left;
		width:60%;
	}
}