body {margin:14px; padding:0; background-color: #ffffff; height:100%;}
table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#6a6859;}
div{margin:0;padding:0}
h1{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#24315e;
	font-weight: bold; font-style: italic; padding:0 0 0 28px; margin: 0 0 4px 0; border-bottom: 1px solid #24315e;
	background:url(images/h1.gif) left bottom no-repeat; line-height: 18px;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#b2a478; font-weight: bold; padding:0; margin: 0 0 1px 0;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#888888; font-weight: normal; padding:0; margin: 0 0 1px 0;}
h4{font-size:14px; color:#f29300; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 0 0 1px 0;}
p{border:0; padding:0; margin:0 0 1px 0;line-height:13px;}
ul{list-style-type: none; padding: 0; border:0;margin:0 0 8px 4px; }
li {background-image:url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .1em; padding-left: 12px;margin:4px 0 0 0; }
ul ul li{background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: 0 .1em; padding:0; padding-left: 12px; border:0; margin: 0}
a{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#0072b8;text-decoration:underline}
a:hover{color:#0097fe;}
em{font-size:12px; color:#63607b; font-family: Verdana, Arial, Helvetica, sans-serif;}
em a{font-size:12px; color:#0072b8; font-family: Verdana, Arial, Helvetica, sans-serif;}
u{display:block; clear:both; text-decoration:none; height:0;}
a img{border:0;}

#sitemap{color:#aba48b;font-size:10px;text-align:left; height:20px; margin: 8px 0 15px 20px;}
#sitemap a{color:#aba48b;font-size:10px;}
#sitemap a:hover{color:#c6c2b1;}

/* ### popup ### */
#btfermer{margin: 2px; cursor:pointer;}
#c{display:none; position: absolute; top: 50px; left: 0; z-index:9999999; text-align: right; border:0;}
#filtre{position:absolute; top:0; left:0; background:#222222; -moz-opacity:0.49; filter:alpha(opacity=49); z-index:999998; width:100%; height:100%; display:none;}

div.curvy{background: url(images/curvy1.gif) no-repeat top left; margin:0; padding:0; width:100%;}
div.curvy div{background: url(images/curvy2.gif) no-repeat top right; }
div.curvy div div{background:url(images/curvy3.gif) no-repeat bottom right;}
div.curvy div div div{background:url(images/curvy4.gif) no-repeat bottom left; padding:30px 24px;}
div.curvy div div div div{background:none; margin:0; padding:0;}
div.curvy u{height:0;}

.clair{color: #999999;}
.justifie{text-align:justify}
img.cadre{border:1px solid #dcdcdc;padding:1px;}
a.cadre img{ display:block;border:1px solid #dcdcdc;padding:1px;}
a.cadre:hover img{ display:block;border:1px solid #ececec;}
.blanc{color:#ffffff;}
.petit{font-size: 10px;line-height:12px;}
.small{font-size: 10px;line-height:11px;}
.clear{clear:both;}
.margd{margin:0 15px 5px 0; float:left}
.margg{margin:0 0 5px 15px;float:right}
.marged{padding-right:15px;}
.margeg{padding-left:15px;}
.decald{margin:0 15px 10px 0;}
.decalg{margin:0 0 10px 15px;}
.fondclair{background-color: #f3f0e9; border: 1px solid #e4e1da; padding:12px; margin-bottom: 8px;}
.fondfonce{background-color: #e4e0d5;border: 1px solid #cac2ad; padding:12px; margin-bottom: 8px;}
.margd{margin-right:15px; float:left;}
/* ##### pour tableau et datagrid ##### */
.tableau{margin: 0 0 6px 0;border-top: 1px solid #E0D8C6; border-left: 1px solid #E0D8C6;clear:both;}
.tableau th{background-color:#b7081f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;
	border-bottom: 1px solid #870617; border-right: 1px solid #870617;padding:4px;text-align:left;}
.tableau td{border-bottom: 1px solid #E0D8C6; border-right: 1px solid #E0D8C6;padding:2px;}
.tableau .sansbord{border-bottom:0;}

.infoZoom		{font-size:10px; color:#999999; background:url(images/loupe.gif) no-repeat center left; padding:4px 0 4px 18px;}
.icoPDF			{font-size:10px; color:#999999; background:url(images/ico_pdf.gif) no-repeat center left; padding:4px 0 4px 20px;}
.dep			{overflow: visible;}
.rel			{position:relative;}
.none		{display:none;}
.h40			{height:40px;}
.h100		{height:100px;}
.h120		{height:120px;}
.h140		{height:140px;}
.h160		{height:160px;}
.h180		{height:180px;}
.h200		{height:200px;}
.mt5			{margin-top:5px;}
.mt10		{margin-top:10px;}/* permet de gérer les marges internes et externes en haut et en bas d'un élément : utile pour les espacement de paragraphes */
.mt20		{margin-top:20px;}
.mt30		{margin-top:30px;}
.mt40		{margin-top:40px;}
.mt50		{margin-top:50px;}
.mt60		{margin-top:60px;}
.mt70		{margin-top:70px;}
.mt80		{margin-top:80px;}
.mt90		{margin-top:90px;}
.mt100		{margin-top:100px;}
.mb5			{margin-bottom:5px;}
.mb10		{margin-bottom:10px;}
.mb20		{margin-bottom:20px;}
.mb30		{margin-bottom:30px;}
.mb40		{margin-bottom:40px;}
.mb50		{margin-bottom:50px;}
.mb60		{margin-bottom:60px;}
.mb70		{margin-bottom:70px;}
.mb80		{margin-bottom:80px;}
.mb90		{margin-bottom:90px;}
.mb100		{margin-bottom:100px;}
.mb120		{margin-bottom:120px;}
.mb140		{margin-bottom:140px;}
.mb160		{margin-bottom:160px;}
.mb180		{margin-bottom:180px;}
.mb200		{margin-bottom:200px;}
.mt-10		{margin-top:-10px;}
.mt-15		{margin-top:-15px;}
.mt-20		{margin-top:-20px;}
.mt-25		{margin-top:-25px;}
.mt-30		{margin-top:-30px;}
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:10px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.margd10{margin-right:10px;}
.margg10{margin-left:10px;}
.padg{padding-left:10px;}
.padd{padding-right:10px;}
.padh{padding-top:10px;}
.padb{padding-bottom:10px;}
.fleft{float:left; display:block;}
.fright{float:right;display:block;}
.fcenter{margin-left:auto;margin-right:auto;}
.note,
.small{font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
.note{color:#9b6a93; color:#89afc0;}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.l5{width:5%;}
.l10{width:10%;}
.l15{width:15%;}
.l20{width:20%;}
.l25{width:25%;}
.l30{width:30%;}
.l35{width:35%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l55{width:55%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.l80{width:80%;}
.l85{width:85%;}
.l90{width:90%;}
.l95{width:95%;}
.l100{width:100%;}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
.cur{cursor:pointer;}
.uc{text-transform:uppercase;}
.lc{text-transform:lowercase;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.esp10{height:10px;}
u.esp20{height:20px;}


/*###### Mise en forme page ########" */
#principal{border: 1px solid #e4e0d5;}
#top1{background-color:#D7CDA4; width:30px;height:9px;}
#top2{background-color:#B9B196;}
.bandegauche{background-color:#E3E0D4;}
#navgauche{background-color:#434f6f;height:20px;}
.nav{background-color:#2e385e;}
.nav ul{margin:0; padding:0; height:20px;}
.nav li{float: left; margin: 0; padding: 0; height:20px; background: url(images/fleche.gif) left no-repeat; display: block;}
.nav ul li.inv{background-image: url(images/fleche-g.gif)}
.nav li a{color: #c6c7c9; display: inline; padding: 0 14px; height: 100%;
	font-size:10px; font-weight: bold; line-height:20px; text-decoration:none;}
.nav li a:hover{color: #FFFFFF;}

#gauchebanniere{border-bottom: 1px solid #e3e0d3;}
#tdbanniere{border-bottom: 1px solid #e3e0d3; width: 476px; height:160px;}

#menudroite{border-top: 1px solid #cdc4a7; border-bottom: 1px solid #FFFFFF; padding: 0; margin:0 0 10px 0;}
#menudroite td{background-image:none; background-color: #e4e0d5;
	border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cdc4a7; padding: 0; margin: 0;}
#menudroite a {font-size: 9px; color:#463c0f; text-decoration:none; background: url(images/puce.gif) no-repeat left center; padding: 8px 0 8px 12px; line-height: 10px;  display:  block ; vertical-align: middle; width: 188px; height: 100%; }
#menudroite a:hover{color:#000000; background-color: #f0ede7;}

.telechargement{border-top: 1px solid #cdc4a7; border-bottom: 1px solid #FFFFFF; padding: 0; margin:0 0 10px 0;}
.telechargement td{background-image:none; background-color: #c5daf2;
	border-top: 1px solid #FFFFFF; border-bottom: 1px solid #84b0e3; padding: 0; margin: 0;}
.telechargement a {font-size: 9px; color:#434f6f; text-decoration:none; background: url(images/pucebleue.gif) no-repeat left center; padding: 8px 0 8px 12px; line-height: 10px;  display:  block ; vertical-align: middle; width: 188px; height: 100%; }
.telechargement a:hover{color:#2d83bc; background-color: #d6e4f5;}

#droite{width: 200px; background: url(images/logos-MD.gif) no-repeat bottom center; background-color:#E4E0D5; padding-bottom: 150px; position:relative;}
/*#droite div{margin: 10px;}*/
#bottom1{background-color:#D7CDA4;}
#bottom2{background-color:#BFB08F;}
#talon{color:#e3e0d3; padding:0 0 0 10px; height:20px;}
#talon a{color:#e3e0d3; text-decoration: none; line-height:18px;}
#talon a{color:#ffffff;}
#talondroite{background-color:#CDC4A7; width:200px;}

#navionelive{height: 63px;}
#contenu{margin: 0 15px 20px 20px;}

 /* ##### FORMULAIRES ##### */
.champcontact{
	background-color: #ffffff;
	border:1px solid #e4e0d5;
	color:#405058; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}
.champfocus{
	background: url("images/fond_champ.gif") repeat-x top; background-color: #ffffff;
	border:1px solid #beb593; border-top:1px solid #a09262; border-bottom:1px solid #cdc6ac;
	color:#407c58; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}	
.champcontacterreur{
	background:  url("images/fond_champerreur.gif") repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606;
	color:#FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}

.send{
	background: url("images/fond_send.gif") repeat-x top; background-color: #d6cca4; 
	border:1px solid #b4a157;
	color: #47402e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align : center;
	padding: 2px 2px; margin:1px;
}
.champrecherche{background: url("images/loupe.gif") no-repeat top left; background-color: #ffffff;
	border:1px solid #E0D8C6;
	color:#405058; font-family: Verdana, Arial; font-size:10px; text-align:left; 
	padding: 2px 0 2px 20px; margin:1px;
}
form{border:0; padding:0; margin:0}
.erreur{color:#be0d0d;	font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold;}

.photo{border:1px solid #333333}

#menudroite td.planningForce				{ text-align:right;}
#menudroite td.planningForce span		{display:none;}
#menudroite td.planningForce a			{padding:0;}
#menudroite td.planningForce a:hover	{background-color:transparent;}

 /**  Onglet  **/
.tabnav {	
  	float:left;
  	width:100%;
  	background:#FFFFFF url("images/tabnav-bg.gif") repeat-x bottom;
  	line-height:normal;
  	margin:0; margin-top:20px;; padding:0;
	list-style-type: none;}
.tabnav ul {
  margin:0;
  padding:0 10px 10px 0;
  list-style:none; border-bottom: 1px solid #ffd90f}
.tabnav li {
  float:left;
  background:url("images/tabnav-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 2px;}
.tabnav a {
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
font-size:11px;
  float:left;
  display:block;
  background:url("images/tabnav-right.gif") no-repeat right top;
  padding:5px 12px 4px 10px;
  text-decoration:none;
  color:#95845a;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabnav a {float:none;}
/* End IE5-Mac hack */
.tabnav a:hover {color:#afa17c;}
.tabnav .active {background-image:url("images/tabnav-left_on.gif");}
.tabnav .active a {background-image:url("images/tabnav-right_on.gif"); color:#726545; padding-bottom:5px; font-weight:bold;}
.tabnav .active a:hover {color:#95845a;}
.tabnav .inactive {background-image:url("images/tabnav-left_off.gif");}
.tabnav .inactive a {background-image:url("images/tabnav-right_off.gif"); color:#95845a/*#fdfdfc*/; cursor: default;}
.tabnav .inactive a:hover{color:#fdfdfc;}
.tabnavcontenu{
	border:1px solid #968456;
	border-right-color: #968456;
	border-left-color: #968456;
	border-bottom-color: #726545;
	border-top:0;
	clear: both; padding: 20px 10px 10px 10px; margin:-10px 0 0 0;}

.tabnavcontenu div{/*display:none; clear: both;*/}
.tabnavcontenu #div1{display:block;}
.tabnavcontenu div div{display:block; padding: 0 5px 10px 5px; margin: 0 0 10px 0; clear: both;}	


a.bouton,
a.boutonGreen{
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; font-size:16px; text-decoration:none; color:#474338; font-weight:normal;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;}
a.bouton span,
a.boutonGreen span{
	position:relative;
	float:left;
	padding:0 0 0 16px;
	vertical-align:middle;
	background:url(images/bt-white-g.png) left top no-repeat; 		_background-image:url(images/bt-white-g.gif);}
a.bouton span span,
a.boutonGreen span span{
	padding:0 16px 0 0;
	background:url(images/bt-white-d.png) right top no-repeat;		_background-image:url(images/bt-white-d.gif);}
a.bouton span span span,
a.boutonGreen span span span{
	height:34px;
	padding:0 24px;
	line-height:2.2;
	background:url(images/bt-white-bg.png) left top repeat-x;		_background-image:url(images/bt-white-bg.gif);}
a.bouton:hover,
a.boutonGreen:hover{color:#726b5a;}

a.boutonGreen							{color:#ecedb2;}
a.boutonGreen span 					{background-image:url(images/bt-green-g.png);		_background-image:url(images/bt-green-g.gif);}
a.boutonGreen span span 			{background-image:url(images/bt-green-d.png);		_background-image:url(images/bt-green-d.gif);}
a.boutonGreen span span span	{background-image:url(images/bt-green-bg.png);		_background-image:url(images/bt-green-bg.gif);}
a.boutonGreen:hover					{color:#FFFFFF;}

div.logoPlanningForce{width:254px; height:70px;}

table.tablePrincipal		{width:980px; border:0; border-spacing:0; border-collapse:0; border: 1px solid #e4e0d5; margin-left:auto; margin-right:auto;}
td.colDroite{width: 250px; /*background: url(images/logo_microsoftdynamicsnav.gif) no-repeat bottom left;*/ background-color:#E4E0D5; padding-bottom: 45px;}
td.talonDroite{background-color:#CDC4A7; width:250px;}