/* STYLES GENERIQUES */
body
{	margin: 10px 0px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
}

img
{	border: 0;
}

table.container
{	margin: 0px;
	background-color: #fff;
	border: 1px solid #000;
}

/* CELLULES DE TABLEAU */
td
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #646568;
}
td.container
{	vertical-align: top;
}
td.fond_filet
{	vertical-align: top;
	background-color: #fff;
	background-image: url('images/filet_beige.gif');
	background-repeat: repeat-y;
}
td.container_login
{	vertical-align: top;
	background-color: #8C8C8C;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #fff;
}
td.container_gris
{	vertical-align: top;
	background-color: #424242;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #fff;
}
td.container_menu_haut
{	text-align: right;
	vertical-align: top;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
td.champ_liste
{
  margin: 0px;
  padding: 3px 0px 1px 0px;
  font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  border-bottom: 1px solid #EDEDED;
}
td.champ_message
{
  font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFAF0E;
  vertical-align: top;
}
td.onglet_centre
{	vertical-align: middle;
	background-color: #E2E3D1;
	background-image: url('images/onglet_centre.gif');
	background-repeat: no-repeat;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
h1
{	margin:0px 10px 0px 0px;
	padding:0;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
h1.devis
{	margin:0px 15px 0px 20px;
	padding:0;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
}
td.onglet_centrepro
{	vertical-align: middle;
	background-color: #E2E3D1;
	background-image: url('images/onglet_centrepro.gif');
	background-repeat: no-repeat;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
td.onglet_centreprobig
{	vertical-align: middle;
	background-color: #E2E3D1;
	background-image: url('images/onglet_centreprobig.gif');
	background-repeat: no-repeat;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
td.container_centre
{	border-bottom: 2px solid #E9EADD;
	border-left: 2px solid #E9EADD;
	border-right: 2px solid #E9EADD;
}
td.container_pro
{	border-left: 2px solid #E9EADD;
	border-right: 2px solid #E9EADD;
}
td.onglet_droite
{	vertical-align: middle;
	background-color: #8C8C8C;
	background-image: url('images/onglet_droite.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
td.onglet_droite_devis    { color: #fff; font-size: 16px; font-family: Arial, Verdana, Helvetica, Lucida, sans-serif; font-weight: bold; line-height: 21px; background-color: #8c8c8c; background-image: url("images/onglet_droite.gif"); background-repeat: no-repeat; padding-top: 7px; padding-right: 5px; padding-left: 15px; vertical-align: middle }
td.onglet_jaune
{	vertical-align: middle;
	background-color: #FFD10E;
	background-image: url('images/onglet_projaune.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
td.onglet_bleu
{	vertical-align: middle;
	background-color: #69C6CE;
	background-image: url('images/onglet_probleu.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
td.onglet_menupro
{	vertical-align: middle;
	background-color: #E2E3D1;
	background-image: url('images/onglet_menupro.gif');
	background-repeat: no-repeat;
	color: #646568;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
td.container_droite
{	background-color: #E2E3D1;
}
td.footer
{	text-align: center;
	color: #999999;
}
div.hidden_expertises
{	margin: 0px 6px 6px 0px;
	padding: 0px;
	border: 0px;
}

/* TITRES */
h2
{	margin: 5px 15px 0px 15px;
	padding: 0px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #646568;
	background-image: url('images/puce_h2.gif');
	background-repeat: no-repeat;
	background-position:left top;
}
h2.droite
{	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
	/* line-height: 30px; */
	font-weight: bold;
	background-image: none;
}
h2.pro
{	margin: 5px 15px 0px 15px;
	padding: 0px 0px 0px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #646568;
	background-image: url('images/puce_h2red.gif');
	background-repeat: no-repeat;
	background-position:left top;
}

/* PARAGRAPHES */
p
{	margin:8px 15px 15px 15px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #646568;
}
p.onglet
{	margin:6px 15px 6px 15px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 16px;
}
p.gauche
{	margin:8px 8px 0px 8px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #646568;
}
p.droite
{	margin:8px 8px 5px 8px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #646568;
}
p.menu_expertises
{	margin:6px 6px 4px 10px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #fff;
}
p.login
{	margin:6px 10px 6px 10px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
}
span.red
{	font-size: 18px;
	color: #C40012;
}
span.red12px { color: #c40012; font-size: 12px; font-weight: bold; }
span.red14px { color: #c40012; font-size: 14px; font-weight: bold; }
span.red16px { color: #c40012; font-size: 16px; font-weight: bold; }
h2.red16px { color: #c40012; font-size: 16px; font-weight: bold; margin:0px 15px; padding:0; background-image:none;}

/* LISTES */
ul
{	margin-top: 0px;
	margin-bottom: 0px;
}

li
{	margin: 0px;
	list-style-type: disc;
}
li.contenu { list-style-type: disc; list-style-image: none; margin: 0 0 5px }
li.pro
{	margin:3px 10px 3px 10px;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-style: italic;
	font-weight: bold;
	color: #646568;
}
li.num1{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/1.gif);
}
li.num2{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/2.gif);
}
li.num3{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/3.gif);
}
li.num4{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/4.gif);
}
li.num5{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/5.gif);
}
li.num6{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/6.gif);
}
li.num7{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/7.gif);
}
li.num8{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/8.gif);
}
li.num9{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/9.gif);
}
li.num10{
	margin-bottom:5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left:25px;
	line-height: 15px; 
	background-image:url(images/10.gif);
}

li.numerique
 { list-style-type: decimal; 
 margin:3px 10px 3px 10px;}
/* LIENS */
a
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #646568;
}
a:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #646568;
}
a.red
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #C40012;
}
a.red:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #C40012;
}
a.menupro
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #646568;
	text-decoration: none;
}
a.menupro:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #646568;
	text-decoration: underline;
}
a.footer
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
}
a.footer:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #999999;
}
a.blanc
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
a.blanc:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}
a.rouge
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f00;
	text-decoration: none;
}
a.rouge:hover
{	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f00;
	text-decoration: underline;
}

/* FORMULAIRES */
input, textarea, select
{ margin: 0px;
  padding: 0px;
  width: 100%;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
  color: #111111;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}

input.radiobouton
{	margin: 0px;
	padding: 0px;
	width: 15px;
	background-color: #A8D5EF;
	border: 1px solid #A8D5EF;
}

input.boutonred
{ width: 40px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #C40012;
  border-top: 2px solid #E68E96;
  border-left: 2px solid #E68E96;
  border-right: 2px solid #8F000D;
  border-bottom: 2px solid #8F000D;
}

hr.clearer
{	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
	border: 0px;
	color: #fff;
	background-color: #fff;
	text-align: center;
	clear:both;
}

hr.pointille
{ 	background-color: #FFFFFF;
	color: #FFFFFF;
	width: 100%;
	border: none;
	border-bottom: dashed #D2D3C7 1px;
	clear:both;
}

.legende
{ 
color: #ffffff; 
font-size: 12px; 
font-family: Arial, Verdana; 
background: #b51117; 
text-align: left; 
display: none; 
position: absolute; 
z-index: 500; 
top: 200px; 
left: 300px; 
border: solid 2px #e60018 }

fieldset  { 
color: #646568; 
border: solid 1px gray 
}

fieldset legend { 
color: #646568; 
}

.message  { 
color: white;
font-weight: bold;
background-color: #c21f34; 
padding: 5px; 
border: solid 1px #999 
}

.message2   { 
color: #646568; 
background-color: #feffec; 
padding: 5px; 
border: solid 1px #999 
}
