@charset "UTF-8";
body { font-family: Arial, sans-serif; font-size: large; margin: 0; padding : 0; width: auto; background-image: url("images/divers/fond1680.jpg"); background-attachment: fixed; z-index: 10;}
#grande_boite { margin: 0 50px 0 190px ; 	width: 820px; min-height: 1000px; padding: 30px 3px; }
html>body #grande_boite { padding: 150px 3px 70px 3px;}
body #grande_boite { background-image: url("images/fd_blanc2.png"); }
#grande_boite p { font-family: Arial, Lucida Sans, sans-serif; font-size: large; text-indent: 0; padding-top: 5px; color: black; }
#grande_boite h1 { color: blue; font-size: x-large; font-weight: bold; text-align: center; padding: 0 0 0 0.2em; line-height: 1em ; background-color: white;}
#grande_boite h2 { color: red; font-size: large; font-weight: bold; text-decoration: underline; margin: 2px 50px 0; padding: 1em ; line-height: 1em; }
#grande_boite h2.noel { background-color: white; font-size: x-large;}
#grande_boite p.ndlr { color: black; font-style: italic; border: solid 00aaff 1px; background: #e6d4a4;}
#grande_boite h2.cadre { display: block; border: 00aaff 2px solid; background: #e6d4a4;}
#grande_boite h3 { color: black; font-size: medium; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h4 { color: green; font-size: medium; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h5 { color: blue; font-size: medium; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h6 { color: black; font-size: x-small; margin: 2px 0 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite a { color: blue; font: medium Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px dotted 00aaff; /*background-color: #d2b48c;*/ }
#grande_boite h6 a { font-size: x-small; }
#grande_boite a:hover { color: white; font: medium; text-decoration: none; background-color: blue; }
#grande_boite #sommaire { font-size: medium; border-top: 1px dotted #600; display: inline; text-indent: 0; line-height: normal; }
#grande_boite table { width: auto; }
#grande_boite table th, #grande_boite table tfoot td  { color: white; background-color: darkred; }
#grande_boite table tbody td{ color: black; /*background-image: url(images/fd_golden.png);*/ }
a img { border: none ; }
p.lead { text-indent: 10px; color: 00aaff ; }
blockquote.pull { float: right; width: 40%; padding: 1em 0 1em 5%; margin: 0; font-size: small; font-weight: bold; }
table, table#tuto { width : 100%; border-collapse: collapse; margin: auto; /* Colle les bordures entre elles */ }
th, td { padding: 0;  vertical-align: top ;}
th { border-right: solid 1px white; }
td.tutos { border: 1px solid 00aaff ; padding: 0.3em;}
td.liens { border-bottom: solid 00aaff 1px ; }
table#tuto th, td { border: 1px solid 00aaff ; padding: 0.3em;}
table#plan { background-image: url("images/fd_boite6.png"); margin: auto; margin-top : 0;}
table#plan  a { background-color : none; text-decoration: none; }
td.lesbrook { border: 1px solid 00aaff ; padding: 0.5em; font-size: 0.45em; font-weight: bold; text-align: center; }

#en_tete { width: 100%; position: fixed; top: 0; left: 0; background-image: url(images/divers/bandeau02.jpg); border-bottom: 1px dotted #600; height: 100px;}
#en_tete img { display: block; }
#titre_en_tete { font: xx-large Arial; color: #00aaff; position: fixed; top: 95px; left: 220px; background-color : white;}
/*#en_tete #defil_gauche {position:absolute; left:66%; top:0px; cursor:pointer; z-index:20;}
#en_tete #defil_droite {position:absolute; left:0px; top:0px; cursor:pointer; z-index:20;}
#en_tete #cont {position:relative; left:0px; top:0px; width:auto; height:100px; overflow:hidden; z-index:10;}
.txt {position:absolute; left:0px; top:0px; width:auto; visibility:hidden;}*/

#pied { font: xx-small Arial; width: 100%; height: 20px; position: fixed; bottom: 0; left: 0; background: #00aaff; border-top: 1px dotted #F0DFB4;}
/*#pied a { font-size: 0.6em; } */
#pied p.titre_pied { font: small Arial; font-weight: bold; color: white; text-align: center; margin-top: -5px; }

/* ========== Barre de navigation ============ */
div#navbar { position: fixed ; top : 100px ; left: 190px; white-space: nowrap; padding: 1px 0 2px 32px; font-size: 0.8em; background: #00aaff;}
div#navbar a{ text-decoration: none; color: white; font-weight: bold;}
div#navbar ul { margin: 0; padding: 0; background: #00aaff; border: 1px solid #fff; border-width: 0 1px; }
div#navbar li { position: relative; list-style: none; margin: 0; float: left; width: 148px; line-height: 1em; }
div#navbar li:hover { color: white; background: maroon; border-left: 3px solid red; width: 148px; }
div#navbar li.submenu { background: url(images/dropmenu.gif) 70% 50% no-repeat; }
div#navbar li.submenu:hover { color: white; background-color: maroon; border-left: 3px solid red; }
div#navbar ul ul { position: absolute; width: 148px; display: none; }
div#navbar ul ul li { border-bottom: 1px solid #ccc; border-left: 3px solid gray; width: 148px;}
div#navbar ul ul ul{ position: absolute; width: 148px; display: none; }
div#navbar ul ul ul li { border-bottom: 1px solid #ccc; border-left: 3px solid gray; }
div#navbar li.submenu li.submenu { background: url(images/submenu.gif) 95% 50% no-repeat; }
div#navbar li.submenu li.submenu li.submenu { background: url(images/submenu.gif) 95% 50% no-repeat; }
div#navbar li.submenu li.submenu_g { display: block; /*background: url(images/submenu_g.gif) 5% 50% no-repeat;*/ text-align:left }
div#navbar li.submenu li.submenu:hover { background-color: #00aaff; border-left : 3px solid red ; }
div#navbar li.submenu li.submenu_g:hover { background-color: #00aaff; border-left : 3px solid red ;}
div#navbar ul.level1 li.submenu:hover ul.level2, div#navbar ul.level2 li.submenu:hover ul.level3, div#navbar ul.level3 li.submenu:hover ul.level4 { display: block; width: 148px;}
div#navbar ul.level2 li.submenu_g:hover ul.level4 { display: block; position: absolute; top: 0; left: -148px; width: 148px; }
div#navbar ul.level2 { top: 1.4em; left: -1px; }
div#navbar ul.level3 { top: -1px; left: 148px; border-top: 1px solid #ccc; }
div#navbar ul.level4 {top: -1px; right: 148px; border-top: 1px solid #CCC; }
div#navbar ul.level4 li a {display: block; text-decoration: none; padding: 0.25em 0 0.25em 1px; width: 148px; }
div#navbar b  {  display: none; }
div#navbar li a  { display: block; text-decoration: none; padding: 0.25em 0 0.25em 1px; width: 148px; }
div#navbar ul a { width: auto; }
#info { position: fixed; top: 130px; left: 0; width: 190px; /*height: 94px;*/ padding: 8px 4px 4px 8px; border-width: 2px 1px 2px 1px; }
#info.img { margin: 0; }

#info table { font: small Arial, Verdana, Helvetica, sans-serif; }
#info th { text-align: right; }
#info td { padding: 0.125em; }
#info ul { list-style: none; margin: 1em; padding: 0; }
p { font-size : 0.9em; }

div#boite1 { width: 32%; float: right; border: 1px solid 00aaff; padding: 0.5em ; margin-left: 1%; }
div#boite2 { width: 32%; float: left; border: 1px solid 00aaff; padding: 0.5em ; margin-right: 1%;}
div#boite3 { border: 1px solid 00aaff; padding: 0.5em 1% 1% 0.5em; }
div#bloc1 { height:650px; width:236px; border-right: 2px solid blue; float: left; padding: 0 3px 3px 0;}
div#bloc3 { height:650px; width:236px; border-left: 2px solid blue; float: right;}
div#bloc2 { height:650px; width:236px; margin-left: 240px; border: none; }
div#bloc4 { margin-left: 175px; border: none; }
div#bloc5 { width:165px; border: none; float: left; padding: 0 3px 3px 0;}
div#bloc5 p { font-size: 0.8em; }
div#bloc5 img { margin: 0; padding: 0; border: 2px solid #d2b48c; }
div#bloc1 li img, div#bloc2 li img, div#bloc3 li img { border: none; width: 220px; margin: 2px; }
div#bloc1 li img.coche, div#bloc2 li img.coche, div#bloc3 li img.coche { display: inline; width: 10px; }
div#bloc1 li a, div#bloc2 li a, div#bloc3 li a { color: black; font: x-small Arial; text-decoration: none; display: block; border-bottom: 1px dotted 00aaff; background-color: #F0DFB4; }
div#bloc1 ul, div#bloc2 ul, div#bloc3 ul { display: block; list-style: none; margin: 0.2em; padding: 0; }
div#bloc1 li a:hover, div#bloc2 li a:hover, div#bloc3 li a:hover { color: white; font: x-small Arial; text-decoration: none; display: block; border-bottom: 1px dotted 00aaff; background-color: blue;text-decoration: underline; }
div#bloc6 { width:350px; border: 1px solid 00aaff; float: left; padding: 0 3px 3px 2px; }
div#bloc7 { width:350px; border: 1px solid 00aaff; float: right; padding: 0 3px 3px 2px; }
div#bloc9 { width: 205px; border: none; }
div#bloc10 { width: 205px; border-right: 2px solid blue; }
div#bloc11 { width: 505px; border-right: 2px solid blue; float: right; }
div#bloc6 p, div#bloc7 p { font-size: 1em; display: block; margin: 1.9em 0 1em 0; }
div#bloc6 p.encadre, div#bloc7 p.encadre { font-size: 1em; display: block; margin: 1.7em 0 1.2em 0; border: 3px solid 00aaff;}
div#bloc6 p img, div#bloc7 p img{ width: 75px; height; 100px; margin:0; padding: 0; }
div#bloc6 h2, div#bloc7 h2 { font-size: 1.2em; color: 00aaff; }
div#bloc8 { width: auto; float: right; border: none; padding: 0 3px 3px 0;}
div#bloc6 p.norm img, div#bloc7 p.norm img{ width="340px"; margin:0; padding: 0; }
 
.titre_plan { color: 00aaff; font: small Arial; font-weight: bold;}
.rg	{color: red; }/*rouge*/
.rgs {color: red; text-decoration: underline; }
.bl	{color: blue; }/*bleu*/
.ve	{color: green; }/*vert*/
.bx {color: darkred; } /*bordeaux*/
.00aaff {color: 00aaff; }
.souligne { text-decoration: underline; } 
.english {color: 00aaff; font-style: italic; }
.centre	{text-align: center;}
.droite {text-align: right; }
.sous-titre { color: black; font-size: 0.7em; }
.s_titre_creme { background-color: #d6c9bc; 	border: 1px solid #bca691; margin: 0; padding: 0; }
.cadre_point_noir {	background-color: #d6c9bc;	border: 2px dotted black;	margin: 0;	padding: 0; }
.image_droite { float: right; margin: 0.2em; }
.image_gauche { float: left; margin: 0.2em; }
.img_g { float: left; margin: 0.2em; clear: left;}
.stop_gauche { clear: left; }
.retrait {margin-left: 50px;}
.lettrine {display: block; float: left; font-size: 2em; font-weight: bold; margin-right: 0.4em; font-style: italic;}
.italique { font-style: italic; }
.gras { font-weight: bold; }
.traduc { list-style-position: inside; list-style-type: square;}
.alpha_minuscule { list-style-type: lower-alpha;}
.puce_carre { list-style-type: square;} 
label.motcle {display:block; /*La balise devient de type block*/ width:400px;}
/*input.text {display:block; /*La balise devient de type block width:100px;}*/
fieldset { margin-right:10px; margin-bottom:8px; border:1px black solid; }
legend, caption { color:#333; font-style:italic; font-weight:bolder; font-size: 1.2em; }
#table_caracter {width: auto; /*font:large "Times New Roman"; border: 1px maroon solid;*/}
#table_caracter td {border: 1px maroon solid; background-image: url("images/fd_blanc.png");}