/*-------------------------*/
/* Style de Fenêtre Modale */
/*-------------------------*/

#overlay{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
#overlay:target{
    display: block;
}
.popup_block{
    background: #fff;
    padding: 27px;
    border: 27px solid #ddd;
    position: relative;
    margin: 10% auto;
    box-shadow: 0px 0px 20px #000;
    border-radius: 5px;
}
img.btn_close {
    float: right;
    margin: -50px -50px 0 0;
}










/*------------------------------------*/
/* Style Contenu de la Fenêtre Modale */
/*------------------------------------*/		


.modalsujetanglais{
	/* arbitrary styling */
	background-color: white;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	height:550px;
	width:850px;

	/* change position to fixed if you want to prevent the dialog from scrolling away, and center it */
	position:fixed;
	top:5%;
	left:10%;
}
		

div#croixfermeturesujetanglais {
	position:absolute;	
	float: right;	
	right:3px;
	height:25px;
	margin-top:5px;
	margin-right:3px;	
	text-align:right;
	vertical-align:down;
}			
		

div#contenustitregeneralsujetanglais {
	position:absolute;
	font-family:Arial;	
	font-size:1.4em;	
	float: left;	
	left:10px;	
	top:3px;	
}

		
div#contenusnomsitesujetanglais {
	position:absolute;
	text-align:center;	
	top:45px;	
	width:840px;	
	font-family:Times New Roman;	
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	text-align:center;					
}		


div#contenusujetanglais {
	position:absolute;
	float: left;	
	left:20px;	
	top:85px;	
	width:810px;
	height:410px;

	
	font-family:Arial;		
	font-size:1.2em;
	text-align:left;
	padding:5px;	
	line-height : 1.3;
	background-color:#E0FFFF;
	border-width:1px;
	border-style:dotted;			
	border-color:black;	
	border-top-style: hidden;	
	overflow:auto;

}		


div#boutonfermersujetanglais {
	position:absolute;
	text-align:center;	
	top:505px;	
	width:840px;
	height:35px;
	text-align:center;
}