/*Positionnement page*/
html, body {width:100%; height:100%; min-height:100%;}

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, Sans-sherif; font-size:11px; line-height:1.6; color:#333333;}

#container {position:relative; left:0; top:0; padding:0; margin:0 auto; width:710px; height:100%; min-height:100%;}

html>body #container {height:auto; min-height:auto;}

/*HAUT DE PAGE*/
#header {position:relative; top:0px; left:0px;}
#footer {position:absolute; bottom:0px; width:710px; height:19px; text-align:center; padding-top:11px; background:#FFFFFF url(../images/footer.jpg) no-repeat 0 0; z-index:59;}

#fond {position:relative; top:0px; left:0; width:700px; height:112px; background:#FFFFFF url(../images/fd_head.jpg) no-repeat left; z-index:2;}
#fond_fra {position:relative; top:0px; left:13px; width:684px; height:130px; background:#FFFFFF url(../images/log_toit.jpg) no-repeat left; z-index:2;}

#men_general {position:relative; top:-1px; left:125px; width:575px; height:18px;}


/*Contenu PAGE*/
#rub {position:relative; top:0; left:0; width:710px; height:45px; padding-top:5px; background:#FFFFFF url(../images/ht_rub.jpg) no-repeat left; text-align:center;}

#contenu {position:relative; width:710px; top:30px; background:#FFFFFF url(../images/fd_rub.jpg) repeat-y center; padding-bottom:20px;}

#bas_cont {position:relative; top:0; margin-top:20px; height:20px; background:#FFFFFF url(../images/fd_foot.jpg) no-repeat 0 0; padding-bottom:39px;}


/*Contenu ANALYSE COMPARATIVE*/
.analyse {position:relative; top:0; margin-top:-402px; left:0; width:640px; background:#FFFFFF;}

table.chapitre {width:590px; margin:10px auto; border-collapse:collapse;}
td.chap_red {border:1px solid #CCCCCC; padding:5px; text-align:center; color:#FFFFFF; font-weight:bold; background:#F16667;}
td.chap {border:1px solid #CCCCCC; padding:5px; text-align:center;}


/*Contenu REFERENTIEL DE COMPETENCES*/
p.ref_txt {margin:15px 5px; text-indent:30px; text-align:justify; font-variant:normal; font-weight:normal;}

p.ref_titre {margin:0 5px; text-indent:0; text-align:left; font-variant:small-caps; font-weight:bold;}
p.ref_sstitre {margin:0 0 0 30px; text-align:left; font-variant:normal; font-weight:normal;}

ul.ref_txt {list-style-type:square; margin:10px 5px; text-indent:30px; padding:0; text-align:justify; font-variant:normal; font-weight:normal; line-height:18px;}
ol.ref_txt {margin:15px 5px; padding:0; text-indent:30px; text-align:justify; font-variant:normal; font-weight:normal; line-height:18px;}
li.ref_txt {line-height:1.6; margin:0 30px; text-indent:0;}

table.ref {width:620px; top:0; margin:20px auto; border-collapse:collapse;}
td.ref {width:300px; height:220px; background:url(../images/fd_arrdi.jpg) left no-repeat;}
td.trait {width:40px; text-align:left; vertical-align:top; padding:0; background:#FFFFFF url(../images/vertical.gif) repeat-y 20px 0;}

.cont_ref {position:relative; top:0; left:35px; margin-top:-255px; width:640px; background:#FFFFFF; z-index:60;}

table.somm_ref {width:630px; margin:20px 0 10px 10px; font-variant:small-caps; text-align:left; border-collapse:collapse;}

#fonction {position:relative; width:780px; height:69px; margin:10px auto; text-align:right; background:#333333 url(../images/log_ctue.jpg) left no-repeat;}

#fermer {position:relative; width:780px; height:20px; margin:10px auto; text-align:right;}

p.ref_fonc {font-variant:small-caps; margin:0; font-weight:bold; letter-spacing:2px;}

table.fonction {width:710px; border-collapse:collapse; margin:0 auto;}
td.fonc_titre {font-variant:small-caps; font-weight:bold; text-align:center; height:30px; border-bottom:#CCCCCC 1px solid;}
td.fonction {width:280px; border-bottom:#CCCCCC 1px solid; padding:5px 2px 5px 8px;}

a.refe, a.refe:link, a.refe:visited, a.refe:active, a.refe:focus {color:#333333; text-decoration:underline; background:#FFFFFF;}
a.refe:hover {color:#FFFFFF; text-decoration:none; background:#333333;}

a span.ref_close {display:none;}
a:hover span.ref_close {display:inline; position:absolute; width:18px; height:19px; top:12px; left:625px; margin:0; padding:0; background:url(../images/close_up.gif) no-repeat 0 0; z-index:100;}


/*Contenu MODULE DE FORMATION*/
.intro_mod {position:absolute; top:0; left:0; width:205px; height:268px; margin:70px 0 0 10px; padding:20px 10px 5px 10px; border-right:1px solid #CCCCCC;text-align:right;}

.module {position:relative; top:20px; left:0; width:640px; margin:0 0 0 35px; padding:0 0 20px 0;}

.goutte {position:absolute; top:359px; left:300px; width:126px; height:23px; background:url(../images/flaq_intro.jpg) no-repeat left; z-index:50;}

.croquis {position:relative; width:450px; height:293px; left:0; margin:0 0 0 245px; background:url(../images/mod_intro.jpg) no-repeat right;}

.lien_mod {position:absolute; width:100px; height:30px; line-height:30px; text-align:center;}


/*Contenu OFFRE DE FORMATION*/
#resultat {position:relative; margin:80px 0 0 0px; width:700px; height:auto;}

.formation {position:relative; width:620px; height:122px; top:20px; left:45px; margin-bottom:30px; padding:0; border:1px solid #CCCCCC;}

.formation2 {position:relative; width:620px; height:66px; min-height:56px; top:20px; left:45px; margin-bottom:30px; padding:0; border:1px solid #CCCCCC;}

form {margin:0; padding:0;}

#rapport {position:relative; top:0; left:35px; width:640px;}

#flash {position:relative; top:5px; left:35px; width:640px; height:380px; border:1px solid #CCCCCC;}

.picto {position:absolute; top:0; left:0; width:63px; height:40px; z-index:40;}

.imggch {margin:10px 30px 0 20px; border:1px solid #CCCCCC; float:right;}

.imgdrt {margin:10px 20px 0 30px; border:1px solid #CCCCCC; float:left;}

p.imgcent {text-align:center;}

#parten {position:relative; top:0; left:50px; width:573px;}

#logo {position:absolute; top:10px; right:30px; margin:0; padding:3px; border:1px solid #CCCCCC; background:#FFFFFF;}

#contact {position:relative; top:10px; left:35px; width:640px; margin-bottom:20px;}

#photo {position:relative; top:0px; left:0px; width:120px; padding:3px; text-align:center; z-index:40; background:#CCCCCC;}

#des_empl {position:relative; top:0px; left:0; width:490px; z-index:40; background:#CCCCCC;}

a span.offre {display:none;}
a:hover span.offre {display:inline; position:absolute; width:1px; line-height:12px; padding:0; background:#CCCCCC; z-index:10;}

/*contenu PARTENAIRES*/
.flag {position:absolute; width:17px; height:12px; z-index:60;}

.fleche {position:absolute; top:0; left:0; z-index:60;}

.calage {position:relative; top:0; left:0; width:640px; height:371px;}

#part_g {position:absolute; top:109px; left:35px; width:219px; height:230px; padding-top:55px; float:left; z-index:50;}

#part_d {position:absolute; top:106px; left:304px; width:371px; height:291px; background:url(../images/map_part.jpg) no-repeat center; float:left; z-index:40;}

table.part {width:640px; margin:0; border-collapse:collapse;}

p.part {margin:7px 10px; text-indent:30px; text-align:justify;}

h1.part {margin:12px 0 20px 0; padding:0; width:149px; font-family:"Courier New",Courier,monospace; letter-spacing:1px; font-weight:bold; font-size:15px; line-height:15px; text-align:center;}

a {text-decoration:none;}
a span.part {display:none;}
a span.employe {display:none;}
a span.cache {display:none;}
a:hover {background:none;}
a:hover span.part {display:inline; position:absolute; max-width:inherit; width:auto; top:-22px; left:6px; padding:0 2px; text-align:center; color:#333333; background:#FFFFFF; border:1px solid #333333;}
a:hover span.employe {display:inline; position:absolute; width:470px; top:0px; left:-490px; border:2px solid #333333; background:#FFFFFF; text-align:center;}
a:hover span.cache {display:inline; position:absolute; width:64px; height:80px; top:0px; left:42px; background:#CCCCCC; z-index:10;}


/*contenu PUBLICATIONS*/
.publi {position:relative; width:640px; height:auto; left:35px;}

table.publication {width:640px; height:auto; margin:0 auto; border-collapse:collapse;}
td.publication {height:30px; font-variant:small-caps; text-align:right; font-weight:bold; padding-left:5px;}
td.middle {width:440px; text-align:center; vertical-align:top; padding:5px 10px;}
td.left {border-right:1px solid #CCCCCC; width:80px; padding:5px; font-weight:bold; font-variant:small-caps; text-align:right; vertical-align:top;}
td.right {width:120px; padding:5px; text-align:right;}
td.bottom {border-bottom:1px solid #CCCCCC;}
td.top {border-top:1px solid #CCCCCC;}

ul.public {list-style-type:square; margin-left:10px;}

.photo {position:absolute; top:0; left:0; bottom:0; width:620px; height:550px; padding:10px; background:#333333; border:1px solid #CCCCCC; z-index:50;}

.hb {position:absolute; top:0; left:0; width:640px; padding:0; background:#FFFFFF; z-index:50;}

table.handbook {width:640px; height:auto; border-collapse:collapse; margin:0;}
td.handbook_left {width:420px; text-align:left; background:#FFFFFF;}
td.handbook_right {width:220px; padding:10px 5px;}
.fdhb {background:url(../images/hb_petit.jpg) no-repeat 13px 80px;}
.fdrap {background:url(../images/rap_petit.jpg) no-repeat 28px 50px;}
.fdphot {background:url(../images/pho_peti.jpg) no-repeat 33px 20px;}

.div_scroll {height:544px; width:640px; overflow-y:scroll; overflow-x:hidden; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#333333; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#FFFFFF;}

p.chapitre {margin:20px 30px 0 30px; text-align:justify; font-weight:bold;}
p.schapitre {margin:5px 30px 0 40px; text-align:justify; font-variant:small-caps; font-weight:bold;}
p.sschapitre {margin:0 30px 0 50px; text-align:justify;}
p.ssschapitre {margin:0 30px 0 60px; text-align:justify; font-style:italic;}

.mini_acc {position:absolute; width:10px; height:2px; top:0; left:0; margin:526px 0 0 36px; background:url(../images/ca_mini.gif) 0 0 repeat-x;}

table.foto {width:620px; height:530px; border-collapse:collapse; color:#FFFFFF;}
td.foto {width:420px; height:425px; text-align:center; vertical-align:bottom;}
td.bas {height:75px; text-align:center; padding-top:30px;}

a span.mini {display:none;}
a:hover span.mini {display:inline; position:absolute; width:10px; height:2px; top:-3px; left:0; background:url(../images/ca_mini.gif) 0 0 repeat-x;}
a:visited span.mini {display:inline; position:absolute; width:10px; height:2px; top:-3px; left:0; background:url(../images/ca_mini.gif) 0 0 repeat-x;}


/*Textes*/
h1.rub {margin:0 10px 0 10px; padding-bottom:5px; border-bottom:1px solid #333333; width:620px; font-size:12px; line-height:14px; letter-spacing:1px; font-variant:small-caps; font-weight:bold;}
h1.tit_fich {margin:12px 0 0 82px; width:558px; font-family:"Courier New",Courier,monospace; font-size:20px; line-height:13px; text-align:left; font-variant:small-caps; font-weight:normal; border-bottom:1px solid #CCCCCC;}

h2.rub {width:620px; margin:40px 10px 0 10px; border-bottom:1px solid #333333; font-size:11px; line-height:14px; letter-spacing:1px; font-variant:small-caps; font-weight:bold;}
h2.mod {margin:30px 0 0 0; border-bottom:1px solid #333333; width:600px; font-size:11px; line-height:14px; letter-spacing:1px; font-variant:small-caps; font-weight:bold; text-align:center;}
h2.rap {margin:6px 10px 0 10px; border-bottom:1px solid #333333; letter-spacing:1px; font-size:11px;}

h3.rub {margin:30px 20px 0 20px; font-size:11px; font-variant:small-caps; line-height:1.6; font-weight:bold; border-bottom:1px dashed #333333;}

h4.rub {margin:30px 30px 0 30px; font-size:11px; line-height:1.6; font-weight:normal; text-decoration:underline;}
h4.rap {margin:30px 30px 0 30px; font-size:11px; line-height:1.6; font-weight:normal; font-style:italic; text-decoration:underline;}


p.rub {margin:10px 30px; text-indent:30px; text-align:justify; font-variant:normal;}
p.rubnorm {margin:10px 30px 10px 60px; text-indent:0; text-align:justify;}
p.intro {margin:10px 30px; text-align:justify;}
  
ul.rub {list-style-type:square; margin:10px 30px; padding:0; text-align:justify; font-variant:normal; line-height:1.6; text-indent:30px;}
ul.mod {list-style-type:square; margin:-5px 0 0 30px; padding:0; text-align:left;}
li {padding:1px 0; text-indent:0; margin-left:30px;}
li.map {padding:1px 0; text-indent:0; margin:0 85px;}
li.rub {padding:1px 0; text-indent:0; margin-left:30px;}
li.mod {padding:1px 0; text-indent:0; margin-left:30px;}
ul.rubseul {list-style-type:none; margin:10px 30px; padding:0; text-align:justify; font-variant:normal; line-height:1.6; text-indent:30px;}
ul.rubseulpuc {list-style-type:square; margin:10px 30px; padding:0; text-align:justify; font-variant:normal; line-height:1.6; text-indent:30px;}

ol.titre {list-style-type:decimal; margin:0 25px; padding:0;}

ol.rub {margin:-5px 30px 0 60px; padding:0; text-align:justify; font-variant:normal;}

table.cas {width:590px; margin:10px auto; border-collapse:collapse;}
td.casg {width:220px; height:100px; padding:3px; text-align:center; vertical-align:middle;}
td.casd {width:320px; padding:3px; text-align:right; vertical-align:middle;}
td.casimg {width:50px; padding:0 3px 33px 3px; text-align:center; vertical-align:bottom; background:url(../images/suiv_ino.jpg) no-repeat left bottom;}
td.inter {height:14px; width:590px;}


.expo {vertical-align:super; font-size:9px; font-weight:bold; font-family:Arial, Helvetica, Sans-sherif;}

/*Liens*/
a.gen, a.gen:link, a.gen:visited, a.gen:active, a.gen:focus {color:#333333; text-decoration:underline;}
a.gen:hover {color:#FFFFFF; text-decoration:none; background:#333333;}

a.fiche, a.fiche:link, a.fiche:visited, a.fiche:active, a.fiche:focus {color:#333333; text-decoration:underline;}
a.fiche:hover {color:#FFFFFF; text-decoration:none; background:#333333;}

a {text-decoration:none;}
a span {display:none;}
a:hover {background:none;}
a:hover span {display:inline; position:absolute; width:281px; top:-4px; left:-278px; text-align:center; color:#333333;}


/*Tableau*/
table.prog {width:640px; border-bottom:1px solid #CCCCCC; border-collapse:collapse; margin:0 0 50px 0;}
td.progg {width:200px; vertical-align:top; padding:3px 0 3px 5px; border-bottom:1px solid #CCCCCC; font-family:"Courier New",Courier,monospace; font-size:12px; letter-spacing:1px;}
td.progd {width:440px; vertical-align:middle; padding:5px; border-bottom:1px solid #CCCCCC;}

table.org {width:640px; border-bottom:1px solid #CCCCCC; border-collapse:collapse; margin:0 0 50px 0;}
td.orgg {width:320px; vertical-align:top; padding:3px 0 3px 5px; border-bottom:1px solid #CCCCCC; font-family:"Courier New",Courier,monospace; font-size:12px; letter-spacing:1px;}
td.orgg_b {width:320px; vertical-align:top; padding:3px 0 3px 5px; border-bottom:1px solid #CCCCCC;}
td.orgd {width:320px; vertical-align:middle; padding:5px; border-bottom:1px solid #CCCCCC;}

table.cond {width:640px; border-bottom:1px solid #CCCCCC; border-collapse:collapse; margin:0 0 50px 0;}
td.condg {width:330px; vertical-align:top; padding:3px 0 3px 5px; border-bottom:1px solid #CCCCCC; font-family:"Courier New",Courier,monospace; font-size:12px; letter-spacing:1px;}
td.condd {width:310px; vertical-align:middle; padding:5px; border-bottom:1px solid #CCCCCC;}

table.info {width:640px; border-collapse:collapse; margin:0 0;}
td.infog {width:320px; vertical-align:top; padding:0 0 0 5px; border-bottom:1px solid #CCCCCC; font-family:"Courier New",Courier,monospace; font-size:12px; letter-spacing:1px;}
td.infod {width:320px; vertical-align:middle; padding:0;}

table.reche {width:660px; border-collapse:collapse; margin:0 auto 0 20px;}
td.reche {width:340px; height:20px; vertical-align:middle; padding:0;}

table.result {position:relative; width:680px; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #333333;}
td.result {height:20px; vertical-align:middle; padding:0;}

td.item {width:640px; height:60px; padding:0; vertical-align:top; background:#CCCCCC;}

table.text {width:590px; margin:5px auto; border-collapse:collapse;}
td.text {border:1px solid #FFFFFF; padding:0 5px;}
td.textcent {border:1px solid #FFFFFF; padding:0 5px; text-align:center;}

table.inno {width:620px; margin:7px auto; border-collapse:collapse;}
td.inno {border:none; height:40px; padding:0;}


/*Marquage*/
#trt_rouge {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#F16667 url(../images/rouge.jpg) no-repeat center; z-index:20;}

#trt_orang {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#F89A3E url(../images/orange.jpg) no-repeat center; z-index:20;}

#trt_jaun {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#FFEB6B url(../images/jaune.jpg) no-repeat center; z-index:20;}

#trt_vert {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#B8DB71 url(../images/vert.jpg) no-repeat center; z-index:20;}

#trt_bleu {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#9FD7EB url(../images/bleu.jpg) no-repeat center; z-index:20;}

#trt_mauv {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#D3D1E2 url(../images/mauve.jpg) no-repeat center; z-index:20;}

#trt_violet {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#D8A5CB url(../images/violet.jpg) no-repeat center; z-index:20;}

#trt_rose {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#E588B1 url(../images/rose.jpg) no-repeat center; z-index:20;}

#trt_gris {position:absolute; width:10px; height:128px; left:444px; top:-112px; background:#C6C8CA url(../images/gris.jpg) no-repeat center; z-index:20;}


/*Menu*/
#cont_mengen {position:absolute; width:684px; height:24px; top:106px; left:13px; background:url(../images/fd_mebpa.jpg) no-repeat 0 12px; z-index:19;}

.mengeng {position:relative; height:14px; top:0px; right:0px; padding:0 10px; line-height:14px; border-right:1px solid #CCCCCC; text-align:center; float:left;}

.mengend {position:relative; height:14px; top:0px; right:0px; padding:0 10px; line-height:14px; border-left:1px solid #CCCCCC; text-align:center; float:right;}

#droite {position:relative; width:230px; right:10px; top:10px; float:right;}

#gauche {position:relative; width:165px; right:32px; top:10px; text-align:right; float:right;}

#flag {position:absolute; width:30px; height:23px; top:72px; left:660px; z-index:20;}

ul {list-style-type:none; padding:0; margin:0;} 

.menu_pg a {text-decoration:none; color:#333333;}

.rouge a:hover {background:#F16667; color:#333333;}

.orange a:hover {background:#F89A3E; color:#333333;}

.jaune a:hover {background:#FFEB6B; color:#333333;}

.vert a:hover {background:#B8DB71; color:#333333;}

.bleu a:hover {background:#9FD7EC; color:#333333;}

.mauve a:hover {background:#D3D1E2; color:#333333;}

.violet a:hover {background:#D8A5CB; color:#333333;}

.rose a:hover {background:#E588B1; color:#333333;}

.gris a:hover {background:#C6C8CA; color:#333333;}

.noir a:hover {background:#000000; color:#FFFFFF;}