/*INFO WINDOWS AVOCATS*/

#overlay1, #overlay2, #overlay3, #overlay4, #overlay5, #overlay6, #overlay7 {
	display: none;
	z-index: 2;
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

.text_box{	
}

@media only screen and (min-width:800px){
			.text_box {
				padding-right: 180px;
			}
	}

.alaligne{
	height: 5px;
}

@media only screen and (max-width:800px){
			.alaligne{
				display: none;
			}
	}	

#specialBox1, #specialBox2, #specialBox3, #specialBox4,#specialBox5, #specialBox6, #specialBox7 {
	display: none;
	position: absolute;
	padding: 50px;
	padding-top: 20px;
	text-align: justify;
	z-index: 3;
	left: 50%;
	margin-left: -340px;
	width: 600px;
	background: rgb(245,245,245);
	color: #000;
	border-radius: 5px;
}

@media only screen and (max-width:800px){
			#specialBox1, #specialBox2, #specialBox3, #specialBox4,#specialBox5, #specialBox6, #specialBox7 {
				width: 400px;
				margin-left: -250px;
			}
	}

#all_specialBox{
	position: fixed;
   	left: 50%;
   	top: 15%;
   	height: 800px;
}

@media only screen and (max-width:800px){
			#all_specialBox {
				top: 5%;
			}
	}

/*@media only screen and (max-height:700px) and (max-width: 800px){
			#all_specialBox{
				position: absolute;
				overflow-y: scroll;
				overflow-y: scroll;
    			height: 100%;
			}
	}*/

/*@media only screen and (min-width:1200px){
			#all_specialBox {
				top: 50px;
			}
	}	*/

.h1_center{
	text-align: center;
	padding-bottom: 20px;
}

.buttom_box{
	width: 40px;
	height: 40px;
	background: gray;
	color: white;
	border-radius: 20px;
	padding-top: 3px;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	border: 2px solid black;
	position: absolute;
	margin-top: -40px;
	margin-left: 1130px;
	cursor: pointer;
	padding: 0px;
}

@media only screen and (max-width:800px){
			.buttom_box {
				margin-left: 425px;
			}
	}
	
.buttom_box2{
	width: 40px;
	height: 40px;
	background: gray;
	color: white;
	border-radius: 20px;
	padding-top: 3px;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	border: 2px solid black;
	position: absolute;
	margin-top: -40px;
	margin-left: 330px;
	cursor: pointer;
}

.no{
	margin:0px;
	padding: 0px;
}

.buttom_vide{
	width: 1px;
	height: 1px;
	background: transparent;
	position: absolute;
	right: 50px;
	bottom: 0;
	border: 5px solid transparent;
}











/*NAV INCOMPATIBLES*/

#pageperso{
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	padding-bottom: 100px;
}

@media only screen and (max-width:1000px){
			#pageperso{
				width: 475px;
			}
		}

@media only screen and (max-width:600px){
			#pageperso{
				width: 90%;
			}
		}

#b_retour{
	height: 30px;
	width: 100px;
	border: 1px solid black;
	border-radius: 5px;
	background: silver;
	text-align: center;
	padding-top: 5px;
	color: black;
	margin-top: 50px;
}

#b_retour:hover{
	background: gray;
}

#b_retour:visited{
	color: black;
}

.b_retour:visited{
	text-decoration: none;
}

.b_retour{
	text-decoration: none;
}

.b_retour:hover{
	text-decoration: none;
	color: black
}

.retour{
	color: black;
	text-decoration: none;
}

.retour:hover{
	text-decoration: underline;
}









/*INFO WINDOWS POUR PIED DE PAGE*/

#over1, #over2, #over3, #over4 {
	display: none;
	z-index: 2;
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

#Box1, #Box2, #Box3 {
	display: none;
	position: absolute;
	padding: 50px;
	padding-top: 20px;
	text-align: justify;
	z-index: 3;
	left: 50%;
	margin-left: -600px;
	margin-top: 50%;
	width: 1100px; 
	height: 500px;
	background-image: url(img/history.png);
	background-repeat: no-repeat;
    background-position: 50% 50%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: #000;
	border-radius: 5px;	
}

@media only screen and (max-width:800px){
			#Box1, #Box2, #Box3 {
				width: 500px;
				margin-left: -250px;
			}
	}
	
#Box4{
	display: none;
	position: absolute;
	padding: 50px;
	padding-top: 20px;
	text-align: justify;
	z-index: 3;
	left: 50%;
	margin-left: -185px;
	margin-top: 50%;
	width: 300px; 
	background: rgb(245,245,245);
	color: #000;
}

.element2{
	color: rgb(249, 249, 249);
	text-decoration: none;
	font-weight: bold;
}

li.el2{
	width: 398px;
	margin-left: -56px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #003366;
	border-bottom: 1px solid white;
}

li#el_actif{
	background: #006699;
}

li.el2:hover{
	background: #006699;
}

.noliststyle{
	list-style-type: none;
	width: 100%;
	height: 198px;
	margin-top: -19px;
	text-align: center;
	margin-left: -33px;
}

.noliststyle2{
	list-style-type: none;
	height: 198px;
	padding-left: 115px;
	margin-top: 50px;
	text-align: center;
}

#tousdroits{
	text-align: center;
}

#liensutiles{
	margin-left: 25px;
}