body{
  margin:1% 1% 0% 1%;  
  font-size:18px;
  background-color:#CC9900;
}

.mess_success{
position:absolute;
top:37px; 
background-color:#00CC00; 
width:97.1%; 
color:#FFF; 
padding:10px 0px 7px 10px; 
margin-left: -0.8%;
text-align:center; 
font-size:14px;
}

.mess_error{
position:absolute;
top:37px; 
background-color:#FF0000; 
width:97.1%; 
color:#FFF; 
padding:10px 0px 7px 10px; 
margin-left: 1.6%;
text-align:center; 
font-size:14px;
display:none;
}

.mess_error2{
position:fixed; 
bottom:0.5%;
border-radius:5px 5px 5px 5px;
background-color:#C00;
height:40px; 
width:97.5%; 
color:#FFF; 
padding:10px 0px 5px 10px; 
font-size:17px;
text-align:center;
}

.mess_error3{
position:fixed; 
top:40%;
border-radius:5px 5px 5px 5px;
background-color:#C00;
height:40px; 
width:97.5%; 
color:#FFF; 
padding:10px 0px 5px 10px; 
font-size:17px;
text-align:center;
}

.mess_success2{
position:fixed; 
bottom:0.5%;
border-radius:5px 5px 5px 5px;
background-color:#0C0;
height:45px; 
width:98%; 
color:#FFF; 
padding:10px 0px 5px 10px; 
font-size:17px;
text-align:center;
z-index:1000;
}


.error_champ{
 color:white;
 background:red;
 margin-left:2px;
 padding:2px 5px 2px 5px;
 border-radius:3px;
 font-size:11px;
}

.div2
{
border: 1px dashed #FF0000;
font-family:"Agency FB";
padding:40;
margin:auto;
width:inherit;
padding:5px;
text-align:center;
color:#FF0000;
font-size:17px;
margin-bottom:5px
}

.div3
{
border: 1px dashed #009900;
font-family:"Agency FB";
padding:40;
margin:auto;
width:350px;
padding:10px;
text-align:center;
color:#FF0000;
font-size:17px;
}

#barre{
 margin:0px 0px 3px 0px;
 padding-right:0px;
 height:30px;
 font-size:12px;
}

.login{
  width:99%;
  float:right;
  text-align:right; 
  padding-right:15px;  
  margin-right:2px;
  font-weight:bold;
 
}
.menu{
height:38px; 
margin:5% 0% 0% 0%; 
width:85%;

/* background:url(../im/menu1.jpg) ; border:#999999 solid 1px; */
}

.corps{
  width:100%;
  height:auto; overflow:auto; 
  padding:5px 0px 5px 0px;
  /*border:1px #CCC solid;*/
  border-radius: 0px 0px 0px 0px;
  /*border:#333 solid 2px;*/
  margin-bottom:2px;
}

#footer{
/*
padding:8px 0px 0px 5px;
text-align:left;
font-size:12px;
color:#FFF;
width:98%;
height:32px;
border-radius: 0px 0px 5px 5px;
background:#333;
position:fixed; bottom:0%;
*/
}


.correct {
border-color: rgba(68, 191, 68, 0.75);
-moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
-webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
}

.incorrect {
border-color: rgba(191, 68, 68, 0.75); 
-moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
box-shadow: 0 0 8px rgba(191, 68, 68, 1);
}


#info1{
	width: auto;
	position:absolute; top:1.8%; right:3%;		
}

.cadre{
width:19.2%; 
margin-right:10px;
float:left;
margin-bottom:15px
}

.affichertexte{
	font-size:16px;
	float: left;
	color: #000000;
	border-top: 1px solid #cccccc;
	text-align: left;
	width: 100%;
	font-weight: lighter;
}

.affichertitre{
	font-size:13px;
	float: left;
	color: #333333;
	text-align: left;
	width: 100%;
}

.divlien{
	width:47%;
	float:left;
	border: 1px solid #999999;
	margin: 10px 10px 0px 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	background-image:url(../_im/bkblanc.png);
	margin-top:1%;
	padding:1%;
	border-radius:4px;
	cursor:pointer;
 }
 
  .divliendetails{
	font-size:13px;
	color:#000000;
	padding: 5px 7px 10px 7px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #999999;
	background-color:#E9E9E9;
	height:70px;
	line-height: 125%;
	background-image: url(../_im/treillis-clair.jpg);
 }
 
  .divlientitre{
	font-size:17px;
	clear:both;
	margin-bottom:5px;
	color:#000000;
 }
.afficher{
	margin:5px 20px 20px 5px;
	float: left;
}

.none{display:none}