*{font-size:12px;}

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-image: url(../images/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; 
}

a.bout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	display: block;
	background-color: #CCCCCC;
	background-image: url(../images/type-bouton-gris.jpg);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 2px;
}

a.bout:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	display: block;
	background-color: #FF9900;
	border: 1px solid #999999;
	padding: 2px;
}

#main{     
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	margin-top:0;
	text-align: left;
	width: 890px;
	background-color:#ffffff;
}


#cache {
	position:absolute;
	z-index:100;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background-color: #cccccc;
	width:90%;
	height:90%;
}

#cache div{
	font-size: 28px;
	font-family:arial;
	color: black;
	text-align:center;
	position:absolute;
	top:45%;
	width:100%;
}

#content{width:888px;text-align:left;padding:5px;}


.L200{width:200px;}


/* Liens sans classe histoire que ce soit pas trop moche */
a {
	color: #fa8f05;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

a:hover
{
	color: #333333;
	text-decoration: underline;
}
/* Fin liens sans classe */

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fa8f05;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #636363;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3, h4, b, strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #636363;
	text-decoration: none;
}

.titre-orange{
	font-family: "Times New Roman", Times, serif;
	font-size: 45px;
	font-style: italic;
	font-weight: bold;
	color: #fa8f05;
	text-decoration: none;
	padding-bottom: 20px;
	letter-spacing: 3px;
}

.titre-petit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}


.petit-menuhaut{
	width: 231px;
	top: 0px;
	list-style-type: none;
	background-image: url(../images/bg-petit.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 76px;
	float: right;
}
a.pmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: square;
}

a.pmenu:hover{
	color: #FF0000;
	text-decoration: none;
}

.titre-gris{
	font-family: "Times New Roman", Times, serif;
	font-size: 45px;
	font-style: italic;
	font-weight: bold;
	color: #636363;
	text-decoration: none;
	padding-bottom: 20px;
	letter-spacing: 3px;
}

.banniere{
	background-image: url(../images/banniere.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 96px;
	width: 888px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.conteneur, #conteneur {
	float: center;
	background-image: url(../images/conteneur_background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.droite-haut{
	background-image: url(../images/droite-haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 14px;
}

.droite-bas{
	background-image: url(../images/droite-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 14px;
}

.droite-centre{
	background-image: url(../images/droite-centre.jpg);
	background-position: center top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}


.titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fa8f05;
	text-decoration: none;
}

.soustitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.txt, p, span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}


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

.etape-on{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	border: 1px solid #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FA8F03;
}

.etape-off{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	border: 1px solid #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
}

.valide-bouton, #valide-bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/fond-validate_button.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 118px;
}

.effet-bouton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/type-bouton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	/* display: block; */
}

.trais{
	background-image: url(../images/trais.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: 100%;
}

/* PIED DE PAGE *************************************************/

.pied_de_page
{
	color: #636363;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pied_de_page a
{
	text-decoration: underline;
	color: #636363;
	font_size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pied_de_page a:hover
{
	text-decoration: none;
	color #636363;
	font_size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* ESPACE CLIENT *************************************************/

/* Tableau recapitulatif des diagnostiques en cours */

.espace_cli_titre_right
{
	border-right: 1px dotted #fa8f05;
	border-top: 1px dotted #fa8f05;
}

.espace_cli_titre_left
{
	border-left: 1px dotted #fa8f05; 
	border-top: 1px dotted #fa8f05;
}

.espace_cli_recap
{
	border-top: 1px dotted #fa8f05;
	border-bottom: 1px solid #fa8f05;
	border-left: 1px solid #fa8f05;
	border-right: 1px solid #fa8f05;
}

.espace_cli_recap .td_1
{
	width: 100%;
	height: 35px;
	background-color: #e2e2e2;
}

.espace_cli_recap .td_2
{
	width: 100%;
	height: 35px;
	background-color: #d9d9d9;
}

.espace_cli_recap a
{
	color: #636363;
}

.espace_cli_recap a:hover
{
	color: #636363;
	text-decoration: none;
}