/*style général*/
html {font-size: 100%;
} 
body {text-align:center; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.4; color:#000; background:#fff; 
}
ul , ol, div {margin: 0; padding: 0;  
}
ul {list-style-type:none; 
}
p, blockquote , img, obj {margin: 0; padding:0; 
}
blockquote {font-style: italic;
} 
form, fieldset {margin:0; padding:0; border:none; outline:none; 
} 
input, button, select {margin:0; padding:0; outline: none; vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; line-height: 1.2; 
} 
h1 {font-size:1.5em; 
}
h2 {font-size:1.3em;
}
h3 , h4 {font-size:1.2em; 
}
a, a:hover, a:focus, a:active, a:visited { 
text-decoration:none; 
} 
a:focus {outline:none; 
}  
img, a img {margin:0; padding:0; border:none;
} 
em  {font-style:italic; 
} 
strong, .complet, .copy , .comment {font-weight:bold; 
}
/**************************************************************************************************/
#conteneur{width:86%; margin:auto;position:relative; min-width: 980px; max-width:1230px;
}
/**************************************************************************************************/
/*En-tête de la page*/
#header {position:relative; width:70.1em; height:150px; margin:auto; white-space:nowrap; 
}
#triratna {position:absolute; top:7px; left:0;
}
#header form {position:absolute; top:22px; left:786px; height:65px; width:210px;
}
#header form img {position:absolute; left:71px; top:30px;
}
#champ {position:absolute; top:7px; left:30px; width:10.6em;
}
#loupe {position:relative; top:4px; left: 90px;
}
#langue1 {position:absolute; font-size:0.8em; left:716px; top:34px; padding-top:20px; width:70px;
}
#langue1:hover {background-image:url(./imgs/degrade.gif); background-repeat:no-repeat; background-position:0 -108px;
}
#header a, #header li {color:#000; 
}
.menus {position:absolute; top:80px; left:112px; margin:0; padding:0;
}
#menu1 {float:left; margin-bottom:1px;
}
#menu1 li {float:left;
}
#menu1 a, #act1, #act2, #act3, #act4, #act5, #act6, #act7 {display:block; width:8.4em; height:26px; line-height:26px; margin:0; text-align:center; background-image:url(./imgs/degrade.gif); background-repeat:repeat-x; background-position:0 0; background-color:#ddd; border-bottom-style:solid; border-bottom-width:2px; border-top-style:solid; border-top-width:2px;
}
#menu1 a:hover {background-image:url(./imgs/degrade.gif); background-repeat:repeat-x; background-position:0 -24px; color:#fff; background-color:#6e6e5e; border-bottom-width:6px;
}
#menu1 a.lien1, #menubas a.lien1, #header #menu1 #act1, a#bas1, #menu2a, #menu2a a {border-color:#f00; 
}
#menu1 a.lien2, #menubas a.lien2, #header #menu1 #act2, a#bas2, #menu2b, #menu2b a {border-color:#f90;
}
#menu1 a.lien3, #menubas a.lien3, #header #menu1 #act3, a#bas3, #menu2c, #menu2c a {border-color:#fc0;
}
#menu1 a.lien4, #menubas a.lien4, #header #menu1 #act4, a#bas4 {border-color:#0c0;
}
#menu1 a.lien5, #menubas a.lien5, #header #menu1 #act5, a#bas5 {border-color:#69f;
}
#menu1 a.lien6, #menubas a.lien6 , #header #menu1 #act6, a#bas6{border-color:#00f;
}
#menu1 a.lien7, #menubas a.lien7, #header #menu1 #act7, a#bas7, #menu2g, #menu2g a {border-color:#93f;
}
#menu1 #act1, #menu1 #act2, #menu1 #act3, #menu1 #act4, #menu1 #act5, #menu1 #act6, #menu1 #act7 {color:#fff; background-color:#666; background-position: 0 -24px; border-bottom: 6px solid; border-top: 2px solid; 
}
#menu2a, #menu2b, #menu2c, #menu2g {clear:both; height:22px; border-top-style:solid; border-top-width:2px; border-bottom-style:solid; border-bottom-width:2px; background-color:#ddd; background-image:url(./imgs/degrade.gif); background-repeat:repeat-x; background-position:0 -86px;
}
#menu2a li, #menu2b li, #menu2c li  {float:left;  
}
#menu2g li {float:right; 
}
#menu2a a, #menu2b a, #menu2c a, #menu2g a {display:block; padding-left:15px; padding-right:15px; line-height:22px;
}
#menu2a #menu2act, #menu2b #menu2act, #menu2c #menu2act, #menu2g #menu2act, #menu2a a:hover, #menu2b a:hover, #menu2c a:hover, #menu2g a:hover {border-bottom-style:solid; border-bottom-width:4px; color:#fff; background-color:#6e6e5e; background-image:url(./imgs/degrade.gif);background-repeat:repeat-x; background-position:0 -66px;
}
#li2c {width:173px;
}
/*******************************************************************************************************/
/*Colonnes gauches et droites*/
#gauche, #droite {width:200px; margin-top:69px; margin-bottom:30px; text-align:left; font-size:0.9em; 
}
#gauche{float:left; 
}
#droite {float:right;
}
#gauche ul, #droite ul, #centre ol ul, #centre ul ul, .listeLiens, .listeLiensIt, .listeLiensSm {list-style-type:none; list-style-image:url(./imgs/fleche.gif);
}
#gauche ul, #droite ul {padding-left:15px;
}
#gauche li, #droite li {padding-top:0.4em; padding-bottom:0.4em; border-bottom:1px solid #919171;
}
#gauche a, #droite a {display:block;
}
#gauche a, #droite a, #centre a, .bleu  {color:#0e4a93; 
}
#droite a:hover, #gauche a:hover, #centre a:hover, .lienTitre {color:#000; text-decoration:underline;
}
#gauche h3, #droite h3 {margin-top:0.4em; padding-bottom:0.4em; border-bottom:1px solid #919171; font-size:1em; 
}
#droite h3, #gauche h3{margin-left:15px;
}
/************************************************************************************************************/
/*Colonne centrale*/
#centre{margin-bottom:40px; margin-left:235px; margin-right:225px; text-align:left; min-width:520px; max-width:770px;
}
#centre .margeG{margin-left:40px; 
}
/*Titres*/
#centre h1 { margin:1.2em 0 0.5em 0; color:#5d5d50;
}
#centre h2, #centre h3{ margin:0.8em 0 0 0;
}
#centre h2, #centre h2 a[name], #centre h2 a[name]:hover {color:#4e4e4a;
}
#centre h3, #centre h3 a[name]{color:#494943;
}
#centre .surTitre {margin-bottom:-0.6em;
}
#centre .sousT {margin-top:-0.5em;
}
#centre .sousTitre , #centre .sousTitreSans{font-size:1em; color:#000;
}
#centre .sousTitre {margin:-0.6em 0 10px 0;
}
#centre .sousTitreSans {margin-top:0;
}
/*Flèches de navigation et glossaire*/
#centre .flecheD, #centre .flecheG, #centre .flecheDB, #centre .flecheGB , #centre .navGlos {color:#000;
}
#centre .flecheDB, #centre .flecheGB, #centre .navGlos {border:1px solid #000;
}
#centre .navGlosA {border:1px solid #0e4a93;
}
#centre .flecheD, #centre .flecheDB{margin-left:8px;  
}
#centre .flecheG, #centre .flecheGB {margin-right:8px; 
}
#centre .navGlos , #centre .navGlosA  {margin:0.2em; line-height:2.5; font-weight:bold;
}
#centre .flecheD:hover, #centre .flecheG:hover, #centre .flecheDB:hover, #centre .flecheGB:hover, #centre .navGlosA:hover {text-decoration:none; font-weight:bold; background-color:#85bcff; border:1px solid #000;
}
#centre .flecheG:hover {margin-right:6px;
}
/*ancres*/
#centre a[name], #centre a[name]:hover  {color:#000; text-decoration:none; 
}
/*hauteur de ligne, espacement des blocs*/
#centre p, #centre blockquote, #centre .gdEsp, #centre div, .glossaire li {margin:0.4em 0 0.8em 0; line-height: 1.3;
}
/*Espacements verticaux et horizontaux*/
.esp, #centre  li .esp, #centre  .esp {margin-top:0.6em;
}
.demiEsp {margin-top:0.3em;
} 
#centre .copyTitre {margin-top:-10px;
}
#centre .margeImg{margin-left:170px;
}
#centre .margeImgXL{margin-left:270px;
}
/*listes*/
#centre ol, #centre ul { padding:0; margin:0.8em 0 0.8em 1.8em;
}
#centre ul ol, #centre ol ol , #centre ol ul, #centre ul ul , #centre  .margeG ul{margin-top:0.2em; margin-bottom:0.2em;
} 
#centre li h3  {margin:0.1em;
}
#centre ul {list-style-type:circle;
}
#centre  .sans, #centre .sansMarge, #centre .sansMargeTexte, #centre .glossaire {list-style-type:none;
}
#centre .sansMarge, #centre .sansMargeTexte, #centre .glossaire {margin-left:0;
}
#centre .margeTexteOrd {margin-left:3em;
}
 .listeLiensIt,  .aster {font-style:italic;
}
/*Typographie*/
.texte, .sansMargeTexte, .margeTexteOrd, .ndt {font-family:"Times New Roman", Times, serif;
}
.texte, .sansMargeTexte, .margeTexteOrd {font-size:1.1em;
}
.copy, .copyLight, .copyTitre, .aster {font-size:0.8em;
}
.sousLien , #sL, #sL2, .listeLiensSm {font-size:0.9em;
}
.commentLight, .comment  {font-size:0.7em;
}
.eme, .ndt {font-size:small;
}
.gdTypo {font-size:1.1em;
}
.prix {font-size:1.3em;
}
/*horizontal rule*/
.hr, .hrQ , .hrL, .hrT {border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#919171; 
}
.hr {padding-bottom:1em;
}
.hrQ, .hrL, .hrT {margin-bottom:0.5em;
}
.hrL , .hrLsans{margin-top:0.9em; padding-bottom:0;
}
.hrT{padding-bottom:0.5em;
}
/*Cas particuliers*/
.complet {color:#f22;
}
.barre {text-decoration:line-through;
}
.pdf  {margin: 6px 5px 4px 0; vertical-align:middle; font-size:1em; 
}
.normal {font-style:normal;
}
#centre .vente, .prix {color:#851e1f;
}
/*images*/
.imgGauche {margin:5px 20px 2px 0; float:left;
}
.imgDroite {margin:5px 0 0 20px; float:right;
}
#imgPied  {margin-bottom:30px;
}
#centre .imgCommentG, #centre .imgCommentGP, #centre .imgCommentGXS  {float:left; margin: 5px 20px 1px 0; text-align:center; position:relative;
}
#centre .imgCommentG {width:250px;
}
#centre .imgCommentGP {width:150px;
}
#centre .imgCommentGXS {width:120px; height:144px; margin-bottom:15px;
}
.comment, .commentLight {padding:0;
}
.imgGrand , .video {width:520px;
}
.imgGrand  img {margin-bottom:5px;
}
#centre .video {margin-bottom:20px;
}
/*rollover sur image*/
.image span {display:none;
}
.image:hover span { display:block; position:absolute; left:0; top:0; background-repeat:no-repeat; cursor:default;
}
/***********************************************************************************************************/
/*pied de page*/
#footer{clear:both; white-space:nowrap; 
}
ul#menubas {margin:auto; width:60em;
}
#menubas li {float:left; 
} 
#menubas a {color:#000; display:block; width:8.4em; height:20px; margin-bottom:10px; border-bottom-style:solid; border-bottom-width:2px; border-top-style:solid; border-top-width:2px;
}
#menubas a:hover, #menubas a:active, a#bas1, a#bas2, a#bas3, a#bas4, a#bas5, a#bas6, a#bas7  {margin-bottom:6px; background-color:#6e6e5e; color:#fff; background-image:url(imgs/degrade.gif); background-repeat:repeat-x; background-position:0 -48px; border-bottom-width:6px;
}
#infos, #infos a{clear: both; text-align:center; color:#6e6e5e; height:50px; 
}
#infos li {display:inline;
}
#infos a:hover, #infos .infoAct, #centre .infoAct, #gauche .infoAct, #droite .infoAct, #centre .infoActTete {text-decoration:underline; color:#000;
}