html { margin: 0; padding: 0; border: 0; }
body { background-color: #000; color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; text-align: left; width: 100%; margin: 0; padding: 0; }


#container { position: relative; top:20px; left:20px; width:100%; height:100%; margin:0; padding:0;  }
#colMenu { background-color: transparent; position: absolute; top: 0px; left: 40px; width: 248px; height: 100%; margin: 0; padding: 0; border: 0; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul#menu, ul#smenu, ul#ssmenu { background-color: transparent; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; position: absolute; width: 218px; height: auto; left: 17px; margin: 0; padding: 0; border: 0; list-style-type: none; }
ul#menu { top: 130px; }
ul#smenu { top: 317px; }
ul#ssmenu { top: 400px; }
#menu li, #smenu li, #ssmenu li { text-align: left; padding-left: 20px; text-indent: -20px; }
#menu li a, #smenu li a, #ssmenu li a { color: #fff; font-weight: bold; text-decoration: none; }
#menu li a:hover, #smenu li a:hover, #ssmenu li a:hover { color: #00caff; font-weight: bold; text-decoration: none; border: 0; }
#menu li a strong, #smenu li a strong, #ssmenu li a strong { color: #00caff; font-weight: bold; text-decoration: none; border: 0; }
#menu li a span, #smenu li a span, #ssmenu li a span { color: #fff; font-weight: normal; text-decoration: none; border: 0; }
#menu li a:hover span, #smenu li a:hover span, #ssmenu li a:hover span { color: #00caff; font-weight: normal; text-decoration: none; border: 0; }
#menu li span.normal { font-weight:normal; }

p { margin: 0; padding-top: 9px; }

#col1, #col2, #colNews { text-align: left; position: absolute; width: 208px; height: auto; margin: 0; padding: 26px 20px 33px 20px; z-index: 10; }
#colArticles { text-align: left; position: absolute; width: 396px; height: auto; margin: 0; padding: 26px 20px 33px 20px; z-index: 10; }
#colContacts { text-align: left; position: absolute; width: 312px; height: auto; margin: 0; padding: 26px 20px 33px 20px; z-index: 10; }
#colLinks { text-align: left; position: absolute; width: 624px; height: auto; margin: 0; padding: 26px 20px 33px 20px; z-index: 10; }
#col1, #col2 { background-color: #fff; }
#col1, #colLinks, #colArticles, #colContacts { top: 40px; left: 308px; }
#col2 { top: 200px; left: 576px; }
#colNews { background-color: #ccc; filter : alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; top: 40px; left: 844px; overflow: hidden; }
#colArticles, 
#colContacts, #colLinks { background-color: #fff; filter : alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; overflow: hidden; }
#col1 strong, #col2 strong, 
#colNews strong { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#colContacts strong, #colLinks strong { color: #00caff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#colNews span { color: #984400; font-size: 10px; }
#colContacts p span { font-size: 11px; } 
#colNews a, #colNews a:hover, #colArticles a.link, #colArticles a.link:hover, 
#colLinks a.link, #colLinks a.link:hover, #colContacts a.link, #colContacts a.link:hover { text-decoration: none; border: 0; }
#colArticles span.li, #colLinks span.li, #colContacts span.li { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border: 0; }
#colNews a { color: #fff; }
#colArticles a, #colLinks a, #colContacts a { color: #000; }
#colNews a:hover, #colCv a:hover, #colArticles a:hover, #colLinks a:hover, #colContacts a:hover { color:#00caff; }
#colArticles span.title { border-bottom: #999 1px dotted; }

#main { background-color: transparent; position: absolute; top: 40px; left: 308px; width: 499px; height: auto; margin: 0; padding: 0; z-index: 10; }
#colMain { background-color: #fff; position: relative; width:auto; margin-top: 0; padding: 33px 20px 33px 20px; }

strong { font-weight: bold; }
em { font-style: italic; }
.pt6 { margin: 0; padding-top: 6px; }
.pt12 { margin: 0; padding-top: 12px; }
.pt17 { margin: 0; padding-top: 17px; }
.pl77 { margin: 0; padding-left: 77px; }
p.intro { margin: 0; padding-top: 20px; }
p.news { margin: 0; padding-top: 40px; }
.small { font-size: 9px; font-weight: normal; }

.c999 { color: #999; }
.c222 { color: #222; }

img#bg { width:96.5%; max-width:1180px; margin-top:20px; margin-left:20px; border:0; }

#colPhotos1, #colPhotos2 { background-color: #fff; position: absolute; width: 89px; height: auto; top: 40px; margin: 0; padding: 17px 20px 34px 20px; z-index: 50; }
#colPhotos1 { left: 827px; }
#colPhotos2 { left: 976px; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul.photos { display: block; }
.photos li { width: 89px; height: 64px; margin-top: 20px; margin-left: 0; }
.photos li.H { width: 70px; height: 89px; margin-top: 20px; margin-left: 0; }
.photos li a, .photos li a:hover { text-decoration: none; border: 0; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul#fiche { background-color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; margin-top: 20px; list-style-type: none; border-top: #fff 1px solid; border-bottom: #fff 1px solid; }
#fiche li { text-align: left; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; }
#fiche li a, #fiche li a:hover { font-weight: bold; text-decoration: none; border: 0; }
#fiche li a, #fiche li a:hover { color: #fff; }
#fiche li a:hover { color: #00caff; }

.legR, .legB { background-color: #fff; color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; text-decoration: none; text-align: left; display: block; }
.legR { height: auto; margin-top: 150px; margin-left: 389px; padding: 0 20px 0 0; }
.legB { height: auto; margin-top: 335px; margin-left: 0; padding: 0 68px 20px 34px; }
.legR strong, .legB strong { color: #888; font-weight: bold; }
.legR span, .legB span { color: #888; font-weight: normal; }

#FicheTechnique { background-color: #fff; background-repeat: no-repeat; position: absolute; width: 459px; height: auto; margin: 0; padding: 0 20px 34px 20px; border: 0; z-index: 100; visibility: hidden; }
#FicheTechnique p { text-align: left; margin: 0; padding-top: 7px; }
#FicheTechnique p span { color: #222; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#FicheTechnique p.ficheDetail { text-align: left; margin: 0; padding-top: 24px; }