/***********************************************
**** Structure du site
***********************************************/

body
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:10px 0px 20px 0px;
	/*margin: 10 0 0 0;
	padding:  0;*/

	margin:0;
	padding:0;
	background-image:url(../images/font.jpg);	background-size: 100% 100%;
	background-attachment:fixed;	background-repeat:no-repeat;
}
/**
** Conteneur
*/

#conteneur
{
    MARGIN: 0px auto;
    width: 1000px;
	background:#EEEEEE;
	border: 1px solid #CCCCCC;
}

#header
{
    width  :  1000px;
    height : 239px;
	background: url(../images/ban.jpg) no-repeat;
	
}

#logo {
	padding: 5px 20px 0px 0px;
	text-align:right;
}

#gauche
{
    padding-top: 5px;
	float: left;
	width: 250px;
	height: 650px;
}

#centre
{
	padding-top: 5px;
	float: right;
    width: 750px;
}

.deblayage {
	 clear: both;
}


#pied
{
    color: #333333;
    height: 20px;
    text-align: right;
	padding-top:20px;
}

/**
*	Tableau d'affichage des trois partiess
*/

#formulaire {
	width: 240px;
	background: #FFFFFF;
	margin: 0px auto;
}

#image {
	/*height:570px;*/
	width : 740px;
	background: #FFFFFF;
	margin: 0px auto;
	margin-bottom: 20px;
}

#resultat {
	/*margin-top: 15px;*/
	width : 740px;
	background: #FFFFFF;
	margin: 0px auto;
}



/***********************************************
**** Contenu
***********************************************/
/*
* Titre
*/
h3 {
	height:20px;
	font-size: 15px;
	font-weight:bold;
	padding-left: 10px ;
	margin-bottom: 0px;
	background: #036B85;
		color: #EEEEEE;
	
}

/*
* Formulaire
*/
.erreur 
{

	border: 1px solid #D4021B;
	border-left: 4px solid #D4021B;
	padding: 5px 5px 5px 10px;
	color: #990000;
	font-size:11px;
	margin: 0px 10px 5px 3px;
	background: #FFFFFF;
}

.err_pilote {
	font-style:  italic;
	font-weight:bold;
	text-decoration: underline;
}


input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

td.submit {
	text-align:right;
	padding-right: 15px;
}




/*
* Résultat
*/

.entete_resultat {
	border-bottom: 2px solid #990000;
	margin: 25px 10px 0px 15px;
	color: #990000;
	font-style:  italic;
	font-weight:bold;
}

.entete {
	font-style:  italic;
	font-weight:bold;
	background: #990000;
	color: #EEEEEE;
	text-align:center;
	
}

table.resultat {
	margin: 5px 10px 15px 15px;
}

table.t_form {
	margin: 0px 1px 5px 5px;
	color: #000000;
}


table.t_form_recap {
	margin: 0px 5px 5px 8px;
	background: #EEEEEE;
	width: 220px;
}

.form_recap {

	font-style:  italic;
	font-size: 12px;
	color: #D4021B;
}

.table_contain {
	background:#FFA8A8;
}

.table_contain td, .table_contain1 td {
	padding-left: 5px;
}


.table_contain1 {
	background:#FFE8E8;
}


/*
* Lien
*/

a, a:hover, a#active_menu,  a:hover, a#active_menu, a img {
	text-decoration:  none;
	border:0;
}


/**
* AIde à la saisie
*/
#centre_aide {
		width: 370px;
		margin: 0px auto;
}

.help {
	background:#FFFFFF;
	
}

.text_c {
	text-align: justify;
	padding: 0px 10px 10px 10px;
}

.bas_aide {
	text-align: right;
	color: #FFFFFF;
}

/*
* Onglet
*/

#en-tete {
	overflow: hidden;
	background-color: #dae0d2;
	background-image: url(../images/fond.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom : 10px;
}


ul {
	float: right;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;	
	list-style: none;
}

li {
	float: left;
	margin-left: 3px;
}

#en-tete ul li a {
  float: left;
  padding-left: 10px;
  text-decoration: none;
  letter-spacing: 1px;
  background-image: url(../images/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% -250px;
}

#en-tete ul li a span {
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit.png);
  background-repeat: no-repeat;
   background-position: 100% -250px;
  color: #ffffff;
}

#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../images/coin-gauche.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#en-tete ul li#actif span {
  float: left;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  color: #333333;
}

#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}

#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}


/**************************************
****  Bloc résultat 
*************************************/
.pilote_bloc_ec {
	width: 215px;
	margin: 5px auto;
	background: #DB011A;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	background-image:-moz-linear-gradient(30deg, #DB011A, #830111);
	background-image:-webkit-linear-gradient(30deg, #DB011A, #830111);
	background-image:-o-linear-gradient(30deg, #DB011A, #830111);
	background-image:linear-gradient(60deg, #DB011A, #830111);
	padding: 0px 5px 5px 10px;
}

.pilote_bloc {
	width: 215px;
	margin: 5px auto;
	background: #46FF75;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	background-image:-moz-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:-webkit-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:-o-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:linear-gradient(60deg, #46FF75, #00B22D);
	padding: 0px 5px 5px 10px;
}


.photo {
	display : inline-block; 
	float: left;
	width: 60px;
	height:60px;
	background: #46FF75;
	border-radius: 5px;
	margin-right: 7px;
	text-align:center;
	vertical-align:middle;
}


.photo_ec {
	display : inline-block; 
	float: left;
	width: 60px;
	height:60px;
	background: #DB011A;
	border-radius: 5px;
	margin-right: 7px;
	text-align:center;
	vertical-align:middle;
}

.legend {
	height:185px;
	
	background: url(../images/processus.fw.png) no-repeat;
}

.pilote_bloc_ec_m {
	width: 170px;
	height:30px;
	margin: 5px auto;
	background: #DB011A;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	background-image:-moz-linear-gradient(30deg, #DB011A, #830111);
	background-image:-webkit-linear-gradient(30deg, #DB011A, #830111);
	background-image:-o-linear-gradient(30deg, #DB011A, #830111);
	background-image:linear-gradient(60deg, #DB011A, #830111);
	padding: 10px 5px 5px 10px;
	color: #FFFFFF;
	text-align:center;
}

.pilote_bloc_libre_m {
	width: 170px;
	height:30px;
	margin: 5px auto;
	background: #036B85;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	background-image:-moz-linear-gradient(30deg, #05ACD6), #036B85;
	background-image:-webkit-linear-gradient(30deg, #05ACD6, #036B85);
	background-image:-o-linear-gradient(30deg, #05ACD6, #036B85);
	background-image:linear-gradient(60deg, #05ACD6, #036B85);
	padding: 10px 5px 5px 10px;
	color: #FFFFFF;
	text-align:center;
}


.pilote_bloc_m {
	width: 170px;
	height:30px;
	margin: 5px auto;
	background: #46FF75;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	background-image:-moz-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:-webkit-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:-o-linear-gradient(30deg, #46FF75, #00B22D);
	background-image:linear-gradient(60deg, #46FF75, #00B22D);
	padding: 10px 5px 5px 10px;
	color: #FFFFFF;
	text-align:center;
}

.rouge_gras {
	font-size:15px;
	font-weight:bold;
	color: #DB011A;
	text-align:justify;
	padding: 10px 15px 15px 15px;
}


.resultat_table {
	width:100%;
	color: #FFFFFF;
}



.espace {
	margin-top:5px;
	font-size:10px;
}

.nomprenom {
	font-weight:bold;
}

.numero {
	float: right;
	padding: 0px 5px 10px 10px;
	margin-top:20px;
	font-size:17px;
	font-weight:bold;
}



img{ border:none;}

#bulle { position: absolute; visibility: hidden;  font-size:12px;}

.info{ 
	
	border-radius: 5px;
	padding: 7px; 
	color:#666666; 
	background-color:#FFFFFF; 
	box-shadow: 4px 4px 8px #111;
	-moz-box-shadow: 4px 4px 8px #111;
	-webkit-box-shadow: 4px 4px 8px #111;
	}