/* Main menu */
<style>
::selection {
 background: rgba(0,0,0,0.05);
}

body
{
	background: url(https://www.psychologue-hautrhin.fr/www/web_images/frise.png);
	width: 100%;
	margin: 0px auto;
}  

nav
{
	display: inline-block;
	width: 470px;
	position: absolute; top: 350px; left: 10px;
}	

titre
{
	display: inline-block;
	text-align: center;
	color: #2f4f4f;
	width: 800px;
	font-family: 'didot';
	font-size: 2.2em;
	position: absolute; top: 770px; left: 450px;
}

titre1
{
	display: inline-block;
	text-align: center;
	color: #2f4f4f;
	width: 800px;
	font-family: 'didot';
	font-size: 2.2em;
	position: absolute; top: 990px; left: 480px;
}

titre2
{
	display: inline-block;
	text-align: justify;
	color: #2f4f4f;
	width: 500px;
	font-family: 'didot';
	font-size: 3.8em;
	position: absolute; top: 720px; left: 890px;
}

titre3
{
	display: inline-block;
	text-align: justify;
	color: #2f4f4f;
	width: 650px;
	font-family: 'didot';
	font-size: 3.1em;
	position: absolute; top: 820px; left: 790px;
}

titre4
{
	display: inline-block;
	text-align: justify;
	color: #2f4f4f;
	width: 650px;
	font-family: 'didot';
	font-size: 0.7em;
	position: absolute; top: 680px; left: 20px;
}

titre5
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size: 1em;
	position: absolute; top: 1690px; left: 0px;
}

pic1
{
  
	position: absolute; 
	top: 150px; 
	left: 680px;
}

pic2
{
  
	position: absolute; 
	top: 30px; 
	left: 280px;
}

pic4
{
  
	position: absolute; 
	top: 2180px; 
	left: 500px;
}


pic6
{
  
	position: absolute; 
	top: 2810px; 
	left: 730px;
}

pic7
{
  
	position: absolute; 
	top: 7080px; 
	left: 510px;
}

pic8
{
  
	position: absolute; 
	top: 7690px; 
	left: 740px;
}

pic3
{
  
	position: absolute; 
	top: 11050px; 
	left: 510px;
}

pic9
{
  
	position: absolute; 
	top: 11760px; 
	left: 750px;
}
pic10
{
  
	position: absolute; 
	top: 1200px; 
	left: 350px;
}

article
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 800px;
	margin: 25px;
	font-family: 'didot';
	font-size:3.6em;
	position: absolute; top: 1100px; left: 500px;
}

article1
{
	display: inline-block;
	text-align: center;
	color: #2f4f4f;
	width: 800px;
	font-family: 'didot';
	font-size: 3.6em;
	position: absolute; top: 4550px; left: 490px;
	border: 10px solid black;
	margin: 0px;
	padding: 150px 5px 5px 0px;
	border-radius: 10px
}
article3
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 990px;
	margin: 25px;
	font-family: 'didot';
	font-size:3.7em;
	position: absolute; top: 1090px; left: 510px;
}

article4
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 800px;
	margin: 25px;
	font-family: 'didot';
	font-size:3.6em;
	position: absolute; top: 5250px; left: 500px;
}

article5
{
	display: inline-block;
	text-align: justify;
	color: #2f4f4f;
	width: 990px;
	font-family: 'didot';
	font-size: 2.5em;
	position: absolute; top: 3600px; left: 400px;
	border: 2px solid black;
	border-radius: 10px
}

article6
{
	display: inline-block;
	text-align: center;
	color: #2f4f4f;
	width: 850px;
	font-family: 'didot';
	font-size: 2.5em;
	position: absolute; top: 12550px; left: 470px;
	border: 2px solid black;
	border-radius: 10px

}

article7
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size: 3.7em;
	position: absolute; top: 4650px; left: 510px;
}

article8
{
	display: inline-block;
	text-align: center;
	color: #2f4f4f;
	width: 850px;
	font-family: 'didot';
	font-size: 2.5em;
	position: absolute; top: 8450px; left:470px;
	border: 2px solid black;
	border-radius: 10px
}

article9
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 990px;
	font-family: 'didot';
	font-size: 1em;
	position: absolute; top: 590px; left: 390px;
}

article10
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size: 3.7em;
	position: absolute; top: 9750px; left: 510px;
}

article11
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size:3.7em;
	position: absolute; top: 12900px; left: 510px;
}

article15
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size:3.7em;
	position: absolute; top: 5800px; left: 510px;
}

article16
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	width: 900px;
	font-family: 'didot';
	font-size: 3.7em;
	position: absolute; top: 4050px; left: 510px;
}

.menu-content {
   	font: bold 36px/36px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
    padding: 0 0 0 0px;
	
}
.menu-cont {
   	font: bold 36px/36px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
    padding: 0 0 0 0px;
	
}
.collapsible-menu {
   
    padding: 5px 0px;
    list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 10px;
	border-radius: 30px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
	color: #999;
}

.collapsible-menu ul {
    list-style-type: none; 
    padding: 10px;
	color: #999;
}

.collapsible-menu a {
    display:block;
    padding: 20px; 0px;
    text-decoration: none;
	color: #999;
}


.collapsible-menu label {
    font-family: 'Sedgwick Ave Display', cursive;
    font-size: 65px;
    display: block;
	text-align: center;
    cursor: pointer;
	background: url(https://www.psychologue-hautrhin.fr/www/web_images/menu.png) no-repeat left;
    padding: 0px 0 10px 0px;
	
}

.collaps-menu label {
    font-family: 'Helvetica', cursive;
    font-size: 40px;
    display: block;
	text-align: left;
    cursor: pointer;
	background: none;
    padding: 20px 0 0px 20px;
	
}

input#menu {
    display: none;
}

input#Sarah {
    display: none;
}

input#Psy {
    display: none;
}

input#Prat {
    display: none;
}

.menu-content {
    max-height: 0;
	   font-size: 40px;
    overflow: hidden;
    font-family: 'Oswald', sans-serif; 
    padding: 0 0 0 40px;
}

.menu-cont {
    max-height: 0;
    overflow: hidden;
    font-family: 'Oswald', sans-serif; 
    padding: 0 0 0 0px;
}

/* Toggle Effect */



input:checked ~ .menu-content {
    max-height: 100%;
}

input:checked ~ .menu-cont {
    max-height: 100%;
}



/*
<!-- AdPacks -->
<style>
#adpacks-wrapper{font-family: Arial, Helvetica;width:280px;position: fixed;_position:absolute;bottom: 0;right: 20px;z-index: 9999;background: #eaeaea;padding: 10px;-moz-box-shadow: 0 0 15px #444;-webkit-box-shadow: 0 0 15px #444;box-shadow: 0 0 15px #444;}
body .adpacks{background:#fff;padding:15px;margin:15px 0 0;border:3px solid #eee;}
body .one .bsa_it_ad{background:transparent;border:none;font-family:inherit;padding:0;margin:0;}
body .one .bsa_it_ad .bsa_it_i{display:block;padding:0;float:left;margin:0 10px 0 0;}
body .one .bsa_it_ad .bsa_it_i img{padding:0;border:none;}
body .one .bsa_it_ad .bsa_it_t{padding: 0 0 6px 0; font-size: 11px;}
body .one .bsa_it_p{display:none;}
body #bsap_aplink,body #bsap_aplink:hover{display:block;font-size:9px;margin: -15px 0 0 0;text-align:right;}
body .one .bsa_it_ad .bsa_it_d{font-size: 11px;}
body .one{overflow: hidden}
</style>