@media only screen and (orientation:portrait){


a{
text-decoration:none;
color:white;
}

a:hover{
        text-decoration: none;
        color: black;
    }


.heeadera{
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:74px;
	line-height:50px;
	color:white;
	background-color:black;
	padding-bottom:10px;
	/*text-align:center;*/
	z-index:1000;		
}
		
.apheeadera{
	margin-top: 8px; 
	font-size: 14px;
	word-spacing: 25pt;
	margin-left:15px;
}

.npaaddpgb{
		
	position: absolute;
	left: 0;
	width: 100%;
	/*height: 200px;*/
	border:2px solid black,black;
	color:white;
	padding-bottom:2px;
	text-align:center;
	margin-bottom:5px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2),
			0px 1px 0px 1px rgba(255, 255, 255, 0.5) solid,
			0px -3px 0px 1px rgba(0, 0, 0, 0.1) inset;
	background: linear-gradient(black,black);
	/*overflow: auto;*/
	word-wrap:break-word;
}

.npaaddpgba{
		
	position: absolute;
	left: 0;
	width: 100%;
	/*height: 200px;*/
	border:2px solid white,white;
	color:blue;
	padding-bottom:2px;
	text-align:center;
	margin-bottom:5px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2),
			0px 1px 0px 1px rgba(255, 255, 255, 0.5) solid,
			0px -3px 0px 1px rgba(0, 0, 0, 0.1) inset;
	background: linear-gradient(white,white);
	/*overflow: auto;*/
	word-wrap:break-word;

}

.npaaddpgbb{
		
	position: absolute;
	left: 0;
	width: 100%;
	/*height: 200px;*/
	border:2px solid black,black;
	color:black;
	padding-bottom:2px;
	text-align:center;
	margin-bottom:5px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2),
			0px 1px 0px 1px rgba(255, 255, 255, 0.5) solid,
			0px -3px 0px 1px rgba(0, 0, 0, 0.1) inset;
	background: white;
	/*overflow: auto;*/
	word-wrap:break-word;
}


.npaaddpgbba{
		
	border:2px solid transparent;
	border-radius: 2px 2px 2px 2px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	margin-right:15px;
	
}

.forme{
	
	float:left;
	border:2px solid transparent;
	border-radius: 2px 2px 2px 2px;
	width:350px;
	/*height:100px;*/
	/*color:white;*/
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:25px;
	background-color:transparent;
	
}


.formea{
	
	float:right;
	border:2px solid transparent;
	border-radius: 2px 2px 2px 2px;
	width:350px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding-top:19px;
	background-color:transparent;
	
}

.frmtxxt{
	margin-top:12px;
	margin-left:10px;
}

.frmtxxta{
	margin-top:15px;
	margin-left:2px;
}

.frmtxxtb{
	margin-top:35px;
	margin-left:2px;
}

.frmtxxtba{
	margin-top:45px;
	margin-left:2px;
}


.cx{
	
	border:2px solid transparent;
	border-radius: 15px 15px 15px 15px;
	
	/*
	
	width:500px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:5px;
	padding-top:19px;
	background-color:transparent;
	
	*/
	
}


.cxa{
	
	border:2px solid transparent;
	border-radius: 15px 15px 15px 15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	
	
	/*
	
	width:500px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:5px;
	padding-top:19px;
	background-color:transparent;
	
	*/
	
}


.cxb{
	
	/*
	
	border-radius:5px 5px 5px 5px;
	border-color:blue;
	
	*/
	
	float:left;
	border:2px solid transparent;
	border-radius:5px 5px 5px 5px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:25px;
	margin-top:15px;
	overflow: auto;
	word-wrap:break-word;
	
}



/**********************************************************************BOITE DE DIALOGUE*********************************************************************/

.modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.1);
        z-index: 99999;
        opacity: 0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
      }
      .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
      }
      .modalDialog > div {
        width: 340px;
		height: 500px;
        position: relative;
        margin: 10% auto;
        padding: 5px 5px 5px 5px;
        border-radius: 10px;
        background-color: white;
		overflow: auto;
		word-wrap:break-word;
       }
      .close {
        background: #606061;
        color: #ffffff;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -2px;
        width: 74px;
		height: 25px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
      }
      .close:hover {
        background: red;
      }
	  
	  
/*******************************************************************FIN BOITE DE DIALOGUE*********************************************************************/





}