th, td, span, div, em, p * 	{font-size:9pt;	margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}

body			{background-image:url(images/fond.gif); margin: 0px; padding: 0px;}
.centrepage 	{width: 1000px;	margin-right: auto;	margin-left: auto;}
.haut			{height:122px; margin-top:10px;}
.gauche			{float:left;}
.gauchemenu		{background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; height:495px; width:220px; margin-top:15px;}
.gauchecompte	{background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; height:55px; width:220px; margin-top:15px;}
.gauchecalendrier	{background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; width:220px; margin-top:15px;}
.menu			{float:right; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; height:25px; width:760px; margin-top:15px; margin-right:0px;}
.centreactu		{float:right; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; width:760px; margin-top:15px;}
.centrehautgauche	{float:right; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; width:374px; height:210px; margin-top:15px;}
.centrehautdroite	{float:right; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; width:374px; height:210px; margin-top:15px; margin-left:10px;}
.centreproduit	{float:right; border:solid; border-width:1px; border-color:#000000; width:760px; margin-top:15px;}
.navig			{margin: 7px 5px 5px 5px; background-color:#D7D7D7; padding:3px;}
.gaucheint		{margin:5px;}
.gaucheint2		{margin:10px;}
.bas			{float:left; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#000000; width:1000px; margin-top:15px;}
.ContentMooFlow	{width:700px; margin-left:30px;}


.Titre1			{font-size:14px; font-weight:bold; color:#00538b; margin:5px 5px 5px 5px; padding-bottom:10px;}
.Titre1b		{font-size:12px; font-weight:bold; color:#FFFFFF; margin:1px 1px 15px 1px; padding:3px; background-color:#00538b;}
.Titre2			{font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:solid 1px #666666;}
.Titre3			{font-size:12px; font-weight:bold; margin:10px 0px 10px 5px;}
.TitreActu		{font-size:12px; font-weight:bold; margin:10px 5px 5px 5px; border-bottom:solid 2px #666666;}
.TitreActu2		{font-size:11px; font-weight:bold; margin:10px 5px 5px 5px; border-bottom:solid 2px #666666;}
.TitreActuDroite	{float:right; font-weight:normal; font-size:10px; font-style:italic; color:#ababab; width:300px; text-align:right; margin-right:5px; margin-top:10px;}
.TitreActuDroite2	{float:right; font-weight:normal; font-size:10px; font-style:italic; color:#ababab; width:300px; text-align:right; margin-right:5px; margin-top:10px;}

.TexteActu		{margin:5px;}
.TexteActu2		{margin:5px; font-size:10px;}
.TexteJustif	{margin-left:5px; margin-right:5px; text-align:justify;}
.PuceJustif		{text-indent:-10px; margin-left:15px; margin-right:5px; text-align:justify;}
.PuceJustif2	{text-indent:-10px; margin-left:35px; margin-right:5px; text-align:justify;}

.Gris			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.image			{margin:10px;}
form			{margin: 0px; padding: 0px;}
input			{margin: 0px; padding: 0px; font-family:arial; color:#000000; font-size:11px;}
.champoblig		{margin: 0px; padding: 0px; font-family:arial; background: #ffcaca; color:#000000; font-size:11px;}
.champoblig2	{font-family: Arial, Helvetica, sans-serif; font-size:10px; background: #ffcaca; color:#000000; font-style: italic;}


a:link			{text-decoration: none; font-weight:bold; color:#808080}
a:visited		{text-decoration: none; font-weight:bold; color:#808080}
a:hover			{text-decoration: underline; font-weight:bold; color:#00538b}
a.rien:link		{text-decoration: none; font-weight:normal; color:#000000}
a.rien:visited	{text-decoration: none; font-weight:normal; color:#000000}
a.rien:hover	{text-decoration: underline; font-weight:normal; color:#00538b}
a.blanc:link	{text-decoration: none; font-weight:bold; color:#FFFFFF}
a.blanc:visited	{text-decoration: none; font-weight:bold; color:#FFFFFF}
a.blanc:hover	{text-decoration: underline; font-weight:bold; color:#FFFFFF}
a.rouge:link	{text-decoration: none; font-weight:bold; color:#a61f2f}
a.rouge:visited	{text-decoration: none; font-weight:bold; color:#a61f2f}
a.rouge:hover	{text-decoration: underline; font-weight:bold; color:#a61f2f}
a.noir:link		{text-decoration: none; font-weight:bold; color:#000000}
a.noir:visited	{text-decoration: none; font-weight:bold; color:#000000}
a.noir:hover	{text-decoration: underline; font-weight:bold; color:#00538b}
a.noir2:link	{text-decoration: none; font-weight:bold; color:#000000}
a.noir2:visited	{text-decoration: none; font-weight:bold; color:#000000}
a.noir2:hover	{text-decoration: none; font-weight:bold; color:#00538b}

.tabnormal		{}
.tabover		{background-color:#EEEEEE; color:#00538b; cursor:default;}
.vis1 			{display:none;}
.vis2 			{display:normal;}

.caltitre2		{font-size:9px; height:15px; line-height:15px; font-weight:bold; color:#333333; text-align:center; padding:0px; width:210px;}
.caltitre2 td	{border: 1px solid #BBBBBB; background-color:#DDDDDD;}
.caltitre3		{font-size:9px; height:15px; line-height:15px; font-weight:bold; color:#707F86; text-align:center; padding:0px; width:210px;}
.caltitre3 td	{border: 1px solid #BBBBBB; background-color:#F7F7F7;}


.tabgauchelignhaut {text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 50%; height:24px; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 50%; height:24px; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut25 {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 25%; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut25 {text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 25%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut25 {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 25%; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut33 {text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 33%; height:24px; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut33 {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 33%; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut66 {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 66%; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut16 {text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 16%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut16 {text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 16%; color: #00538b; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauche {text-align: right; width: 50%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroite {text-align: left; width: 50%; color: #3169db; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabbouton {text-align: right; vertical-align:middle; height:30px; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; padding-right: 5px; background-color: #fff5da;}

.tdrouge			{background:#ff0000; color:#ffffff; font-size:12px; font-weight:800; text-align:center; height:25px}

.titrefondvertfonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #999999;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 2px;
}
.titrefondvertclair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #999999;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 2px;
}
.titrefondrouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FF0000;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
}
.titrefondvert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #009900;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 2px;
}
.titrefondmarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ef8529;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 2px;
}



h5 {}
h1 {font-family:Verdana; font-size:16pt; color:#EA7B14; margin-top:5; margin-bottom:5; margin-left:0; margin-right:5}
h2 {font-family:Verdana; font-size:14pt; color:#EA7B14; margin-top:5; margin-bottom:5; margin-left:0; margin-right:5}
h3 {font-family:Verdana; font-size:12pt; color:#EA7B14; margin-top:7; margin-bottom:7; margin-left:0; margin-right:5}
h4 {font-family:Verdana; font-size:10pt; color:#EA7B14; margin-top:0; margin-bottom:0; margin-left:0; margin-right:5}
h5 {font-family:Verdana; font-size:8pt; color:#EA7B14; margin-top:0; margin-bottom:0; margin-left:0; margin-right:5}
p {font-family:Verdana,Arial; font-size:8pt; margin:0}
td {font-family:Verdana,Arial; font-size:8pt; margin:0}
.textTrans { text-decoration: none; width:145px; height:6px; filter:revealTrans(duration=1, transition=12) }
a.textTrans:link { text-decoration: none; font-weight:bold; color:#808080}
a.textTrans:visited { text-decoration: none; font-weight:bold; color:#808080}
a.textTrans:hover { text-decoration: none; font-weight:bold; color:#EA7B14}
a.gauche:link { text-decoration: none; font-weight:bold; color:#808080}
a.gauche:visited { text-decoration: none; font-weight:bold; color:#808080}
a.gauche:hover { text-decoration: underline; font-weight:bold; color:#EA7B14}
a.accueil:link { text-decoration: none; font-weight:bold; color:#808080; margin-right:5 }
a.accueil:visited { text-decoration: none; font-weight:bold; color:#808080; margin-right:5 }
a.accueil:hover { text-decoration: underline; font-weight:bold; color:#EA7B14; margin-right:5}
a.bleu:link { text-decoration: underline; font-weight:bold; color:#0076d2}
a.bleu:visited { text-decoration: underline; font-weight:bold; color:#0076d2}
a.bleu:hover { text-decoration: none; font-weight:bold; color:#0076d2}

a.accueil2:link { text-decoration: none; font-weight:bold; color:#EA7B14; margin-right:5 }
a.accueil2:visited { text-decoration: none; font-weight:bold; color:#EA7B14; margin-right:5 }
a.accueil2:hover { text-decoration: underline; font-weight:bold; color:#EA7B14; margin-right:5}

.popperlink { POSITION: absolute; VISIBILITY: hidden}
.saut
   {
   /* saut de ligne apres le bloc*/
   page-break-after : always;
  /* saut de ligne avant le bloc*/
   page-break-before : always;
   }

.infobulle{
	color: #00538b;
	font-weight : bold;
	position: absolute; 
	visibility : hidden;
	border: 1px solid #00538b;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Trebuchet MS;
	text-align: center;
	font-size: 8pt;
	background-color: #EEEEEE;
}


/* agrandissement d'images */
#lightbox				{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img			{border: none;}
#outerImageContainer	{position: relative; background-color: #c3c3c3; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer			{padding: 10px;}
#loading				{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav				{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a				{outline: none;}
#prevLink, #nextLink	{width: 49%; height: 100%; background: url('scripts/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block}
#prevLink				{left: 0; float: left;}
#nextLink				{right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('scripts/prev.gif') no-repeat left 0%;}
#nextLink:hover, #nextLink:visited:hover {background: url('scripts/next.gif') no-repeat right 0%;}
#imageDataContainer		{font: 10px Arial, Verdana, Helvetica, sans-serif; background-color: #c3c3c3; margin: 0 auto; line-height: 1.4em;}
#imageData				{padding:0 10px; color: #FFFFFF; font-weight: bold;}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}
#imageData #caption		{font-weight: bold;}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{width: 66px; float: right;  padding-bottom: 0.7em;}	
#overlay				{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #efefef;}

.AdminTitre			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; color: #FFFFFF; background-color: #ef8529; height: 35px; font-weight: bold; line-height: 35px; padding-left: 5px; margin-bottom: 10px;}
.AdminTitre2		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #3169db; height: 35px; font-weight: bold; line-height: 35px; padding-left:5px; padding-right:5px; margin-top: 0px; margin-bottom: 10px;}
.AdminBas			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align:center; color: #FFFFFF; background-color: #ef8529; height: 25px; font-weight: bold; line-height: 25px; padding-left: 5px; margin-top: 25px;}
.AdminMenu			{text-align:center; background-color: #808080; height: 30px; line-height: 30px; padding-top:7px;}
.AdminPromo			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; background-color: #dffff0; height: 20px;}
.AdminPromoNon		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; background-color: #f1f1f1; height: 20px;}
.AdminPromoModif	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; height: 20px;}
.AdminPromoModifSurvol	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; background-color: #fffde4; height: 20px;}
.AdminNavig			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-top:0px; padding-right:15px; padding-bottom:0px; padding-left:15px;}
.AdminList			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; padding-left:5px; padding-right:5px;}
.titrefondmarron2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0265c1;
	margin-right: 5px;
	margin-left: 5px;
	height: 22px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	margin-bottom: 2px;
}