/* ----------------------------------------------------------------------
Copyright : Lignes et Formations - l'ecole des metiers creatifs */

html { margin:0; padding:0 }
body { background-color:#EBE2D4; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0; padding:0; cursor:default; behavior:url('csshover.htc') }



/* ----------------- Elements de mise en page ----------------- */

/* ---- Elements globaux et hors page d'accueil ---- */
div#global { width:775px; height:600px; margin:0 auto 6px auto; padding:0; border:#BBA27E dashed 1px; background-color:#FFFFFF }
div#fonctions { width:775px; height:15px; margin:0 auto 0 auto; padding:0; text-align:right; font-size:10px }
div#entete { height:80px; width:100%; background:url(images/entete.gif) left no-repeat }
div#central { height:436px; width:100%; background:url(images/fond.gif) left no-repeat; border-bottom:#A20004 dashed 1px }
div#ariane { height:17px; width:100%; font-size:11px; padding:0; margin:0 }
div#contenu { height:419px; width:100% }
div#contenug { height:100%; width:575px; float:left }
div#titre { height:23px; width:100%; clear:left }
div#contenug_colg { height:396px; width:130px; float:left }
div#contenug_centre { height:381px; width:445px; float:left; overflow:auto; margin:5px 0 10px 0; padding:0 }
div#contenug_centre #texte { font-size:11px; text-align:justify; padding:0; margin:5px 15px 10px 15px }
div#contenud { height:419px; width:200px; float:left }
div#contenud_coldtop { height:15px; width:100%; clear:left }
div#contenud_cold { height:337px; width:170px; padding:0; margin:5px 15px 10px 15px; font-size:11px; text-align:left }
div#contenud_coldbas { height:52px; width:100% }
div#bas { height:83px; width:100%; background-color:#2D0500; float:left }
div#menu { height:25px; width:100% }
div#menu_global { height:25px; width:530px; float:left; padding:0; margin:0 }
div#doc_gauche { height:25px; width:10px; background:url(images/docg.gif) left no-repeat; float:left }
div#doc_centre { height:25px; width:215px; background-color:#A20004; float:left }
div#doc_droite { height:25px; width:20px; background:url(images/docd.gif) left no-repeat; float:left }
div#centre_bas { height:27px; width:100%; background:url(images/basd.gif) right no-repeat }
div#ecole { height:30px; width:100%; clear:left }
div.fonctionpage { text-align:right }
div.center { padding:0 0 0 13px; margin:13px 0 0 0; text-align:center }
ul#liste_menu { margin:0; padding:0 }
ul#liste_menu li.premier { list-style-type:none; padding:0px 4px 0px 25px; float:left; position:relative; background:none }
ul#liste_menu li { list-style-type:none; padding:0px 4px 0px 10px; float:left; position:relative; background:url(images/puce-anis.gif) left no-repeat }
ul#liste_menu li ul { margin:0; padding:0; position:absolute; display:none; left:10px; width:8em }
ul#liste_menu li:hover ul, ul#liste_menu li ul:hover { display:block }
ul#liste_menu li ul li { font-size:11px; padding-left:4px; list-style-type:none; position:relative; width:100%; border-bottom:#2D0500 dashed 1px; background:#EBE2D4 }
ul#liste_menu li ul li.fin { font-size:11px; padding-left:4px; list-style-type:none; position:relative; width:100%; border:none; background:#EBE2D4 }
ul.base { margin:0 0 0 13px; padding:0 0 0 20px; list-style-image: url(images/puce-med-rouge.gif); font-size:11px }
ol.base { margin:0 0 0 13px; padding:0 0 0 20px; line-height:1.4em; font-size:11px }
li.base { margin:0; padding:0 }
ul.listderoulant { color:#7E5248; margin:0 0 0 13px; padding:0 0 0 20px; list-style-image: url(images/puce-med-rouge.gif); font-size:11px }
li.listderoulant { margin:0; padding:0 }

/* ---- Page d'accueil ---- */
div#entete_accueil_01 { height:100px; width:775px; background:url(images/entete-accueil-01.gif) left no-repeat }
div#entete_accueil_02a { height:23px; width:312px; background-color:#CD0409; float:left }
div#entete_accueil_02b { height:23px; width:10px; background:url(images/titre-accueild.gif) left no-repeat; float:left }
div#entete_accueil_03 { height:23px; width:453px; background:url(images/entete-accueil-03.gif) left no-repeat; float:left }
div#central_accueil { height:393px; width:100%; float:left; border-bottom:#A20004 dashed 1px }
div#central_accueil_01 { height:97px; width:85px; background:url(images/central-accueil-01.jpg) left no-repeat; float:left }
div#central_accueil_02 { height:97px; width:290px; background:url(images/central-accueil-02.gif) left no-repeat; float:left }
div#central_accueil_03 { height:97px; width:400px; background:url(images/central-accueil-03.jpg) left no-repeat; float:left }
div#central_accueil_04 { height:274px; width:775px; background:url(images/central-accueil-04.jpg) left no-repeat; clear:left }
div#central_accueil_05 { height:22px; width:220px; background:url(images/central-accueil-05.jpg) left no-repeat; float:left }
div#central_accueil_06a { height:22px; width:10px; background:url(images/magg.gif) left no-repeat; float:left }
div#central_accueil_06b { height:22px; width:475px; background:url(images/doc.gif) left repeat-x; float:left; line-height:1.25em }
div#central_accueil_06c { height:22px; width:70px; background:url(images/central-accueil-06c.jpg) left no-repeat; float:left }
div#menu_accueil { height:25px; width:490px; float:left; padding:0; margin:0 }
div#centre_bas_accueil { height:27px; width:100%; background:url(images/basd-accueil.gif) right no-repeat }
div#doc_droite_accueil { height:25px; width:60px; background:url(images/docd-accueil.gif) right no-repeat; float:left }

/* ---- Formulaire ---- */
div.formulaire { width:400px; padding:0; margin:0 }
form { margin:0; padding:0 }
td { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; text-align:left; border:none }
.champ { width:100%; background-color:#EBE2D4; padding:8px 0; margin:0; border:1px dashed #E6D9C6 }
.confirmation { width:100%; background-color:#EBE2D4; padding:8px 5px 8px 13px; margin:0 }
.entete { text-align:right; line-height:1.1em; padding:0 1px 0 0; margin:0 }
.espace { background-color:#FFFFFF }
.inputdecompte { color:#A20004; border:none; background-color:transparent; width:22px }



/* ----------------- Elements textuels ----------------- */

/* ---- Elements globaux et hors page d'accueil ---- */
a.fonctionnalite { color:#CD0409; font-size:10px; text-decoration:none; vertical-align:bottom; padding:0; margin:0 }
a.fonctionnalite:hover { text-decoration:underline }
.desactive { color:#BBA27E ; font-size:10px; text-decoration:none; vertical-align:bottom; padding:0; margin:0 }
a.menu_niv01 { font-size:12px; color:#B80005; font-weight:bold; text-decoration:none; padding:0; margin:0; display:block }
a.menu_niv01:hover { color:#FFFFFF; text-decoration:none }
a.menu_niv02 { font-size:11px; color:#A20004; text-decoration:none; padding:0; margin:0; display:block }
a.menu_niv02:hover { text-decoration:underline }
p.chaned { color:#7E5248; font-size:10px; line-height:1.25em; padding:0; margin:0 }
p.fil_ariane { color:#BBA27E; text-decoration:none; padding:1px 0 0 510px; margin:0; vertical-align:bottom }
a.lien_ariane { color:#BBA27E; text-decoration:underline }
a.lien_ariane:hover { text-decoration:none }
.lignes { display:none }
h1 { color:#2D0500; font-size:15px; margin:0; padding:0 0 0 80px }
h2 { color:#2D0500; font-size:12px; text-align:left; margin:20px 0 5px 0; padding:0 0 0 5px; border-top:1px dashed #E6D9C6; border-right:1px dashed #E6D9C6; border-bottom:1px dashed #E6D9C6; border-left:8px solid #E6D9C6; background-color:#EBE2D4 }
div#contenud_cold h2 { color:#2D0500; font-size:12px; text-align:left; margin:10px 0 5px 0; padding:0 0 0 5px; border-top:1px dashed #D4FF5E; border-right:1px dashed #D4FF5E; border-bottom:1px dashed #D4FF5E; border-left:8px solid #D4FF5E; background-color:#FFFFFF }
h2.legendepopup { color:#2D0500; font-size:12px; text-align:left; margin:0 0 5px 0; padding:0 0 0 5px; border-top:1px dashed #E6D9C6; border-right:1px dashed #E6D9C6; border-bottom:1px dashed #E6D9C6; border-left:8px solid #E6D9C6; background-color:#EBE2D4 }
h3 { color:#2D0500; font-size:11px; text-align:left; margin:10px 0 2px 0; padding:0 0 0 5px; border-bottom:1px dashed #D4FF5E; border-left:8px solid #D4FF5E }
em { color:#7E5248; font-size:11px; font-weight:normal; font-style:normal; margin:0; padding:0 }
.chapo { color:#4F140D; font-size:11px; font-weight:bold; margin:0 0 15px 0; padding:0 0 0 5px; border-left:8px solid #B80005 }
.normal { color:#2D0500; font-size:11px; padding:0 0 0 13px; margin:0 }
.faq { color:#2D0500; font-size:11px; text-align:left; margin:10px 0 0 0; padding:0 0 0 13px }
a.contextuel { color:#CD0409; text-decoration:none }
a.contextuel:hover { text-decoration:underline }
.colonne { color:#4F140D; padding:0 0 0 13px; margin:0 }
.sup { color:#CD0409; font-size:10px }
.remarque { color:#BBA27E; font-size:10px; padding:0 0 0 13px }
.date { color:#7E5248; font-size:10px; font-weight:normal; font-style:normal; margin:0; padding:0 }
.titre_ficheprof { color:#2D0500; font-size:12px; font-weight:bold; text-align:right; margin:13px 0 0 13px; padding:0; background-color:#E6D9C6; border-top:1px solid #E6D9C6; border-right:1px solid #E6D9C6; border-left:1px solid #E6D9C6 }
.deroulant { color:#7E5248; padding:8px 8px 5px 8px; margin:0 0 0 13px; background-color:#F3EDE4; border-right:1px dashed #E6D9C6; border-bottom:1px dashed #E6D9C6; border-left:1px dashed #E6D9C6 }
.deroulantfaq { color:#2D0500; padding:13px 0 0 13px; margin:0 }
.rouge { color:#B80005}
.bold { font-weight:bold }
.anisbold { color:#D4FF5E; font-weight:bold }
strong.courant { font-weight:normal }

/* ---- Page d'accueil ---- */
a.titre_accueil { color:#FFFFFF; font-size:22px; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:left; padding-left:25px; line-height:0.92em }
a.titre_accueil:hover { color:#2D0500 }
.intro { font-size:11px; padding: 3px 14px 13px 14px; margin:0; line-height:1.25em }
a.blanc { color:#FFFFFF; text-decoration:none }
a.blanc:hover { color:#2D0500 }
a.mag { color:#CD0409; font-size:12px; font-weight:bold; vertical-align:middle; text-decoration:none; padding:0; margin:0 }
a.mag:hover { color:#2D0500 }
a.titre_mag { font-size:11px; color:#CD0409; vertical-align:middle; text-decoration:none; padding:0; margin:0 }
a.titre_mag:hover { text-decoration:underline }
.min { font-size:10px; line-height:1.25em }

/* ---- Formulaire ---- */
select, input, textarea { font-family:'Trebuchet MS'; color:#2D0500; font-size:11px; padding:0; margin:0; overflow:auto }
.obligatoire { color:#2D0500; font-size:10px; line-height:1.25em }
.enregistrement { color:#2D0500; text-align:center; padding:0; margin:0 }
.obligatoiremin { color:#4F140D; padding:0; margin:0; font-size:10px; line-height:1.25em }


/* ----------------- Elements visuels ----------------- */

/* ---- Elements globaux et hors page d'accueil ---- */
img { border:none; padding:0; margin:0 }
img.logoecole { margin-right:15px; margin-left:25px }
div#contenud_cold img { border:dashed 1px #FFFFFF; margin:10px 0 0 0; padding:0 }
img.logovocation { margin:18px 15px 19px 645px }
.actudroit { padding-left:15px }
.actugauche { padding-right:15px }
.actugauche_h3 { padding-right:15px; padding-top:4px }
.imgfonction { vertical-align:middle }
.popup { border:1px solid #E6D9C6 }
.popup:hover { border:1px solid #CD0409 }
.actupopupgauche { border:1px solid #E6D9C6; margin-top: 2px; margin-right:10px }
.actupopupgauche:hover { border:1px solid #CD0409 }
.ficheprof { border:1px solid #D8C9B2; margin:1px 1px 0 0; padding:0; vertical-align:text-top }
.ficheprof:hover { border:1px solid #CD0409 }
.guillemet_debut { vertical-align:super }
.guillemet_fin { vertical-align:sub }

/* ---- Page d'accueil ---- */
img.trice { padding-top:2px }
img.pucemenu { margin-right:2px }
img.logovocation_accueil { margin:18px 15px 39px 645px }