body{

}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

#entete{
	width:100%;
	  margin: 0 auto;
position:fixed;
text-align:center;
top:0;
z-index:500;
background-color:white;
}




.divtextesommaire{
	margin-left:60%;
	padding:3% ;
	display: inline-block;
		position: relative;
	width:30%;
	border: 1px solid black;
		background-color:#7E99B6;
	color:#FFFFFF;
		font-size: 16px;
}

.divtextemaj{
 padding-left:10%;
	display: inline-block;
		position: relative;
	width:80%;
	border: 0px ;
}

#contenu{
	
 padding-left:10%;
 
	display: inline-block;
	position: relative;
	width:80%;
	border: 0px solid black;
}



#contenub{	
 padding-left:10%;
	display: inline-block;
	position: relative;

	border: 0px solid black;
}



.divgauchemin{

	max-width:30%;
	width:auto;
	border: 0px solid black;
	float: left;
}

.divdroitemaj{
	display: inline-block;
padding-left:5px;
	max-width:50%;
	width:50%;
	border:0px solid black;
	text-align:left;
	float: left;
}





.divgauchemaj{
	display: inline-block;
max-width:50%;
	width:50%;
	border: 0px solid black;
	text-align:left;
	float: left;
}

.divdroitemin{
display: inline-block;
	max-width:30%;
	width:auto;
	border: 0px solid black;
	float: left;
}


#contenufooter{
	background-color:#7E99B6;
	color:#FFFFFF;
 
	display: inline-block;
	position: relative;
	width:99%;
	border: 0px solid black;
}

#contenufooterb{
	padding-left:15%;
	display: inline-block;
	position: relative;
	width:80%;

}

#divfootsommairepart1{
	color:#FFFFFF;
	font-size: 14px;
	width:30%;
	border: 0px solid black;
	text-align:left;
	float: left;
	display:block;
	padding-left:15%;
}
#divfootsommairepart2{
	color:#FFFFFF;
		font-size: 14px;
	width:30%;
	border: 0px solid black;
	text-align:left;
	float: left;
	display:block;
	
}
#divfootsommairepart3{
	color:#FFFFFF;
		font-size: 14px;
	width:20%;
	border: 0px solid black;
	text-align:left;
	float: left;
	display:block;
	
}


#divfootgauche{
	width:30%;
	border: 0px solid black;
	text-align:left;
	float: left;
	display:block;
}


#divfootmilieu{
	width:30%;
	border: 0px solid black;
	text-align:left;
	float: left;
	display:block;
}

#divfootdroit{
	width:30%;
	border: 0px solid black;
	text-align:right;
	float: left;
	display:block;
}

.suprmobile{

}

.entete{
	
}

.pourmobile{
	display:none;
}

.contactpartgauche{
	display: inline-block;
}

.contactpartdroite{
		float: left;
	padding-left:20px;
	display: inline-block;
}



.contactcol1{
	padding-left:20px;
	float: left;
}

.contactcol2{
	margin-left:40px;
	float: left;
}

.contactcol3{
	padding-left:20px;
	float: left;
}

.contactcol4{
	margin-left:40px;
	float: left;
}

.contactbutton{
	text-align:center;
}


.msgtextarea{
	width: 640;height: 350px;
}


#imageport{
	
}

#paragraphelire{
 

}

@media screen and (max-width: 480px) {
	#contenu{padding-left:0 !important;display: block !important; min-width:100% !important;}
	#contenub{padding-left:0 !important;display: block !important; min-width:100% !important;}
	.divdroitemin{position: absolute;visibility:hidden !important;display:none !important;width:0% !important;max-width:0% !important; }
	.divdroitemaj{width:100% !important;display: block !important; min-width:100% !important;}
	.divtextemaj{width:100% !important;display: block !important; min-width:100% !important; padding-left:0 !important;}
	.divgauchemaj{width:100% !important;display: block !important; min-width:100% !important;}
	.divgauchemin{position: absolute;visibility:hidden !important;display:none !important;width:0% !important;max-width:0% !important; }
	.suprmobile{display:none;}
	
	#divfootsommairepart1{clear: left;width:100% !important;display: block !important; min-width:100% !important;padding-left:0 !important;}
	#divfootsommairepart2{clear: left;width:100% !important;display: block !important; min-width:100% !important;padding-left:0 !important;}
	#divfootsommairepart3{clear: left;width:100% !important;display: block !important; min-width:100% !important;padding-left:0 !important;}
	
	#divfootgauche{clear: left;width:100% !important;display: block !important; min-width:100% !important;}
	#divfootmilieu{clear: left;width:100% !important;display: block !important; min-width:100% !important;}
	#divfootdroit{clear: left;width:100% !important;display: block !important; min-width:100% !important;}
	.pourmobile{display:block;}
	.contactpartdroite{ clear: left;padding-left:0px !important; }
	.contactcol1{   padding-left:0px !important; margin-left:0px  !important; }
	.contactcol2{   padding-left:0px !important;margin-left:0px  !important; }
	.contactcol3{   padding-left:0px !important; margin-left:0px  !important; }
	.contactcol4{   padding-left:0px !important;margin-left:0px  !important; }
	.contactbutton{	text-align:center;  }
	.divtextesommaire{	margin-left:0%;width:90% !important;}
	#imageport{ width:30% !important;}
	body{padding-left:0px !important;margin-left:0px  !important;}
}

a{
     margin: 0;
 text-decoration: none;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}


input{
border-style: inset;
border-width: 2px;
font-size: 12px;
font-family: monospace;

padding: 1px 0px 1px 0px;
background-color: white;

  margin-left: auto;
  margin-right: auto;
}

input:focus {
  background: #eaeaea;
}



.myButton {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}

#lienblanc{
	text-decoration: none;
	color: white;	
}

#liennoirsouligne{
	text-decoration: underline;
	color: black;	
	font-weight: bold;
}

#menulien{	
	color: black;	
}


#menulien:hover {
  top: 150px;
  right: 70px;
  -webkit-animation: anim 4s 500ms infinite normal ease-out forwards;
  animation: anim 4s 500ms infinite normal ease-out forwards;
}

#menulien::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .3s;
}

#menulien:hover::after {
    width: 100%;
    //transition: width .3s;
}





.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #232323;
	overflow: hidden;
	position: fixed;
    bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #3E9B67;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}

.trouvervotre {
color:#549ACA;
	font-weight: bold;
		border-radius:12px 12px 12px 12px;

		box-shadow:1px 1px 3px #999;
		padding:17px;
	font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
 
 
 
 
 
 
  ul {
  margin-left: 10%; 
  padding: 0;
  list-style: none;
  overflow: hidden;
}

 .menu li a {
	 	font-size: 18px;
  display: block;
  padding: 20px ;
      padding-bottom: 0px ;
  border-right: 1px solid WHITE;
  text-decoration: none;
}



 .menu-btn li a {
	 	font-size: 18px;
  display: block;
  padding: 20px ;
      padding-bottom: 0px ;
  border-right: 1px solid WHITE;
  text-decoration: none;
}





 .menu-btn:hover li a:hover{
  background-color: WHITE;
}


/* menu */

 .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

 .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

 .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

 .menu-icon .navicon:before,
 .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

 .menu-icon .navicon:before {
  top: 5px;
}

 .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

 .menu-btn {
  display: none;
  
}

 .menu-btn:checked ~ .menu {
  max-height: 280px;
}

 .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

 .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

 .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
    .menu li {
    float: left;
  }
   .menu li a {
  padding: 20px ;
    padding-bottom: 0px ;
  }
   .menu {
 width:90%;
    clear: none;
   text-align:center;
    max-height: none;
  }
   .menu-icon {
    display: none;
  }
}