/* Main menu */

::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;
}	

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: 560px;
	font-family: 'didot';
	font-size: 3.8em;
	position: absolute; top: 720px; left: 670px;
}

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

pic
{
  
	position: absolute; 
	top: 180px; 
	left: 730px;
}

pic1
{
  
	position: absolute; 
	top: 2180px; 
	left: 730px;
}

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

article16
{
	display: inline-block;
	text-align: left;
	color: #2f4f4f;
	margin: 25px;
	width: 800px;
	font-family: 'didot';
	font-size:3.2em;
	position: absolute; top: 2590px; left: 490px;
}

.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>