body {font-size: 0.75em; margin:0; padding:0; text-align: center; background: #EEEFF4}
.page {width:864px; margin-left: auto; margin-right: auto; background: #FFFEF6 url(img/fd_gen.gif) repeat-x top left;}
div.haut {height:123px; padding-top: 10px; background: url(img/cercles.gif) no-repeat top left; /*border: solid #2E348A; border-width: 0 1px 0 0; */border: solid #2E348A; border-width: 0 1px 0 0}
div.bas {/*position:absolute;left:0px;top:123px;*/float: left;background: #FFFEF6 url(img/fd_bas.gif) repeat-y left top; width:863px; border: solid #2E348A; border-width: 0 1px 1px 0}

img {border: 0}
table {font-size: 1em}

.w240 {width: 240px}
.w440 {width: 440px}

.fright {float: right}
.mgr20 {margin-right: 20px}
#contenu .mgt10 {margin-top: 10px}
.centre {text-align: center}
.spacer {clear: both; display: block;  margin: 0}
ul.inscription {margin: 0 0 1.5em 1em; padding: 0 0 0 2em}
.important {font-size: 1.2em; font-weight: bold}

div#menuht {text-align: left; margin: 0 0 0 123px; padding:0;}
#menuht ul {font: 100% "trebuchet ms", helvetica, verdana, arial, sans-serif; text-transform: uppercase;list-style: none;  margin: 0 0 0 15px; padding: 0;}
#menuht li {display: block; float: left; margin: 0 15px 0 0; padding: 0 0 2px; text-align: center;}
#menuht li p {text-align: center; margin:0; padding: 0}
#menuht a {text-decoration: none; padding: 0 1em 0; border: 1px solid #2E348A; background: #A9B5E4;font-weight: bold; }
#menuht a:link {color: #394A85;}
#menuht a:visited {color: #394A85;}
#menuht a:hover {color: #ECBD72; border: 1px solid #ECBD72; background:  #2E348A;}
#menuht span.on {padding: 0 1em 0;font-weight: bold;color: #ECBD72; border: 1px solid #ECBD72; background:  #2E348A;}

.eat {margin-left:113px;}

.bt {margin-left:3px;}
.btAcc {margin-left:15px;}


div#menu {float: left; font: 95%  "trebuchet ms", helvetica, verdana, arial, sans-serif; width:123px; margin: 0;margin-top: 80px;}
#menu ul {list-style: none; margin: 0; padding: 0; border-top: 1px solid #A1AFE3 }
#menu li {margin: 0;line-height: 1.2em; border-bottom: 1px solid #A1AFE3; text-align: right; letter-spacing: 0.04em }
#menu a {display: block; font-weight: bold;line-height: 1.3em; text-decoration: none; padding: 0.15em 1.2em 0.15em 0; background: url(img/navs/fle_off.gif) no-repeat 95% 50%}
#menu a:link {color: #ECBD72;}
#menu a:visited {color: #ECBD72;}
#menu a:hover {color: #2E348A; background: #ECBD72 url(img//navs/fle_on.gif) no-repeat 95% 50%;}
#menu li.on {display: block; font-weight: bold;line-height: 1.3em; text-decoration: none; padding: 0.15em 1.2em 0.15em 0;color: #2E348A; background: #ECBD72 url(img//navs/fle_on.gif) no-repeat 95% 50%;}

#menu ul#legis, #menu ul#actu { font: 110%  helvetica,"trebuchet ms", verdana, arial, sans-serif;list-style: none; margin: 20px 0 0 ; padding: 0; border-top: none}
#menu ul#legis li, #menu ul#actu li {margin: 0;line-height: 1em; text-align: left; border: solid #8B96C4; border-width: 1px 0 }
#menu ul#actu li {border-color: none}
#menu ul#legis a, #menu ul#actu a {display: block; font-weight: bold; text-decoration: none; padding: 0.15em 0 0.15em 2.5em; background: #A1AFE3 url(img/navs/fle_actu.gif) no-repeat 18% 50%}
#menu ul#actu a {background: #169CD8 url(img/navs/fle_actu.gif) no-repeat 18% 50%;}
#menu ul#legis a:link, #menu ul#actu a:link {color: #2E348A;}
#menu ul#legis a:visited, #menu ul#actu a:visited {color: #2E348A;}
#menu ul#legis a:hover, #menu ul#actu a:hover {color: #2E348A; background: #ECBD72 url(img/navs/fle_actu.gif) no-repeat 18% 50%}

#menu ul#legis li.on, #menu ul#actu li.on {display: block; line-height: 1.3em;font-weight: bold; color: #2E348A;text-decoration: none; padding: 0.15em 0 0.15em 2.5em; background: #ECBD72 url(img/navs/fle_actu.gif) no-repeat 18% 50%}


#logo a {background: none;}
#logo a:hover {background: none;}

.eatGch {margin: 40px 0 20px 0;}
.eatGch2 {margin: 0 0 150px 25px;}

#contenu{text-align:left; width:660px; float:left; margin-left: 28px; font-size : 110%em;font-family : arial, Verdana, helvetica, sans-serif;color: #2E348A;padding-bottom: 3em;}

.fleLien {margin-right:5px;vertical-align:-1px;}


/*TITRES DE TABS*/

#contenu p.gras {line-height: 1.5em;color : #2E348A;font-weight:bold;margin-top:0px;padding-right:30px}

#contenu p {line-height:  1.5em; margin-top:0px;padding-right:30px}
#contenu a:link{color: #2E348A ;text-decoration: none; text-decoration: underline}
#contenu a:visited{color:#2E348A ;text-decoration: none; text-decoration: underline}
#contenu a:active{color: #E79D28; text-decoration: none; text-decoration: underline}
#contenu a:hover{color: #E79D28; text-decoration: none; text-decoration: underline}

.essentiel {color: #E79D28;font-weight: bold}

.mineur{color: #2E348A; font-size : 95%; line-height:  1.5em;text-decoration: none;font-weight:normal;font-style:italic;}

.main {line-height: 0.8em; color : #2E348A;font-weight:normal;margin-top:0px;text-align:center;width:400px;}

p.top {text-align:right;}
.top a:link{color: #2E348A;line-height: 0.8em;text-decoration: none;font-weight:bold;}
.top a:visited{color:#2E348A; line-height: 0.8em;text-decoration: none;font-weight:bold;}
.top a:active{color: #E79D28; line-height: 0.8em;text-decoration: none;font-weight:bold;}
.top a:hover{color: #E79D28; line-height: 0.8em;text-decoration: none;font-weight:bold;}
.top img {margin-left:5px;}

h1 {position:absolute; color:#686db8;font-size : 10px;  font-family: "trebuchet ms", georgia, verdana , sans-serif; padding:0;margin-left:613px; margin-top:-8px;}
h1 span {font-family: "trebuchet ms", georgia, verdana , sans-serif; color: #5267B0; font-size: 80%; margin-left:320px}

h1.surtitre {position: relative; font-family: arial,Verdana,helvetica,sans-serif; color:#E79D28;font-size : 130%;  font-family: "trebuchet ms", georgia, verdana , sans-serif; line-height: 1em; letter-spacing: 0.115em; padding: 0 0 3px 18px; margin: 0 0 1em 0; background: url(img/fdh1.gif) left bottom  no-repeat;}
h1.surtitre span {font-family: "trebuchet ms", georgia, verdana , sans-serif; color: #5267B0; font-size:80%; float: right; margin: 0 20px 0 0}

h2 {font-size : 120%;color:#E79D28;line-height: 1em;font-weight:bold;padding-bottom:3px;margin-bottom:7px;background-image: url(img/tt/fil_tt.gif);background-repeat: no-repeat; background-position:left bottom;}
h2 img {margin-right:5px;vertical-align:-1px;}
h3 {color:#E79D28;font-size : 120%;  font-family: "trebuchet ms", georgia, verdana , sans-serif; line-height: 1em; letter-spacing: 0.115em; padding: 0 0 3px 18px; margin-bottom: 1em; background: url(img/fdh1.gif) left bottom  no-repeat;}
h3 span {font-family: "trebuchet ms", georgia, verdana , sans-serif; color: #5267B0; font-size:80%; margin-left:220px}

.mineurTitre{line-height: +16px;text-decoration: none;font-weight:bold;margin-left:20px;}


ul.liste{margin-top:0px;list-style: disc; color:#2E348A}

p.listeLien{line-height: 1.25em; margin-top:0px;color: #2E348A; line-height: +14px;padding-left:24px;}
p.listeLien a:link{color: #2E348A; line-height: 1.25em;text-decoration: none;}
p.listeLien a:visited{color:#2E348A; line-height: 1.25em;text-decoration: none;}
p.listeLien a:active{color: #E79D28; line-height: 1.25em;text-decoration: none;}
p.listeLien a:hover{color: #E79D28;  line-height: 1.25em;text-decoration: none;}


.table-separateur {background-color:#E79D28;}

.tableTete{font-size: 100%; color :#FEE1A2;font-weight : bold; background-color : #2E348A;padding:5px; vertical-align: top;} 
.tableTeteCentre{font-size: 100%; color :#FEE1A2; text-align : center; vertical-align: top; font-weight : bold; background-color : #2E348A;padding:5px;}

.tableIntitule {font-size: 100%; color :#2E348A;font-weight : normal; background-color :#FEE1A7;padding:5px; vertical-align: top;}
.tableEnonce {font-size: 100%; color :#2E348A; text-align : center; vertical-align: top;font-weight : normal; background-color :#FAE4B9;padding:5px;}
.tableEnonce2 {font-size: 100%; color :#2E348A; text-align : center; vertical-align: top;font-weight : normal; background-color :#FBEAC9;padding:5px;}
.tableEnonce2Puce {font-size: 100%; line-height: 1em;  color :#2E348A; text-align : center; vertical-align: top;font-weight : normal; background-color :#FBEAC9;padding:5px;}
.tableEnonce3 {font-size: 100%; color :#2E348A;font-weight : normal; background-color :#FBEAC9;padding:5px; vertical-align: top;}
.tableEnonce4 {font-size: 100%; color :#2E348A;font-weight : normal; background-color :#FAE4B9;padding:5px; vertical-align: top;}
.tableEnonceForma4 {font-size: 100%; color :#2E348A;font-weight : normal; vertical-align: top; background-color :#FAE4B9;padding:5px;border-left:1px solid #E79D28}
.tabTarifsTete{font-size: 100%; color :#FEE1A2; text-align : center; vertical-align: top;font-weight : bold; background-color : #2E348A;padding:5px;} 
.TabTeteGch {float:left;text-align:center; vertical-align: top; margin-left:1em}
.TabTeteDr {float:right;text-align:center; vertical-align: top; margin-right:1em}
.Tabmineur{color: #2E348A;font-size : 100%;line-height:  1.5em;text-decoration: none;font-weight:normal;font-style:italic;}
.Tabmineur_clair {color: #FEE1A2;font-size : 100%;line-height:  1.5em;text-decoration: none;font-weight:normal;font-style:italic;}
span.tete_aligne {display: block; width: 43%; float: left; text-align: center}
span.tete_aligne2 {display: block; width: 50%; float: left; text-align: center}
span.tete_aligne3 {display: block; width: 33%; float: left; text-align: center}
span.tete_ou {display: block; width: 14%; float: left}

/* equipe ecole*/
p.equipe_bleu_gauche, p.equipe_beige_gauche, p.equipe_beige_droit, p.equipe_bleu_droit {float: left; width: 22em; height: 17em; padding: 1em 0.5em 1em 0.5em;}
p.equipe_bleu_droit, p.equipe_bleu_gauche {background: #C6CEEB; border: 1px solid #2E348A}
p.equipe_bleu_gauche, p.equipe_beige_gauche {margin-right: 1.5em;}
p.equipe_beige_droit, p.equipe_beige_gauche  {background: #FBEAC9; border: 1px solid #E79D28}
p.equipe_bleu_gauche span.membre, p.equipe_beige_gauche span.membre, p.equipe_beige_droit span.membre, p.equipe_bleu_droit span.membre  {float: left; margin: 0 1em 0 0; height: 100% }

/*news*/
p.separ {height: 1px; background: url(img/separ.gif) no-repeat 50% 0}


/*contact*/
span.photo_contact {float: right; width: 163px; margin: 0; font-weight: bold; font-size: 0.875em}
span.photo_contact img {border: 1px solid	#2E348A}