body {	background-color: #1d7eae;
}
body, div, table, tr, td, form, fieldset, p, h1,h2,h3,h4,h5, object, ul, li {
		margin: 0;	padding:0;
}
body, div, table, tr, td, form  {
		font: 13px normal Verdana, Helvetica, sans-serif;
		color: #6d6d6d;
}
#preload-images {
    width: 0;  height: 0px;
    display: none; visibility:hidden;
    background-image: url(../images/logo_on.jpg);
	background-image: url(../images/menu_blue.gif);
	background-image: url(../images/menu_bdx.gif);
}
/*--------------------  DECOUPAGE DE LA PAGE PRINCIPALE -----------------------------------------------  */
.global {	position: relative; 
			width: 99.8%; height: 100%;
}

.haut{ 		position: absolute; top:0; left:0; 
			height: 90px; width: 100%;
			background-color: white;
}

.corps { 	width: 100%; padding-top: 132px;
			background-color: white;
}
.tableau { width: 100%; height: 500px; }

.gauche {	height: 500px; width: 160px;
			background-color: #146aa7;
			text-align: left;
}

.droite  { 	height: 500px; width: 260px;
			background-color: #146aa7;
			text-align: left;
			color: #fff;
}
.centre  { 	text-align: left; }
.centre2  { 	position: relative;
			background: #000 url(../images/bulle_bleu.gif);
			padding: 0 0 12px 0; margin: 0;
			text-align: left; }
			
.reste { 	height: 100%; width: 840px;
			text-align: center;
			margin: 0; padding: 0;
}
.large { 	height: 100%; width: 100%;
			text-align: center;
			margin: 0;
}

/*--------------------  LE MENU DU HAUT  -----------------------------------------------------------------  */
.inter { 	position: absolute; top: 90px; left: 0;
			width:100%; height: 42px;
			background: url(../images/inter.png) repeat top center;
}
.inter1 { 	position: absolute; top: 0px; left: 0;
			width:160px; height: 100%;
			background: url(../images/header_sep.gif) no-repeat top right;
}
.inter2 { 	margin-left: 160px; margin-right: 260px;
			height: 100%;
}
.inter3 { 	position: absolute; top: 0; right: 0;
			width:260px; height: 100%;
			background: url(../images/header_sep.gif) no-repeat top left;
}
.inter4 { 	 width:100%; }
.inter5 { 	width: 100%; }
.acces { 	margin-top: 4px; padding-top:0; }
.dossier {
	background-color: #fff; 
	width:100%; padding: 0; margin: 0; text-align: left; 
	border-left: 1px solid #c1c1c1;
	text-align: center;
}
.flashe { 
		background: white url(../images/bg_bleu.jpg) repeat top left;
		border-left: 1px solid #c1c1c1; padding-top: 5px;
		text-align: center;
}
/* ------------------------------------------ MENU DU HAUT -----------------------------------   */
#menu {overflow:hidden; white-space:nowrap; }
.menuho ul{	float: left;
			font: bold 90% Arial;
			font-variant: small-caps ;
}
.menuho ul li{	display: inline; height: 33px;line-height: 33px;}
.menuho ul li a{	float: left;  
				width: 81px; height: 33px;
				text-decoration: none;
				color: #e5e5e5; font-size: 10px;
				font-family: Verdana, Helvetica, sans-serif;
				margin: 0 1px 0 0;
				text-align: center;
				background: url(../images/menu_bleu.gif) repeat-x bottom center;
}
.menuho ul li a#inactif { }
.menuho ul li a#actuel { 
				background: url(../images/menu_bleu01.gif) repeat-x bottom center;
				color: #fff6c6;
}
.menuho ul li a:hover{
				background: transparent url(../images/menu_bleu01.gif) repeat-x bottom center;
				text-decoration: underline;
}
/* ------------------------------------------ MENU ONGLETS -----------------------------------   */
    .header {
      float:left;
      width:100%;
      font-size:90%;
      line-height:normal;
      }
    .header ul {
      margin:0;
      padding-top:4px; padding-left: 2px;
      list-style:none;
      }
    .header li {
      float:left; width: 12%; line-height: 24px;
      background:url(images/menu-onglets/norm_left.jpg) no-repeat left top;
      margin:0;
      padding-left: 9px;
      }
    .header a {
      display:block; 
      background:url(images/menu-onglets/norm_right.jpg) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#0b6291;
      }
    .header a:hover {
      color:#fff;
      }
    .header #actuel {
      background-image:url(images/menu-onglets/norm_left_on.jpg);
      }
    .header #actuel a {
      background-image:url(images/menu-onglets/norm_right_on.jpg);
      color:#0b6291;
      padding-bottom:4px;
      }

/* ------------------------------------------ MENU GESTION PAGINATION-----------------------------------   */
.menupage ul{	float: left;
			font-weight: bold;
			font-family: Arial;
}
.menupage ul li{	display: inline; height: 20px; line-height: 20px;}
.menupage ul li a{	float: left;  
				width: 21px; height: 20px;
				text-decoration: none;
				color: #e5e5e5; font-size: 10px;
				margin-right: 1px;
				text-align: center;
				background: url(../images/menu_bleu.jpg) repeat-x bottom center;
}

.menupage ul li a#actuel  { 
			background-color: #4873c7;
			color: #fff6c6;
			text-decoration: underline;
}
.menupage ul li a:hover{
			background-color: #4873c7;
			color: #fff4bc;
}
/*-----------------------------------------------------------------------------------------------------------------  */
#nbjours { 	margin-top: 14px; text-align: left; text-indent: 10px;
			color : #ffffff; font-size: 10px; font-weight: bold;	
}
#logo{		position: absolute; top:0; left:0;
			width: 160px; height: 100%;
}
#banniere {	margin-left: 160px; margin-right: 260px;
			height: 100%;
			background:  #815c1e url(../images/banniere.jpg) no-repeat top right;
}
#banniere_d {	margin-left: 160px; margin-right: 260px;
			height: 100%;
			background:  #815c1e url(../images/banniere_degrade.jpg) no-repeat top center;
}
#haut_droit { position: absolute; top:0; right:0;
			 width: 260px; height: 100%;
			 background: transparent url(../images/header_droite.jpg) repeat center center;
}
#fnaim { 	position: absolute; left: 160px; top: 12px;}
#login {		position: absolute; left: 5px; top:2px; z-index: 20;
			text-align: left;
			color : #ffffff; font-size: 11px; font-weight: bold;	
}
#visites {	position: absolute; right: 1px; top:24px; z-index: 20;
			text-align: left;
			color : #ffffff; font-size: 11px; font-weight: bold;	
}
#cptimg{	position: absolute; right: 1px; top:0; z-index: 20;
			text-align: left;
}
#horloge { 	position: absolute; right: 0; top:74px; z-index: 20; border: none;
			width: 260px; height: 18px;
}
#publi	{ 	width: 200px; height: 164px; border: none; }
#publi2	{ 	width: 250px; height: 208px; border: none; }
#pub h1 a {
			position: absolute; top: 0; left:0;
			display:block;
			height:90px; width:100%;
			background: #ecdc85 url(../images/logo_off.jpg) no-repeat center center;
}
#pub h1 a:hover {
			background: #ecdc85 url(../images/logo_on.jpg) no-repeat center center;
}
#pub h2 a {
			position: absolute; top: 0; right:0;
			display:block;
			height:75px; width:260px;
}
#pub h1, #pub h2 { font-size:0.8em; text-indent: -3000px; }

/* -------------------- CLASSES GENERALES DU SITE -----------------------------------------------   */
img { border: none; }
img.milieu { vertical-align: middle }
.centreur  { text-align: center; margin-left:auto; margin-right:auto;  }
#centreur  { text-align: center; margin-left:auto; margin-right:auto;  }
#cache{ display:none; visibility:hidden; }	/* Pour cacher une balise  */

div.overf { width: 100%; 	overflow:hidden; white-space:nowrap; }	/* Evite retour ligne si texte trop long  */
td { vertical-align: top; text-align: left; }
.righte { vertical-align: middle; text-align: right; z-index: 100; }
.cent { vertical-align: middle; text-align: center; }
.lefte { text-align: left;}
.top { vertical-align: top;}
.bottom { vertical-align: bottom;}
.middle{ vertical-align: middle;}
.conteneur {	width: 98%; margin: 0 0 0 10px; text-align: left; }
.relative { position: relative; height: 100%; background: #d7e3f1 url(../images/bg_bleuet.jpg) repeat top center;}
.inter_liste{	width:100%; height: 90px;
			background: url(../images/bg_b.gif) repeat 0% 30%;
}
/* ------------------------------------ MENU GAUCHE ----------------------------------------------- */
.entete {	width: 147px; margin: 0;}
.entete  p{	height: 22px; line-height: 22px;
			font-family: Tahoma, Verdana, Arial, Helvetica;
			color: #fff; font-weight: bold; font-size: 9px;
			text-align: left;
			text-indent: 6px;
}
.entete p#bdx {  background: url(../images/header_bdx.gif) repeat top left;}
.entete p#blue {	background: url(../images/header_blue.gif) repeat top left;}
.entete p#cyan {	background: url(../images/header_cyan.gif) repeat top left;}
.entete p#or {	background: url(../images/header_or.gif) repeat top left;}
.entete p#mer {	background: url(../images/header_mer.gif) repeat top left;}

dl, dt, dd, .menu ul, .menu li {
		margin: 0; padding: 0;
		list-style-type: none;
}
.menu {	position: relative; width: 147px;  z-index: 20;
		cursor: pointer;
		text-align: left;
}
.menu dd {
		position: absolute;
		z-index: 20;
		left:147px;
		margin: -22px 0 0 0px;
		width: 147px;
		border-style:solid;
		border-width:1px 1px 0px 1px;
}
.menu dt, .menu  li  {
		height: 22px;
		line-height:22px;
		border-style:solid;
		border-width:0; /*  avant 0 0 1 0 */
}
.menu dt a, .menu li a {
		width: 100%;
		display: block;
		text-align:left;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-indent: 6px;
		font-weight: bold; font-size:11px;

}
.menu dt a:hover, .menu li a:hover { text-decoration: none; }

.blue dd,.blue li ,.blue dt { border-color: #024d73; }
.cyan  dd,.cyan li ,.cyan dt { border-color: #026196; }
.bdx  dd ,.bdx li ,.bdx dt { border-color:  #7b0026; }
.mer dd,.mer li ,.mer dt { border-color: #024d73; }
.or dd,.or li ,.or dt { border-color: #9e8901; }

.bdx  a, li.bdx a { background: url(../images/menu_bdx.gif) no-repeat top center; color: #d6d6d6; }
.bdx a:hover, li.bdx a:hover,.bdx a#actuel { background: url(../images/menu_bdx.gif) no-repeat bottom center; color: #fff; }
.blue  a , li.blue a{ background: url(../images/menu_blue.gif) no-repeat top center; color: #e8e8e8; }
.blue a:hover, li.blue a:hover,.blue a#actuel { background:  url(../images/menu_blue.gif) no-repeat bottom center; color: #fff; }
.or  a, li.or a  { background: url(../images/menu_or.gif) no-repeat top center; color: #eae0ad; }
.or  a:hover,li.or a:hover,.or a#actuel { background: url(../images/menu_or.gif) no-repeat bottom center; color: #fff; }
.mer  a, li.mer a { background: url(../images/menu_mer.gif) no-repeat top center; color: #d6d6d6; }
.mer  a:hover,li.mer a:hover,.mer a#actuel { background: url(../images/menu_mer.gif) no-repeat bottom center; color: #fff; }
.cyan a, li.cyan a { background: url(../images/menu_cyan.gif) no-repeat top center; color: #d6d6d6; }
.cyan a:hover,li.cyan a:hover,.cyan a#actuel { background: url(../images/menu_cyan.gif) no-repeat bottom center; color: #fff; }
/*-----------------------------------------------------------------------------------------------------------------  */
.saut{ clear: left; }
/*-----------------------------------------------------------------------------------------------------------------  */
#bgcol1 { background-color: #EBEEF2; }	/* bleu clair */
#bgcol2 { background-color: #FFFFFF; }	/* blanc */
#bgcol3 { background-color: #eafff7; }	/* vert */
.bgcol1 { background-color: #EBEEF2; }	/* bleu clair */
.bgcol2 { background-color: #FFFFFF; }	/* blanc */
.bgcol3 { background-color: #eafff7; }	/* vert */
.bgcol4{ background-color: red }	/* rouge */
.couleur0 { background-color: white; }	/* Blanc  */
.couleur1 td { background-color: #ddd50c; color: #fff; }	/* Jaune  */
.couleur2 td{ background-color: orange; color: #fff; }	/* Orange  */
.couleur3 td { background-color: #8e7700; color: #fff; }	/* Marron  */
.couleur4 td { background-color: #ff5656; color: #fff; }	/* Rouge  */
.couleur4 td { background-color: #00d185; color: #fff; }	/* Rouge  */
.couleur5 td { background-color: #00d185; color: #fff; }	/*vert  */
.couleur9  td{ background-color: #00d6df; color: #fff; }	/*bleu  */
.couleur1 a#libel,.couleur2 a#libel,.couleur3 a#libel,.couleur4 a#libel,.couleur5 a#libel,.couleur9 a#libel,  { color: #fff; }
.coul_bdx { color: #be9e23; }	/*bordeaux */
.coul_marron  { color: #763e00; }	/*marron*/

/*---------------------------------- CHECKBOX ----------------------------------------- */
.topcheckbox {		/* Checkbox de selection globale  */			
	-moz-appearance: checkbox-small;
/*	background-color:#fff; */
	margin:0; padding: 0;
	margin:0; padding: 0;
	height: 14px; width: 13px;
	font-weight: bolder;
	border: none;
}
/*---------------------------------- CLASSES  POUR  IFRAME ------------------------- */
iframe { margin: 0; padding: 0 }
iframe#parte{ text-align: center; }
/* ---------------------- CLASSES  PARTENAIRES  ----------------------------------   */
.partenaires  { width: 100%; height: 100%;
			text-align: center; margin-left:auto; margin-right:auto;
			background: #d7e3f1 url(../images/bg_bleuet.jpg) repeat top center;
}
.boite_parte  { 	float: left;
			width: 142px; height:116px; padding: 0 1px 0 1px; 
}
.bloc_parte { width: 140px; height: 100%;
			background: #d7e3f1 url(../images/main.jpg) repeat-x top center;
			text-align: left;
}
.bloc_parte  h2 {	text-align: center; color: #5F83A2;  font-size:12px; font-weight: bold;}
.bloc_parte   a:hover { color: #6b8aa8; text-decoration : underline ;}
.bloc_parte   a  { color: #5F83A2;  font-size:12px; font-weight: bold; }
.bloc_parte  a:hover img {	filter: wave(freq=1,light=1,phase=0,strength=2,add=1);
}
.bloc_parte img { width: 140px; }
.fond_bleu { width: 100%; height: 100%;
			background: #68aab6 url(../images/bg_b.gif) repeat center center;
}
/* --------------------------------------- ACCUEIL LOIS ------------------------------------------   */
.boite_loi  { float: left; position :relative;
			 width: 49.2%; height:122px;}
.bloc_loi {	width: 99%; height: 100%;
			background: #fff url(../images/main.jpg) repeat-x top center;
			border: 1px solid #c1c1c1;
			text-align: left;
}
.bloc_loi h2 {	padding-left: 8px; color: #5F83A2;  font-size:12px; font-weight: bold; line-height: 25px;}
.bloc_loi a:hover { color: #5F83A2; text-decoration : underline;}
.bloc_loi  a  { color: #2c4e81;  font-size:13px; font-weight: bold; font-style: italic; }
.boite_loi ul  { list-style-type: none; height: 104px;
			padding: 4px 4px 4px 4px;
			font-family: Arial, verdana, Helvetica; font-size: 12px; color :#5F83A2; 
}
#simu { position: absolute; right: 5px; top: 3px; z-index: 2;}

/* ---------------------------------- DETAILS  DES LOIS -----------------------------------------   */
.loi {	width: 100%; position: relative;
		text-align: left;
		font-family: Arial; font-size: 14px;
		background: url(../images/main.jpg) repeat-x;
}
.loi_niv2 {	
width: 98%; 
margin: 0 0 0 10px;
}

.loi_niv2 h4 {margin-bottom: 10px;
color:#a20b1e; 
font-weight:bold;
font-size:1.2em; }

.loi_niv2 b{
color:#763e00; 
font-weight:bold;
font-size:1em; }

#calc { position: absolute; right: 1px; top: 0; z-index: 2;} /*  Calculette */
#prdc { position: absolute; left: 5px; top: 0; z-index: 2;}  /*  produits-loi */
#print { position: absolute; right: 50px; top: 0; z-index: 2;} /*  imprimer */

.loi p {	margin: 2px 0 2px 0; font-family: Arial; font-size: 14px; }

.loi  h1 { font-size:15px; line-height: 24px; text-align: center; color: #3f7694; font-style: italic;}
.loi  h2 { font-size:15px; line-height: 22px; text-align: left; color: #47899e; font-style: italic }
.loi  h3 { font-size:14px; line-height: 20px; text-align: left; color: #47899e; font-style: italic; }
.loi  h1, .loi  h2, .loi  h3 { 
		font-family: Arial;  font-weight: bold;
		text-indent: 4px;
		background: url(../images/main.jpg) repeat-x top center;
}
.loi ul {	font-size: 14px; list-style-type: disc;
}
.loi ul  li {margin-left: 20px; line-height: 16px; text-align: left; }
ul#liste { color :#5F83A2;}
ul#listeb { 	font-size: 14px;  list-style: outside; list-style-type:disc; }
#listeb  li { margin-left: 20px; line-height: 16px; text-align: left; height: 16px;}
ul#listev { list-style: outside; list-style-type:none; padding-top: 6px; padding-bottom: 6px; }

ul#liste01 { 	font-size: 13px; list-style: outside; margin: 0 0 0 20px;			list-style-image: url(../images/puce_orange.gif); }
#liste01  li {  text-align: left;}
 
.loi p { padding: 2px 0 2px 0; }
.table_loi { }
.table_loi td { font-size: 12px; font-family: Arial; text-align: left; padding-left: 4px;  }
.table_loi th { background: url(../images/main_titre.gif) repeat top center;
			text-align: center; color: #646464; font-size: 13px; font-weight: bold;}
.table_loi th#id1 { 	background: url(../images/header_bande.gif) repeat top center; color: #fff; }
.table_bareme { background-color: #fff; border: 1px solid #c1c1c1; }

.table_bareme td { padding-left: 5px;  padding-right: 2px; font-size: 1em; font-family: Arial; font-weight: bold; color: #000;  }
.table_bareme td.title { padding-left: 5px; font-size: 1em; font-family: Arial; font-weight: bold; color: #a20a1e;  }

#bleuc   {color: #5F83A2; text-align: center; }
.mentions { background-color: #00466f; }
.mentions p { color:  white; }
.mentions  h2  { width: 99%;
		font-family: Arial;  font-weight: bold; color: white;
		text-indent: 0;
		background: none;
}
/* ------------------------------------------- PRODUITS -----------------------------------------------   */
.produits {	position: relative; text-align: left; }

.observ { padding: 4px 8px 4px 8px; text-align: left;
			font-family: Arial; font-size: 13px;  
}
.observ b { color: #5F83A2; }

.titre {		background: url(../images/main.jpg) repeat-x top center; }
.titre td {	height: 24px; line-height: 24px;
			padding-left: 4px;
			font-family: Arial; font-weight: bold; color: #5F83A2; font-size:13px;
}

.titre td#rouge { color: red; }

.table_prd td { padding-left: 6px; color: #5F83A2; font-weight: normal; }
.table_prd { text-align: left; border: 0; background-color: white; }
img#fiche { width: 500px; }
ul#listep{ 	font-size: 13px; margin-top: 4px; margin-bottom: 4px; list-style: outside; 
			list-style-image: url(../images/puce.jpg); }
#listep  li {	margin-left: 25px; line-height: 14px; text-align: left; color: #fff; }

.titre h2 {	color: #5F83A2; font-size:13px; line-height: 24px; height: 24px; font-weight: bold;
			background: url(../images/main.jpg) repeat-x top center;
}
.prdleft {	float: left; }
.prdleft p {	text-align: left; font-family: Arial; font-size: 12px;  color: #5F83A2; z-index: 10; }
.clrleft {	clear: left; }

.cheminDeFer { text-align: left; padding-left: 5px; }

.cheminDeFer a, a:hover{
text-decoration:underline;
color:#a20b1e;
}
.calculette { position: absolute; top: 31px; right: 174px; }
.calculette_loi { position: absolute; top: 60px; right: 30px; }
/* -------------------------------------------- LOTS --------------------------------------------------------   */
#comparer input  {
		background: url(../images/header_bande.gif) no-repeat center center;
		width: 80px; height: 30px; border: 0;
		font-weight: normal; color: white;
		text-decoration: underline;
}

.lots a:hover, .lotc a:hover { text-decoration: underline; }
.lots th a:hover { color: #f3e9a2; text-decoration: underline; }
.lots th a { color: #fff }
.lots  { background-color: #547cce; border: 0px solid #fff;
}
.lots  th {	line-height: 30px; padding-left: 2px;
			background: url(../images/header_bande.gif) repeat bottom center;
			font-family: Arial, Helvetica; font-weight: normal; font-size:11px; 
			color: #fff;
}
.lots  td{	line-height: 18px; padding-left: 2px; }

.lotc { background-color: #e5fefe; border: 1px solid #e5fefe; text-align: left;
}
.lotc  tr{	background-color: white; }
.lotc  td{	line-height: 16px; text-indent: 2px; height: 16px; }
.lotd { background-color: #e5fefe; border: 1px solid #e5fefe; text-align: left; }
.lotd  tr{	background: #c6cbf4 url(../images/menu_blue.gif) no-repeat top left; }
.lotd  td{	line-height: 18px; height: 18px; color: #fff; text-indent: 4px; }

.compare_lot  { float: left;
	text-align: left;
	font-family: Arial, Verdana; font-size: 10px; color: #000;
	margin: 0; padding-left: 7px;
}

/* -------------------- Logo big page Qui sommes-nous -----------------------------------   */
img#cadre { border: 1px solid #c1c1c1; margin: 8px;}
/* -------------------- Liens et divers -----------------------------------   */
a:hover  { color: #5F83A2; text-decoration : underline ;}
a  { color: #5F83A2; Text-Decoration : none; }
a:hover#libel  { color: #a3c8de; text-decoration : underline ;}
a#libel  { color: #5F83A2; }
.formulaire a:hover#libel  { color: #ffe46f; text-decoration : none ;}
.formulaire a#libel  { color: #fff; }
#retour a  { color: #fff; font-family: Arial; font-size: 12px;}
#retour a:hover  { color: #fce8a1; text-decoration : underline ;}
.acces a { color: #fff; font-family: Arial; font-size: 12px;}
.acces a:hover  { color: #fff6c6; text-decoration : underline ;}
a:hover#libeler  { color: #920a3b; text-decoration : underline ;}
a#libeler  { color: #920a3b; }
.layer a, .layer02 a , .layer03 a { cursor: default; display: block; width:178px; height:86px; }

/* -------------------- CLASSES  POUR LES INFOS BULLES -----------------------------------   */
.ensavoir { 	width: 165px; height: 90px;
	visibility: hidden; z-index: 2;
	color:#4c7070;
	font-size:11px;
	text-align: left;
	padding: 4px 0 0 6px;
	background:  url(../images/layer.jpg) no-repeat top left;
}

.cls01  { position:absolute; top:25px; right:5px; }

.ensavoir ul li a { display: block; width: 150px; height: 16px;
		text-indent: 4px;
		font-weight: normal; 
		color: #618e8e;
		color: #116e82;
		font-family: Arial; 
		font-size: 12px;
		}
		
.ensavoir ul li a:hover {  
		background:  url(../images/main.jpg) repeat-x center center; 
		text-decoration: none; }
.ensavoir ul {
		z-index: 200;
		margin: 1px 0 0px 1px; 
		list-style: none outside;
}
.ensavoir  ul li { padding: 0; margin: 0; overflow:hidden; white-space:nowrap; }
.layer{ position: absolute; top: 25px; right: 0;
		z-index: 1; width:178px; height:86px;
}
.titre_bulle { width: 150px; margin: 0; 
		background: url(../images/main.jpg) repeat-x top left;
		border-bottom: 1px solid #c1c1c1;
		text-align: left; font-size:11px;
		font-weight: bold;
		color: #116e82;
}
/* -------------------- TITRE 1 -----------------------------------------------   */
.Titre1 { width: 100%; margin: 0; position: relative;
		background: white url(../images/main_titre.gif) repeat-x top center;
		border: 1px solid #c1c1c1;
		text-align: left; color:#646464;
		padding: 0 4px 0 4px;
}
.Titre1 span { font-size:11px; font-weight: bold; }
img#t100  { height: 110px; border: 1px solid #c1c1c1; margin: 3px; }
img#t160  { height: 168px; border: 1px solid #c1c1c1; margin: 3px; }
img#t320  { border: 1px solid #c1c1c1; margin: 30px; }

.gestion h2 { padding-top: 20px; color:#fff; font-size:24px; font-weight: bold; text-align: center; }


/* -------------------- Boites de titres----------------------------------------------------------   */
.Titrec { width: 100%; margin: 0 auto; text-align: left; color: white; font-weight: bold; }
.Titrec span { padding-left: 12px; color:#fff; font-size:12px; font-weight: bold; line-height: 18px; }
.Titrec#blue { background: url(../images/form_blue.jpg) repeat-x top center; }
.Titrec#nuit { background: url(../images/form_nuit.jpg) repeat-x top center; }
.Titrec#green { background: url(../images/form_green.jpg) repeat-x top center; }
.Titrec#bdx   { background: url(../images/form_bdx.jpg) repeat-x top center; }
.Titrec#bleu { background: url(../images/header_blue.gif) repeat-x top center; }

.Titre0 { text-align: center; margin-left:auto; margin-right:auto; 
		width: 98%;  margin: 4px auto;
		line-height: 20px;
		background: url(../images/lien.jpg) repeat-x top center;
		text-align: center;
		color: white;
		font-size:11px; font-weight: bold;
}

.table_lot {	text-align: left; }
.table_lot td { padding-left: 2px; font-weight: bold; }

.Titre_lot {
		background: url(../images/main_titre.gif) repeat-x top center;
}
.Titre_lot span {	color: #920a3b; }

.Titrer { width: 100%; margin: 0; position: relative;
		background: url(../images/main_titre.gif) repeat-x top center;
		border-bottom: 1px solid #c1c1c1;
		text-align: left;
}

.Titrer span { padding-left: 2px; color: #920a3b; font-size:12px; line-height: 15px; font-weight: bold; }
.Titre2 { width: 98%;  margin: 8px auto;
		background: url(../images/lien.jpg) repeat-x top center;
		border: 1px solid #c1c1c1;
		text-align: left; padding-top: 2px;
}
.Titre2 span { padding-left: 8px; color:#fff; font-size:11px; font-weight: bold;}

p#blanc, p#bleu, p#vert { padding: 4px 4px 0px 6px; text-align: left;
			font-family: Arial; font-size: 14px;
}
#blanc  {color: #878787; }
#bleu    {color: #5F83A2; }
#vert    {color: #3ba498; }

#bg_bulle{ background: url(../images/bulle_bleu.gif) repeat-y center center;}
#bg_bleu{ background-color: #cbe4f6; }
#bg_vert{ background-color: #e8f6ef;  }
#col_vert{ color: #3ba498; }
#col_bleu{ color: #5F83A2;  }

.barre {		background: url(../images/main.jpg) repeat-x top center; }
.barre td {	height: 24px; line-height: 24px;
			color: #5F83A2; font-size:14px;
}
.barre h2 {	color: #5F83A2; font-size:13px; font-weight: bold;
			height: 24px; line-height: 24px;
			background: url(../images/main.jpg) repeat-x top center;
}
.barresel { padding:1px 1px 1px 0; height: 22px;
			background-color: #68a6b2;
			border: 1px solid #68a6b2;
}
/* ---------------------------------- LES FORMULAIRES ---------------------------------------------   */
input, select, textarea {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		color: #5F83A2; font-weight: normal;
		padding: 0 2px 0px 2px;
}
.choix
   { background-color:#DDFFFF; width:300px; border:6px solid #DDDDDD; }

/* ------------- SAISIE CONNEXION - INSCRIPTION ------------   */
.saisie { 
		background: white url(../images/bg_bleu.jpg) repeat top left;
		text-align: left; padding: 4px 2px 4px 2px;
		margin-bottom: 0;
}
.saisie fieldset {	position: relative; z-index: 1;
				width: 100%; border: 0; text-align: left;
}
.saisie input,.saisie select  { margin-left: 90px; height: 18px; line-height: 16px;	border: 1px solid #5198a8; color: #35477d;}
.saisie label {
		position:absolute; left: 4px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; color: #fff; font-weight: normal;
}
#tape input { width: 160px; }
#ident input, select { font-size:12px; }

td#label{ color: #fff; font-weight: normal; text-indent: 6px;}

/* ------------- CALCULETTE IMPOT ------------   */
.calcul {	width: 340px; height: 300px; 
			background: white url(../images/formulaire.jpg) no-repeat top left;
			text-align: left; padding: 0;  
}
.calcul input, .calcul select { font-family: Tahoma; font-weight: bold; font-size: 0.9em;  width: 100px; }
.calcul td { font-family: Tahoma; color: #fff; }

.optloi { font-family: Tahoma; color: white; }
.optloi ul a { font-family: Tahoma; color: white; }
.optloi ul a:hover { text-decoration: underline; }
.optloi ul li { font-family: Tahoma; list-style-image: url(../images/puce_orange.gif); margin-left: 10px; text-align: left; }
.optloi ul { margin-left: 15px; }
/* ----------------------- FORMULAIRES --------------------------------   */
.formulaire { position: relative; width: 96%; border: 0;
			  margin-left:auto; margin-right:auto; text-align: center;
			  background: white url(../images/bg_b.gif) repeat;
			  }
.formulaire input,.formulaire select, .formulaire textarea  {
padding-left:2px;
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#516e8a;
line-height: 14px; }

.formulaire input  { height: 18px; }
.formulaire table td, .formulaire div ,.formulaire legend  { color: #fff; }
.formulaire table td img { vertical-align: middle; }

.formulaire .inputText  {
border: 2px solid #68a6b2;
background-color:#ffffff;
}

.formule { width: 100%;
		margin-left:auto; margin-right:auto; text-align: center;
		border: 0;
		background: url(../images/bg_bleu.jpg) repeat top left;
			  }
.formule input,.formule select, .formule textarea  { font-size: 12px; color:#5F83A2; line-height: 14px; border: 1px solid #5198a8; }
.formule input  { height: 16px; }
.formule table td, .formule div ,.formule legend  { color: #fff; }
.formule table td img { vertical-align: middle; }

#selec  select {	width: 54px; }
#selec02  select {	width: 80px; }
#selec04  select {	width: 110px; }
#selec01  select {	width: 166px;  font-size:11px; }
#selec03  select {	width: 220px; color: #5F83A2; font-size:12px; height: 20px; padding:0;}

#ok  input, #nok input  { border: none;  }
#ok  input x {
		background: url(../images/header_ok.gif) no-repeat center center;
		width: 32px; height: 32px;
}
#ok { 	position: absolute; left: 134px; top: 3px;  }
#nok { 	position: absolute; left: 134px; top: 3px;  }
#mail { 	position: absolute; left: 134px; top: 0px;  }

#valider input  { margin-left: 80px; line-height: 30px;
		width: 146px; height: 30px; border: 0;
		font-weight: bold; font-style: italic; color: #fff;
		background: url(../images/header_acces01.gif) no-repeat center center;
}
#retour {	line-height: 30px; text-indent: 40px; margin-left: 10px;
			width: 146px; height: 30px; border: 0;
			font-weight: bold; color: #fff;
			background: url(../images/header_acces01.gif) no-repeat center center;
}
/* -------------------------------------- MESSAGE ERREUR  ------------------------------------------------ */
.erreur {
	background: url(../images/main_titre.gif) repeat-x top center;
	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 13px;
	Text-align: left; padding-left: 2px; line-height: 17px;
	color:  #ff0000;
}
.formulaire .erreur { color:  #ff0000; }
/* --------------------------------------------- PAGE ACCUEIL ---------------------------------------------   */
.titre_accueil h2, .titmaj h2 { color:#3f7694; font-size:120%; font-weight: bold; line-height: 24px; }

.accueil {	position: relative; width: 550px; background: #fff;
			text-align: center; margin-left:auto; margin-right:auto;
}
.accueil table td {	overflow:hidden; } 
.accueil table { width: 550px; margin: 0; padding: 0;}
.acc {
	width: 550px; height: 150px;
	padding-left : 60px;
	text-align: left;
	font-size: 14px; color: #3f7694;
	line-height: 18px;
	font-weight: normal;
	background: white url(../images/infobulle.jpg) no-repeat;
}

.pt a {	display: block; width: 177px; height: 100px; 
		padding-top: 4px;
		padding-left: 4px;
		text-align: left; text-decoration:none; 
		color: #024d73; font-size: 14px; line-height: 18px;
		background: white url(../images/infobulle_bleu.gif) no-repeat top left;
 }
.pt a:hover {z-index:2; color: #4594a1; text-decoration: none;
		background: #fff url(../images/infobulle_vert.gif) no-repeat top left;
}

.pt b, .acc b { font-family: Arial; font-size: 13px; color: #024d73; font-style: italic;}

.pt a span {display: none;}
.pt a:hover span  {
	display: block;
	z-index: 20;
	position: absolute; left: 0; top: 0;
	width: 550px; height: 150px;
	padding-left : 16px; padding-right: 16px;
	text-align: left;
	color: #024d73; font-size: 14px;
	background: white url(../images/infobulle.jpg) no-repeat;
}

/* -------------------------------------------------- PLAN DU SITE ----------------------------------------------------   */
.plan a {display: block; width: 154px; height: 16px; text-align: left; text-decoration:none; color: #024d73; font-size: 13px; }
.plan a:hover { color: white; background:  url(../images/inter.png) repeat-x center center; text-decoration : none;}

td.plan  { width: 177px; height: 220px; padding : 0; vertical-align: top;
	background: white url(../images/infobulle_plan.gif) no-repeat top center;
}
td.plan .tit  { width: 100%; text-align: center; color: #024d73; font-weight: bold; font-size: 110%; margin-bottom: 0;margin-top: 1px;}
.plan  ul li{ list-style-type: none; margin: 0; padding:0;}
.plan  ul { margin: 0 2px 0 12px; padding:0;}
/* --------------------------------------------------MENU ADMINISTRATION ----------------------------------------------------   */
.admin a {display: block; width: 154px; height: 16px; text-align: left; text-decoration:none; color: #024d73; font-size: 13px; }
.admin a:hover { color: white; background:  url(../images/inter.png) repeat-x center center; text-decoration: none; }
td.admin { width: 177px; height: 134px; padding : 0; vertical-align: top;
	background: white url(../images/infobulle_adm.gif) no-repeat top center;
}
td.admin .tit  { width: 100%; text-align: center; color: #024d73; font-weight: bold; font-size: 110%; margin-bottom: 0;margin-top: 1px;}
.admin  ul li{ list-style-type: none; margin: 0; padding:0;}
.admin  ul { margin: 0 2px 0 12px; padding:0;}
/* --------------------------- LISTE DES THEMES ACTUALITES ------------------------------------------------   */
.themes ul li a {	display: block; width: 260px; height: 20px;
				text-align: left; text-decoration:none; 
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 100%; 
				font-weight: bold;
				text-indent: 8px;
}
.themes  { width: 260px; height: 100%; }
.themes  ul li{ list-style-type: none; margin: 0; padding:0; line-height: 20px;}
.themes  ul { margin: 0; padding:0;}
#blue2 a { background: url(../images/menu_blue2.gif) repeat-x top center; color: #d6d6d6; }
#blue2 a:hover,#blue2 a#actuel { background:  url(../images/menu_blue2.gif) repeat-x bottom center; color: #fff; }

/* ------------------------------------- ACTUALITES ------------------------------------------------------------   */
.actus {	width: 100%; position: relative;
		margin: 0 14px 0 14px;
		text-align: left;
		background-color: #fff;
		font-family: verdana, Times New Roman, Arial; 
		font-size: 1.1em;  color : #000;
		padding: 4px 14px 4px 14px;
}
.actus p  { padding: 2px 2px 2px 2px; color: #000; }
.actus ul, .chapeau ul { margin-top: 2px; list-style: none url(../images/spacer.gif) inside; line-height: 16px;}
.actus ul  li, .chapeau ul  li  {   }
.actus  h1 { text-align: left; font-family: Arial, Times New Roman;
			font-size: 1.0em; color: #8a002d; font-weight: bold;
}

.table_actu td 	{ font-size: 12px; font-family: Arial; text-align: left; }

td.trait	{ height:1px; }
td.dte	{ height:80px; width: 96px; text-align: center; 
		font-family: Arial; font-size: 12px; font-weight: bold; 
		padding-top: 6px;
		vertical-align: top;
		background: url(../images/bulle_bleu.gif) repeat;		
}

td.chapeau { vertical-align: top; }
.table_actu  a:hover  { color: #5F83A2; text-decoration: underline ;}
.table_actu a  { color: #5F83A2; }
.table_actu span  a  { font-size:13px; color: #5F83A2; font-weight: bold;}
.dte a :hover  { text-decoration: underline ;}
.dte a  { font-size:11px; color: #5F83A2; }

td.chapeau h1 { text-align: left; font-family: Arial;
			font-size: 14px; color: #5F83A2; font-weight: bold;
}
.chapeau b, .actus  b   { color: #595959; font-weight: bold; font-style: normal; }

img#actu { border: 1px solid #c1c1c1; margin: 0 8px 8px 0; float: left;}
.document { clear: left; margin-top: 2px;}
.document img { vertical-align: middle; }

.titre_actu { background: url(../images/main.jpg) repeat-x center }
.titre_actu td {	height: 20px; line-height: 20px;
			padding-left: 4px;
			font-family: Arial; font-weight: bold; color: #5F83A2; font-size:13px;
}
/* ------------------------------------------ BAS DE PAGE ----------------------------------------------------------   */
.bas{		width:100%; height: 20px; line-height: 20px;
			padding-top: 4px;
			background: url(../images/header_bande.gif) repeat top center;
			text-align: right;
			color: #fff;
}
.bas_niv2 { clear: left; float: right; }
#copyright { font-family: Arial; font-size: 10px; color:#fdd729;  }
#copyright li { font-family: Arial; font-size: 10px; color:#fdd729; float: left; width: 120px;  line-height: 20px; }
#copyright a{ font-family: Arial; font-size: 10px; color:#fdd729; }
#copyright a:hover{ text-decoration: underline; }
ul#copyright { display: inline; height: 20px; list-style-type: none; }
/* ------------------------------------------------------------------------------------------------------------------------   */
.coins { background-color: #68a7b2; padding: 6px;}
.rbroundbox { background: url(../images/coins/nt.gif) repeat; }
.rbtop div { background: url(../images/coins/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/coins/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/coins/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/coins/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 0; }
.chapeau .rbcontent { margin: 0 5px; }
.rbroundbox { width:100%; margin: 0 auto; }
.rbroundbox#prdx { width:100%; margin: 0 auto; }

#dewslider  {
	width: 600px; height: 480px;
}