.round { border-radius: 50%; }
.eqlist {
	list-style-type: none;
}
	.eqlist li {
		display: inline-block;
		width: 200px;
	}

.loading {
	margin: 200px auto;
	width: 128px;
	height: 128px;
}
	.loading img {
		display: inline-block;
		margin: 0;
	}
.gm-style-iw {
	text-align: center;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.addFav {
	position: absolute;
	top:20px;
	right:5px;
	width:38px;
	height:30px;
	background-size: cover;
}
.addFav.fav-off:hover {
	background-image:url('../images/reservation/star2.png');
}
.fav-off {
	background-image:url('../images/reservation/star1.png');
}
.fav-on {
	background-image:url('../images/reservation/star3.png');
}
a#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        
        position: absolute;
		z-index: 4;
		top: 35%;
		right: 3%;

    
}
#photosactivitylist {
	width: 777px;
	height: 210px;
	overflow-x: scroll;
	overflow-y: hidden;
}
#photosactivitylist div {
	display: inline-block;
	padding: 15px;
}

#photosactivitylist div img {
	height: 150px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        font-size : 20px; /* hauteur du texte : 12 pixels */
        list-style:none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}


#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}



#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu a 
{
        display : block; 
        padding : 0; 
        background : #fff; /* Couleur du texte, actuellement = blanc */
        color : #696969; /* Couleur du fond, actuellement = noir */
        text-decoration : none; 
        width : 144px; 
}

/* Inversement des couleurs lorsque la souris passe */

#menu a:hover 
{
        color : #696969; /* Blanc*/
        background : #E3F6CE;
}



#menu li ul li a 
{
         background     : lightgrey;
         font-size : 12px;
         margin-left: 0px;
}




.capitale {
text-transform: capitalize;
}

.noir {
	margin-left: 60px;
	font-size: 20px;
	color: #66AF33;
	position: relative;
	}

.noir img {
		position: absolute;
		left: -55px;
		top: -15px;
		width: 50px;
		height: 50px;
		margin-bottom: 15px;
		border: 1px solid transparent;
		border-radius: 50%;
	}
	
#help, #help ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        
}

#help /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        
        position: absolute;
		z-index: 100;
		top: 35%;
		left: 1%;

    
}


#help li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        font-size : 20px; /* hauteur du texte : 12 pixels */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #help li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}


#help li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}



#help li:hover ul ul, #help li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#help li:hover ul, #help li li:hover ul, #help li.sfhover ul, #help li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#help a 
{
        display : block; 
        padding : 0; 
        background : #fff; /* Couleur du texte, actuellement = blanc */
        color : #696969; /* Couleur du fond, actuellement = noir */
        text-decoration : none; 
        width : 144px; 
}

/* Inversement des couleurs lorsque la souris passe */

#help a:hover 
{
        color : #696969; /* Blanc*/
        background : #E3F6CE;
}



#help li ul li a 
{
         background     : lightgrey;
         font-size : 12px;
         margin-left: 0px;
}




.select-stylelang {
    position: absolute;
    top:85px;
    right:5px;
    z-index:1000;
    border: 1px solid #ccc;
    width: auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fafafa;
    color: black;
}

.select-stylelang select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-stylelang select:focus {
    outline: none;
}	


.select-stylecur {
    position: absolute;
    top:89,7%;
    left:10px;
    z-index:1000;
    border: 1px solid #ccc;
    width: auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fafafa;
    color: black;
}

.select-stylecur select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-stylecur select:focus {
    outline: none;
}	
	  	  


#icon {position: absolute;
        	z-index:1000;
		top: 15%;
		left: 135px;
	   }
	   
	   
#iconindex {position: absolute;
        	z-index:1000;
		top: 15%;
		left: 120px;
	   }
	   
	   
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 20%;
      margin: auto;
  }
  
.in { display: inline; }

.mar { margin: 10px;
	   width: 300px;
	   height: 189px }
	   
.gris { background-color: #404040; width: 100%; height: 550px; }

h1 { color: white; }

@media screen and (min-width: 1300px) {
 	.fleche-g { position: absolute; top: 240%; left: 40%; font-size:100px; color:white; }
	.fleche-g:hover {color:limegreen;}
	.fleche-d { position: absolute; top: 240%; right: 40%; font-size:100px; color:white; }
	.fleche-d:hover {color:limegreen;}
}
@media screen and (min-width: 800px) and (max-width: 1300px) {
   	.fleche-g { position: absolute; top: 300%; left: 40%; font-size:100px; color:white; }
	.fleche-g:hover {color:limegreen;}
	.fleche-d { position: absolute; top: 300%; right: 40%; font-size:100px; color:white; }
	.fleche-d:hover {color:limegreen;}
}
@media screen and (min-width: 320px) and (max-width: 1150px) {
   	.fleche-g { display: none; }
	.fleche-d { display: none; }
}

/*
.fleche-g { position: absolute; top: 500%; left: 40%; font-size:100px; color:white; }
.fleche-g:hover {color:limegreen;}

.fleche-d { position: absolute; top: 500%; right: 40%; font-size:100px; color:white; }
.fleche-d:hover {color:limegreen;}
*/
.leftbutton {position: absolute; top :0%;left:0%;bottom:0%;width:15%;}
.rightbutton {position: absolute; top :0%;right:0%;bottom:0%;width:15%;}


.pop { position:fixed;
		z-index:10;
		width: 200px;
		height: 50px;
		bottom:-30px;
		 right: 10px; 
		 background-color: forestgreen;
		 color: white;
		 border-radius: 10px;
		 font-size:20px;
		 box-shadow: 12px 12px 12px 12px #aaa; }
		 
.pop:hover { background-color:limegreen; }


#login	{position: absolute;
		z-index: 4;
		top: 30%;
		right: 3%;
		font-size: 20px;
		font-weight: bold; }		  

#login a { color: #66AF33; }
#login a:hover { color: Silver; }
#login a:link { text-decoration: none; }
#login a:focus { outline:none;}


#envellope	{position: absolute;
		z-index: 4;
		top: 20%;
		right: 0%;
		font-size: 20px;
		font-weight: bold; }		  

#envellope a { color: #66AF33; }
#envellope a:hover { color: Silver; }
#envellope a:link { text-decoration: none; }


#edit {		font-size: 25px;
			background-color: grey;
			position: fixed;
			left: 0px;
			right: 0px;
			top: 20%;	
			padding:10px;	}
			
#edit p {	display: inline;
			list-style: none;    }

#edit a {	text-decoration:none; 
			color: lightgrey;
			display:inline-block;
			margin: 0 30px;			}
			
#edit a:hover { color: white; }
#edit a:active { color: white; }

.mm { margin-left: 260px; }


.listeG {		font-size: 25px;
			background-color: grey;
			width: 20%;
			position: fixed;
			left: 2%;
			top:35%;	
			padding:2%;	}
			
.listeG a {	text-decoration:none; 
			color: lightgrey;
			display:inline-block;
			margin: 0 30px;			}
			
.listeG a:hover { color: white; }
.listeG a:active { color: white; }


.encours { background-color: forestgreen;
	   border-radius:3px; }

.requier { position:absolute;
			top: 220px;
			left: 380px;
			width: 800px;
			background: #FFF;
			margin: 20px;
			padding: 20px;
			box-shadow: 0 0 5px #CCC;
			background-color:lightgrey;	}
			
.intp {  display: block;
		border: 1px solid #E0E0E0;
		padding: 8px;
		margin: 0 0 10px 0;
		font-size: 14px;
		width: 380px;
		border-radius: 3px;		}

.butt { background-color: limegreen;
		width: 200px;
		border: none;
		margin: 0 0 10px 0;
		color: #FFF;
		cursor: pointer;
		border-radius: 5px;		}
		
.containere { position:absolute;
			z-inex:-10;
			top: 200px;
			left: 400px;
			width: 800px;
			background: #FFF;
			margin: 100px auto;
			padding: 20px;
			box-shadow: 0 0 5px #CCC;	}

.mess {  width:700px;
		 height: 300px;  }

.titremess { width:700px;
		height: 30px;
		font-size:15px; }
		





a.categieicon span{
     position:absolute;                
     margin-top:45px;
     margin-left:-35px;
     color: black;
     background-color: grey;
     padding:5px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transform:scale(0) rotate(-12deg);
     opacity:0;
}


a.categieicon:hover span, a.categieicon:focus span{
     transform:scale(1) rotate(0);
     transition:all .25s; 
     opacity:1;       
}


.avatar { position: absolute;
		z-index: 4;
		top: 0%;
		right: 9%;
		overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
		} 
		
#noti_Container {
    height: 0px;
    position: relative;
    width: 0px;
    float: right;
    top: -50px;
    right: 50px;
}
.noti_bubble {
    background-color: red;
    border-radius: 30px;
    box-shadow: 1px 2px 1px gray;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    padding: 1px 6px;
    position: absolute;
    right: -48px;
    top: 0;
}

.noti_bubble2 {
    background-color: red;
    border-radius: 30px;
    box-shadow: 1px 2px 1px gray;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    padding: 1px 6px;
    position: absolute;
    right: 12px;
    top: 0;
}

/* report pro image css */	

.fond { position: absolute;
	width: 12%;
	z-index: 30;
	top: 120px;
	left: 15%;   }

/* fin report pro image css */

/* donation css*/
.Degrade { position:absolute;
z-index: -10;
background-image:linear-gradient(yellow, white);
padding: 20%;
width:100%;
left: 0px;
top:0%;
}


.akon { position:absolute;
		top: 40%;
		left:10%; 
		text-align: center;  }
		
.mariama {  position:absolute;
			top: 32%;
			right:10%;
			text-align: center;   }
	
			
.paypal {   position:absolute;
			top: 500px;
			left:45%; }
/* fin donation css*/


/* gift card css */ 
.gift-image { position: absolute;
			  z-index: 1;
			  top: 70px; 
			  left: 0px;
			  width: 100%;
			  height: 800px;   }

#cinquante { position:absolute;
	z-index: 2;
	top: 40%;
	left:15%;   }
		 
#cent { position:absolute;
	z-index: 2;
		top: 32%;
		left:35%;   }

#deuxcentcinquante { position:absolute;
	z-index: 2;
		top: 25%;
		left:55%;   }
		
#cinqcent { position:absolute;
	z-index: 2;
	    top: 70%;
	    left: 22% }
	    
#mille { position:absolute;
	z-index: 2;
	    top: 60%;
	    left: 40% }
	    
#deuxmille { position:absolute;
	z-index: 2;
	    top: 55%;
	    left: 60% }
	  
.foot { position:absolute;
	z-index: 2;
	top: 95%;
	left: 10%; }
/* fin gift card css */

/* Newsletters css */


.p{
     color:#CCCCCC;
     text-decoration: none; 
     text-align:center       
}


.p span{
    
     position:absolute;   
     margin-top:-5px;
     margin-left:-400px;
     color:white;
     background-image:url(images/news2.png);
     height:402px;
     width:400px;
     border-radius:0px;
       
     transition:all .01s;
     opacity:0;           
}

.p:hover span, .p:focus span{
     transform:scale(1) rotate(0);   
     opacity:1;     
}

.text { position: absolute;
		top: 44%;
		left: 23%;
		width: 210px;
		height:28px; 
		font-size: 16px;
		color:black;  }
		
		
.sub { position: absolute;
		
		top: 60%;
		left: 23%;  
		width: 217px; }

.rsubmit  { position: absolute;
				top: 59%;
				left: 23.6%;  
				width: 212px;
				background-color: Navy;
				border: none;
				margin: 0 0 10px 0;
				color: #FFF;
				cursor: pointer;
				font-size: 22px;		} 
				
.rsubmit:hover { background-color: blue;  }

/* fin Newsletters css */

/* contact us titre sharesensation */
h111 { color: LimeGreen;
	 font-size: 40px;	}
/* fin contact us titre sharesensation */



/* boite mail onglets */

.content{ 
         margin:0 0 0 280px;
         width:800px;
         border:1px solid limegreen;
         float:left;   
         font-size: 30px; } 

.content ul { list-style-type: none; } 

.content ul li:hover { background-color: lightgrey; } 

.content ul li a { text-decoration: none;
		   color: black; }  

.content ul li a:hover { color: green; }		

.mess {  width:99.5%;
         height: 400px;
         font-size: 20px;
         background-color: transparent;  }

.titre { width:99.5%;
         height: 30px;
         font-size: 20px;
         background-color: transparent; }

.input-mess { background-color: green;
              color:#fff;
              font-family:'Helvetica Neue',sans-serif;
              font-size:18px;
              line-height:30px;
              border-radius:20px;
              border:0;
              text-shadow:#C17C3A 0 -1px 0;
              width:120px;
              height:32px }

.input-mess:hover { background-color: #ed8223}  

.select-destinataire { background-color: green;
                        color:#fff;
                        font-size:18px;
                        line-height:30px;
                        border-radius:20px;
                        border:0;
                        text-shadow:#C17C3A 0 -1px 0;
                        width: auto;
                        height:32px }
                        
.boitemail ul{
    display: table;
    width: auto;
    margin: 100px auto;
    padding: 0;
    background: linear-gradient(forestgreen, limegreen);
    background: -webkit-linear-gradient(forestgreen, limegreen);
    background:    -moz-linear-gradient(forestgreen, limegreen);
    background:     -ms-linear-gradient(forestgreen, limegreen);
    background:      -o-linear-gradient(forestgreen, limegreen);
    background:         linear-gradient(forestgreen, limegreen);
    background: green;
    border-radius: 3px;
    font-size: 20px;
    
}
.boitemail ul li{
    display: table-cell;
}


.boitemail ul li a{
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .7); 
    text-decoration: none;
    padding: 8px 8px 17px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
                0 -1px 0 hsl(210, 100%, 32%) inset, 
                0 -2px 0 hsl(210, 100%, 38%) inset, 
                0 -3px 0 hsl(210, 100%, 44%) inset, 
                0 -4px 0 hsl(210, 100%, 50%) inset, 
                0 -5px 0 hsl(210, 100%, 60%) inset;
                transition: padding .3s;
                transition: padding .3s, background .3s;
                transition: all .3s .1s;
                position: relative;
}


.boitemail ul li:first-child a{
    border-radius: 3px 0 0 3px;
}
.boitemail ul li:last-child a{
    border-radius: 0 3px 3px 0;
}


.boitemail ul li a:hover,.boitemail ul li a:focus{
    background: rgba(255,255,255,.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
                0 -1px 0 hsl(210, 100%, 42%) inset, 
                0 -2px 0 hsl(210, 100%, 48%) inset, 
                0 -3px 0 hsl(210, 100%, 54%) inset, 
                0 -4px 0 hsl(210, 100%, 60%) inset, 
                0 -5px 0 hsl(210, 100%, 70%) inset; 
                padding: 8px 25px 17px 25px;
                transition: all .3s 0s;
} 

.boitemail ul li a:active{
    background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); 
    box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
}

.boitemail ul li a::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 9px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
}

.boitemail ul li a:hover::before,
.boitemail ul li a:focus::before{
    background: white;
    box-shadow: 0 0 2px white, 
                0 -1px 0 rgba(0, 0, 0, .4);
}                       
           

/* Fin boite mail onglets */




/* Debut fiche profile avec lien change email ect...*/


.contain-profile { background-color: white;
                   border-radius: 3px; 
                   z-index: 1;
                   width: 400px;
                   height: 500px;
                   box-shadow: 0 0 20px 0 #000000;
                    }
#profile-panel h2 {margin: 0 15px 20px;
      border-bottom: 1px solid limegreen;
      padding: 5px 10px 5px 0;
      font-size: 2em;
      text-align: center;}


.name-panel { text-align: center;
              padding: 10px;} 

#profile-panel .photo-avatar  { width: 100px; height: 100px; border-radius: 50px; }                    

#profile-panel {
  z-index: 2;
  width: 380px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.photo-profile {
  text-decoration:none;
  position:relative;
}

.photo-profile span { 
  display:none;
  border-radius:50px;
  color:black;
  background-color: rgba(192, 192, 192, 0.5);
}

.photo-profile:hover span {
  display:block;
  position:absolute;
  top:-40px;
  left:0;
  z-index:1000;
  width:100px;
  height: 100px;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;

  
}	

#profile-panel li {
  background: #c00 ;
  color: #fff ;
  border: 1px solid #600 ;
  margin-bottom: 1px ;
}


#profile-panel li a {
  display: block ;
  background: lightgrey ;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-decoration: none ;
  padding: 4px 0 ;
  text-align: left;
  padding-left: 30px;
}

#profile-panel li a:hover, #profile-panel li a:focus, #profile-panel li a:active {
  background: limegreen ;
  text-decoration: none; 
}


.aide-edit-profile { position: absolute;
		     top: 300px;
		     left: 150px; 
		     background-color: rgba(106, 90, 205, 0.5);
		     padding: 30px;
		     border-radius: 3px; } 
		     
.fleche-aide-edit-profile {
position: absolute;
top: 360px;
left: 367px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 50px;
border-color: transparent transparent transparent rgba(106, 90, 205, 0.5) ; }		     
  		


/* Fin fiche profile avec lien change email ect...*/

/* Debut menu profil fond blanc, mendu lightgrey, hover limegreen */

/* Menu non visible */
.menu-profile-panel { 
	display: none;
    width: 80%;
    height: 40px; 
    border-radius: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    background-color:#404040;
}
/* menu visible que si l'ecran est plus grand que 950 px de large */
@media screen and (min-width: 950px) {
    .menu-profile-panel {
        display: block;
    }
}


#navigation li {
  display: inline;
}

#navigation {
  margin-top: 0; 
  padding: 10px ;
  list-style: none ;
  text-align: center ;
}

#navigation li {
  display: inline ;
  margin-right: 1px ;
  color: #fff ;
}

#navigation li a {
  padding: 4px 20px ;
  color: #CCCCCC ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  color: #fff ;
  text-decoration: none; 
}
#navigation .actif { color: #449D44; }


/* Fin menu profil fond blanc, mendu lightgrey, hover limegreen */

/* Debut formulaire change profile */

.contain-profile-panel > div {
  display: inline-block;
  width: 49%;
  margin-top: 10px;
  text-align: right;
}

.form-profile-panel {
  	width: 500px;
  	padding: 10px;
  	border-radius: 10px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	  color: #444;
  	background-color: white;
  	box-shadow: 0 0 20px 0 #000000; }

.form-profile-panel .photo-avatar  { width: 80px; height: 80px; border-radius: 50px; margin-top: 10px;}
  	
.form-profile-panel  h3 {
	  	margin: 0 15px 20px;
	  	border-bottom: 1px solid limegreen;
	  	padding: 5px 10px 5px 0;
	  	font-size: 1.1em;
	  	text-align: center;
	}

.form-profile-panel	div{
		margin: 0 0 15px 0;
	  	border : none;
	}

.form-profile-panel	label {
	  	display: inline-block;
	  	width: 25%;
	  	text-align: right;
	  	margin: 10px
	}

.form-profile-panel input[type=text],.form-profile-panel input[type=password],.form-profile-panel input[type=date]{
  		width: 65%; 
  		font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
  		padding: 5px;
  		font-size: 0.9em;
  		border-radius: 5px;
  		background: rgba(0, 0, 0, 0.07);
	}
  
.form-profile-panel  input[type=text]:focus, input[type=password]:focus, input[type=date]:focus{
		background: #FFFFFF;
	} 

.form-profile-panel  .button {
  		font-size: 1em;
  		border-radius: 8px;
  		padding: 10px;
  		border: 1px solid #59B969;
  		box-shadow: 0 1px 0 0 #60BD49 inset;
  		 }
  		
.form-profile-panel  .button:hover {
  			background-color: lightgrey; 
  		}  
		     
  		
/* Fin formulaire change profile */ 

/* Debut menu account, notification ect... */	

.contain-account {
	background-color: white;
	border-radius: 3px; 
	z-index: 1;
	min-height: 100px;
	box-shadow: 0 0 20px 0 #000000;
	padding-bottom: 80px;
}


#menu-account li {
  display: inline;
}

#menu-account {
  margin-top: 0; 
  list-style: none ;
  text-align: center ;
}

#menu-account li {
  display: inline ;
  margin-right: 1px ;
  color: #fff ;
  background: #c00 ;
}

#menu-account li a {
  padding: 4px 20px ;
  background: white ;
  color: black ;
  
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  border-radius: 3px 3px 0px 0px; 
}

#menu-account li a:hover, #menu-account li a:focus, #menu-account li a:active {
  background: #a5b8da;
  text-decoration: none; 
}	
  
/* Fin menu account, notification ect... */

/*  Debut MENU Boite mail samir */

.menu-boite-mail-samir { 
    width: 80%;
    height: 40px; 
    border-radius: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    background-color: white;
    box-shadow: 0 0 20px 0 #000000;}


#navigation-boite-mail-samir li {
  display: inline;
}

#navigation-boite-mail-samir {
  margin-top: 0; 
  padding: 10px ;
  list-style: none ;
  text-align: center ;
}

#navigation-boite-mail-samir li {
  display: inline ;
  margin-right: 1px ;
  color: #fff ;
  background: #c00 ;
}

#navigation-boite-mail-samir li a {
  padding: 4px 20px ;
  background: lightgrey ;
  color: black ;
  border: 1px solid grey ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
}

#navigation-boite-mail-samir li a:hover, #navigation-boite-mail-samir li a:focus, #navigation-boite-mail-samir li a:active {
  background: limegreen ;
  text-decoration: none; 
}

/*  Fin MENU Boite mail samir */

/* Debut Liste boite mail et containere */



/* Fin Liste boite mail et containere */

/* Debut LIRE messages */

.lire-message { text-align: left;}

.lire-message img { margin-left: 20px;
                    width: 100px;
                    height: 100px;
                    background-color: rgba(192, 192, 192, 0.5);}

.lire-message-titre { margin-left: 20px; margin-top: 10px; font-size: 20px; }


.lire-message-expediteur  { position: relative;
                            top: -80px;
                            left: 130px; }

.lire-message-message { margin-left: 20px;
                        margin-right: 20px; }
                       
/* Fin LIRE messages */ 

/* DEBUT Help Forum */    

#contain-help-forum-samir { width: 900px;			 
                            padding: 5px;
                            border-radius: 10px;
                            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                            color: #444;
                            background-color: white;
                            box-shadow: 0 0 20px 0 #000000;}


#contain-help-forum-samir a { text-decoration: none;}

#contain-help-forum-samir ul { list-style-type: none; }

.titre-help-forum {    padding: 10px ;
                       text-align: left; 
                       width: 800px;
                       height: 30px; 
                     }




.liste-help-forum {    padding: 10px ;
				       margin-left: 45px;
                       text-align: left; 
                       width: 800px;
                       height: 30px; 
                     }

.forum_topic:hover { background: lightgrey ;
                          text-decoration: none; }

.forum_message {
	width: 890px;
	padding: 25px 0;
	border-bottom: 1px solid black;
}
	.forum_message .msg_content {
		padding: 0 25px;
		text-align: left;
	}
.help-forum-auteur {
  position: relative;
  top: 0px;
  left: 0px;
  padding-top: 4px ;
  padding-bottom: 4px;
  width: 230px;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  text-align: left; 
  text-decoration: none ;
}


.help-forum-sujet {
  position: relative;
  top: -27px;
  left: 233px;
  padding-top: 4px ;
  padding-bottom: 4px;
  width: 445px;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  text-align: left; ;
  text-decoration: none ;
}

.help-forum-date {
  position: relative;
  top: -54px;
  left: 680px;
  padding-top: 4px ;
  padding-bottom: 4px;
  width: 120px;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  text-align: center ;
  text-decoration: none ;
}

/* DEB resultat Search */ 

.align-search { background-color: lightgrey; 
				width: 60%;
				}


.search-list {
	position: relative;
	color: white;
			   width: 200px; 
			   height: 200px;
			   margin: 20px;
			   display: inline-block;  }


.search-list .prix {
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	text-decoration:none;
	bottom: 0;
	right: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 30px;
	z-index: 2; }
.search-list .changePic.prev:before, .search-list .changePic.next:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.search-list .changePic.prev i, .search-list .changePic.next i {
	cursor: pointer;
}
.search-list .changePic.prev, .search-list .changePic.next {
	background: none;
	display: none;
	position: absolute;
	bottom: 0;
	font-size: 24pt;
	text-align: center;
	height: 100%;
	width: 100px;
}
.search-list .changePic.prev { left: 0; text-align: left;}
.search-list .changePic.next { right: 0; text-align: right;}
.search-list:hover .changePic.prev, .search-list:hover .changePic.next {
	display: block;
}
.search-list .titre {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
}
.search-list .prix:hover { color: lightgrey; }				 

.search-list img { position: relative;
				   top: -37px;
				   left: 5px; 
				   z-index: 1;   }
                   
/* FIN resultat Search */ 

/* DEB Page de reservation */	

#booking-panel {
	 top: 130px;
	 position: fixed;
	 right: 5px;
	 width: 400px;
	 background-color: #fff;
	 border-style: solid; 
	 border-color: black;
	 border-width: 1px;
	 padding: 0 0 20px 0;
	 z-index: 40;
}

	#bpanel-header {
		margin: 0;
		padding: 10px 25px;
		text-align: right;
		width: 100%;
		line-height: 40px;
		background: #777;
		 font-size: 20px; 
		 color: white;
	}
	#bpanel-body {
		margin: 0;
		width: 100%;
		height: 200px;
		padding: 15px;
	}
		#bpanel-body .showExpand {
			display: none;
			opacity: 0;
		}
		#bpanel-body.expand .showExpand {
			display: block;
		}
.prix-booking-panel { position: absolute;
					  top: 0px;
					  left: 0px;
					  width: 100%;
					  height: 40px; 
					  background-color: rgba(0, 0, 0, 0.5); }

.booking-panel select { background: #fff;
   			width: 360px;
   			padding: 5px;
   			font-size: 16px;
   			line-height: 1;
   			border: 0;
   			border-radius: 0;
   			height: 34px;
   			margin-left: 20px;	}
 
.booking-panel input { width:165px; padding:5px; font-size: 16px; line-height: 1; height: 34px; margin-left: 20px;}  

#booking-panel table { margin-top: 35px; width: 100%; background-color:#fff; } 			
#booking-panel table tr { border-top: 1px solid black; border-bottom: 1px solid black; }	
	
.bande-blanche { width: 100%; background-color: #fff; }

.resume-review { padding: 0px 0px 20px 150px; }
.resume-review ul { display: inline-block; list-style-type:none;}
.review-contact-pro { position: relative; top: -20px; left: 80px; }
.review-contact-pro img { border-radius: 50%; }

.description-activite ul { display: inline-block; list-style-type:none; padding: 20px; }

.commentaire-activite { background-color: #fff;
			width: 100%; }
			

.filter a {padding: 10px 30px; background-color: #fff; margin-left: 40px; color:black; border: 1px solid lightgrey; color:black; }
.filter a:hover { border: 1px solid black; color:black; }		
#filters {
	height: 0;
	position: relative;
	overflow: hidden;
}	
.option { padding: 35px; background-color:#fff; }
						   
/* FIN Page de reservation */

/* DEB Page-profil-pro */
.part1 { padding:40px; }
.part1 img  { width: 200px; height:200px;}
.part1 ul { display: inline-block; list-style-type:none; padding: 20px; }

.part2 { background-color: #fff; padding:40px; }
.part2 ul li { display: inline-block; list-style-type:none; padding: 20px; }

.part3 { padding:40px; }

.part4 { padding:40px; background-color: #fff; }

/* FIN Page-profil-pro */	

.timeslot .spot {
	background: #2B7DE2;
	min-height: 45px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 10px 0;
	position: relative;
}

.timeslot .freespot {
	height: 10px;
}
						   
.close-spot {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	color: #DDD;
	font-size: 12pt;
	cursor: pointer;
}
.overlay {
	position: fixed;
	z-index: 159;
	width: 100%;
	min-height: 100%;
	background: rgba(0,0,0,0.7);
	text-align: center;
	display: none;
}
.overlay-white {
	position: fixed;
	z-index: 159;
	width: 100%;
	min-height: 100%;
	background: rgba(255,255,255,0.7);
	text-align: center;
	display: none;
}
	.overlay meter {
		margin: 400px auto;
		width: 350px;
		height: 30px;
	}
.reviewtable tr td { border:  none;}