/*Pottu Seitz CSS v 1 - novembre 2006*/

/*DEBUT DE LA STRUCTURE GENERALE*/
* {
	/*Reset tous les éléments block*/
	margin:0;
	padding:0;
}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

body {
	background: #01502f url(../images/bcknd_total.gif) no-repeat top center;
}

#centrage {
     position:absolute;
	 z-index: 1;
     left: 50%; 
     width: 834px;
     margin-left: -417px; /* moitié de la largeur */
}

a.catHomeTitle01 {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat01.gif) no-repeat top left;
}

a:hover.catHomeTitle01 {
	background:#ccdcd5 url(../images/home_cat01_ov.gif) no-repeat top left;
}

a.catHomeTitle01Active {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat01_ov.gif) no-repeat top left;
}

a:hover.catHomeTitle01Active {
	background:#ccdcd5 url(../images/home_cat01_ov.gif) no-repeat top left;
}

a.catHomeTitle02 {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat02.gif) no-repeat top left;
}

a:hover.catHomeTitle02 {
	background:#ccdcd5 url(../images/home_cat02_ov.gif) no-repeat top left;
}

a.catHomeTitle02Active {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat02_ov.gif) no-repeat top left;
}

a:hover.catHomeTitle02Active {
	background:#ccdcd5 url(../images/home_cat02_ov.gif) no-repeat top left;
}

a.catHomeTitle03 {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat03.gif) no-repeat top left;
}

a:hover.catHomeTitle03 {
	background:#ccdcd5 url(../images/home_cat03_ov.gif) no-repeat top left;
}

a.catHomeTitle03Active {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat03_ov.gif) no-repeat top left;
}

a:hover.catHomeTitle03Active {
	background:#ccdcd5 url(../images/home_cat03_ov.gif) no-repeat top left;
}

a.catHomeTitle04 {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat04.gif) no-repeat top left;
}

a:hover.catHomeTitle04 {
	background:#ccdcd5 url(../images/home_cat04_ov.gif) no-repeat top left;
}

a.catHomeTitle04Active {
	display:block;
	width: 201px;
	height:24px;
	background:#ccdcd5 url(../images/home_cat04_ov.gif) no-repeat top left;
}

a:hover.catHomeTitle04Active {
	background:#ccdcd5 url(../images/home_cat04_ov.gif) no-repeat top left;
}

tr.topAndWhite td {
	font: bold 1px arial, verdana, sans-serif;
	color: #FFFFFF;
	vertical-align:top;
	text-align:left;
	background-color:#FFFFFF;
}

tr.setFontSizeToOne td {
	font: bold 1px arial, verdana, sans-serif;
	color: #FFFFFF;
}

td.bgBodyHomeCol {
	background: url(../images/bcknd_bodyhome.gif) repeat-x 0px 44px;
}

td.fondColonnesDetG {
	background: url(../images/bcknd_bodypageff.gif) repeat-x 0px 0px;
}

td.fondColonnesDetGext {
	background: url(../images/bcknd_bodypage.gif) repeat-x 0px 21px;
}

* html td.fondColonnesDetGext {
	background: url(../images/bcknd_bodypage.gif) repeat-x 0px 25px;
}

*+html td.fondColonnesDetGext {
	background: url(../images/bcknd_bodypage.gif) repeat-x 0px 25px;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HACK POUR IE7 SEULEUMENT!!!!!!!!!*/
}

div.contenuDyn {
	background-color:#ccdcd5;
	padding:6px;
}

.genericFront p {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
}

.genericFront a {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.genericFront a:visited {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.genericFront a:active {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.genericFront a:hover {
	font: normal 11px verdana, arial, sans-serif;
	color: #24825b;
	text-decoration: underline;
}

.separateur {
	clear: both;
	margin-bottom:5px;
	padding:0px;
	height: 1px;
	background:#ffffff url(../images/bcknd_hr.gif) repeat-x top left;
}

* html .separateur {
	background:#ffffff url(../images/bcknd_hr.gif) repeat-x 0px 5px;
	height: 6px;
	margin-bottom:5px;
}

.generic td {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: justify;
}

.generic p {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

.generic img.dansLeTexte {
	float:left;
	margin-right: 7px;
	margin-top:7px;
}

.generic img.imageAvecBords {
	border: 1px solid #01502f;
}

.generic p.actionDeSaison {
	border: 1px solid #01502f;
	padding: 7px 7px 7px 7px;
	font: bold 11px verdana, arial, sans-serif;
}

.generic p.decalageGauche {
	margin-left: 110px;
}

.generic ul {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.generic li {
	list-style-type:none;
	background: #ffffff url(../images/puces_petites.gif) no-repeat 0px 6px;
	padding: 2px 0px 2px 10px;
}

.generic h2 {
	font: bold 11px verdana, arial, sans-serif;
	color: #000000;
	text-align: left;
}

.generic li ul {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}

.generic li ul li {
	list-style-type:none;
	background: #ffffff url(../images/puces_mini.gif) no-repeat 12px 6px;
	padding: 2px 0px 2px 20px;
}

.generic li ul li h2 {
	font: normal 11px verdana, arial, sans-serif;
	font-style:italic;
	color: #01502f;
	text-align: left;
}

.generic li h1 {
	font: bold 11px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
}

.generic a {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.generic a:visited {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.generic a:active {
	font: normal 11px verdana, arial, sans-serif;
	color: #01502f;
	text-decoration: underline;
}

.generic a:hover {
	font: normal 11px verdana, arial, sans-serif;
	color: #24825b;
	text-decoration: underline;
}

h1.titresPages {
	float: left;
	height:16px;
	background-color: #ccdcd5;
	font: bold 12px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
	padding:5px 12px 3px 12px;
}

div.legendes {
	background-color:#ffffff;
	clear:both;
	font: normal 10px verdana, arial, sans-serif;
	color: #01502f;
	text-align: left;
	padding-bottom: 4px;
}


a.linksList {
	background: #FFFFFF url(../images/puces.gif) no-repeat 0px 3px;
	padding-left: 15px;
}

.footer p {
	font: normal 11px verdana, arial, sans-serif;
	color: #5a947f;
	padding-top:5px;
	text-align:center;
}

.footer a {
	font: normal 11px verdana, arial, sans-serif;
	color: #5a947f;
	text-decoration: underline;
}

.footer a:visited {
	font: normal 11px verdana, arial, sans-serif;
	color: #5a947f;
	text-decoration: underline;
}

.footer a:active {
	font: normal 11px verdana, arial, sans-serif;
	color: #5a947f;
	text-decoration: underline;
}

.footer a:hover {
	font: normal 11px verdana, arial, sans-serif;
	color: #99d7c1;
	text-decoration: underline;
}

td.footerClaim {
	background: #01502f url(../images/footerclaim.gif) no-repeat top center;
}

/*################################# LISTE DES REFERENCES ########################################*/

tr.alterne {
	background: #e2efe9;
}

tr.alterneRollover {
	background: #5a947f;
}

tr.alterneRollover td {
	padding: 7px;
	color:#FFFFFF;
}

tr.alterne td {
	padding: 7px;
}

tr.alterneOther {
	background: #ffffff;
}

tr.alterneOther td {
	padding: 7px;
}

tr.alterneRollover h2.refTitres {
	color: #ffffff;
}

h2.refTitres {
	font: bold 11px verdana, arial, sans-serif;
	color: #000000;
	margin-bottom:2px;
}

a.details {
	display:block;
	width: 15px;
	height: 15px;
	background:url(../images/bouton_details.gif) no-repeat top left;
}

a.detailsAccueil {
	float:left;
	margin-left:65px;
	display:block;
	width: 15px;
	height: 15px;
	background:url(../images/bouton_details.gif) no-repeat top left;
}

* html a.detailsAccueil {
	float:left;
	margin-left:32px;
	display:block;
	width: 15px;
	height: 15px;
	background:url(../images/bouton_details.gif) no-repeat top left;
}

li.sousMenu {
	list-style-type:none;
	background: #ffffff url(../images/puces_petites.gif) no-repeat 0px 6px;
	padding: 2px 0px 2px 10px;
}

li.sousMenuActif {
	list-style-type:none;
	background: #ffffff url(../images/puces_petitesok.gif) no-repeat 0px 6px;
	padding: 2px 0px 2px 10px;
}

li.sousMenuActif a, li.sousMenuActif a:visited, li.sousMenuActif a:active, li.sousMenuActif a:hover {
	font: normal 11px verdana, arial, sans-serif;
	color: #5a947f;
}

div.espaceHauteur {
	border:1px solid white;
	height: 4px;
	font: normal 1px verdana, arial, sans-serif;
}

.recherche { 
	background-color: #ffffff;
	border:1px solid #01502f;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 3px;
	color : #000000;
	width: 125px;
}

.boutonRecherche { 
	background-color: #01502f;
	border:1px solid #01502f;
	font: normal 10px Arial, Helvetica, sans-serif;
	color : #FFFFFF;
}

.field { 
	background-color: #ffffff;
	border:1px solid #01502f;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 3px;
	color : #000000;
	width: 160px;
	margin-bottom:5px;
}

.fieldArea { 
	background-color: #ffffff;
	border:1px solid #01502f;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 3px;
	color : #000000;
	width: 255px;
}

.boutonEnvoi { 
	background-color: #01502f;
	border:1px solid #01502f;
	font: normal 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;
}

.alignBouton { 
	padding-left:212px;
}

* html .alignBouton {
	padding-left:202px;
}

div.fermerMap {
	position:relative;
	float:left;
	z-index:100;
	top:6px;
	left:207px;
	width: 115px; 
	height: 14px;
	background-color:white;
	border:1px solid black;
	padding:2px;
	text-align:center;
}

div.fermerMap a, div.fermerMap a:visited, div.fermerMap a:active, div.fermerMap a:hover {
	text-decoration:none;
}

* html div.fermerMap {
	top:26px;
	left:202px;
}

*+html div.fermerMap {
	top:26px;
	left:202px;
}

/*CSS nécessaire pour la thickBox popup http://jquery.com/demo/thickbox/ */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.thickbox{};

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 1px solid #01502f;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}