@charset "utf-8";
/* CSS Document */

body {
	background: #dcfde6;
}

#conteneur {
	width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	/*background: #666;*/
	box-shadow: 2px 2px 20px black;
	border-radius: 10px 10px 0 0;
}

#titre {
	width: 100%;
	height: 80px;
	background: #23b14d;
	margin-top: -10px;
	text-align: center;
	box-shadow: 2px 2px 3px black;
	margin-bottom: 4px;
}

#profil {
	width: 850px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	background: #FF6;
}

#bas {
	width: 1100px;
	height: auto;
	/*background: #600;*/
}

#bas-gauche {
	float: left;
	width: 850px;
}

#gauche {
	width: 240px;
	height: auto;
	float: left;
}

#pub {
	width: 240px;
	height: auto;
	margin-bottom: 10px;	
	padding: 5px;
}

#darkpub {
	width: 240px;
	height: auto;
	padding: 5px;
}

/*#milieu {
	width: 600px;
	float: right;
}*/

#menu {
	width: 1100px;
	height: 50px;
	background: #F0F;
	margin-bottom: 5px;
	background: #23b14d;
	border-radius: 10px 10px 0 0;
}

#contenu {
	width: 600px;
	height: auto;
	/*overflow-y: auto;
	background: #9F3;*/
	padding-top: 10px;
	float: right;
}

.article {
	width: 560px;
	margin-bottom: 10px;
	max-height: 350px;
	overflow-y: auto;
	border: 3px solid #23B14D;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

#droite {
	width: 240px;
	height: auto;
	float: right;
	margin-right: 10px;	
}

/*#vide {
	width: 240px;
	height: auto;
	float: right;
	position: fixed;	
}*/


#amis {
	width: 240px;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
}

#lien {
	width: 240px;
	height: auto;
	padding: 5px;
}

.clr {
	clear : both;
}	
	
#pied {
	width: 100%;
	background: #23B14D;
	box-shadow: 2px 2px 3px black;
	text-align: center;
}
	
#texte-pied {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

/*GESTION POP-UP*/
.overlayA {background: rgba(0, 0, 0, 0.7); position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;   transition: opacity 500ms;  visibility: hidden;  opacity: 0;}
.overlayA:target {  visibility: visible;  opacity: 1;}
.popupA {  margin: 70px auto;  padding: 20px;  background: #fff;  border-radius: 5px;  width: 720px;  position: relative;  transition: all 5s ease-in-out;}
.popupA h2 {  margin-top: 0;  color: #333;  font-family: Tahoma, Arial, sans-serif;}
.popupA .close {  position: absolute;  top: 20px;  right: 30px;  transition: all 200ms;  font-size: 30px;  font-weight: bold;  text-decoration: none;  color: #333;}
.popupA .close:hover {  color: orange;} /*une div spéciale (close) est crée pour contenir la croix qui sert de symbole pour la fermeture du popup*/ 
.popupA .content {  max-height: 30%;  overflow: auto;}#conteneur #bas-gauche #contenu .article {
}