HTML, BODY.site		  { color: #333; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #fff; margin: 0; padding: 0; border: 0 }
td		  {  font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }

select, textarea    { color: #000; font: 10px Verdana, Arial; background-color: #f7f7f8; margin-bottom: 5px; margin-left: 10px; padding-left: 3px }
BODY.site DIV#content  { color: #333; font-size: 11px; line-height: 14px; padding-top: 10px; padding-left: 30px; z-index: 0 }
input  { color: #000; font: 10px Verdana, Arial; background-color: #ececeb; margin-bottom: 5px; margin-left: 10px }
BODY.site DIV#header   { color: #fff; font-size: 30px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #5064b4; margin: 0 0 5px; padding-top: 15px; padding-bottom: 5px; padding-left: 120px; position: fixed; z-index: 4; top: 0; left: 60px; width: 100%; height: 49px; border-bottom: 5px solid #ccc }
BODY.site DIV#header2     { color: #fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #5064b4; border-bottom: 5px solid #ccc }
.smalltitle    { color: #ffa500; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }

#packs  { color: #333; font-size: 11px; line-height: 14px; margin-left: 20px; padding-top: 10px; position: absolute; z-index: 0 }
BODY.site DIV#packs table, #tarifscompare table	         { color: navy; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; border: solid 1px black }
BODY.site DIV#packs td	  { }
BODY.site DIV#tarifscompare td	 { border-top: 0.1em dotted silver; border-right: 0.1em dotted silver } 
BODY.site DIV#tarifscompare A, #packs A  { color: navy; text-decoration: none }
BODY.site DIV#tarifscompare A:hover, #packs A:hover  { color: red; text-decoration: underline }
BODY.site #packs p   { padding-left: 0px }
BODY.site DIV#logo        { color: #fff; background-image: url("medias/cam4.gif"); background-repeat: no-repeat; background-position: 0 top; margin: 0; position: fixed; z-index: 9; left: 68px }
#packs li  { font-size: 10px; font-family: sans-serif; list-style-type: disc }
#packs  UL   { color: #036; line-height: 14px; margin: 0; padding: 5px 0 5px 25px } 
A.minititle  { font-size: 12px; font-family: sans-serif; text-decoration: none }
A.minititle:hover  { font-size: 12px; font-family: sans-serif; text-decoration: underline }
BODY.site DIV#cam	   { color: #006; text-decoration: none; background-image: url("medias/cam4.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: 0 top; z-index: 10 }
BODY.site DIV#menu          { color: navy; font-size: 14px; font-weight: bold; line-height: 30px; text-align: left; position: fixed; z-index: 3 }
BODY.site DIV#menu td { font-size: 11px}
BODY.site DIV#menu UL 	   { line-height: 30px; margin: 0; padding: 135px 0 0 20px }
BODY.site DIV#menu LI 	  { line-height: 25px; list-style-image: url("medias/puce-blue.gif"); padding-left: 5px }
#menubox { background-color: #f1f1ff; margin-top: 7px; margin-bottom: 7px; z-index: 4; border: dotted 1px navy }
BODY.site DIV#menu table  	  { background-color: #d3d3eb; margin-top: 2px; margin-bottom: 3px; margin-left: 14px; padding-right: 3px; padding-left: 0; border: solid 1px #aeaeae }
BODY.site DIV#menu A 	  { color: #006; text-decoration: none }
BODY.site DIV#menu A.selected { color: #006; font-weight: bold; text-decoration: none; padding: 2px 3px 2px 2px; border-top: #fcb500; border-right: #fcb500; border-bottom: 2px solid #fcb500; border-left: #fcb500 }
BODY.site DIV#menu A:hover			     { color: navy; font-weight: bold; text-decoration: none; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; border-bottom: 2px solid #f90 }
BODY.site DIV#menu A.selected:hover { color: navy; font-weight: bold; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; border-right: none }
BODY.site DIV#menu A.ss 	  { color: #006; font-weight: normal; text-decoration: none; background-color: transparent; padding: 0 }
BODY.site DIV#menu A.ssselected  { color: #006; font-weight: bold; background-color: #edf6fc; padding: 0 3px 0 2px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: white }
BODY.site DIV#menu A.ss:hover	     { color: #006; text-decoration: none; background-color: transparent; padding: 0; border-top: #006; border-right: #006; border-bottom: 1px solid #006; border-left: none #006 }
BODY.site DIV#menu A.ssselected:hover	   { color: #006; font-weight: bold; text-decoration: underline; background-color: #edf6fc; padding: 0 3px 0 2px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: white }

BODY.site DIV#menu2          { color: navy; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #c5d1e0; text-align: left; margin: 0; padding-top: 115px; padding-right: 4px; padding-left: 5px; z-index: 3; border-right: 2px solid black }
BODY.site DIV#menu2 td { font-size: 11px}
BODY.site DIV#menu2 UL 	   { line-height: 30px; margin: 0; padding: 135px 0 0 20px }
BODY.site DIV#menu2 LI 	  { line-height: 25px; list-style-image: url("medias/puce-blue.gif"); padding-left: 5px }
#menubox { background-color: #f1f1ff; margin-top: 7px; margin-bottom: 7px; z-index: 4; border: dotted 1px navy }
BODY.site DIV#menu2 table  	  { background-color: #d3d3eb; margin-top: 2px; margin-bottom: 3px; margin-left: 14px; padding-right: 3px; padding-left: 0; border: solid 1px #aeaeae }
BODY.site DIV#menu2 A 	  { color: #006; text-decoration: none }
BODY.site DIV#menu2 A.selected { color: #006; font-weight: bold; text-decoration: none; padding: 2px 3px 2px 2px; border-top: #fcb500; border-right: #fcb500; border-bottom: 2px solid #fcb500; border-left: #fcb500 }
BODY.site DIV#menu2 A:hover			     { color: navy; font-weight: bold; text-decoration: none; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; border-bottom: 2px solid #f90 }
BODY.site DIV#menu2 A.selected:hover { color: navy; font-weight: bold; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; border-right: none }
BODY.site DIV#menu2 A.ss 	  { color: #006; font-weight: normal; text-decoration: none; background-color: transparent; padding: 0 }
BODY.site DIV#menu2 A.ssselected  { color: #006; font-weight: bold; background-color: #edf6fc; padding: 0 3px 0 2px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: white }
BODY.site DIV#menu2 A.ss:hover	     { color: #006; text-decoration: none; background-color: transparent; padding: 0; border-top: #006; border-right: #006; border-bottom: 1px solid #006; border-left: none #006 }
BODY.site DIV#menu2 A.ssselected:hover	   { color: #006; font-weight: bold; text-decoration: underline; background-color: #edf6fc; padding: 0 3px 0 2px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: white }



BODY.site DIV#blackleft    { color: #333; background-color: #000040; text-align: left; position: fixed; z-index: 5; top: 0; left: 0; width: 60px; height: 100% }
BODY.site DIV#blackright    { color: #333; background-color: #000041; position: fixed; z-index: 3; left: 94%; width: 100px; height: 100%; float: right; clear: left }

BODY.site #login 		{ padding: 10px; background-color: #fff; border-bottom: 5px solid #666; width: 920px; position: absolute; top: 70px; left: 0; 	}
BODY.site DIV#footer 	      { color: #fff; background-color: #333d67; text-indent: 20px; letter-spacing: 1px; margin: 0; padding-top: 7px; position: fixed; z-index: 6; top: 96%; left: 0; width: 94%; height: 30px; border-top: 1px solid #cecece }
BODY.site DIV#footer2 	       { color: #fff; background-color: #333d67; text-indent: 20px; letter-spacing: 1px; margin: 0; padding-top: 7px; z-index: 6; border-top: 1px solid #cecece }
BODY.site DIV#footer A   { color: #fff; text-decoration: none }
BODY.site DIV#footer A:hover   { color: orange; text-decoration: underline }
BODY.site DIV#footer2 A   { color: #fff; font-size: 10px; text-decoration: none }
BODY.site DIV#footer2 A:hover    { color: orange; font-size: 10px; text-decoration: underline }

#content table A	 { color: navy; text-decoration: none; border-bottom: 1px dotted #f03 }
#content table A:hover    { color: navy; text-decoration: none; border-style: none none solid; border-width: medium medium 2px; border-color: #fcb500 }

BODY.site A.title  { color: #06c; font-size: 12px; text-decoration: none }
BODY.site A.title:hover			  { color: #06c; font-size: 12px; text-decoration: underline }
BODY.site A.redtitle    { color: red; font-size: 12px; font-weight: bold; text-decoration: none }
BODY.site A.redtitle:hover			   { color: red; font-size: 12px; font-weight: bold; text-decoration: underline }

BODY.site i { font-size: 11px; font-style: italic }
BODY.site DIV#content UL   { line-height: 14px; margin: 0; padding: 0 0 5px 65px }
BODY.site DIV#content LI  { line-height: 14px; list-style-image: url("medias/puce-red.gif") }
BODY.site DIV#temoins A, #mentions A, #accueil  A  { color: #006; text-decoration: underline }
BODY.site DIV#temoins A:hover, #mentions A:hover, #accueil  A:hover   { color: #5064b4; text-decoration: none }

#map LI  { line-height: 14px; list-style-image: url("medias/minipuce-red.gif") }
#map LI A 	  { color: #006; text-decoration: none}
#map  LI A:hover { color: #006; text-decoration: none;  border-top: #fcb500; border-right: #fcb500; border-bottom: 2px solid #fcb500; border-left: #fcb500 }

.help  { margin-bottom: 4px; padding-left: 20px } 
.helptxt  { font-size: 11px; line-height: 14px; display: none; margin-bottom: 10px; padding-left: 20px }
.helptxtvisible  { font-size: 11px; line-height: 14px; display: visible; margin-bottom: 10px; padding-left: 20px }
#participation ,
#benefits,
#requirements
    { font-size: 11px; background-repeat: no-repeat }
h1,#tarifs h1        { color: #006; font-size: 25px; font-style: oblique; font-weight: bold; background-image: url("medias/arrow40.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 40px 10px; text-align: left; text-indent: 75px; margin-left: 5px; padding: 15px 4px 20px 8px; z-index: 9 }
h2,#tarifs h2      { color: #ffbf00; font-size: 13px; font-weight: bold; background: url("medias/s-blue-bar.gif") no-repeat; text-align: left; margin-bottom: 10px; margin-left: 30px; padding: 1px 4px 3px 10px }
h3,#tarifs h3      { color: navy; font-size: 13px; font-weight: bold; background-image: url("medias/<?php if($page=="techno") echo"big" ?>lightblue-bar.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin-bottom: 10px; margin-left: 55px; padding: 1px 4px 3px 30px }
h4,#tarifs h4      { color: white; font-size: 13px; font-weight: bold; background-image: url("medias/red-bar.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin-bottom: 10px; margin-left: 30px; padding: 1px 4px 3px 30px }

#mentions   { background-image: url("medias/paragraf_back.jpg"); background-repeat: no-repeat; background-position: 20px bottom; margin-bottom: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 45px }
#temoins i { font-size: 9px }
#temoins   { background-image: url("medias/sparagraf_back.jpg"); background-repeat: no-repeat; background-position: 20px bottom; margin-bottom: 20px; margin-left: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 45px }
#accueil       { color: #333; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; padding-top: 10px; position: absolute; z-index: 0; top: 52px; left: 220px; width: 68%; height: 30% }
#accueil td     { color: #333; font-size: 12px }
#accueil i      { color: navy; font-size: 11px }
a      { color: #006; font-size: 13px; text-decoration: none }
a:hover     { color: black; text-decoration: underline }

#demo a     { color: #666; font-size: 11px }
#demo a:hover     { color: black; font-size: 11px; font-weight: bold; text-decoration: none }

#demo td     { font-size: 12px}
#demo img   { margin: 1px; padding: 1px; border: solid 1px black }
BODY.site p   { padding-left: 45px }
.arial      { color: #000; font-size: 12px; font-family: sans-serif; line-height: 15px; letter-spacing: 0; padding-top: 4px; padding-bottom: 5px }

#intro      { color: #000; font-size: 12px; font-family: sans-serif; line-height: 20px; letter-spacing: 0; padding-top: 4px; padding-bottom: 5px }
#intro a.index:HOVER       { color: #f03; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; letter-spacing: 0 }
#intro a.index      { color: #009; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0 } { color: blue; text-decoration: underline }
	#flashcontent  { z-index: 1 }