/*Apparition menu Burger*/
@media (max-width: 968px) {
	* {
	  box-sizing: border-box;
	  scrollbar-color: transparent transparent; /* thumb and track color */
	  scrollbar-width: 0px;
	}
	.image {
		max-width:90%;
		max-height:250px;	
	}

	#pied_g { display:none; }
	#pied_p { display:block; height:50px; }
	
	#Mprincipal{
	display:none
	}
	#tophead {
		display:none;
	}
	#tophead1{
		display:block;
	}
	  .menu-button-container {
		display: flex;
	  }
	  .menu {
		position: absolute;
		top: 0;
		margin-top: 50px;
		left: 0;
		flex-direction: column;
		width: 100%;
		justify-content: center;
		align-items: center;
		z-index:100;
	  }
	  #menu-toggle ~ .menu li {
		height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  #menu-toggle:checked ~ .menu li {
		border: 1px solid #333;
		height: 2.5em;
		padding: 0.5em;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  .menu > li {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0.5em 0;
		width: 100%;
		color: #fff;
		background-color: #eee;
	  }
	  .menu > li:not(:last-child) {
		border-bottom: 1px solid #444;
	  }
	/*page sur mobile*/
	
	#global{
            width :100% ;
            padding :5px ;
	}
	#Bandeau {
		background-color:#009140;
		height:100px;
	}
	#Logo{
		display:none;
		margin-left:auto;
		margin-right:auto;
	}
	#Logo2{
		display:block;
		margin-left:7px;
		margin-right:10px;
		float:left;
	}
	#Logo2 img{
		width:100px;
	}
	#Zbout {
		display:none;
	}
	#contenu h1 {
		font-size: 15px;
		margin-top: 10px;
		color: #006AB1;
		white-space: nowrap;
	}
	#Ztitre{
		display:block;
		color:#fff;
		font-family: 'Poppins';
		height:100px;
		padding-top:5px;
		margin:10px 10px 3px;
		float:right;
	}
	#Ztitre h3{
		font-weight: lighter;
		font-size:12px;
		line-height:12px;
		padding-top:5px;
		margin-top:5px;
		margin-bottom:-5px;
	}
	#Ztitre h1{
		font-size:25px;
		margin:2px 0px 2px 0px;
	}
	#Ztitre h2{
		font-size:13px;
		margin:2px 0px 2px 0px;
	}
	
	/*Contenu mobile*/
	#actu {
		height:auto;
	}
	.actu1{
		border:none;
		display:block;
		position:relative;
		width:100%;
		margin:5px;
		height:auto;
	}
	.actu1 img{
		max-width:100%;
		height:auto;
	}
	.txtactu1{
	}
	.txt1actu1{
		display:block;
		position:absolute;
		top:67%;
		left:4%;
		width:92%;
		height:29%;
		opacity:1;
		color:#000;
	}
	.txt1actuSeule {
		display:block;
		position:absolute;
		font-size:11px;
	}
	.txt1actu1 h3{
		font-size:0.8em;
	}
	.txt1actu1 p{
		font-size:0.7em;
	}
	.actu2 {
		display:block;
		border:none;
		position:relative;
		width:100%;
		margin:5px;
	}
	.actu2 img{
		width:100%;
		height:100%;
	}
	.txtactu2{
	}
	.txt1actu2{
		display:block;
		position:absolute;
		top:67%;
		left:4%;
		width:92%;
		height:28%;
		opacity:1;
		color:#000;
	}
	.txt1actu2 h3{
		font-size:0.7em;
	}
	.txt1actu2 p{
		font-size:0.7em;
	}
	.actu3 {
		border:1px solid red;
		display:block;
		border:none;
		position:relative;
		width:100%;
		margin:5px;
	}
	.actu3 img{
		width:100%;
		height:100%;
	}
	.txtactu3{
	}
	.txt1actu3{
		display:block;
		position:absolute;
		top:67%;
		left:4%;
		width:92%;
		height:28%;
		opacity:1;
		color:#000;
	}
	.txt1actu3 h3{
		font-size:0.7em;
	}
	.txt1actu3 p{
		font-size:0.7em;
	}
	.pimgactu {
		width: 98%;
		height: auto;

		}
	.pimgpart {
		display:block;
		width: 100%;
		height: 20%;
		position:relative;
		}
	.bloc1 {
		width:98%;
		min-height:auto;
	}
	.bloc2 {
		width:98%;
		min-height:auto;
	}
	.bloc3 {
		width:98%;
		float:left;
		min-height:auto;
	}
	 footer .col1{
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size:60%;
	  color:#fff;
	  float:left;
	  width: 100%;
	  height:40px;
  }
  .col11{
	  padding-left:10px;
	  float:left;
	  width:100%;
  }
  .col22{
	  padding-left:0px;
	  float:left;
	  width:100%;
  }
 footer .col2{
	  color:#fff;
	  float:left;
	  width: 100%;
  }
  footer .col3{
	  color:#fff;
	  float:left;
	  width: 100%;
  }
  footer .col4{
	  color:#fff;
	  float:left;
	  width: 100%;
  }
   #container {
    margin: 20px auto;
    width: 95%;
  }
 #container h3 {
  color: #474544;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  }
    .underline {
    width: 68px;
  }
    #form_button {
    padding: 15px 25px;
  }
  #container form {
  padding: 7.5px;
  margin: 10px 0;
}
input[type='text'], [type='email'], [type='password'], select, textarea {
  font-size: 0.900em;
  letter-spacing: 0px;
  margin: 0em 0 1.275em 0;
}

.jur {
    font-size: 0.800em;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0em 0 0.875em 0;
    padding: 0 0 0.875em 0;
    text-transform: uppercase;
    width: 100%;
    color: #474544;
    opacity: 1;
}
.activite {
  font-size: 0.800em;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #474544;
}
.activite2 {
  font-size: 0.800em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #474544;
}

/* Partenaire*/
.contenu{
	border:none;
	position:relative;
	width:98%;
	margin:0px;
	padding-bottom:6px;
	border-bottom:1px solid #006AB1;
}
.parts {
	display:block;
	width:100%;
	position:relative;
}
.parts img {
	width:32px;
	height:32px;
}
.Part1 {
	display:block;
	width:100%;
	float:none;
	text-align:center;
}
.Part2 {
	display:block;
	width:100%;
	float:left;
}
.Part3 {
	display:block;
	width:100%;
	float:right;
}
.ptxt1part1 {
  display: block;
  width: 92%;
  opacity: 1;
  color: #000;
  margin-top: 120px;
}

.ptxt1part1 img{
	display: flex;
	justify-content:center;
}
	/* les tableaux*/
	table,thead,tbody,th,td,tr{ 	
	display: block
}
	
thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
  
td { 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align: left
	}
 
td:before { 
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	font-weight: bold;
	white-space: nowrap;
	text-align:left;
	content: attr(data-title)
	}
/*Formulaire CV*/

.blelus {
  display: block;
  position: relative;
  width: 45%;
  height: 200px;
  float: left;
  margin-bottom: 50px;
  margin-left: 15px;
}
#carous {
	width:320px;
	height:250px;
}
img.vte {
		object-fit:cover;
		max-width: 350px;
		height: 250px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.blocCouleurRouge, .blocCouleurVert {
		width:90%;
	}
	.blocNumerote {	
		float:center;
		margin:15px auto 15px auto;
		width:80%;
	}
	.TarifTd {
		width:90%;
	}

}