/*# xx-small : minuscule -- # x-small : très petit -- # small : petit -- # medium : moyen -- # large : grand -- # x-large : très grand -- # xx-large : euh... gigantesque */

body { font: small "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding : 0; width: 1024px;/*background-color: #dde3aa;*/ background-image: url("images/map5.jpg"); background-attachment: fixed; }

#grande_boite { margin: 120px 50px 2em 170px ; 	width: 720px; /*border: solid blue ; border-width: 1px 2px 2px 1px;*/ height: auto; background-image: url("images/fd_boite.png"); padding: 3px; }
#grande_boite p { font-size: small; text-indent: 0; line-height: 1.3; }
#grande_boite h1 { color: blue; font-size: large; font-weight: bold; text-align: center; padding: 1em 0 0 0.2em; line-height: 1em ;}
#grande_boite h2 { color: red; font-size: medium; font-weight: bold; text-decoration: underline; margin: 2px 50px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h3 { color: black; font-size: small; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h4 { color: green; font-size: small; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h5 { color: blue; font-size: small; margin: 2px 20px 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite h6 { color: black; font-size: xx-small; margin: 2px 0 0; padding: 1em 0 0 0.2em; line-height: 1em; }
#grande_boite a { color: blue; font: small "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px dotted maroon; background-color: #d2b48c; }
#grande_boite h6 a { font-size: x_small; }
#grande_boite a:hover { color: white; font: small "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px dotted maroon; background-color: blue; }
#grande_boite #sommaire { font-size: small; border-top: 1px dotted #600; display: inline; text-indent: 0; line-height: normal; }
#grande_boite table { width: auto;}
/*#grande_boite table td { border: 1px solid black; }*/
#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); }

p.lead { text-indent: 10px; color: maroon ; }
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; /* Colle les bordures entre elles */
}
th, td { padding: 0;  vertical-align: top ;}
td.tutos { border: 1px solid maroon ; padding: 0.3em;}
table#tuto th td { border: 1px solid maroon ; padding: 0.3em;}
td.lesbrook { border: 1px solid maroon ; 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/entete3.jpg); border-bottom: 1px dotted #600; }
#en_tete img { display: block; }
#titre_en_tete { position: fixed; top: 5px; left: 30%; font: large Arial; color: blue; }

#pied { width: 100%; height: 15px; position: fixed; bottom: 0; left: 0; background: #F0DFB4 url(stripe.gif) 0 15px repeat-x; border-top: 1px dotted #F0DFB4; }
#pied a { font-size: 0.6em; }
p.titre_pied { font: x-small Arial; font-weight: bold; color: blue; text-align: center; margin-top: 1px; }


/* ========== Barre de navigation ============ */

div#navbar { position: fixed ; top : 74px ; right: 0; white-space: nowrap; padding: 1px 0 2px 32px; background:#F0DFB4 url(images/tab-curve3.jpg) bottom left no-repeat; font-size: 0.9em; }
a.navbar { text-decoration: none; }
div#navbar ul { margin: 0; padding: 0; background: #F0DFB4; border: 1px solid #fff; border-width: 0 1px; }
div#navbar li { position: relative; list-style: none; margin: 0; float: left; width: 12em; line-height: 1em; }
div#navbar li:hover { color: white; background: #ebb; border-left: 3px solid red; }
div#navbar li.submenu { background: url(images/dropmenu.gif) 70% 50% no-repeat; }
div#navbar li.submenu:hover { color: white; background-color: #edd; border-left: 3px solid red; }



div#navbar ul ul { position: absolute; width: 12em; display: none; }
div#navbar ul ul li { border-bottom: 1px solid #ccc; border-left: 3px solid gray; }

div#navbar ul ul ul{ position: absolute; width: 15em; 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 { background: url(images/submenu_g.gif) 5% 50% no-repeat; text-align:right; }

div#navbar li.submenu li.submenu:hover { background-color: #edd; border-left : 3px solid red ; }
div#navbar ul.level1 li.submenu:hover ul.level2, div#navbar ul.level2 li.submenu:hover ul.level3 { display: block; }
div#navbar ul.level2 li.submenu_g:hover ul.level4 { display: block; position: absolute; top: 0; left: -12.4em; width: 12em; }


div#navbar ul.level2 { top: 1.4em; left: -1px; }
div#navbar ul.level3 { top: -1px; left: 11.4em; border-top: 1px solid #ccc; }

/* Essai de 3ème niveau en level5 

div#navbar li.submenu li.submenu li.submenu li.submenu{ background: url(images/submenu.gif) 95% 50% no-repeat; }
div#navbar ul.level5 { top: -1px; left: 11.4em; border-top: 1px solid #ccc; }
div#navbar ul.leve2 li.submenu:hover ul.level3 li.submenu_g:hover ul.level5 li.submenu:hover { display: block; position: absolute; top: 0; left: 11.4em; width: 12em; }

/* fin essai */
div#navbar ul.level4 {top: -1px; right: 12em; border-top: 1px solid #CCC; }
div#navbar b  {  display: none; }
div#navbar li a  { display: block; text-decoration: none; padding: 0.25em 0 0.25em 0.5em; width: 12em; }
div#navbar ul a { width: auto; }


/* ========  Bloc à gauche contenant le logo CCRSM  ====== */

#info { position: fixed; top: 100px; left: 0; width: 135px; height: 94px; padding: 8px 4px 4px 8px; border-width: 2px 1px 2px 1px; }
#info.img { margin: 0; }
#info a  img{ border: none; }
#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; }

/* ====  Blocs spécifiques dans la brande_boîte ========= */
div#boite1 { width: 32%; float: right; border: 1px solid maroon; padding: 0.5em ; margin-left: 1%; }
div#boite2 { width: 32%; float: left; border: 1px solid maroon; padding: 0.5em ; margin-right: 1%;}
div#boite3 { border: 1px solid maroon; padding: 0.5em 1% 1% 0.5em; }

/* blocs spécifiques dans la brande_boite */
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 maroon; 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 maroon; background-color: blue;text-decoration: underline; }
div#bloc6 { width:350px; border: 1px solid maroon; float: left; padding: 0 3px 3px 2px; }
div#bloc7 { width:350px; border: 1px solid maroon; float: right; padding: 0 3px 3px 2px; }
div#bloc9 { width: 205px; border: none; }
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 maroon;}
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: maroon; }
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: maroon; font: small Arial; font-weight: bold;}
.rg	{color: red; }/*rouge*/
.bl	{color: blue; }/*bleu*/
.ve	{color: green; }/*vert*/
.bx {color: darkred; } /*bordeaux*/
.maroon {color: maroon; } 
.english {color: maroon; 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; }
.image_droite { float: right; margin: 0.2em; }
.image_gauche { float: left; margin: 0.2em; }
.img_g { float: left; margin: 0.2em; clear: left;}
.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; }
td.liens { border-bottom: solid maroon 1px ; }
.traduc { list-style-position: inside; list-style-type: square;
}