@media only screen and (orientation:portrait){


body{
	
    font-family:cambria;
	
	/*font-size: 10pt;
	font-family:Georgia;*/
	
}

.cpt{
border:2px solid red;
border-radius:5px 5px 5px 5px;
background-color:red;
height:50%;
width:100%;
color:white;
}

.tb{
	border-radius:5px 5px 5px 5px;
}

.tbt{
	/*float:left;*/
	border:2px solid transparent;
	border-radius:5px 5px 5px 5px;
	/*margin-right:5px;
	margin-left:5px;*/
	margin-bottom:35px;
	margin-top:5px;
}

.tbta{
	float:left;
	border:2px solid transparent;
	border-radius:5px 5px 5px 5px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:25px;
	margin-top:5px;
	/*background-image:url('../../imageac/23577.png');
	background-repeat:repeat;
	background-color:white;*/
	overflow: auto;
	word-wrap:break-word;

}

.tbtb{
	float:left;
	border:2px solid transparent;
	border-radius:5px 5px 5px 5px;
	margin-right:5px;
	margin-left:80px;
	margin-bottom:15px;
}

.tbtbb{
	padding-left:5px;
	padding-right:5px;
	border-radius:15px 15px 15px 15px;
	
}

.tbtc{
	/*float:left;*/
	border:2px solid transparent;
	border-radius:5px 5px 5px 5px;
	/*margin-right:5px;
	margin-left:5px;*/
	margin-bottom:25px;
	margin-top:5px;
	/*background-image:url('../../imageac/23577.png');
	background-repeat:repeat;
	background-color:white;
	overflow: auto;*/
	word-wrap:break-word;
}


.tbbn{
	/*
	border:2px solid black;
	border-radius:5px 5px 5px 5px;
	background-color:white;
	background-image:url('../../imageac/23577.png');
	background-repeat:repeat;
	/*height:350px;
	width:350px;*/
	
	/*width:100%;
	left: 0;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	margin-top:2px;
*/



	left: 0;
	width: 100%;
	height: 346px;
	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;
	background-color:transparent;
	background-image:url('../../imageac/23577.png');
	background-repeat:repeat;
	
}

.tbbna{
border:2px solid black;
border-radius:15px 15px 15px 15px;
background-color:white;
background-image:url('../../imageac/23577.png');
background-repeat:repeat;
height:350px;
width:344px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}


.tbbnb{
border:2px solid transparent;
border-radius:15px 15px 15px 15px;
background-color:white;
/*background-image:url('../../imageac/23577.png');
background-repeat:repeat;*/
height:398px;
width:344px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
overflow: auto;
word-wrap:break-word;
}

.tbbnba{
border:2px solid black;
border-radius:15px 15px 15px 15px;
background-color:transparent;
/*height:395px;
width:340px;*/
height:395px;
width:340px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
overflow: auto;
word-wrap:break-word;
}


.paps{
    word-spacing: 60pt;
	margin-left:80px;
	font-size:12pt;
    
}

/*h3{
    word-spacing: 5pt;
    
}*/

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

a:hover{
        text-decoration: none;
        color: white;
    }
    
    
	
	
.npdpgb{
		
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	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);

}

.npdpgba{
		
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	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);

}

.frmtxt{
	margin-top:15px;
	margin-left:10px;
}

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

.frmtxtb{
	margin-top:15px;
	margin-left:56px;
}

#header{
	
        height:50%;
        width:100%;
        border:1px solid red;
        background-color:red;
		border-radius:5px 5px 5px 5px;
		padding-left:1px;
	
	}
	
	.footer{
        height:50%;
        width:100%;
        border:1px solid black;
        background-color:blue;
		border-radius:5px 5px 5px 5px;
		border-color:white;
    }
    
    #header1{
        height:50%;
        width:100%;
        border:1px solid #800080;
        background-color:#800080;
		border-radius:5px 5px 5px 5px;
		
    }
    
    #container{
    width: 30%;
    margin: auto;
    padding: 20px;
    background-color: red;
    border: 2 px dashed;
}



.loader{
position:relative;
width:50px;
height:50px;
display:inline-block;
vertical-align:middle;
}

.loader-quart{
border-radius:50px;
border:6px solid rgba(255,255,255,0.4);
}
.loader-quart:after{
content:'';
position:absolute;
top: -6px;
left: -6px;
bottom: -6px;
right: -6px;
border-radius:50px;
border: 6px solid transparent;
border-top-color:red;
animation:spin 1s linear 0s infinite;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.loader-double{
border-radius:50px;
border: 6px solid transparent;
border-top-color:blue;
border-bottom-color:gold;
animation:spin 1s linear 0s infinite;
}
.loader-double:after{
content:'';
position:absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
border-radius:50px;
border: 6px solid transparent;
border-top-color:black;
border-bottom-color:black;
opacity:0.6;
animation:spinreverse 2s linear 0s infinite;
}
@keyframes spinreverse{
0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.loader-double:before{
content:'';
position:absolute;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border-radius:50px;
border: 6px solid transparent;
border-top-color:#6600FF;
border-bottom-color:#6600FF;
opacity:0.6;
animation:spinreverse 2.5s linear 0s infinite;
}

.loader-circle{
border-radius:50px;
border: 3px solid transparent;
border-top-color:#B9121B;
animation:spin 1s linear 0s infinite;
}

.loader-circle:after{
content:'';
position:absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
border-radius:50px;
border: 3px solid transparent;
border-top-color:#FF358B;
opacity:0.8;
animation:spin 5s linear  infinite;
}

.loader-circle:before{
content:'';
position:absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
border-radius:50px;
border: 3px solid transparent;
border-top-color:#AEEE00;
opacity:0.8;
animation:spin 10s linear  infinite;
}

.loader-bars:before{
content:'';
display:block;
position:absolute;
left:0;
top:0;
width:10px;
height:30px;
background-color:#046380;
animation:grow 1.5s linear infinite;
}

@keyframes grow{
0%{transform:scaleY(0);opacity:0;}
50%{transform:scaleY(1);opacity:1;}
100%{transform:scaleY(1);opacity:1;}
}
.loader-bars:after{
content:'';
display:block;
position:absolute;
left:15px;
top:0;
width:10px;
height:30px;
background-color:#046380;
animation:grow 1s linear -.25s infinite;
}

.loader-bars span:before{
content:'';
display:block;
position:absolute;
left:30px;
top:0;
width:10px;
height:30px;
background-color:#4BB5C1;
animation:grow 1s linear -.5s infinite;
}

.loader-bars span:after{
content:'';
display:block;
position:absolute;
left:45px;
top:0;
width:10px;
height:30px;
background-color:#4BB5C1;
animation:grow 1s linear .75s infinite;
}

/*************************************************************************************************************************************************/

.header2{
	
			position:fixed;
			left:0;
			right:0;
			top:0;
			height:50px;
			line-height:50px;
			color:white;
			background-color:black;
			padding-bottom:10px;
			text-align:center;
			z-index:1000;
			
		}
		
.apheader{
	margin-top: 5px; 
	font-size: 20px;
}

.apheadera{
	margin-top: 5px; 
	font-size: 16pt;
}

.apheaderb{
	margin-bottom: 5px; 
	margin-left: 105px; 
	font-size: 15pt;
}

.barre{
	
position: fixed;
bottom: 0;
left: 0;
height:45px;
line-height:45px;
width: 100%;
border:2px solid black;
color:white;
background-color:black;
padding-bottom:10px;
text-align:center;

}


.form{
	
	border-radius:15px 15px 15px 15px;
	
}

.formap{
		
	border-radius:12px 12px 12px 12px;
		
}

.pbfzefrm{
		
		float:left;
		border:2px solid black;
		border-radius:10px 10px 10px 10px;
		background-color:white;
		height:392px;
		width:334px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:5px;
		margin-top:0px;

}


.pbfzefrma{
		
		float:left;
		border:2px solid black;
		border-radius:10px 10px 10px 10px;
		background-color:white;
		/*height:230px;*/
		width:334px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:5px;
		margin-top:0px;
		padding:8px 8px 8px 8px;
		color:black;
		text-align:left;
		/*overflow: auto;*/
		word-wrap:break-word;

}


}