/* CSS Stylesheet */
/* created by Causeway CSS Stylesheet Editor RCS 2005 */
/* http://www.causeway.co.uk/freestuf/cssedit/ */
html { margin:0px; padding:0px }
body { margin:0px; padding:0px; font-family:Verdana, Helvetica, sans-serif; color:#000000; font-size:11px; background-color:#FFF; background-image:url(../images/body.gif); background-repeat:repeat-x }
h1,h2,h3,h4,h5,h6,caption { color:#088c99; font-family:"Trebuchet MS",Arial,Verdana,sans-serif;}
h1 { font-size: 24px;}
div#conteneur { position:relative; margin:0 auto; width:1024px }
div.inner {margin: 10px 50px; }
a img,:link img,:visited img {border:0 }

a       { color:#333333 }
a:hover { text-decoration:underline }
.centrer { text-align: center }
.obligatoire { color: blue;} 
/* ===================================== */
/*             HAUT DE PAGE              */
/* ===================================== */
div#top { height:143px;	width:1024px }

#freezer{ opacity: 0.7; position: absolute; top:0; left: 0; z-index: 99999; display: none; }


div.activeEvent span.fc-event-time { background-color: #F33; color: black; font-weight: bold; padding: 5px;}
div#edit, div#tools { height: 100px; display: none;}
div#edit table { margin: 5px auto; padding: 5px; border: 1px dashed #666;}
div#edit table th{ text-align: right; padding: 3px 3px 3px 50px;}
div#tools { text-align: center; }

div#cadreLogo {	margin:0px;	padding:0px; float:left }
div#cadreConnexion { margin:0px 0px 0px 250px; padding:40px 0px 0px 0px; text-align:right; color:#700040 }
div#cadreConnexion a { text-decoration:none; color:#700040 }

div#DisplayName, div#DisplayPointer, div#DisplayActiveJeune, div#DisplayConnexion { float:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px }
div.SpacerConnexion { width:100px; height:7px; float:left; margin-top:6px; background-image:url(../images/spacer-connexion01.gif); background-repeat:repeat-x }

/* Formulaire de connexion */
form.connexion                      { text-align:left; width:350px; padding:5px; position:absolute; top:0px; right:0px }
form.connexion label                { padding:0px; margin:0px 0px 0px 25px }
form.connexion input[type=text]     { margin:0px 0px 10px 33px }
form.connexion input[type=password] { margin:0px 0px 0px 17px }
form.connexion input[type=submit]   { margin:0px 0px 0px 17px }

form.connexion textarea, form.connexion select {  }
form.connexion input[type=checkbox] { margin-bottom: 0px;}

/* ===================================== */
/*             CORPS DE PAGE             */
/* ===================================== */
div#corps-de-page { min-height:600px; padding:30px 0px 0px 0px }

/* == DEBUT ============ PAGE DES BOITES ============ DEBUT == */

div#left   { position:absolute; left:0px; width:310px }
div#right  { position:absolute; right:0px; width:310px }
div#center { margin:25px 310px 0px 360px; min-height:800px }
div#rightalone { margin:25px 0px 0px 360px; min-height:300px; border: 1px solid red;}


/* Propriétés générales des boites */
div.box       { width:304px; margin:10px 0px 10px 0px }
div.box_top   { height:26px; width:304px; background-image:url(../images/box_top.gif); background-repeat:no-repeat; background-position:bottom center }
div.box_corps { min-height:173px; width:304px; background-image:url(../images/box_corps.gif); background-repeat:repeat-y }
div.TitreBox  { margin:0px 0px 0px 20px; padding:3px 0px 0px 0px; width:280px; color:#8ef4fe; font-weight:bold }
ul.ListeBox    { padding:20px 0px 0px 40px; margin:0px 0px 0px 0px }
ul.ListeBox li { width:234px; margin-top: 5px; }

ul.ListeSimple    { padding:20px 0px 0px 40px; margin:0px 0px 0px 0px }
ul.ListeSimple li { margin-top: 5px; }

/* Boite de messages Perso */
ul.ListeMessages    { padding: 0px 20px; margin:0px 0px 0px 0px }
ul.ListeMessages li { margin-top: 10px; padding-top: 5px; border-top : 1px solid #088c99}

ul.ListeMessages li td.auteur { width:240px; color: #088c99;}
ul.ListeMessages li td.destinataire { padding-left: 15px; width:200px; color: #088c99;}
ul.ListeMessages li div.date{ padding: 0px 10px; text-align: right; color: #088c99;}
ul.ListeMessages li div.texte{ padding: 5px;  }


/* Boites voir */
div.voir       { min-height:173px; background-image:url(../images/voir_corps.gif); background-repeat:no-repeat; background-position:bottom center; padding-top: 7px; }
div.voir_pied  { height:18px; width:304px; background-image:url(../images/voir_bottom.gif); background-repeat:no-repeat; background-position:bottom center }

/* Boites gérer */
div.gerer      { min-height:173px; background-image:url(../images/gerer_corps.gif); background-repeat:no-repeat; background-position:bottom center }
div.gerer_pied { height:17px; width:304px; background-image:url(../images/gerer_bottom.gif); background-repeat:no-repeat; background-position:bottom center }

/* BOITE DE MESSAGES */
div.messages                 { margin:0px 10px 0px 8px; padding:0px; width:284px }
div.messages h3.titreMessage { margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; width:250px; font-weight:bold; font-size:12px; background-image:url(../images/fleche_select.gif); background-position:left 0px; background-repeat:no-repeat }
div.messages div.texte         { margin:0px 10px 5px 20px; text-align: justify; padding: 3px 0px 10px 0px; }
div.messages p.auteur        { margin:0px 15px 5px 15px; font-size:9px; display:block;  text-align:right }
div.messages h2.typeMessage  { color:#088c99; font-size:16px; font-weight:bold; text-align:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px }

/* == FIN ============ PAGE DES BOITES ============ FIN == */

/* == DEBUT ============ SITE PUBLIC ============ DEBUT == */
div#left_public       { width:170px; height:400px; position:absolute; left:0px }
div#left_public h2    { text-align:right }
div#left_public ul    { list-style-type:none; padding:0px; margin:0px }
div#left_public ul li { text-align:right; padding:20px 0px 20px 0px; border-bottom:1px solid #000 }
div#left_public ul li.actif { text-align:right; padding:20px 0px 20px 0px; border-bottom:1px solid #000; font-weight: bold }
div#left_public a     { text-decoration:none }


div#center_public    { margin:0px 330px 0px 205px; padding:0px 10px 20px 10px }
div#center_public p  { text-align:justify; margin:10px 0px 10px 0px }
div#center_public h2 { font-size:14px; font-weight:bold; margin:40px 0px 10px 0px; color:#950055 }
div#center_public h1 { font-size:18px; font-weight:bold; margin-top:5px; color:#088c99 }

/* == FIN ============ SITE PUBLIC ============ FIN == */


/* == DEBUT ============ FICHE JEUNE ============ DEBUT == */
div.Bt_jeune          { float:left; display:block; width:70px; text-align:center; height:15px; margin:10px 1px 0px 0px; padding:2px 0px 0px 0px;  display:block; background-image:url(../images/Bt_jeune_gris.gif); background-position:center top; background-repeat:no-repeat }
div.Bt_jeune_blanc    { float:left; display:block; width:70px; text-align:center; height:15px; margin:10px 1px 0px 0px; padding:2px 0px 0px 0px;  display:block; background-image:url(../images/Bt_jeune_bl.gif); background-position:center; background-repeat:no-repeat }
div.Bt_jeune a        { text-decoration:none; color:#000000 }
div.Bt_jeune a:hover  { color:#000000;  text-decoration:none }
div.Bt_jeune a:active { color:#000000;  text-decoration:none }

.invisible { display:none;}
.visible { display: block;  }
div.visible { margin: 10px 30px;  }

div.coordonnees { margin: 2px 2px 2px 20px; padding: 0px 5px; border-left: 1px solid #088c99;}
div.CadreFiche   { width:900px; margin:0px 0px 0px 50px; padding:20px 0px 0px 0px }
div.Fiche_left   { float:left; text-align:center; width:230px; margin:0px 0px 0px 0px; padding:10px 20px 0px 0px }
div.CadreFiche .visible { border-left:1px solid #088c99; margin:0px 0px 0px 260px; padding:0px 0px 0px 20px }

/* Colonne de gauche */
h3.TitreFiche    { font-size:12px ;font-weight:bold; color:#000000; text-align:right; margin: 0px; }
p.statut, p.formateur_ref { text-align:right; margin-top: 3px; }
p.formateur_ref label { font-weight: bold; display:block; }

/* Colonne de droite */
div.Infos01       { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px }
h2.NomJeune       { font-size:24px; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px }
ul.ListesInfos li { margin:5px 0px 5px 0px }
h3.TitreFicheD    { font-size:16px ;font-weight:bold; color:#000000; text-align:left }

table.ListStageJeune    { border:1px solid #DDD; margin:5px 5px 5px 0px; width:610px }
table.ListStageJeune th { background-image:url(../images/fond_bandeau_tbl.gif); background-repeat:repeat-x; text-align:left; font-weight: bold; padding: 3px; }
table.ListStageJeune td { padding: 3px 5px; vertical-align: top; }
table.ListStageJeune tr.alt1 td { background-color:#DDD; }
table.ListStageJeune tr.alt2 td { background-color:#FFF; }
table.ListStageJeune td.titre { font-weight: bold; padding-left: 30px; background-color:#088c99; color: white; }
img.ImgJeune { border: none; margin: 3px; }

table.fiche2 { margin : 5px; }
table.fiche2 th { text-align: left; vertical-align: top; padding: 5px 5px 5px 0px ; }
div.beware { border: 1px solid #D00; background-color: #FCC; padding: 30px; margin: 20px ; font-size: 18px; color: #d00; }
div.beware input {margin: 10px;  }
div.beware input[type=submit] {margin-left: 100px;}
/* == FIN ============ FICHE JEUNE ============ FIN == */
form,p,blockquote,fieldset,input,td,th { font-size:11px;margin:0; padding:0;}

input,textarea { margin: 1px; padding: 0px 2px; }
select {margin 1px; padding 1px 0px 1px 3px}
input[type=text], input[type=password], textarea, select { border: 1px solid #666; font-size: 11px;}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { background-color: #EEE; }

ul {margin: 0px; padding: 3px;  list-style-type:none; }
li.titre { margin-top: 15px; font-weight: bold }

div#center_public ul { list-style-type: disc; padding:0px; margin:0px; background-color: none; }
div#center_public ul li {padding-bottom: 3px;  background-color: none;}


.droite: {float: right};


h1,h2,h3,h4,h5,h6,caption { color:#088c99; font-family:"Trebuchet MS",Arial,Verdana,sans-serif;}

/* Titres de la page */
div.CadreTitreh1      { width:979px; margin:0px 0px 0px 4px; padding:3px 3px 3px 10px; background-image:url(../images/arrondi-haut.gif); background-position:right top; background-repeat:no-repeat; background-color:#088c99 }
div.CadreTitreh1 h1   { color:#00e8ff; font-size:18px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../images/points_tete.gif); background-repeat:repeat-x }
div.CadreTitreh1 span { margin:0px 0px 0px 10px; padding:0px 10px 0px 10px; background-color:#088c99 }

h2 { margin:5px 0px 0px 5px; padding: 0px;}

/* Informations complémentaires */
div.fond_gris       { height:27px; margin:0px 4px 0px 4px; padding:3px 0px 0px 0px; background-image:url(../images/fond_gris.gif); background-repeat:repeat-x }
div.fond_gris input { float:right; font-size:12px; color:#000000; font-weight:normal; margin:0px 10px 0px 0px }
div.fond_gris select {margin: 3px; }
div.fond_gris label {margin: 3px 5px 3px 70px; color: #fff; }
div.fond_gris span  { float:right; font-size:12px; color:#FFFFFF; font-weight:normal; margin:3px 10px 0px 0px }

td.top { vertical-align: top; }



/* Encadrement des pages pour le fond */
div.CadreListe        { width:1000px; min-height:466px; padding: 0px ; margin:0px ; background-image:url(../images/fond-tableau.gif); background-repeat:repeat-x; background-color:#b0dadf }
div.arrondi-bas-left  { background-image:url(../images/arrondi_bas_left.gif); background-position:left bottom; background-repeat:no-repeat }
div.arrondi-bas-right { background-image:url(../images/arrondi_bas_right.gif); background-position:right bottom; background-repeat:no-repeat }
div.ombre_bas         { width:1000px; height:12px; margin:0px 0px 20px 0px; background-image:url(../images/ombre_bas.gif); background-position:bottom; background-repeat:no-repeat }
div.ombre_left        { min-height:466px; background-image:url(../images/ombre_left.gif); background-position:left; background-repeat:repeat-y }
div.ombre_right       { min-height:466px; background-image:url(../images/ombre_right.gif); background-position:right; background-repeat:repeat-y ; }

/* Tableau de liste */

div.liste {margin:5px 5px 5px 67px; width:850px }
table.liste    { border:1px solid #DDD; margin:5px 5px 5px 67px; width:850px }
table.liste th, table.liste100 th { background-image:url(../images/fond_bandeau_tbl.gif); background-repeat:repeat-x; text-align:left; font-weight: bold; padding: 3px; }
table.liste td { padding: 3px 5px; vertical-align: top; }
table.colonnes td, table.colonnes th { width: 15px; border-right: 1px solid #999; text-align: center;}
table.colonnes .nocol { border-right: 0px; text-align: left;}

table.liste tr.alt1 td, table.liste100 tr.alt1 td  { background-color:#DDD }
table.liste tr.alt2 td, table.liste100 tr.alt2 td  { background-color:#FFF }
table.liste tr.alt1 td.error, table.liste tr.alt2 td.error { background-color:#F66; color: #000; }
table.liste100 tr td.error { background-color:#F66; }
table.liste td.larg100 { width:100px; }
table.liste td.larg130 { width:130px; }
table.liste tr.alt1 td.vert, table.liste tr.alt2 td.vert { background-color: #3F3; }
table.liste tr.alt1 td.rouge, table.liste tr.alt2 td.rouge{ background-color: #F33; }

table.liste tr.alt3 td { background-color:none; height: 2em;}

table.liste100 td.larg75 { width:75px; }

table.liste100 { border:1px solid #DDD; margin:5px; width:97% }
table.liste100 tr.alt1 td.error, table.liste100 tr.alt2 td.error { background-color:#F66; color: #000; }
table.liste td, table.liste100 td  { padding: 3px; vertical-align: top; }

table.liste td.compterendu { padding-bottom: 15px; width: 70% }

ul.liste { margin: 5px; padding: 0px; width: 300px; border:1px solid #DDD; }
ul.liste li { padding: 3px;}
ul.liste li.l1 { background-color:#DDD }
ul.liste li.l2 { background-color:#FFF }



td.action {width: 100px;}

table.sousliste { border:none; margin:5px 5px 5px 50px; width:580px; }
table.sousliste td.action {width: 100px; border-top : 1px solid #666; }
table.sousliste tr.alt1 td { background-color:#DDD }
table.sousliste tr.alt2 td { background-color:#FFF }


div.fiche { margin:5px; width:850px; padding: 15px; }
table.fiche    { margin:5px; width:850px }
table.fiche th { text-align:right; font-weight:bold; padding:3px; vertical-align:top; width:20% }
table.fiche td { padding: 3px 5px; vertical-align: top; }

table.detail    { margin: 50px;  }
table.detail th { text-align:right; font-weight:bold; padding:3px; vertical-align:top; }
table.detail td { padding: 3px 5px; vertical-align: top; }


table caption {text-align: left; font-size: 14px; font-weight: bold; margin: 10px 0px 0px 5px; padding: 0px;}

table.pager {  }
table.pager th {width: 10px; font-weight: normal;}
table.pager a{ padding: 1px 4px;  }
table.pager a.active{ color: #039; font-weight: bold; border-bottom: 1px solid #039;}
table.pager a:hover{ background: #CDCDCD;  }

/* ALPHABET */
ul.alphapager             { width:870px; text-align:center; margin:0 auto; padding-top:20px }
ul.alphapager li          { margin:2px; float:left }
ul.alphapager li a        { text-decoration:none; display:block; font-size:12px; font-weight:bold; text-align:center; width:14px; height:18px; padding:5px }
ul.alphapager li a:hover  { color:#FFFFFF; font-weight:bold; background-image:url(../images/fleche_alpha.gif); background-position:center; background-repeat:no-repeat }
ul.alphapager li a.active { color:#FFFFFF; font-weight:bold; background-image:url(../images/fleche_alpha_on.gif); background-position:center; background-repeat:no-repeat }

ul.datepager             { text-align:center; margin:0 auto; padding-top:20px }
ul.datepager li          { margin:2px; float:left }
ul.datepager li a        { text-decoration:none; display:block; font-size:11px; font-weight:bold; text-align:center; width:30px; height:18px; padding:2px }
ul.datepager li a:hover  { color:#000; font-weight:bold; background-image:url(../images/fleche_alpha.gif); background-position:center; background-repeat:no-repeat }
ul.datepager li a.active { color:#000; font-weight:bold; background-image:url(../images/fleche_alpha_on.gif); background-position:center; background-repeat:no-repeat }

ul.freepager             { text-align:center; margin:0 auto; padding-top:0px; padding-left: 0px; }
ul.freepager li          { margin:2px; float:left }
ul.freepager li a        { text-decoration:none; display:block; font-size:11px; font-weight:bold; text-align:center; width:20px; height:18px; padding:2px }
ul.freepager li a:hover  { color:#000; font-weight:bold; background-image:url(../images/fleche_alpha.gif); background-position:center; background-repeat:no-repeat }
ul.freepager li a.active { color:#000; font-weight:bold; background-image:url(../images/fleche_alpha_on.gif); background-position:center; background-repeat:no-repeat }





.error .form_error { color: red; font-weight: bold; }
span.error { color: red; font-weight: bold;}
td.error {background-color: #F99 }
div.error { border: 1px solid #333; background: #F99; color: #000; font-weight; margin: 0px; }
div.form_error { border:none; font-weight: bold; color:#900; }
.noerror { color: green; font-weight: bold; }
.password_hider {font-family: Courrier; font-size: 11px; color: black;}
.password_hider:hover {border-bottom: 1px solid #333; border-top: 1px solid #333; text-decoration: none;}


table.menu            { border:1px solid #DDD; margin:3px }
table.menu td         { padding:3px; background-color:#EEF }
table.menu td a       { display: block; width: 100px; padding: 5px; text-align: center; background-color: #EEF }
table.menu td a:hover { background-color:#CCF; color:#000 }

table.menuApp    { border:1px solid grey; margin:3px }
table.menuApp td { padding:3px; background-color:#EEE; vertical-align:top; width:150px }


div.descriptif   { margin:2px 10px; padding:3px }


ul.drag           { width:1000px }
ul.drag li        { border:1px solid #bbb; background-color:#eee; width:90px; padding:3px; margin:2px; float:left }
ul.drag li.activitesList { height: 3em; font-size: 10px;}
br.drag, br.clear { clear:both }



ul.clicable        { width:900px; margin:2px; }
ul.clicable li     { width:80px; height: 3em; padding: 1px; margin:1px; float:left; cursor:pointer; display: block;  min-height: 2em; font-size: 10px;}
ul.clicable li.off { border:1px solid #bbb; background-color:#eee }
ul.clicable li.on  { border:1px solid red; background-color:#FCC }

br.drag {clear: both;}

ul.twolist { padding: 0px; border: 1px solid #333;}

ul.twolist li { list-style-type: none; width: 20ex; padding: 0.5ex; margin: 0.5ex 0; border: 1px solid #880; cursor:move }
ul.list2 { left: 30em; }

/* PLANNING */
table.planning                      { margin:5px }
table.planning td,table.planning th { height:30px; width:120px; border:1px solid #CCC; vertical-align:top; margin:0px }
table.planning td.large				{ width:700px;  padding: 3px; line-height: 2em}
th.today { background-color:#CFC }

td.survol, ul.survol { background-color:#CFC; filter : alpha(opacity=50); }

table.telecommande td               { padding:10px }
td.weekname                         { padding:3px; text-align:right }
td.weekname input                   { font-size:14px; padding:2px; font-weight:bold; border:1px solid #eee; text-align:center }
.titrePromo                         { font-weight:bold; margin:10px; line-height:2em }


li.affected  { border: 1px solid #66C; margin : 1px; padding: 4px 2px; }
div.affected { border: 1px solid #bbb; background-color:#eee ; width:80px; padding: 3px 1px; margin:1px; float:left; cursor:pointer; display: block; height: 3em; min-height: 2em; font-size: 10px;  z-index:999; line-height: 1em; }


li.padding2 { padding: 2px;}
li.affected input[type=text] {border: 1px solid #66C; background-color: #EEE; width: 100px;}
li.affected select { width: 100px; margin: 1px; background-color: #EEE; }
li.affected input[type=text]:hover { background-color: #DDD;  }
div.debug { visibility: hidden}

div.on {display: block; border-top: 1px solid #66C; width: 200px;background-color: #FFF;}
div.off {display: none}
 a.add { display: block; width: 100%; text-align: center; cursor:pointer; background-color: #FCC; text-decoration: none}
div.info { text-align: center; background-color: #EEE; font-style: italic;}
div.Infos_left { margin-top: 10px;}
.cursorHand { cursor: pointer}

ul.sortlist { width: 500px; border: 1px solid #DDD; margin: 5px; }
ul.sortlist li {padding: 3px 5px; border-bottom:1px solid #DDD; vertical-align: top; }
ul.sortlist li td.lib { width: 400px; }
td.action {  width: 100px; }

ul.sortlistV { width: 200px; border: 1px solid #DDD; margin: 5px; }
ul.sortlistV li {padding: 3px 5px; border-bottom:1px solid #DDD; vertical-align: top; }

ul.ppcontenu ul       { padding-left:50px; margin:5px }
ul.ppcontenu li       { border:1px solid #CCC; background-color:#ecf6f7; margin:3px 50px 3px 50px; padding:2px }
ul.ppdomaine li       { border:1px solid #BBB; background-color:#DDD }
ul.ppobjgeneral li    { border:1px solid #AAA; background-color:#CCC }
ul.objoperationnel li { border:none }

table.outilsPP td             { padding:2px 5px; vertical-align:top }
ul.ppobjgeneral li div.detail { margin-left:50px }

img.handle { cursor: move; margin: 1px 2px;}


ul.col2 { width: 100%;}
ul.col2 li { width: 48%; padding: 1%x; margin: 1%; float: left; cursor: pointer;}


table.grille { margin: 5px 20px;  }
table.grille td {border: 1px solid #088c99; padding: 5px; margin: 5px; }
table.grille th { padding: 15px 5px 3px 5px;  }
table.grille tr.actif td { border:1px solid red; background-color: #FCC;  }

div.legende {padding: 30px 10px 10px 10px; }
div.legende p {padding: 3px; width: 400px;}


table.detailpointeuse { border: none;  }
table.detailpointeuse td { border: none;  width: 50px; padding:0px; text-align: center;}
table.detailpointeuse th { width: 30px; padding:0px; text-align: center;}

table.detailpointeuse tr.tr1 td {  }
table.detailpointeuse tr.tr1 td { background-color: #DDD; }
/* ===================================== */
/*             Etat de présence			 */
/* ===================================== */

table.presence td { border-top: 1px solid #088c99; padding: 5px; }
table.presence { border: 1px solid #088c99;}
table.presence table { border: none;}
table.presence table td { width: 50px; height: 20px; text-align: center; border: none;vertical-align: top;}
table.presence table td.td0 { background-color: #e37d7d;}
table.presence table td.td1 { background-color: #86e37d;}
table.presence table td.td3 { text-align: right; width: 100px; }

/* ===================================== */
/*             Progression Pedagogique   */
/* ===================================== */

div.titrepp1 { margin-left: 0px; padding: 0px; width: 500px;  margin-top: 10px; font-weight: bold;}

table.pp1 tr.nom th,tr.nom td   { padding: 3px;  background-color: #EEE; border-top: 1px solid #CCC;}
table.pp1 tr.nom td   { width: 50px;}

table.pp1 { margin-left: 0px;  margin-top: 10px; background-color: #fff; border: 1px solid #CCC; border-top: none;}
table.pp1 td { padding: 4px;}
table.pp1 th { width: 500px; padding: 4px 0px; text-align: left; font-weight: normal;}
table.pp1 caption { background-color: #fff; color: #000; font-weight: normal; font-size: 11px;}

tr.pp2 th,tr.pp2 td   { padding: 10px 0px;  background-color: #DDD; border-top: 1px solid #CCC;}
tr.pp2 td { padding: 5px;}
tr.pp2 th { padding-left: 10px;}
tr.pp3 th, tr.pp3 td   { padding-top: 5px 0px; border-bottom: 1px dashed #999; border-top: 1px dashed #999;}
tr.pp3 th { padding-left: 30px;  }
tr.pp4 th { padding-left: 50px;  }
tr.pp5 th, tr.pp5 td   { color: red;}
tr.pp5 th { padding-left: 70px;  }


/* ===================================== */
/*             PIED DE PAGE              */
/* ===================================== */
div#pied_de_page { width:100%; height:50px; background-image:url(../images/pied.gif); background-position:left top; background-repeat:repeat-x }

ul#listPied      { list-style-type:none; margin:0px auto; width:1024px; padding:37px 0px 0px 0px }
ul#listPied li   { float:right; padding:0px 5px 0px 5px; margin:0px 15px 0px 15px; background-color:#FFF }
ul#listPied a    { text-decoration:none; color:#700040 }

h3.h3_edit        { margin-left:70px }
ul.listegroupe    { padding-left:70px }
ul.listegroupe li { height:20px }

div.observations { border: 1px solid #088c99; margin: 1px; padding: 3px; background: #FFF; text-align: left; }

/* ===================================== */
/*             CADRE PHOTO               */
/* ===================================== */

table.cadre td.c1 { width: 11px; height: 12px; background-image:url(/images/cadre1.gif); }
table.cadre td.c3 { width: 11px; height: 12px; background-image:url(/images/cadre3.gif); }
table.cadre td.c6 { width: 11px; height: 12px; background-image:url(/images/cadre6.gif); }
table.cadre td.c8 { width: 11px; height: 12px; background-image:url(/images/cadre8.gif); }

table.cadre td.c2 { height: 12px; background-image:url(/images/cadre2.gif); background-position:left top; background-repeat:repeat-x }
table.cadre td.c7 { height: 12px; background-image:url(/images/cadre7.gif); background-position:left top; background-repeat:repeat-x }

table.cadre td.c4 { width: 11px; background-image:url(/images/cadre4.gif); background-position:left top; background-repeat:repeat-y }
table.cadre td.c5 { width: 11px; background-image:url(/images/cadre5.gif); background-position:left top; background-repeat:repeat-y }

table.emploidutemps { margin: 10px auto;}
table.emploidutemps td {width: 120px;   padding: 0px; vertical-align: top;}
table.emploidutemps th {width: 120px;  border: 1px solid #CCC; padding: 0px; vertical-align: top;}

table.emploidutemps div { padding: 0px 2px}
table.emploidutemps div.heure { background-color: #088c99; color: #FFF; font-weight: bold}
table.emploidutemps div.cours { font-weight: bold; }
table.emploidutemps div.salle { color: #088c99; text-align: right;}
table.emploidutemps div.detail{ padding-bottom: 5px; margin-bottom: 10px; border: 1px solid #088c99; height: 80px;}

table.reporting { margin: 10px 100px; border: 1px solid #333; background-color: #FFF;}
table.reporting th { text-align: left; padding: 6px;}
table.reporting td { text-align: right; width: 100px;  padding: 6px;}

table.reporting tr.alt1 th , table.reporting tr.alt1 td { background-color: #CCC;}
table.reporting tr.total th , table.reporting tr.total td { background-color: #FFF; border-top: 1px solid #333;}
img.reporting { border: none; margin: 50px 50px;}
/* ============================================= */
/*       STYLES DU SITE WEB (Tiny Editor)        */
/* ============================================= */

p.site1 { font-size: 11px; font-weight: normal}
p.site2 { font-size: 11px; font-weight: bold}
p.site3 { font-size: 13px; font-weight: normal}
p.site4 { font-size: 13px; font-weight: bold}
p.site5 { font-size: 15px; font-weight: normal}
p.site6 { font-size: 15px; font-weight: bold}

td.cg1 { background-color: #F33; }
td.cg2 { background-color: #33F; }
td.cg3 { background-color: #3F3; }

/* ============================================= */
/*       Surcharge pour impression               */
/* ============================================= */

@media  print 
{
  body { background-image: none }
  div#top,div#pied_de_page { display: none;}
  input[type=submit], input[type=button] {display: none}
  div.arrondi-bas-left, div.arrondi-bas-right, div.ombre_bas, div.ombre_left, div.ombre_right , div.corps-de-page,div.CadreListe   {  background-image:none }
  div.CadreListe  { background-color:#fff; border: 1px solid #333;}
  div.fond_gris ,div.CadreTitreh1, div.CadreTitreh1 h1, div.CadreTitreh1 span  {  background-image: none; background-color:#fff; color: #000; }
  div.Fiche_left, div.Bt_jeune, div.Bt_jeune_blanc { display: none; }
  div.CadreFiche .visible { border:none;  margin:0px ;  }
  ul.datepager { display: none; }
  tr.pp5, tr.pp5 th, tr.pp5 td   { display: none; }
	
}