body {
background-color: #050093;
}
body,div,td,span,p {
font-family: Time New Roman,Serif; 
font-size: 9pt;
color: #000000;
}
h1,h2,h3,h4,h5,h6,legend,label {
font-family: Time New Roman,Serif; 
 color: #0064EB;
}
h2 {
border: 0px dashed #FFED00;
text-align: center;
}
hr {
color:#0064EB;
border-bottom: 1px solid #FFED00; 
}
hr.white {
height:1px;
color:#ffffff;
border-bottom: 0px solid #FFED00; 
}
#topnav {
position: absolute; 
top: 212px; 
width:880px;
left: 50%;
margin-left: -440px;
overflow:hidden;
padding-left: 0px; 
z-index: 3; 
text-align: center; 
}

.buttontext {
font-size: 9pt; 
font-weight: bold; 
letter-spacing: 1px;
left: 0px; 
top: -26px; 
background-image: url(/icons/ball.gray.gif);
background-repeat: no-repeat;
background-position: 5px -3px;
padding-left: 2px;
}
.buttontext:hover {
font-size: 9pt; 
font-weight: bold; 
letter-spacing: 1px;
left: 0px; 
top: -24px; 
background-image: url(infos/picons/pl.gif);
background-repeat: no-repeat;
background-position: 5px -1px;
}
.smenu {
position:relative;
top:-8px;
left:1px;
font-family:Arial,Sans;
display: none;
text-align: justify;
border-left: 1px solid #2A63B2;
border-top: 1px solid #2A63B2;
border-right: 2px solid #2A63B2;
border-bottom: 2px solid #FFED00;
background-color: #00ACF3;
color: #FFED00;
width:106px;
}
a.mag:link,a.mag:visited,a.mag:active {
font-family:Arial,Sans;
text-decoration: none;
color: #ffffff;
font-size:8pt;

}
a.mag:hover {
text-decoration: underline;
color: #FFED00;
}

a.ball:link,a.ball:visited,a.ball:active {
background-image: url(/icons/ball.gray.gif); 
background-position: left;
background-repeat: no-repeat;
background-color: #ffffff;
padding: 20px;
padding-right: 4px;

border-left: 1px solid #048b5b;
border-top: 1px solid #048b5b;
border-right: 2px solid #024c32;
border-bottom: 2px solid #024c32;

width: 116px;
text-align: right;
text-decoration: none;
color: #29166f;
font-size: 10pt;
}
a.ball:hover {
background-image: url(/icons/ball.red.gif); 
background-color: #29166f;
text-decoration: none;
color: #ffffff;
border-right: 1px solid #048b5b;
border-bottom: 1px solid #048b5b;
border-left: 2px solid #024c32;
border-top: 2px solid #024c32;
}

a.ball200:link,a.ball200:visited,a.ball200:active {
text-align: center;
text-decoration: none;
}
a.ball200:hover {
text-decoration: none;
}
a.ball2001:link,a.ball2001:visited,a.ball2001:active {
background-image: url(images/led-off.gif); 
background-position: left;
background-repeat: no-repeat;
width: 152px;
color: #ffffff;
background-color: #29166f;
line-height: 150%;
padding-right: 2px;
padding-left: 22px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
border-left: 1px solid #048b5b;
border-top: 1px solid #048b5b;

border-right: 2px solid #024c32;
border-bottom: 2px solid #024c32;

text-align: right;
text-decoration: none;
font-size: 10pt;
}
a.ball2001:hover {
background-image: url(images/led-on.gif); 
background-position: 0px -1px;
background-color: #29166f;
text-decoration: none;
color: #efefef;
border-right: 1px solid #048b5b;
border-bottom: 1px solid #048b5b;
border-left: 2px solid #024c32;
border-top: 2px solid #024c32;
}
.beige {
 color: #29166f;
 font-size: 8pt;
font-family: Arial Narrow;
}
.beige2,.beige3 {
 color: yellow;
height:23px;

}

li {
list-style-image: url(images/carre.gif);
text-align:left;
}
.liste {
 font-size: 8pt;
 }
a:link,a:visited,a:active {
color: #003D8F;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #0064EB;
}
#contenu {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: 518px;
overflow: auto;
}
.pri {
font-weight: bold;
font-size: 10pt;
}
.pik3 {
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
}
.pik2 {
border: 1px solid #003D8F;
}
.pik {
border: 1px solid #bbbbbb;
}
.pikjaune {
border: 1px solid #FFED00;
}
.jaune {
color:#FFED00;
}
.pik1 {
border: 1px solid #12B5F5;
}
.pik1b {
border-left: 1px solid #12B5F5;
border-right: 1px solid #12B5F5;
border-bottom: 1px solid #12B5F5;
}
.pikb {
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
}
.pikh {
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
border-top: 1px solid #bbbbbb;
}
	#main div.box-photos div.diaporama1 { 
		float: left;
		width: 204px; 
		height: 232px;
		margin: 0px 15px 0px 30px;
		background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/box-diaporama-trans1.png) top left no-repeat;

	}

	#main div.box-photos p.titre 		{ width: 204px; margin: 10px 0 0 0; text-align: center; font-size: 8pt; color: #FFED00; font-weight: bold; }
	#main div.box-photos p.soustitre 	{ width: 204px; min-height: 14px; margin: 0 0 4px 0; text-align: center; font-style: italic; }
	#main div.box-photos div.photo 		{ width: 204px; text-align: center;}
	#main div.box-photos div.photo img 	{ border: 4px solid #FFED00; }
	#main div.box-photos p.details 		{ width: 204px; text-align: center; }
	#main div.box-photos p.details a 	{ color: #FFFFFF; text-decoration: none; } 

.divCC {
width: 204px; 
height: 232px;
padding-top:15px;
margin: 10px 10px 10px 10px;
background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/box-diaporama-trans1.png) top left no-repeat;
}

.mbDesc td {
color: #d4ff2a;
}
td.privign {
color: #fcbd00;
font-weight: bold;
}
td.pivign {
color: #CDAA4F;
font-weight: bold;
}

.listeHd,.listeRef {
background-color: #0064EB;
border-bottom: 2px solid #FFED00;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
color: #ffffff;
}
/*
.listeRef {
color: #8CB6D2; 
}
.listeImg {
background-color: #C8C8C8;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.listeTexte,.listePrix {
background-color: #243D4D;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}
.listeTexte {
font-size: 8pt;
}
.listePrix {
color: #CDAA4F;
font-size: 12pt;
padding-left: 20px;
}

.cctd {
font-size: 8pt;
text-align:center;
line-height: 160%;
}
.cchd {
font-weight: bold;
}
*/

.white {
background-color: #ffffff;
}

.btn {
background-image:url(images/bouton1.jpg);
width:150px;
height:26px;
overflow:hidden;
}
.btn135 {
background-image:url(images/bouton2-135.jpg);
width:135px;
height:26px;
overflow:hidden;
text-align:center;
}
a.div:link,a.div:visited,a.div:active {
padding-left:10px;
font-size: 8pt;
font-weight: bold;
font-family:Verdana,Arial,Helvetica,Sans;
color: #efefef;
text-decoration: none;
position:relative;
top:5px;
}
a.div:hover {
color: #ffffff;
text-decoration:underline;
}
a.div2:link,a.div2:visited,a.div2:active {
font-size: 8pt;
font-weight: bold;
font-family:Verdana,Arial,Helvetica,Sans;
color: #efefef;
text-decoration: none;
position:relative;
top:5px;
}
a.div2:hover {
color: #ffffff;
text-decoration:underline;
}
.login {
background-image: url(images/fondlogin.jpg);
background-repeat:no-repeat;
width: 150px;
height: 210px;
text-align:left;
overflow:hidden;
}
.aml {
position:relative;
left:7px;
top: 1px;
}
.amlogin,.ampass {
font-size: 8pt;
width: 120px;
}
.acr,.acr2 {
font-size: 9pt; 
}
.menu {
display: none; 
position: relative;
 }
.tmenu {
width: 202px; 
overflow: hidden; 
}
.topmenu {
 border-top: 2px solid #ffea97;
}
.titre {
font-size: 10pt;
font-weight: bold; 
color: #0064eb;
}
.label {
position: relative; 
z-index: 1; 
text-align: center; 
font-weight: bold; 
padding-top: 5px; 
font-size: 12pt; 
width: 200px;
}
.smenu1 {
width: 202px;
height: 22px;
padding-left: 5px;
background-image: url(images/fond-smenu.gif);
}
A.smen:link,A.smen:visited,A.smen:active {
color: #ffffff;
font-family: Arial;
text-decoration: none;
font-size: 10pt;
}
A.smen:hover {
text-decoration: underline; 
}
A.vtl:link,A.vtl:visited,A.vtl:active {
color: #000000;

text-decoration: none;
font-weight: bold;
}
A.vtl:hover {
text-decoration: underline; 
color: red;
}

#globe {
position: relative;
left: 137px; 
top: 12px;
}
#aml {
position: relative; 
z-index: 3; 
top: 110px;
}

.map {
position: relative;
filter: alpha(opacity=100);
-moz-opacity:1;
}
.map:hover {
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
.alpha {
position: relative;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}
.alpha:hover {
filter: alpha(opacity=100);
-moz-opacity:1;
}
.invi {
filter: alpha(opacity=0);
-moz-opacity:0;
border: 1px solid #FFED00;
}
.ltp {
 width: 302;
 height:50;
 overflow: hidden;
 background-color: #bbbbbb;
filter: alpha(opacity=70);
-moz-opacity:0.7;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
padding-bottom: 5px;
}
.ltpub {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.vtab {
overflow: hidden;
background-color: #efefef;
filter: alpha(opacity=80);
-moz-opacity:0.8;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
padding-bottom: 5px;
}
.vtabdata {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.geoloc {
 text-align: center;
 }
#liensville {
top: -344px;  
width: 482px; 
height: 400px; 
}
A.voir:link,A.voir:visited,A.voir:active {
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 0px solid #000000;
border-top: 0px solid #000000;
}
A.voir:hover {
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
}
img.voir {
background-color:#00A6EB;
padding:2px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #bbbbbb;
border-top: 1px solid #bbbbbb;
}
img.voir:hover {
position:relative;
left:1px;
top:1px;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
}
h2 span {
display: none;
}
#pendule {
font-size: 8pt;
text-align:center;
overflow:hidden;
color:#0064eb;
}
select {
background-color: #0064eb; 
color: #FFED00;
font-size: 8pt;
font-weight:bold;
}
select.multi {
width:120px;
color: #0064eb; 
background-color: #E3EDFB;
}
#leftcol input{
font-size:8pt;
background-color: #466980;
color:#ffffff;
}
#leftcol select {
font-size: 7pt;
}
.slc {
border: 1px solid #8CB6D2;
text-align:center;
font-size: 7pt;
background-color: #243D4D;
color:#ffffff;
}
#leftcol input.radio {
background-color: transparent;
}
.cadre1 {
border: 1px solid #8AA5C3;
background-color:#000000;
}









#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #243d4d; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #243d4d; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; font-size:8pt;}
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; font-style:oblique; font-size:9px; padding-top:2px;}
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/close_grey.png) no-repeat; }
	#lbClose.red { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/close_red.png) no-repeat; }
	#lbClose.green { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/close_green.png) no-repeat; }
	#lbClose.blue { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/play_red.png) no-repeat; }
	#lbPlay.green { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/pause_red.png) no-repeat; }
	#lbPause.green { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(http://www.cosmosoft.fr/cosmoAPI/gallerie/images/fr/pause_gold.png) no-repeat; }