﻿#menuToggle
{
	width:10%;
  display: block;
  position: relative;
  top: 50px;
  left: 20px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 46px;
  height: 8px;
  margin-bottom: 5px;
  position: relative;
  
  background: #708099;
  border-radius: 7px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle:hover span
{
	  background: orange;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: red;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 200px;
  margin: -30px 0 0 -30px;
  padding: 25px;
  padding-top: 55px;
    opacity: 0.9;
  /* background: WHITE; */
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  	/* border:10px solid GRAY; */
/* -moz-border-radius:30px; */
    /* -webkit-border-radius:30px;	 */
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}





#menu a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:0.8em;
}
#menu li
{color:white;
	 z-index: +8;
  padding: 10px 0;
  font-size: 18px;
  -moz-border-radius:25px;
    -webkit-border-radius:25px;	
	opacity: 0.9;
}
#menu li:first-child{
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu li:nth-child(2){
background-color: #729EBF;
background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu li:nth-child(3){
background-color: #F6AD1A;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}
#menu li:nth-child(4){
background-color: #F5A9F2;
background-image:-webkit-linear-gradient(top, #F5A9F2 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F5A9F2 0%, #9F391A 100%);
}
#menu li:nth-child(5){
background-color: #8181F7;
background-image:-webkit-linear-gradient(top, #8181F7 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #8181F7 0%, #9F391A 100%);
}
#menu li:nth-child(6){
background-color: #D8F781;
background-image:-webkit-linear-gradient(top, #D8F781 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #D8F781 0%, #9F391A 100%);
}
#menu li:nth-child(7){
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);

}#menu li:nth-child(8){
background-color: #539f19;
background-image:-webkit-linear-gradient(top,#539f19 0%, #1a3307 100%);
background-image:linear-gradient(to bottom,#539f19 0%, #1a3307 100%);

}
#menu li:nth-child(9){
background-color: #2271e3;
background-image:-webkit-linear-gradient(top,#333A40 0%, #2271f7 100%);
background-image:linear-gradient(to bottom,#333A40 0%, #2271f7 80%);

}
/* background des liens menus et sous menus au survol */
#menu li:first-child:hover, #menu li:first-child li:hover{
background:#65537A;
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
background:#729EBF;z-index:1;
}
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{
background:#F6AD1A;z-index:1;
}
#menu li:nth-child(4):hover, #menu li:nth-child(2) li:hover{
background:#729EBF;z-index:1;
}
#menu li:nth-child(5):hover, #menu li:nth-child(3) li:hover{
background:#F6AD1A;z-index:1;
}
#menu li:nth-child(6):hover, #menu li:nth-child(2) li:hover{
background:#729EBF;z-index:1;
}
#menu li:nth-child(7):hover{
background:#54e241;z-index:1;
}#menu li:nth-child(8):hover{
background:#729EBF;z-index:1;
}#menu li:nth-child(9):hover{
background:#54e241;z-index:1;
}
#menu li:last-child:hover, #menu li:last-child li:hover{
background:#54e241;z-index:1;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#b1 {
	width:50%;
	border:3px solid #6E6E6E;
-moz-border-radius:3px;
    -webkit-border-radius:3px;	
}
/* html { overflow-y: hidden; }  */

#entete {
	
	position:fixed;
	height:100px;
	width:100%;
	 font-size:40px;
background-color : #708099;
	text-align:center;
	color:white;
	border:3px solid #708099;
-moz-border-radius:3px;
    -webkit-border-radius:3px;	
	margin-left: 0;
	left: 0;
	padding: 0;
	top:0;z-index: +3;
}



#piedp {
	position:fixed;
	 font-size:18px;
background-color : #708099;
	text-align:center;
	color:white;
	border:3px solid #708099;
-moz-border-radius:3px;
    -webkit-border-radius:3px;	
	 height:10%;
bottom:0;
width:100%;
margin-top: 100%;
margin-left: 0;
left: 0;
	padding: 0;
	z-index: +3;
}


p:first-of-type:first-letter {
  float:left;
  font-size: 4em;
  padding: 0.05em 0.05em 0 0;
}
#desc {
	position: absolute;
margin-left: 10%;
float: left;
margin-top: 45%;

z-index: -1;
}

@keyframes conteneurap {
0% {opacity:0;}
99% {opacity:0;}
100% {opacity:1;}
} 


#figure {
   animation: conteneurap 3s 1;
}
body{
	 /* background: url(/images/div1.png) center 100%  no-repeat fixed,url(/images/div2.png) center 100% no-repeat fixed; */
	margin: 0; padding: 0;
	background-size: cover;
	top:10%;
	background-color: #708099;
}

#fb{margin-left: 70%;
position: fixed;
z-index: +20;
margin-top: 120px;
moz-border-radius:25px;
    -webkit-border-radius:25px;	
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.7);


}

#fb-page{
padding: 10px;
moz-border-radius:25px;
    -webkit-border-radius:25px;	}

#figure {
	overflow:none;
	position: relative;
 /* background: url(/images/div1.png)  */
	margin: auto;
 
  width:100vw;
 height:100vw;
  
  background-size: cover;
  z-index:1;
}


#figure .rideau {
  position: absolute;
 background-size: cover;
  left: 0;
  width: 100%;
  z-index:3;
top:80px;
  transition: 2s ease-in-out 0.5s;
/* display:none; */
  
}
#figure .rideau:first-of-type {
  clip-path: polygon(50% 0, 50% 100%, 0 100%, 0 0);
}

#figure .rideau:last-of-type {
  clip-path: polygon(50% 0, 50% 100%, 100% 100%, 100% 0);
}
#figure:target .rideau:first-of-type {
	
  transform: translateX(-2400px);
}

#figure:target .rideau:last-of-type {
	
  transform: translateX(2400px);
  
}



#site1  a {
	text-decoration:none;z-index: +1;
}

#volet_clos2  span {
	text-decoration:none;z-index: +1;
}
	
	#volet_clos1   {
	
   background: url(/images/div1.png) center 100% no-repeat fixed;
   	position: relative;
   
 height:120%;
width:100%;

z-index: 2;
}


#volet_clos2   {
   background: url(/images/div2.png) center 100% no-repeat fixed;
   position: relative;

background-size: cover;
height:300%;
width:100%;
z-index: 2;
}

h1{font: 18px;
	display:inline;
	}


#site12{
	width:250px;
margin-left: 35%;
}

#site13{
margin-left: 70%;
}


#titre0{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 120px;
margin-left: 100px;
padding:0 10px;visibility:hidden;}

#titre1{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 460px;
margin-left: 100px;
padding:0 10px;;}

#titre2{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 750px;
margin-left: 100px;
padding:0 10px;;}

#titre3{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 1040px;
margin-left: 100px;
padding:0 10px;;}

#titre4{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 70px;
margin-left: 100px;
padding:0 10px;
}

#titre5{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top:770px;
margin-left: 100px;
padding:0 10px;;}
#titre6{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 107%;
margin-left: 100px;
padding:0 10px;;}
#titre61{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 145%;
margin-left: 100px;
padding:0 10px;;}
#titre7{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
font: arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top:195%;
margin-left: 100px;
padding:0 10px;;}

#slide_inside0{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:40%;
margin-left: 100px;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);
margin-top: 150px;
padding: 20px;
}
#slide_inside1{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 510px;
margin-left: 100px;
padding: 10px;}

#slide_inside12{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 800px;
margin-left: 100px;
padding: 10px;}

#slide_inside13{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 1090px;
margin-left: 100px;
padding: 10px;}

#slide_inside2{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:60%;
	/* height:750px; */

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
top: 130px;
margin-left: 100px;
padding: 10px;}

#slide_inside3{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:60%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 840px;
margin-left: 100px;
padding: 10px;
}
#slide_inside3 img{
	margin: 10px;
vertical-align: text-top;
}
#slide_inside31{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 112%;
margin-left: 100px;
padding: 10px;
}
#slide_inside311{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top: 150%;
margin-left: 100px;
padding: 10px;
}


#slide_inside32{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:50%;

font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.7);
margin-top:200%;
margin-left: 100px;
padding: 10px;
}
@media screen and (max-device-width:480px)  {
	* {
		box-sizing: border-box;
	}
	#menuToggle span
{

  
  background: green;
}
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
	overflow-x:hidden;
		width: auto;
		margin: 0;
		padding: 0;
		background: url(/images/div1.png) center 100% no-repeat fixed;
	}
	
	
#site12{
	
margin-left:0%;
}

#site13{
margin-left: 0%;
}

	#entete{  height:20%;
	width:100%; 
	 font-size:18px;
	 }
	 #titre0{visibility:hidden;
		} #titre1{visibility:hidden;
		} #titre2{visibility:hidden;
		}#titre3{visibility:hidden;
		}#titre4{visibility:hidden;
		}#titre5{visibility:hidden;
		}#titre6{visibility:hidden;
		}#titre7{visibility:hidden;
		}
		
		#volet_clos1   {
			
   background:url(/images/div4.png) center 100% no-repeat fixed; 
   	position: relative;
margin-top: 0px;
 height:500%;
width:100%;

z-index: 2;
}
		
		#volet_clos2   {
			
   background:url(/images/div4.png) center 100% no-repeat fixed; 
   	position: relative;

 height:750%;
width:100%;
margin-top: -10px;
z-index: 2;
}
		
	#slide_inside0{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);
margin-top: 90px;
padding: 20px;
}#slide_inside1{position: relative;
margin-top: 150%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 #slide_inside12{position: relative;
margin-top: 10%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 #slide_inside13{position: relative;
margin-top: 10%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	  #slide_inside2{position: relative;

-moz-border-radius:25px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left:auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);
margin-top: -60%;
padding: 20px;
}
	 	  #slide_inside3{position: relative;
margin-top:  55%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 	  #slide_inside31{position: relative;
margin-top: 10%;
-moz-border-radius:35px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	  	  #slide_inside32{position: relative;
margin-top: 10%;
-moz-border-radius:35px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left:auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 
	
#menuToggle
{
	width:100%;
  display: block;
  position: relative;
  top: 0px;
  left: 5px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;float:left;
 } 

	 #menu li
{color:white;
	 z-index: +8;
  padding: 4px 0;
  font-size: 16px;
  -moz-border-radius:25px;
    -webkit-border-radius:25px;	
	opacity: 0.9;float:left;
}
	
#menu 
{ position: absolute;
  width: auto;
  margin: 0px;
  padding: 0px;
  padding-top: 0px;
  left: 0px;
}
	 #menu a
{ 
  padding: 1px;
 
}  
	.fb-page{display:none;


}.rideau{display:none;


}#fb{display:none;


} 
	 
}


@media screen and (orientation:landscape)and (max-device-width:740px)  {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		overflow-x:hidden;
		margin: 0;
		padding: 0;
		background: url(/images/div1.png) center 100% no-repeat fixed;
		scroll-x:no;
	}
	#site12{
	
margin-left:0%;
}

#site13{
margin-left: 0%;
}
	
	
	#entete{  height:20%;
	
	 font-size:18px;
	 }
	 #titre0{visibility:hidden;
		} #titre1{visibility:hidden;
		} #titre2{visibility:hidden;
		}#titre3{visibility:hidden;
		}#titre4{visibility:hidden;
		}#titre5{visibility:hidden;
		}#titre6{visibility:hidden;
		}#titre7{visibility:hidden;
		}
		
		#volet_clos1   {
			
   background:url(/images/div4.png) center 100% no-repeat fixed; 
   	position: relative;
margin-top: 0px;
 height:200%;


z-index: 2;
}
		
		#volet_clos2   {
			
   background:url(/images/div4.png) center 100% no-repeat fixed; 
   	position: relative;

 height:500%;

margin-top: -10px;
z-index: 2;
}
		
	#slide_inside0{position: absolute;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);
margin-top: 90px;
padding: 20px;
}#slide_inside1{position: relative;
margin-top: 60%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 #slide_inside12{position: relative;
margin-top: 10%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 #slide_inside13{position: relative;
margin-top: 10%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	  #slide_inside2{position: relative;

-moz-border-radius:25px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left:auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);
margin-top: 5%;
padding: 20px;
}
	 	  #slide_inside3{position: relative;
margin-top:  55%;
-moz-border-radius:25px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	 	  #slide_inside31{position: relative;
margin-top: 10%;
-moz-border-radius:35px;
    -webkit-border-radius:25px;	
width:auto;
 margin-left: auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}
	  	  #slide_inside32{position: relative;
margin-top: 10%;
-moz-border-radius:35px;
    -webkit-border-radius:25px;	
	width:auto;
 margin-left:auto;
font: 18px arial;
/* text-shadow: 1px 2px 2px white; */
	color:white;
	background-color: rgba(0, 0, 0, 0.8);

padding: 20px;
}

#menuToggle
{
	width:100%;
  display: block;
  position: relative;
  top: 0px;
  left: 5px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;float:left;
 } 

	 #menu li
{color:white;
	 z-index: +8;
  padding: 4px 0;
  font-size: 16px;
  -moz-border-radius:25px;
    -webkit-border-radius:25px;	
	opacity: 0.9;float:left;
}
	
#menu 
{ position: absolute;
  width: auto;
  margin: 0px;
  padding: 0px;
  padding-top: 0px;
  left: 0px;
}
	 #menu a
{ 
  padding: 1px;
 
} 
#fb{display:none;


}.fb-page{display:none;


}.rideau{display:none;


}
 
	 
}