*, body { margin: 0; padding: 0; border: 0; outline: none; }
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; background-color: #000; }

.clear { clear: both; }

.gen { position: relative; width: 851px; margin: 0 auto; }
#titleBox { position: fixed; _position: static; top: 0; *margin-left: -237px; _margin-left: 0; width: 851px; height: 106px; z-index: 10; }
#titleLevel { position: absolute; top: 81px; left: 320px; }
#bgMid { position: fixed; _position: static; top: 106px; *margin-left: -237px; _margin-left: 0; width: 851px; height: 275px; }
#suppBoxLeft { position: absolute; float: left; left: -125px; width: 125px; height: 381px; }

/* Top images */
#gen #titleBox, #gen_large #titleBox { background-image: url(../img/topBanner.jpg); }
#gen #suppBoxLeft, #gen_large #suppBoxLeft { background-image: url(../img/topBannerbis.jpg); }
#gen #bgMid { background-image: url(../img/bgMid.jpg); }
#gen #cartMenus.fr { background-image: url(../img/cartMenus_fr.gif); }
#gen #cartMenus.en { background-image: url(../img/cartMenus_en.gif); }
#gen_large #bgMid { background-image: url(../img/bgMid_largecontent.jpg); }

#gen1 #titleBox { background-image: url(../img/topBanner1.jpg); }
#gen1 #suppBoxLeft { display: none; }
#gen1 #bgMid { background-image: url(../img/bgMid1.jpg); }
#gen1 #cartMenus.fr { background-image: url(../img/cartMenus1_fr.gif); }
#gen1 #cartMenus.en { background-image: url(../img/cartMenus1_en.gif); }

#gen2 #titleBox { background-image: url(../img/topBanner2.jpg); }
#gen2 #suppBoxLeft { background-image: url(../img/topBanner2bis.jpg); }
#gen2 #bgMid { background-image: url(../img/bgMid2.jpg); }
#gen2 #cartMenus.fr { background-image: url(../img/cartMenus_fr.gif); }
#gen2 #cartMenus.en { background-image: url(../img/cartMenus_en.gif); }

#gen3 #titleBox { background-image: url(../img/topBanner3.jpg); }
#gen3 #suppBoxLeft { display: none; }
#gen3 #bgMid { background-image: url(../img/bgMid3.jpg); }
#gen3 #cartMenus.fr { background-image: url(../img/cartMenus3_fr.gif); }
#gen3 #cartMenus.en { background-image: url(../img/cartMenus3_en.gif); }

#gen4 #titleBox { background-image: url(../img/topBanner4.jpg); }
#gen4 #suppBoxLeft { display: none; }
#gen4 #bgMid { background-image: url(../img/bgMid4.jpg); }
#gen4 #cartMenus.fr { background-image: url(../img/cartMenus4_fr.gif); }
#gen4 #cartMenus.en { background-image: url(../img/cartMenus4_en.gif); }

#gen5 #titleBox { background-image: url(../img/topBanner5.jpg); }
#gen5 #suppBoxLeft { background-image: url(../img/topBanner5bis.jpg); }
#gen5 #bgMid { background-image: url(../img/bgMid5.jpg); }
#gen5 #cartMenus.fr { background-image: url(../img/cartMenus5_fr.gif); }
#gen5 #cartMenus.en { background-image: url(../img/cartMenus5_en.gif); }


#language_picker { position: absolute; left: 768px; top: 87px; width: 41px; height: 19px; padding-left: 5px; background: #666 url(../img/bg_languages_picker.gif) no-repeat left top; }
#language_picker ul { list-style-type: none; }
#language_picker li { float: left; margin: 4px 3px 0 0; }
#bt_fr { display: block; width: 16px; height: 11px; background: url(../img/flag_fr.gif) no-repeat left bottom; }
#bt_en { display: block; width: 16px; height: 11px; background: url(../img/flag_en.gif) no-repeat left bottom; }
.selected_language a#bt_fr, .selected_language a#bt_en, a#bt_fr:hover, a#bt_en:hover { background-position: left top; }

#colMenus { position: fixed; _position: static; _float: left; top: 361px; *margin-left: -237px; _margin-left: 0; width: 237px; overflow: hidden; }
#colCont { width: 614px; margin-left: 237px; overflow: hidden; }
#gen_large #colCont { margin-left: 111px; }

#cartMenus { width: 183px; height: 27px; margin-left: 54px; }
#pagesVis { width: 171px; height: 290px; margin-left: 54px; background: url(../img/bg_menus.gif) no-repeat left top; }
td#scrollTD { width: 12px; }
td#contentTD { padding-top: 15px; padding-left: 8px; }

#pagesVis ul { margin-top: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; padding: 0px; }
#pagesVis li { line-height: 2.5ex; list-style-type: none; background: url(../img/puce.gif) no-repeat 0 3px; *background-position: 0 7px; display: block; padding-left: 14px; margin-bottom: 5px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }
#pagesVis a:link, #pagesVis a:visited { color: #bcf; text-decoration: none; }
#pagesVis a:hover, #pagesVis a:active { color: #FFF; text-decoration: none; }
/* #pagesVis input { margin-top: 10px; margin-left: 30px; cursor: pointer; } */

#cadreContBordure { position: fixed; _display: none; top: 106px; width: 543px; height: 100%; min-height: 330px; padding: 16px 16px 27px 16px; border: solid 1px #666; }
#topShadow { position: fixed; _display: none; top: 106px; width: 575px; height: 22px; margin-left: 1px; z-index: 12; background: url('../img/borderTop.png') repeat-x left bottom; border-top: solid 1px #666; }
#bottomShadow { position: fixed; _display: none; bottom: 27px; width: 575px; height: 22px; z-index: 12; background: url('../img/borderBottom.png') repeat-x left bottom; margin-left: -16px; /* for Firefox */ [margin-left: -16px;
margin-left: -253px;] /* Hack Opera, Safari, Chrome */ }
html*#bottomShadow {
	margin-left: -16px; /* Hack IE 7 */
}
#gen_large #topShadow { width: 702px; }
#gen_large #bottomShadow { width: 702px; [margin-left: -16px;
margin-left: -127px;] /* Hack Opera, Safari, Chrome */ }
html*#gen_large #bottomShadow {
	margin-left: -16px; /* Hack IE 7 */
}
#cadreCont { position: absolute; top: 106px; width: 543px; margin-left: 1px; padding: 16px 16px 80px; _padding: 15px 12px 80px 16px; _border: solid 1px #666; }
#gen_large #cadreCont { width: 670px; }
#gen_large #cadreContBordure { width: 670px; }
#cadreContAdmin { position: absolute; top: 106px; width: 543px; min-height: 330px; padding: 16px 16px 27px 16px; border: solid 1px #666; }
#cadreCont h2, #cadreContAdmin h2 { font: 28px Arial Rounded MT Bold, Futura Md BT, Franklin Gothic Heavy, BankGothic Md BT, Bauhaus, Black Wolf, Impact, Microsoft Sans Serif, sans-serif; color: #fbe318; text-align: right; margin-bottom: 22px; }
p.date_upd { position:relative; height: 12px; right: 0; text-align: right; bottom: 15px; color: #999; font: normal 11px Arial, sans-serif; }
#cadreContTxt { font: normal 17px Arial, Helvetica, sans-serif; color: #ddd; }
#cadreContTxt h3 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: dashed 1px #FBE318; font-size: 20px; font-weight: normal; color: #FBE318; }
#cadreContTxt h4 { margin: 10px 0 8px; font-size: 18px; font-weight: normal; }
#cadreContTxt p { line-height: 28px; }
/* Liens pour la partie contenu */
#cadreContTxt a { color: #FFF; text-decoration: none; border-bottom: dotted 1px #fbe318; margin-right: 4px; padding-right: 7px; background: url('../img/point-interro.gif') bottom right no-repeat; }
#cadreContTxt a:hover { color: #FFF; text-decoration: none; background-color: #1f439a; cursor: help; }
hr { margin: 10px 0; border-top: solid 1px #bbb; *border: none; *color: #bbb; }

span.note { display: none; color: #0C0; }

/* Styles du message pour la traduction */
.message { width: 90%; margin: 15px auto; padding: 0 12px; background-color:#FC6; border: groove 3px #F90; text-align: center; font-size: 13px; font-weight: bold; color: #900; }
#cadreContTxt .message p { margin: 14px 0; line-height: normal; }
#cadreContTxt .message a { background: none; border: none; cursor: pointer; margin: 0; padding: 0; color: #900; text-decoration: underline; }

/* Liens dans les info-bulles */
#bulle { position: absolute; display: none; width: 230px; padding: 15px; background-color: black; color: white; border: solid 1px #fbe318; text-align: justify; font: 13px arial, helvetica, sans-serif; z-index: 100; }
#bulle a { color: #fbe318; }
#bulle a:hover { text-decoration: none; }
#bulle a:visited { color: #9e009e; }

#cadreContTxt a.amazon, #bulle a.amazon { text-decoration: none; border-bottom: dashed 1px #C3E5FF; margin-right: 6px; padding-right: 15px; background: url('../img/amazon-pic.gif') no-repeat right top;  }
#bulle a.external { color: #fff; }

#searchbar { position: fixed; _position: static; _float: left; bottom: 0; height: 56px; *margin-left: -237px; _margin-left: 0; background-color: #000; z-index: 100; }
#searchbar_content { width: 168px; height: 30px; overflow: hidden; margin-left: 54px; padding-left: 15px; background: url(../img/searchbar.gif) no-repeat left bottom; }
#searchbar .txt { float: left; width: 130px; height: 15px; padding: 8px 5px 7px 0; *padding-top: 8px; background: none; border: none; font-size: 15px; color: #f3c53e; }
#searchbar .sub { float: left; width: 33px; height: 30px; background: url(../img/searchbutton.gif) no-repeat left bottom; border: none; cursor: pointer; }

#navBar { position: fixed; _position: absolute; bottom: 26px; width: 575px; height: 30px; z-index: 10; margin-left: -16px; /* for Firefox */ [margin-left: -16px;
margin-left: -253px;] /* Hack Opera, Safari, Chrome */ }
html*#navBar {
	margin-left: -16px; /* Hack IE 7 */
}
#linksNav { position: absolute; top: 0; left: 0; width: 575px; height: 30px; background: url('../img/bg_navBar.gif') top left no-repeat; z-index: 5; }
#linksNav a { display: block; float: left; width: 143px; height: 30px; text-decoration: none; }
#linksNav a span { display: none; }
.spacer { float: left; width: 1px; height: 30px; }
#rolloverNav { position: absolute; top: 0; left: 0; width: 575px; height: 21px; background: url('../img/bg_rolloverNav.gif') top left no-repeat; z-index: 1; text-align: center; padding-top: 6px; font: bold 12px arial, sans-serif; color: black; }
a#bt_home { background: url('../img/picto_home.gif') top center no-repeat; }
a#bt_prec { background: url('../img/picto_fleche_G.gif') top center no-repeat; }
a#bt_suiv { background: url('../img/picto_fleche_D.gif') top center no-repeat; }
a#bt_plus { background: url('../img/picto_plus.gif') top center no-repeat; }
a#bt_back { background: url('../img/picto_retour.gif') top center no-repeat; }

.rouge { color: #a00004; }
a.rouge:hover { background-color: #0C0; }
img.imageGauche { float: left; margin-top: 7px; margin-right: 16px; margin-bottom: 6px; }
img.imageDroite { float: right; margin-top: 7px; margin-left: 16px; margin-bottom: 6px; }
img.imageCentree { text-align: center; }

#loginDiv { position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #006; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; z-index: 100; }
#loginBox { position: fixed; top: 50%; left: 50%; width: 220px; height: 190px; margin-top: -110px; margin-left: -140px; padding: 20px 30px; border: groove 2px #ccc; background-color: #006; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; text-align: right; z-index: 100; }
#loginBox label { font: bold 11px arial, sans-serif; color: #fff; }
input#id { padding: 2px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; background-color: #CCC; }
input#pass { padding: 2px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; background-color: #CCC; }
p.titLoginBox { margin: 13px 0; padding: 3px; border: solid 1px #CCC; font: bold 13px Arial, sans-serif; color: #FFF; }

#bottom { position: fixed; _position: absolute; bottom: 0; width: 577px; height: 16px; padding: 5px 0; background-color: #000; text-align: center; font: normal 11px Arial, Helvetica, sans-serif; color: #ccc; z-index: 15; border-top: 1px solid #666; margin-left: -17px; /* for Firefox */ [margin-left: -17px;
margin-left: -254px;] /* Hack Opera, Safari, Chrome */ }
html*#bottom {
	margin-left: -17px; /* Hack IE 7 */
}

/* hack pour Chrome & Safari 
body:first-of-type div#bottom { margin-left: -254px; }*/
#footer { float: right; }
	#footer a, #footer a.visited { display: block; float: left; border-right: solid 1px #666; padding: 1px 7px; font-size: 10px; color: #999; text-decoration: none; }
	#footer a:hover, #footer a:active { color: #bbb; background-color: #1f439a; }
	#footer a.noborder { border: 0; }

/* Styles de la scrollbar */
div#hold { position: relative; overflow: hidden; width: 152px; height: 245px; z-index: 100; }
div#wn { position: absolute; left: 0; top: 0; width: 152px; height: 245px; clip: rect(0px, 152px, 245px, 0px); overflow: hidden; z-index: 1; }
div.content { position: absolute; visibility: hidden; left: 0; top: 0; z-index: 1; }
div#scrollbar { position: relative; left: 0; top: 0; width: 11px; height: 260px; font-size: 1px; z-index: 1; }
div#track { position: absolute; left: 0; top: 12px; width: 11px; height: 236px; background: #336 url('../img/track.gif'); z-index: 1; }
div#dragBar { position: absolute; left: 1px; top: 1px; width: 9px; height: 20px; background-color: #bcf; z-index: 1; }  
div#up { position: absolute; left: 0; top: 0; z-index: 2 }  
div#down { position: absolute; left: 0; bottom: 0; z-index: 3 }


/* Styles de la page forum */
#work { margin: 50px 20px 10px 30px; text-align: center; font: normal 14px Arial, Helvetica, sans-serif; color: #bbb; }
#work p { margin: 12px 0; }
#work a { font-weight: bold; color: #bbb; }
#work a:hover { text-decoration: none; color: #ddd; }

/* Styles de la page legal */
.justify { margin: 50px 20px 10px 30px; text-align: justify; font: normal 14px Arial, Helvetica, sans-serif; color: #bbb; }
.justify p { margin: 12px 0; }
.justify a { font-weight: bold; color: #bbb; }
.justify a:hover { text-decoration: none; color: #ddd; }
.justify input { background-color: #444; border: solid 1px #bbb; color: #ddd; }

/* Styles de la page contact */
#thanks { margin-top: 30px; text-align: center; font: bold 14px Arial, Helvetica, sans-serif; color: #090; }
/* richform */
.richform { width: 525px; margin: 30px 0 10px 40px; font: normal 13px arial, sans-serif; color: #ddd; }
	.richform p { margin:0 0 8px 0; font-weight: normal; }
		.richform label { float:left; display:block; width:150px; line-height:20px; }
		.richform select { margin:0; _margin:0 0 0 -3px; width:308px; height:18px; *height:20px; _font-size:12px; } /* select {width} = .saisie {width} + 8px; */
		.richform textarea { padding:0 0 0 3px; width:303px; overflow:auto; } /* textarea { width}  = .saisie {width}  + 3px */
		.richform input, .richform select, .richform textarea { background-color: #000; border: solid 1px #ccc; font: normal 12px Arial, sans-serif; color: #ddd; } /* bordure des champs de saisie */
		.richform input, .richform textarea { margin:0; *margin:-1px 0; _margin-left:-3px; } /* ne pas modifier  */
		.richform input.alerte, .richform textarea.alerte { border: solid 1px #f00; } /* bordure des champs de saisie rouge en cas d'alerte du formchecker */
		.richform input { padding:0 3px; width:300px; height:18px; } /* .saisie { height}  = label {line-height}  + 2px */
		.richform .chk input, .richform .rad input, .richform .valid input { padding:0; width:auto; height:auto; border:0; } /* ne pas modifier, annule les styles des input type="text" */
	.richform p.chk { }
		.richform .chk input { float:left; margin:3px 0 0 0; *margin:-1px 0 0 -4px; }
		.richform .chk label { float:none; padding:0 0 0 18px; width:auto; } /* un line-height peut être nécessaire en cas de texte sur deux lignes */
	.richform p.mess { }
		.richform .mess label { height:62px; } /* label { height}  = textarea {height} + 2px */
		.richform p.rad { width: 519px; margin-top: 10px; padding-top: 10px; border-top: dashed 1px #005493; }
		.richform .rad span { display: block; float: left; line-height:20px; } /* intitulé de la question */
		.richform .rad input { float:left; margin:3px 10px 0; *margin:-1px 0 0 -4px; border:0; }
		.richform .rad label { float:left; padding:0 0 0 18px; width:auto; }
	.richform p.sel { }
		.richform .sel label { }
	.richform p.valid { clear: left; width: 510px; height: 70px; }
		.richform .valid input { display: block; float: right; width: 73px; height: 19px; margin: 20px 50px 0 0; } /* bouton de validation */

/* Styles de la page liens */
#liens h2 { margin: 25px 0 20px; padding-left: 20px; background: url('../img/h2liens.gif') repeat-x left top; text-align: left; font: bold 13px Arial, Helvetica, sans-serif; color: #ddd; }
#liens .lien { margin: 15px 20px 15px 30px; }
#liens .lien a { font: normal 13px Arial, Helvetica, sans-serif; color: #bbb; }
#liens .lien a.intitule { font-weight: bold; text-decoration: none; }
#liens .lien a:hover { text-decoration: none; color: #ddd; }
#liens .lien p { font: normal 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #bbb; }

/* Styles de la page sommaire */
#sommaire { font: normal 16px Arial, Helvetica, sans-serif; color: #eee; line-height: 25px; }
#sommaire ul { clear: both; list-style: none; margin-bottom: 22px; }
#sommaire a { color: #eee; text-decoration: none; }
#sommaire a:hover { text-decoration: underline; }
#sommaire a:visited, #sommaire .arete a:visited { color: #9e009e; }
#sommaire .arete a { color: #aaa; }

#colsom { width: 670px; }
#colsom li { clear: left; float: left; *float: none; margin-left: 8px; padding-left: 14px; background: url(../img/puce.gif) no-repeat left 10px; }
#colsom li.arete { clear: none; float: left; margin-left: 30px; background: url(../img/puce_arete.gif) no-repeat left 10px; }
#colsom li.new a { background: transparent url(../img/picnew.gif) no-repeat right 5px; padding-right: 33px; }

.tabSom { width: 670px; }
.tabSom td { width: 185px; margin-left: 5px; padding-left: 14px; background: url(../img/puce.gif) no-repeat left 10px; vertical-align: top; }
.tabSom td.arete { clear: none; float: left; margin-left: 30px; background: url(../img/puce_arete.gif) no-repeat left 10px; }
.tabSom td.new a { background: transparent url(../img/picnew.gif) no-repeat right 5px; padding-right: 33px; }

h2.chap { clear: both; width: 670px; height: 30px; margin: 10px 0 12px; background-repeat: no-repeat; background-position: left top; }
h2.chap span { display: none; }
#chap1_fr { background-image: url(../img/chap1_fr.jpg); }
#chap2_fr { background-image: url(../img/chap2_fr.jpg); }
#chap3_fr { background-image: url(../img/chap3_fr.jpg); }
#chap4_fr { background-image: url(../img/chap4_fr.jpg); }
#chap5_fr { background-image: url(../img/chap5_fr.jpg); }
#chap1_en { background-image: url(../img/chap1_en.jpg); }
#chap2_en { background-image: url(../img/chap2_en.jpg); }
#chap3_en { background-image: url(../img/chap3_en.jpg); }
#chap4_en { background-image: url(../img/chap4_en.jpg); }
#chap5_en { background-image: url(../img/chap5_en.jpg); }

#gen_large #bottom { width: 704px; [margin-left: -17px;
margin-left: -128px;] /* Hack Opera, Safari, Chrome */ }
html*#gen_large #bottom {
	margin-left: -17px; /* Hack IE 7 */
}

/* Styles de la page search */
#search {}
#cse-search-results iframe html { display: none; }
#cse-search-results table { display: none; }