*{margin:0;padding:0;border:0;outline:0;}

body{font-family:Arial, Helvetica, sans-serif;color:#1b1b20;background-color:#000;text-align:center;padding-top:11px;}

p,li,dd,dt,h1,h2,h3,h4,h5,address{font-size:12px;line-height:130%;text-align:left;}
.big{font-weight:bold;}
.small{font-size:0.75em;}
h1, h2, h3, h4{}
a{color:#000;}
a:hover{text-decoration:none;}
sup{font-size:0.6em;}
acronym{}
hr.clear{clear:both;visibility:hidden;}
div.clear{clear:both;}

.hidden{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#page{position:relative;width:760px;margin:5px auto;}
#pagetop{min-height:900px;}
#up1 #page{background:#f7ebe3 url(bg-page-accueil.png) repeat-y;}
#up1 #pagetop{background:transparent url(bg-top-accueil.png) no-repeat 0 0;}
#up2 #page{background:#fae3e2 url(bg-page-ecole.png) repeat-y;}
#up2 #pagetop{background:transparent url(bg-top-ecole.png) no-repeat 0 0;}
#up3 #page{background:#fae3e2 url(bg-page-pro.png) repeat-y;}
#up3 #pagetop{background:transparent url(bg-top-pro.png) no-repeat 0 0;}
#up4 #page{background:#fae3e2 url(bg-page-stages.png) repeat-y;}
#up4 #pagetop{background:transparent url(bg-top-stages.png) no-repeat 0 0;}


/* ________________________
__/        HEADER          \__*/
#header{padding-top:450px;}

#header ul{position:absolute;top:400px;left:475px;list-style:none;}
#header li{text-transform:uppercase;font-weight:bold;font-size:11px;margin-bottom:2px;}
#header a{display:block;width:250px;background:#FFF no-repeat 0 3px;padding-left:15px;text-decoration:none;}
#header a:hover{background-position:0 -42px;}

#up1 #header a{background-image:url(bg-li-menutop-accueil.png)}
#up1 #header a:hover{color:#e50003;}
#up2 #header a{background-image:url(bg-li-menutop-ecole.png)}
#up2 #header a:hover{color:#ef236e;}
#up3 #header a{background-image:url(bg-li-menutop-pro.png)}
#up3 #header a:hover{color:#00a5eb;}
#up4 #header a{background-image:url(bg-li-menutop-stages.png)}
#up4 #header a:hover{color:#f8ad00;}

/* ________________________
__/      MENU GAUCHE       \__*/
#menu{float:left;width:171px;}

/* UL et LI */
#menu ul{list-style:none;}
#menu ul ul{padding:6px 0;display:none;}
#menu ul ul ul, #menu li.active ul ul{padding:0;display:none;}
#menu li.active ul, #menu li.active li.active ul{display:block;}
#menu li{text-transform:uppercase;font-weight:bold;text-align:right;padding-bottom:10px;}
#menu li li{text-transform:none;padding-bottom:0}
#menu li li li{font-size:10px;}

/* Liens */
#menu li a{display:block;width:159px;padding:3px 6px 3px 6px;text-decoration:none;}
#menu li.active a{width:147px;padding:3px 18px 3px 6px;}
#menu li a:hover, #menu li.active a, #up2 #menu li.active li.active a, #up2 #menu li li a:hover, #up2 #menu li.active li.active ul a:hover, #up2 #menu li.active li.active li.active a, #up3 #menu li.active li.active a, #up3 #menu li li a:hover, #up3 #menu li.active li.active ul a:hover, #up3 #menu li.active li.active li.active a, #up4 #menu li.active li.active a, #up4 #menu li li a:hover, #up4 #menu li.active li.active ul a:hover, #up4 #menu li.active li.active li.active a{color:#FFF;}

#menu li.active li a{padding-top:1px;padding-bottom:1px;}

#up1 #menu li.active li a, #up2 #menu li.active li a, #up3 #menu li.active li a{background-color:transparent;}

/* Couleurs */
#up1 #menu li.active a, #up1 #menu li a:hover{background-color:#c61619}

#up2 #menu li li a, #up2 #menu li.active li.active ul a{color:#f0969d}
#up2 #menu li.active ul{background-color:#c11a57;}
#up2 #menu li a:hover, #up2 #menu li.active a, #up2 #menu li.active li.active ul, #up2 #menu li.active li.active a{background-color:#911140}
#up2 #menu li.active li.active li.active a, #up2 #menu li.active li.active ul a:hover, #up2 #menu li.active li a:hover{background-color:#5f0727}

#up3 #menu li li a, #up3 #menu li.active li.active ul a{color:#80d0f5}
#up3 #menu li.active ul{background-color:#0073a8;}
#up3 #menu li a:hover, #up3 #menu li.active a, #up3 #menu li.active li.active ul, #up3 #menu li.active li.active a{background-color:#004164}
#up3 #menu li.active li.active li.active a, #up3 #menu li.active li.active ul a:hover, #up3 #menu li.active li a:hover{background-color:#00243a}

#up4 #menu li li a, #up4 #menu li.active li.active ul a{color:#f9c784}
#up4 #menu li.active ul{background-color:#c58900;}
#up4 #menu li a:hover, #up4 #menu li.active a, #up4 #menu li.active li.active ul, #up4 #menu li.active li.active a{background-color:#956700}
#up4 #menu li.active li.active li.active a, #up4 #menu li.active li.active ul a:hover, #up4 #menu li.active li a:hover{background-color:#634300}
/* ________________________
__/       CENTRE           \__*/
#centre{padding:130px 0 30px 0;margin:0 80px 0 240px;}
/* On élargit le centre pour les plannings et tableaux divers*/
.doc8 #centre, .doc32 #centre, .doc42 #centre, .doc43 #centre, .doc44 #centre, .doc45 #centre, .doc46 #centre, .doc59 #centre, .doc61 #centre, .doc66 #centre, .doc67 #centre, .doc68 #centre, .doc69 #centre, .doc70 #centre, .doc71 #centre{margin-left:210px;margin-right:20px;}

#centre h1{text-transform:uppercase;font-size:14px;margin-bottom:10px;}
#centre h2{font-size:13px;margin-bottom:10px;}
#centre h3{font-size:11px;margin-bottom:10px;}
#centre h4{font-size:11px;}
#centre p, #centre li{text-align:justify;list-style-position:inside;line-height:150%;}
#centre p, #centre ul, #centre ol{margin-bottom:10px;}
#centre table p{margin:0;text-align:left;line-height:normal;}
#centre ul, #centre ol{margin-left:25px;}

/* Titres */
#up1 h1{color:#e50003;}
#up2 h1{color:#ef236e}
#up3 h1{color:#00a5eb;}
#up4 h1{color:#f8ad00}
#up1 h2, #up1 h2 a{color:#9E0003}
#up2 h2, #up2 h2 a{color:#911140}
#up3 h2, #up3 h2 a{color:#004164}
#up4 h2, #up2 h4 a{color:#9E6E00}
#up3 h3, #up3 h3 a{color:#008CC8}
#up3 h4, #up3 h4 a{color:#40A9D6}

/* Liens */
h2 a{text-decoration:none}
h2 a:hover{text-decoration:underline}

#up2 p.more a{color:#911140}

/* Textes */
.doc10 #centre p{margin-left:121px;}

/* Tableaux */
table.planning, #up3 table.formation-pro, #up3 table.planning, #up3 table.repertoire{width:520px;}
table.tarifs, #up3 table{width:430px;}
table th, table td, table p{font-size:11px;vertical-align:middle;text-align:left;}

/* Images */
img.photo-intervenant{border:3px solid #FFF;float:left;margin:0 15px 5px 0;}

/* Plannings et Tarifs */
table.planning th, table.planning td, table.tarifs th, table.tarifs td, table.repertoire td{border-bottom:1px solid #bdafb5;border-right:1px solid #bdafb5;text-align:center;}
#up2 table.planning td{width:110px;padding:3px;}
table.planning thead th{text-transform:uppercase;padding:4px 1px;}
table.planning thead th.jour, table.planning tbody th{width:50px;}
table.planning tbody th, table.tarifs tbody th.detail, table.tarifs tbody th{padding:3px 0;}
table.tarifs tbody th.periode{border-left:0;}
table.tarifs tbody th.periode, table.tarifs tbody th.frais-insc, table.tarifs tbody th.frais-insc2{padding:3px 0;}

/* ECOLE ~~ Couleurs des plannings + tarifs  */
#up2 table.planning thead th, #up2 table.tarifs tbody th.top, #up2 table.tarifs tbody th.frais-insc{background-color:#460a27;color:#FFF;}
#up2 table.planning th.jour, #up2 table.tarifs tbody th.frais-insc{color:#df007d}
#up2 table.planning thead th, #up2 table.tarifs tbody th.frais-insc, #up2 table.tarifs tbody td.frais-insc2{border-top:1px solid #bdafb5;}
#up2 table.planning tbody th, #up2 table.tarifs tbody th.detail, #up2 table.tarifs tbody th{border-left:1px solid #bdafb5;}
#up2 table.planning tbody th{background-color:#FFF;color:#df007d;}
#up2 table.tarifs tbody th.detail{text-align:right;padding-right:8px;}
#up2 table.tarifs tbody th.top{text-align:right;padding-right:140px;}

/* FORMATION PRO ~~ Actions de formation  + Objet et contenu + Plannings + Tarifs + Répertoire */
#up3 table td, #up3 table th{border-bottom:1px solid #828c95;border-right:1px solid #828c95;}
table.formation-pro tbody th{border-left:1px solid #828c95;font-weight:normal;width:180px;}
#up3 table.planning, #up3 table.repertoire{border-left:1px solid #828c95;}
#up3 table.planning thead th{border-top:1px solid #828c95;width:100px;}
#up3 table.planning tbody th{color:#347794;background-color:#FFF}
table.formation-pro thead th, #up3 table.planning th, #up3 table.repertoire thead th{background-color:#347794;color:#FFF;text-align:center}
table.formation-pro tbody td{width:165px;}
#up3 table th, #up3 table td{padding:3px;}

/* STAGES ~~ Plannings + Tarifs */
#up4 table.planning, #up4 table.tarifs{border-left:1px solid #ada384;}
#up4 table.planning td, #up4 table.tarifs td, #up4 table.tarifs th{padding:3px;}
#up4 table.planning th, #up4 table.planning td, #up4 table.tarifs th, #up4 table.tarifs td{border-bottom:1px solid #ada384;border-right:1px solid #ada384;}
#up4 table.planning thead th, #up4 table.tarifs thead th{border-top:1px solid #ada384;background-color:#614100;color:#F8AC00;}
#up4 table.planning tbody th, #up4 table.tarifs tbody th{background-color:#FFF;color:#F8AC00;}

/* Equipe pédagogique */
hr.sep-intervenants{border:1px solid #5f0727;margin:15px 0;}

/* ________________________
__/         FOOTER         \__*/
#footer{position:relative;width:760px;margin:0 auto 10px auto;font-weight:bold;}
#footer p{color:#FFF;font-size:10px;}
#footer a{text-decoration:none;color:#FFF;}
#footer a:hover{text-decoration:underline;}