body {
	background-color: #FFF;
}
#site {
	position: relative;
	width: 1800px;
	height: 1630px;
	background-color: #FFF;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sitecontact {
	position: relative;
	width: 1800px;
	height: 1000px;
	background-color: #FFF;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#siteeve {
	position: relative;
	width: 1800px;
	height: 3500px;
	background-color: #FFF;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sitedon {
	position: relative;
	width: 1800px;
	height: 1000px;
	background-color: #FFF;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sitepdf {
	position: relative;
	width: 990px;
	height: 900px;
	margin: 0 auto;
	padding-top: 20px;
	background-color: #FFF;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.dib {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	float: right;
	/* margin-right: 20px;*/ 
}
.logo {
display:none;
}
.entete {
	height: auto;
	width: 100%;
}
.home {
	width: 30px;
	height: 20px;
	margin-right: 20px;
}
a {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:#01485A;
	font-weight: normal;
}
a:hover {
    text-decoration: underline;
}
#menu_bureau {
	width: 100%;
	height: 120px;
	display: block;
	padding-top: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	/* border-bottom-width: thin;
	border-bottom-color: #666;*/
	background-color: #FFF;
	margin-bottom: 20px;
	vertical-align: baseline;
}
#btn_menu, #btn_fermer, #menu_mobile {
	display: none;
}
#cadre {
	width: 40%;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadreinfo {
    width: 80%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 40px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#cadregauche {
    width: 590px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#cadrecentre {
    width: 590px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#cadredroite {
	width: 590px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 0px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadredroiteportrait {
	width: 280px;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 60px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadregauche2 {
    width: 460px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#cadrecontact {
	width: 100%;
	height: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadredon {
	width: 100%;
	height: 280px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadrephoto {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#cadresmart {display:none;}
#cadremission {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#formulaire {
    width: 880px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 40px;
    padding-right: 40px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.btn_input {
	display:block;
	margin-top: 40px;
	margin-left: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: lighter;
	color: #333;
	padding: 20px 40px;
	background: #ffd17b;
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: 20px;
	position:relative;
	box-shadow: 0 6px #efa424;
}
.btn_input:over {
	box-shadow: 0 4px #efa424;
	top: 2px;
}
.btn_input:active {
	box-shadow: 0 0 #efa424;
	top: 6px;
}	
	
#extrait {
    width: 100%;
	height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.center {display: flex; justify-content: center; align-items: center;}
#cadreagenda {
	width: 800px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 120px;
	padding-right: 60px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#cadre100 {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}
#cadre100marge {
	width: 100%;
	height: 660px;
	margin-top: 60px;
	margin-bottom: 80px;
	padding-left: 400px;
	padding-right: 400px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#photo {
	display: inline-block;
	/*position:relative;*/
	float:right;
	vertical-align: top;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#photogauche {
	display: inline-block;
	/*position:relative;*/
	float:right;
	vertical-align: top;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#photodroite {
	display: inline-block;
	/*position:relative;*/
	float:left;
	vertical-align: top;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#portrait {
	display: inline-block;
	/*position:relative;*/
	float:right;
	vertical-align: top;
	margin-left: 60px;
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#david {
	display: inline-block;
	/*position:relative;*/
	float:right;
	vertical-align: top;
	margin-left: 60px;
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#plan {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bloc {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bloc2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-top: 44px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#pied {
	display: inline-block;
	background-color: #FFF;
	width: 100%;
	height: auto;
	margin-top: 60px;
	position: relative;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 40px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	color:#000000;
	line-height: 20px;
}
#pied2 {
	background-color: #FFF;
	width: 100%; 
	height: 60px;
	padding-top: 10px;
	bottom: 0px;
	/*position: absolute;*/ 
	position: fixed; 
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	color:#000000;
	line-height: 20px;
}
p {
	text-align:justify;
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 10px;
	}
h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	padding-bottom:20px;
	padding-top: 30px;
	line-height: 30px;
}
h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	padding-top: 30px;
	line-height: 30px;
	padding-bottom: 20px;
}
h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
}
h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	color: #000;
	line-height: 30px;
	margin-top: 60px;
}
.hauteurligne {
	line-height: 100px;
	padding-bottom: 10px;
	}
.rouge {
	font-size: 30px;
	color:#FF0004;
	font-family: 'Montserrat', sans-serif;
}
#align {
	display: inline-block;
	line-height: normal;
	padding-right: 20px;
}
#btndon {
	display: inline-block;
	line-height: normal;
	padding-left: 200px;
	padding-right: 0px;
}
ul {
}
li {
	text-align: justify;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding-left : 5px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #369;
}
#tableform {
	width: 554px;
}

/*<style>.pp-JD38GBVFTXT3N{text-align:center;border:none;border-radius:0.25rem;min-width:11.625rem;padding:0 2rem;height:2.625rem;font-weight:bold;background-color:#FFD140;color:#000000;font-family:"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.25rem;cursor:pointer;}</style>*/

.container {
  width:100%;
  margin:0 auto;
  position:relative;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
  background:#F9F9F9;
  padding: 0px;
  margin: 0px 0;
}

#contact h3 {
  color: #F96;
  display: block;
  font-size: 30px;
  font-weight: 400;
}

#contact h4 {
  margin:5px 0 15px;
  display:block;
  font-size:13px;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
  width:90%;
  border:1px solid #CCC;
  background:#FFF;
  margin:0 0 5px;
  padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
  -webkit-transition:border-color 0.3s ease-in-out;
  -moz-transition:border-color 0.3s ease-in-out;
  transition:border-color 0.3s ease-in-out;
  border:1px solid #AAA;
}

#contact textarea {
  height:100px;
  max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
  cursor:pointer;
  width:20%;
  border:none;
  background:#0CF;
  color:#FFF;
  margin:0 0 5px;
  padding:10px;
  font-size:15px;
}

#contact button[type="submit"]:hover {
  background:#09C;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
  outline:0;
  border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

@media only screen and (min-width : 570px) and (max-width : 1440px) {
    body {background-color: #CCC; background-image: url(); background-size:auto;}
    #site {width: 100%; height: 100%;}
	#sitecontact {width: 100%; height: 100%;}
	#siteeve {width: 100%; height: 100%;}
	#sitedon {width: 100%; height: 100%; box-shadow: 0;}
	#sitepdf {width: 990px; height: 100%;}
	#menu_bureau {width: 100%; height: 160px; vertical-align: baseline; padding-top: 40px; margin-bottom: 0px;}
	.dib {margin-right: 0px;}
	.logo {display:none;}
	.entete {height: 100%; margin-bottom: 0px;}
	.home {width: 20px; height: 15px; margin-right: 6px;}
	.rouge {font-size: 1.2em; color:#FF0004; font-family: 'Montserrat', sans-serif;}
	#cadre {width:100%; height: 100%; margin-top: 0px; margin-bottom: 10px; padding-top: 15px; padding-left: 30px; padding-right: 30px;}
	#cadrecontact {height: auto; margin-top: 20px; margin-bottom: 60px;}
	#cadredon {width: 100%; height: 80%; margin-top: 40px; margin-bottom: 20px;}
	#cadrephoto {width:100%; margin-bottom: 0px; margin-top: 0px;}
	#cadremission {width:100%; margin-bottom: 0px; margin-top: 0px;}
	#extrait {width:100%; height: 100%; margin-bottom: 40px; margin-top: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px;}
	#cadreinfo {width: 80%; height: auto; margin-top: 40px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-left: auto; padding-right: auto;}
	#cadregauche {width: 480px; height: auto; margin-top: 20px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	#cadrecentre {width: 480px; height: auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	#cadregauche2 {width: 460px; height: 100%; margin-top: 60px; margin-left: 200px;}
	#cadredroite {width: 480px; height: auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: 20px;}
	#cadredroiteportrait {margin-top: 20px; margin-bottom: 20px; margin-left: 0px;margin-right: 200px;padding-left: 0px;padding-right: 0px;}
	#cadre100marge {width:100%; height: auto; margin-top: 0px; margin-bottom: 40px; padding-top: 15px; padding-left: 100px; padding-right: 100px;}
	#portrait {display: inline-block; float:right; vertical-align: top; margin-left: 40px; margin-bottom: 20px;}
	#cadreagenda {width:100%; height: 100%; margin-top: 0px; margin-bottom: 10px; padding-top: 15px; padding-left: 30px; padding-right: 30px;}
    h1 {font-weight: bold; font-size: 0.9em; padding-top: 20px; padding-left: 0px; padding-bottom: 10px;}
    h2 {font-size: 22px;}
    h3 {font-size: 1em; padding-bottom: 10px; text-align: justify; line-height: 20px;}
	h4 {margin-bottom: 20px; text-align: center; line-height: 15px;}
	p {font-size: 16px;}
	a {font-size: 1em;}
    span {font-size: 0.8em; padding-left: 0px; text-align: center;}
	li {font-size: 16px;}
	nav a {margin-top: 0px;}
	#align {line-height: 20px; padding-right: 12px;}
	#btndon {padding-left: 0px;}
	#pied {width: 100%; height: 60px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-left: 0px; padding-right: 0px; display:inline-block;}
	#bloc2 {margin-top: 20px;}
	#plan {width: 100%; height: 100%; max-width: 100%;}
	#photo {width: 200px; height: 100%; max-width: 200px;}
}

@media (max-width : 570px) {
    body {background-color: #CCC; background-image: url(); background-size:auto;}
    #site {width: 100%; height: 100%; box-shadow: 0;}
	#sitecontact {width: 100%; height: 100%; box-shadow: 0;}
	#siteeve {width: 100%; height: 100%;}
	#sitedon {width: 100%; height: 100%; box-shadow: 0;}
	#sitepdf {width: 100%; height: 900px; box-shadow: 0;}
	#menu_bureau {display:none;}
    #menu_mobile {background-color: #00acc4; display: block; position: fixed; z-index: 10; width: 220px; height: 100vh; top: 20px; right: -320px;}
	#btn_menu {display:block; position:fixed; top: 10px; right: 10px; border: none; background: none;}
	#btn_fermer {display: block; float:right; border: none; background: none;}
	.dib {margin-right: 0px; left: 0px;}
	.logo {display:block; width: 40%; height: auto; padding-top: 10px; padding-left: 20px;}
	.entete {display:none;}
	.rouge {font-size: 1em; color:#FF0004; font-family: 'Montserrat', sans-serif;}
	.center {display: none;}
	#cadre {width:100%; height: 100%; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-left: 20px; padding-right: 20px;}
	#cadrephoto {display:none;}
	#cadresmart {display: inline-block; position: relative; width: 100%; margin-top: 20px; margin-bottom: 10px;}
	#cadremission {width:100%; margin-bottom: 0px; margin-top: 20px;}
	#extrait {width: 100%; height: auto; margin-top: 20px; margin-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px;}
	#cadreinfo {width: 90%; height: auto; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; padding-left: 0px; padding-right: 0px;}
	#cadregauche {width: 90%; height: auto; margin-top: 20px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; padding-left: 10px; padding-right: 10px;}
	#cadrecentre {width: 90%; height: auto; margin-top: 20px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; padding-left: 10px; padding-right: 10px;}
	#cadregauche2 {width: 400px; height: 100%; margin-left: 10px; margin-right: 0px; margin-top: 20px; margin-bottom: 0px;}
#cadredroite {width: 90%; height: auto; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; padding-left: 10px; padding-right: 10px;}
	#cadredroiteportrait {margin-top: 20px; margin-bottom: 20px; margin-left: 40px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
	#cadre100 {display: inline-block; vertical-align: top; width: 100%; margin-top: 10px;}
	#cadre100marge {width: 100%; height: 100%; margin-top: 20px; margin-bottom: 40px; padding-left: 20px; padding-right: 30px}
	#cadrecontact {height: auto; margin-top: 20px; margin-bottom: 20px;}
	#cadredon {width: 100%; height: 100%; margin-top: 40px; margin-bottom: 40px;}
	#portrait {width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 20px;}
	#david {display: none}
	#cadreagenda {width:100%; height: 100%; margin-top: 10px; margin-bottom: 10px; padding-top: 15px; padding-left: 20px; padding-right: 20px;}
    h1 {font-weight: bold; font-size: 1em; padding-top: 20px; padding-left: 0px; padding-bottom: 10px;}
    h2 {font-size: 1.2em;}
    h3 {font-size: 1em; padding-bottom: 10px; text-align: justify; line-height: 20px;}
	h4 {font-size: 1em; padding-bottom: 5px; text-align: center; line-height: 15px;}
	p {font-size: 1em;}
    span {font-size: 0.8em; padding-left: 0px; text-align: center;}
	li {font-size: 1em; line-height: 22px;}
	nav a {margin-top: 0px;}
	a {font-weight: 1em;}
	#pied {width: 100%; height: 120px; margin-top: 10px; margin-bottom: 10px; padding-bottom: 20px; padding-top: 0px; padding-left: 10px; padding-right: 10px; display: inline-block;}
	#photo {width: 150px; height: 100%; max-width: 150px;}
	#photogauche {float:left; width: 100%; height: auto; margin-left: 0px}
	#plan {width: 100%; height: 100%; max-width: 100%;}
	#align {display: block; padding-right: 5px;}
	#btndon {padding-left: 100px; margin-bottom: 40px;}
	#list {text-align: left; font-family: 'Montserrat', sans-serif; color:#FFF; font-size: 18px; font-weight: normal; line-height: 40px; padding-left: 30px; border-bottom-style: solid; border-bottom-width: thin;
	 border-bottom-color: #666;}
	 #top {padding-top: 40px;}
	#bloc {width: 100%; height: 100%; max-width: 100%;}
	#bloc2 {width: 100%; height: 100%; max-width: 100%; margin-top: 20px;}
	#formulaire {width: 100%;}
	#tableform {width: 100%; padding-right: 10px;}
	#contact button[type="submit"] {padding:5px; font-size:12px;}
}