/*
	Les styles HTML communs à toutes les pages :
	body, a, img, li, etc.
*/

body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
	/* background-color: #E8FAFC; */
	background-color: #FFFFFF;
	background-attachment: fixed; 
	/* background-color: #979B8C;
	background-image: url('../images/essai.gif');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left; */
}

p { font-size: 10pt }
table { font-size: 8pt }

a
{
	color: #000000;
	text-decoration: none;
}
a:hover 
{
	color: #000000;
	text-decoration: underline;
}

a.info {
	position: relative;
	color: black;
	text-decoration: none;
	border-bottom: 1px gray dotted; /* On souligne le texte. */
 }
 a.info span {
	display: none; /* On masque l'infobulle. */
 }
 a.info:hover {
	background: none; /* Correction d'un bug d'Internet Explorer. */
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
 
	cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
 }
 a.info:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;
 
	white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 
	top: 30px; /* On positionne notre infobulle. */
	left: 20px;
 
	background: white;
	text-align: left;
 
	color: green;
	padding: 3px;
 
	border: 1px solid green;
	border-left: 4px solid green;
 }
 
input.reference
{
	width:300px;
	height:30px;
	background-color:rgb(198,244,220);
}

input.info
{
	background-color:#d9d9d9;
}

th {
	background-color: #70A6C0;
	color: #FFFFFF;
	font-weight: normal ;
}
th a {
	background-color: #70A6C0;
	color: #FFFFFF;
	font-weight: normal ;
}

.bouton {  
color: white;
font-weight: bold;
background-color: red;  
border-color: #BCB6E2 #BCB6E2 #A8A2CC #A8A2CC;  
 
border-top-width: thin;  
border-right-width: thin;  
border-bottom-width: thin;  
border-left-width: thin
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 2px 5px 2px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	behavior: url(js/border-radius.htc);
	float:center;
	color:#fff!important;
	font-size:.9em;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* black */
.black {
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* red */
.red {
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#e51837), to(#aa1317));
	background: -moz-linear-gradient(top,  #e51837,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51837', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#e51837));
	background: -moz-linear-gradient(top,  #aa1317,  #e51837);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#e51837');
}

/* boutons controles */
.bouton_orange {
	border: solid 1px black;
	background-color: #FFA500;
	cursor: pointer;
	border-radius: 8px;
	font-size: 14pt;
	line-height: 150%;
}
.bouton_rouge {
	border: solid 1px black;
	background-color: #f44336;
	cursor: pointer;
	border-radius: 8px;
	font-size: 14pt;
	line-height: 150%;
    	color: white;
}
.bouton_vert {
	border: solid 1px black;
	background-color: #4CAF50;
	cursor: pointer;
	border-radius: 8px;
	font-size: 14pt;
	line-height: 150%;
    	color: white;
}
.bouton_gris {
	border: solid 1px black;
	background-color: #D0D0D0;
	cursor: pointer;
	border-radius: 8px;
	font-size: 14pt;
	line-height: 150%;
}
.bouton_bleu {
	border: solid 1px black;
	background-color: #4c4cff;
	cursor: pointer;
	border-radius: 8px;
	font-size: 14pt;
	line-height: 150%;
    	color: white;
}
.bouton_bleu_pale {
	border: solid 1px black;
	background-color: #99CCFF;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16pt;
	line-height: 100%;
    	color: white;
}
.bouton_pnktg {
	border: solid 1px #5b7a99;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#b7dbff), to(#7aa3cc));
	background: -moz-linear-gradient(top,  #b7dbff,  #7aa3cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7dbff', endColorstr='#7aa3cc');
	font-size: 10pt;
	line-height: 100%;
    	color: white;
}
.bouton_pnktg_front {
	border: solid 1px #5b7a99;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#b7dbff), to(#7aa3cc));
	background: -moz-linear-gradient(top,  #b7dbff,  #7aa3cc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7dbff', endColorstr='#7aa3cc');
	font-size: 12pt;
	line-height: 150%;
    	color: white;
}

.zone_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
}

.suivi {
	color: #FFFFFF !important;
	font-weight: bold ;
}