@font-face {
	font-family: "Omar-Bold-1";
	src: url('font/Omar-Bold-1.ttf');
}
body {
	margin:0;
	padding:0;
	width:100%;
	color:#959595;
	font:normal 12px/1.8em Omar-Bold-1, Helvetica, sans-serif;

}

html {
	padding:0;
	margin:0;
}
head{
height:0px;
}
div{
text-align:center;	
}
#corps_page{
width:90%;
margin:auto;
background:white;
}

#print{
text-align:center;	

}

#partiemarc{
/*border: 1px solid black;*/

width:100%;
padding:0px;
margin:auto;
background-color: white;/*#d7b692*/
border-radius:8px;
box-shadow:
0px 1px 1px 0px gray ,
0px 1px 1px 0px gray inset;
margin-bottom:4px;
clear:both;
}
#marc{

width:80%;
height:40px;
margin:auto;

}
marquee{

font-size:1.2em;
color: #099bff;
height:45px;
padding-top:8px;
font-weight:bold;
}

#titre{
width:100%;
height:50px;
text-align:right;
background: #099bff;	
border-radius:5px;
box-shadow:
0px 1px 1px 0px gray ,
0px 1px 1px 0px gray inset; 
}




#partiepersonnel{

margin:auto;
text-align:right;

width:100%;

padding-top:10px;
border-radius:5px;
box-shadow:
0px 1px 1px 0px gray ,
0px 1px 1px 0px gray inset; 



background:white;
margin-bottom:4px;
}












#pied{
/*background-color:#6659c3;*/

text-align:center;
font-size:10px;

margin-top:15px;
HEIGHT:40px;
background:url(image/bg_input.gif)  ;
border-radius:5px;
box-shadow:
0px 1px 1px 0px gray ,
0px 1px 1px 0px gray inset; 
text-shadow:1.5px 1.5px 1.5px gray;

}
.titre_pied{
HEIGHT:30px;
width: 99%;
FONT-size:1.2em;
clear:both;
color:#6854de;

padding-top:12px;
}


img{

width:100%;
height:74px;
}
h1{
font-size:30px;
color:#313330;
margin-top:5px;
text-align:center;
}
h3{
font-size:16px;
color:#313330;
margin-top:5px;
text-shadow:1px 1px 1px gray;
margin:0px;
padding-right:5px;
font:normal 16px/1.8em Omar-Bold-1, Helvetica, sans-serif;
}
.bconnexion{
background-color:#099bff;
color:white;
text-align:center;
height:45px;

width:30%;
border:none;
border:0px;
font:normal 20px/1.8em Omar-Bold-1.ttf, Helvetica, sans-serif;
}

.bimpression{
background-color:#d0708a;
color:white;
text-align:center;
height:45px;

width:30%;
border:none;
border:0px;
font:normal 20px/1.8em Omar-Bold-1.ttf, Helvetica, sans-serif;
}



#top{
	border-radius:5px;
box-shadow:
0px 1px 1px 0px gray ,
0px 1px 1px 0px gray inset; 
padding-bottom:30px;

	margin-bottom:4px;
	background:white;
}
a{
font-size:13px;
text-decoration:none;
font-weight:bold;
color:blue;
text-shadow:1px 1px 1px gray;
}
a:hover{
color:green;
}
#partielien{

width:100%;
margin:auto;
text-align:center;
}


/* ici on va adapter l'affichage pour un terminal mobile*/


@media only screen and (max-width: 576px) {
  body {
    background: none;

.titre_pied{
	font-size:10px;
}
}
}