/*Html Tout en px Rem 12pt = 16px = 1em */
body {background:#CCC; text-align:center; text-size:16px; color:#000; width:100%;}
img {margin:0px 2px 0px 2px}
div {font-size:16px; font-family:Times New Roman, serif; text-align:center; color:#000;}
dl, dt, dd, ul, li {margin:0px; padding:0px; list-style-type:none; font-size:16px; height:20px}
dt {color:#FFC;}
a {color:#393;}
a:hover {color:#339;}
/*Centre*/
#Ouest {position:absolute; left:0px; width:14.5%; top:223px; z-index:1; background:#FFC; border:1px solid #339;}
#Blog1, #Blog2, #Blog3, #Blog4, #Blog5, #Blog6, #Blog7, #Blog8, #Blog9, #Blog10, #Blog11, #Blog12, #Blog13, #Blog14, #Blog15 {position:absolute; left:14.6%; width:83.33%; top:317px; background:white; text-align:justify; font:normal normal 16px sans-serif; visibility:hidden; border:1px solid #000; padding:0px 0px 0px 2px}
#Blog1 {visibility:visible;}
#Col1, #Col2, #Col3, #Col4 {position:absolute; top:223px; width:20.6%; height:90px; border:1px solid #393; z-index:10; background:#FFC; color:#339; font-size:16px;}
#Col1 {left:14.6%;}
#Col2 {left:35.6%;}
#Col3 {left:56.6%;}
#Col4 {left:77.6%;}
#Pause {position:absolute; left:14.7%; top:355px; z-index:2; cursor:pointer;}

#nc { position:absolute; left:680px; width:300px; top:100px; height:200px; z-index:100; visibility:hidden }

/*Boîtes*/
#Entete  {position:absolute; left:14.6%; top:0px; width:83.33%}
#Blase {position:absolute; left:5%; top:7px; z-index:5; visibility:visible;}
#Mail {width:100%; color:#393; font-size:16px; font-weight:bold; border:1px solid #339; padding:10px 0px}

/*MenuHoriz*/
#menuh {position:absolute; top:200px; left:14.6%; z-index:20; width:100%}
#menuh dl {float:left; width:16.75%}
#menuh dt {cursor:pointer; text-align:center; font-weight:bold; background:#090; border:1px solid #FFC;}
#menuh li {text-align:center; background:#EFE; border:1px solid #393;}
#menuh li a {color:#393; text-decoration:none; display:block; height:100%; border:0 none;}
#menuh li a:hover {background:#FFC; color:#339; font-style:italic; font-weight:bold}

/*MenuVertic*/
#menuv { position:absolute; top:92px; left:0px; z-index:1;}
dl#menuv {width:14.5%;}
dl#menuv dt {cursor:default; margin:0px; height:100%; line-height:20px; text-align:center; border:1px solid #FFC; background:#339;}
#itVert { position:absolute; top:92px;left:20px;width:200px;line-height:20px; z-index:30; visibility:visible;}
#itVert div {color:#339; background:#FFC; border:1px solid #339; cursor:pointer;}
div#itVert a {font-size:1em; text-decoration:none; font-style:italic; font-weight:bold}

/*Class*/
/*Blog*/
.imZGauche img, .imZDroite img {border:1px solid black; z-index:10} /*images à gauche ou à droite */ 
.imZGauche {float:left;}
.imZDroite {float:right;}
.AppelBl {color:#000; font:italic bold 1.5em cursive; padding:0px 10px; background:#CCC; border:1px solid #000;} /*le titre*/
.blEmph {font:normal bold 1.125em sans-serif; color:#000} /*emphase de texte*/
.blEmph2 {font:normal bold 1.125em sans-serif; color:#00F} /*emphase de texte*/
.blMontre {color:#339; font-size:1em;} /*Sépare et montre*/
.blCentre {font-size:1em; text-align:center;} /*Centre*/
.Aparte {font:italic normal 0.75em serif;} /*parenthèse*/
a.blLiens, a.wLiens, .Impair {font-size:0.85em; font-family:sans-serif; text-align:center; text-decoration:underline;} /*liens*/
a.blLiens:hover, a.wLiens:hover, .Impair:hover  {font-style:italic; text-decoration:none; font-weight:bold} 
/*Articles*/
.AppelH, .AppelV {color:#339; font:italic bold 1.125em serif; padding:0px 5px; background:#FFC; border:1px solid #393} /*titres*/
.Impair {cursor:pointer; color:#393;}
.Pair {font:normal bold 0.85em sans-serif; text-align:center; color:#339}
.Impair:hover {color:#339;}
/*Ouest*/
.petit {font-size:5px} /*astuce pour un petit saut*/
.menFixe {color:#FFC; font:italic normal 1.25em cursive;} /*titre Thèmes*/
//.AppelV {color:#339; font:italic normal 1.125em cursive; padding:0px 5px; background:#FFC; border:1px solid #393;} /*titres ouest*/
.Insiste {color:red; font-weight:bold} /*interdiction*/