/********************************/
/*    Alertbox bandeau perso    */
/********************************/


#modalContainer_bandeau 
{
	background-color:rgba(155,155, 155, 0.85);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	
}

#bandeau     /* div bandeau */
{
	
	position:relative;
	width:450px;
	/*min-height:170px;*/
	/*height : auto;*/
	margin-top:200px;
	border:1px solid darkgrey;
	border-radius : 6px;
	background-color:rgba(211 ,239 ,96, .7);
	background-repeat:no-repeat;
	background-position:20px 30px;
	padding : 0 0 15px 0;
	
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

#modalContainer_bandeau > #bandeau 
{
	position:fixed;
}
#bandeau p   // paragraphe bandeau
{
	/*text-align:center;*/
	font:1.1em verdana,arial;
	line-height:2em;
	height:auto; /*65px*/
	margin: auto;
	padding:10px;
	/*margin-left:15px;*/
}

#tableau   // mise en forme de la table 
{
  display: grid;
  grid-template-columns: 0.1fr 0.9fr;
}
#cellule1
{
	text-align:center;
	font:1.1em verdana,arial;
	line-height:2em;
	height:auto; /*65px*/
	margin: auto;
	padding:10px;	
}
#cellule2
{
	/*text-align:center;*/
	width:100%;
	font:1.1em verdana,arial;
	line-height:2em;
	height:auto; /*65px*/
	margin: auto;
	padding:10px;
		
}


/**************************/
/*    Alertbox perso      */
/**************************/



#modalContainer
{
	background-color:rgba(155,155, 155, 0.85);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	/*background-image:url(./Common/alert/attention.png); /* required by MSIE to prevent actions on lower z-index elements */
}

/* alert box */
#alertBox {
	
	position:relative;
	width:450px;
	/*min-height:170px;*/
	/*height : auto;*/
	margin-top:200px;
	border:1px solid darkgrey;
	border-radius : 6px;
	background-color:#ECF6CE;
	background-repeat:no-repeat;
	background-position:20px 30px;
	padding : 0 0 15px 0;
	
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}



#modalContainer > #alertBox {
	position:fixed;
}



/* entete */
#alertBox h1 {
	text-align:center;
	margin:0;
	font:bold 1.2em verdana,arial;
	background-color:#fbce05;
	color:#FFF;
	text-shadow: black 0.1em 0.1em 0.2em;
	border : none;
	/*border-bottom:2px solid #000; */
	padding:7px 7px 7px 7px;
	border-radius : 4px 4px 0 0;
	
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}
/* texte */
#alertBox p {
	
	text-align:center;
	font:1.1em verdana,arial;
	line-height:2em;
	height:auto; /*65px*/
	margin: auto;
	padding:10px;
	/*margin-left:15px;*/
}





#alertBox #closeBtn{
	display:block;
	position:relative;
	/*top : 6px;*/
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:100px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#A4A4A4;
	border-radius: 3px;
	text-decoration:none;
	
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	
	
}


#alertBox #OkBtn {
	display:block;
	position:relative;
	/*top : 6px;*/
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:100px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#A4A4A4;
	border-radius: 3px;
	text-decoration:none;
	
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	
	
}










#alertBox #closeBtn:hover{
        	background-color:#BDBDBD;
        	color:#fff;
        }
		
#alertBox #OkBtn:hover{
        	background-color:#BDBDBD;
        	color:#fff;
        }
				
		
		
		
	
		
/**************************/
/*    comfirm perso      */
/**************************/



#Container_confirm
{
	background-color:rgba(155,155, 155, 0.85);
	position:absolute;
	width:100%;
	height:100px;
	top:0px;
	left:0px;
	z-index:10000;
	/*background-image:url(./Common/alert/attention.png); /* required by MSIE to prevent actions on lower z-index elements */
}

/* alert box */
#confirmBox 
{
	
	position:relative;
	width:100px;
	/*min-height:170px;*/
	/*height : auto;*/
	margin-top:10px;
	border:1px solid darkgrey;
	border-radius : 6px;
	background-color:#ECF6CE;
	background-repeat:no-repeat;
	background-position:20px 30px;
	padding : 0 0 15px 0;
	
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}



#Container_confirm > #confirmBox {
	position:fixed;
}



/* entete */
#confirmBox h1 {
	text-align:center;
	margin:0;
	font:bold 1.2em verdana,arial;
	background-color:#fbce05;
	color:#FFF;
	text-shadow: black 0.1em 0.1em 0.2em;
	border : none;
	/*border-bottom:2px solid #000; */
	padding:7px 7px 7px 7px;
	border-radius : 4px 4px 0 0;
	
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}
/* texte */
#confirmBox p {
	
	text-align:center;
	font:1.1em verdana,arial;
	line-height:2em;
	height:auto; /*65px*/
	margin: auto;
	padding:10px;
	/*margin-left:15px;*/
}





#confirmBox #fermeBtn {
	display:block;
	position:relative;
	/*top : 6px;*/
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:100px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#A4A4A4;
	border-radius: 3px;
	text-decoration:none;
	
	background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	
	
}
#confirmBox #fermeBtn:hover{
        	background-color:#BDBDBD;
        	color:#fff;
        }	
		
		
		
		
		
		
		
		
		
		
		
/* unrelated styles */

/*#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	
	border-top:4px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}*/

h1,h2 {
	margin:0;
	padding:4px;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}