/* bases */
html, body{
margin:0 0 0.7%;
padding:0;
height:98%;
}
body {
text-align:center;
font: 90% "Trebuchet MS", Verdana, sans-serif;
color: #000;
background: #9C3;}
a {
color: #DF002B;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active, a:focus {
color: #000;
text-decoration: none;
}
img {
border:0;
}
acronym {
border-bottom:1px dotted;
cursor: help;
}
h2, h3 {
margin-left:0;
margin-top:0;
font:italic bold 160% "Trebuchet MS", Verdana, sans-serif;
color:#555;
}
h3 {
margin-top:0 2%;
}
h2 span, h3 span {
position:relative;
display:block;
font:normal bold 70% "Trebuchet MS", Verdana, sans-serif;
margin-top:0;
}
#infos h3, h3.filet, h4.filet {
font:normal bold 120% "Trebuchet MS", Verdana, sans-serif;
color:#000;
margin:0 2%;
}
h3.filet, h4.filet {
border-bottom:1px solid red;
}
#home h3.filet{
margin: auto 5%;
padding-left:1em;
}
cite{
font-size:90%;
}
.input {
background:#FBFCF7;
border:1px solid #9C3;
}
.lettrine {
float:left;
font-size: 2em;
font-weight: bold;
color: #555;
margin-left: 0;
padding: 0 0.1em;
width:0.6em;
line-height: 1em;
}
/* CATALOGUE */
.dtcliquez {
width:15em;
}
.dtcliquez span{
text-indent:-9999em;
background:url(cliquez.gif) no-repeat left 0;
height:2em;
display:block;
}

/* PIED DE PAGE */
.partenaires {
margin:1% 0;
}
.pied {
position:relative;
margin:-0.5% 0 0;
background: url(dotted_nav.gif) repeat-x left top;
padding: 1em 0 0.5em;
text-align:center;
}
.pied a {
color:#000;
}
.pied span {
color:#693;
font:bold 1em verdana, sans-serif;
}
.partenaires img {
vertical-align:middle;
margin: 0 2%;
}
.partenaires span {
visibility:hidden;
}
.bas {
display:block;
margin:1em;
}
/* PAGE EQUIPE */
.equipe { 
width:500px;
margin:0 auto;
padding:0;
vertical-align:middle;
text-align:justify;
}
.equipe em {
color:#666;
}
.equipe img {
display:block;
margin:0;
padding:0;
border:none;
}
/* PAGE PARTENAIRES */
dl.logo {
text-align:center;
padding:0;
margin-bottom:2em;
}
#partenaires div#colonne1 dl.logo dt, #partenaires div#colonne2 dl.logo dt{
background:none;
}
dl.logo dd {
padding-left:0;
margin-left:0;
margin-top:3%;
}
/* STRUCTURATION */
hr.clir {
clear:both;
display:block;
margin: 0;
_margin: -7px 0;
padding: 0;
visibility:hidden;
}
div.ptipoin {
margin: 0.5% auto;
padding: 0;
width:98%;
height:3px;
background: url(dotted.gif) repeat-x left top;
}
div.ptipoin hr {
display:none;
}
div#nav div.ptipoin {
height:8px;
width:86%;
background: url(dotted_pied.gif) repeat-x left top;
margin-bottom: 5em; /* ---------------------------- */
}
.center { text-align: center; }
a.noway { cursor: no-drop; cursor: not-allowed; }
/* menu */
.first {
font-weight:bold;
padding-left:0.2em;
/* pour ie : */
margin-left:0;
padding-top:0;
margin-top:0;
}
.first li {
list-style-type: none;
margin-bottom:0.7em;
margin-left:0;
}
.first li a, div#basgauche li a {
padding-left:0.9em;
background: url(first1.gif) no-repeat left center;
}
.first li a:hover, div#basgauche li a:hover {
padding-left:0.9em;
background: url(first.gif) no-repeat left center;
}
.first li span, .second li span, #access span {
padding-left:0.9em;
background: url(fleche.gif) no-repeat left 1px;
font-weight:bold;
}
#access span {
background-position:left top;
}
.first li h2, div#colonneMenu h2 {
font:bold 110% verdana, arial, sans-serif;
}
.second, .second li ul{
padding-left:12px;
/* pour ie : */
margin-left:0%;
font-weight:normal;
font-size:90%;
}
.second li, .second li ul li{
list-style-type: none;
margin-bottom:0%;
padding-top:3px;
}
.second li a, .second li ul li a, label{
background: url(second1.gif) no-repeat left 5px;
padding-left:0.9em;
height:1.5em;
}
.second li a:hover, .second li ul li a:hover, label:hover {
background: url(second.gif) no-repeat left 5px;
padding-left:0.9em;
height:1.5em;
}
.second li ul, .second li ul li{
margin-top:0;
font-size:95%;
}
/* PLAN */
#plan div#contents ul.first {
float:left;
width:21%;
margin-left:1.5%;
}
#plan div#contents ul.first h3 {
color:#444;
font:normal bold 110% verdana, arial, sans-serif;
letter-spacing:normal;
padding-left:0.3em;
padding-top:0;
margin-bottom:0.5em;
}
#plan div#contents ul.first li ul {
float:none;
width:100%;
}
/* page */
@import "base.css";
@import "menu.css";

div#page {
text-align:center;
padding:0;
margin:0 auto;
width:90%;
background:#fff url(fondpage.gif) no-repeat left top;
/*border:1px solid red;border-bottom: 5px solid #9C3; */
}
div#contents {
padding:0;
margin:0;
text-align:left;
margin-left:8%;
height:100%;
}
/* ENTETE / BAS DE PAGE - NAV INTERNE */
div#access, div#bas{
text-align:right;
font-size:80%;
margin:0 3% 0 0;
}
div#access {
margin-right:5%;
}
div#bas {
height:6.5em;
background: url(finfondpage.gif) no-repeat right bottom;
margin:0;
padding-top:1.4em;
}
/* ENTETE - TITRE */
h1.cn {
position:relative;
margin-top:0;
margin-left:-11px;
padding-bottom:1%;
text-align:left;
width:100%;
font:italic bold 105% "Trebuchet MS", Verdana, sans-serif;
color:#555;
}
h1.cn span {
display:block;
}
h1.cn img {
float:left;
vertical-align:middle;
}
h1.cn em {
display:none;
}
/* image cliquable : alsacreations.com */
h1.cn #image { /* bloc image en arrière-plan */
width : 275px;
height: 74px;
background: url(titre.gif) no-repeat left top;
float: left;
text-indent:-9999px;
}
h1.cn #cite, h1.cn #carnum { /* zones cliquables */
text-decoration:none;
float: left;
}
h1.cn #cite {
width : 40px;
height: 40px;
margin-left: 0;
margin-top: 30px;
}
h1.cn #carnum {
width : 190px;
height: 75px;
margin-left: 0;
margin-top: 0;
}
/* fin image cliquable */
/* ENTETE - NAV */
div#nav{
position:relative;
width:100%;
margin-top:1em;
margin-bottom:1em;
}
div#nav ul, div#nav li, div#nav form {
display:inline;
list-style-type: none;
margin-left:0;
padding-left:0;
}
div#nav li {
margin-right:1.5%;
}
div#nav ul.nav_nivo {
margin-left:7%;
}
/* PAGES - CONTENUS #home div#contents, */
#pratiquez div#contents, #projets div#contents, #ressources div#contents, #pagemetiers div#contents, #pagecliquez div#contents {
margin-left:0;
}
#plan div#contents{
margin-left:2%;
}
div#event, div#thematik, div#basgauche, div#menu, div#colonneMenu, div#min_colonneMenu, div#colonne1, div#colonne2 {
position:relative;
float:left;
margin:0;
}
/* CONTENU - ACCUEIL */
div#event, div#basgauche {
width:46%;
text-align:left;
/*margin-left:1.5%;*/
padding-right:0;
}
div.txtdefaut {
padding:0 1em;
margin-left:10%;
margin-top:0.8em;
}
div#event div.txtdefaut {
border:1px dashed #ddd;
width:70%;
}
div.txtdefaut p {
text-align:left;
}
div#thematik {
width:46%;
text-align:right;
margin-right:1%;
padding-left:0.3em;
}
div#basgauche dl{
padding-left:2em;
}
div#menu{
width:46%;
padding-left:1em;
padding-right:0.5em;
text-align:left;
}
div#menu p {
margin:0.4em 0 0.3em;
}
#home h2 {
background: url(rouge.gif) no-repeat left center;
padding-top:0.6em;
padding-left:0.6em;
margin-bottom:0.2em;
}
#home div.prog {
margin:0 8% 0 0;
}
#home div#page h3 {
text-align:left;
}
div#menu ul, div#basgauche ul {
list-style-type: none;
}
div#basgauche li a{
font:bold 105% "Trebuchet MS", Verdana, sans-serif;
}
div#menu li a {
padding-top:0.2em;
margin-bottom:1em;
font:bold 105% "Trebuchet MS", Verdana, sans-serif;
}
/* PRATIQUEZ / PROJETS */
div#colonneMenu, div#colonneG, div#colonneD {
padding:0;
}
div#min_colonneMenu {
padding-top:15em;
min-height:1%;
width:21%;
margin-right:3%;
}
div#colonneMenu {
text-align:left;
height:100%;
margin-left:0;
margin-top:-15em;
}
div#colonneG {
width:70%;
overflow:hidden;
}
div#colonneD {
width:70%;
margin-left:23%;
}
div#colonne2 {
background: url(dotted.gif) repeat-y left top;
padding-left:0.7em;
}
div#colonneG p, div#colonneD p, div#colonne1 p, div#colonne2 p {
margin:0 1% 1em;
}
div#colonneG img, div#colonneD img {
display:block;
}
/* LIEN "+" SOUS H3 DANS COLONNE DROITE (colonneD et colonne2) */

div#colonneD div, div#colonne2 div, .plus {
text-align:right;
}
div#colonneD div a, div#colonne2 div a, .plus a  {
padding-left:1em;
background:  url(plus.gif) no-repeat left center;
padding-top:0.8em;
margin:auto;
}
div#colonneD div h4, div#colonne2 div h4, div#colonneD div h3, div#colonne2 div h3, .plus {
margin-top:0;
font-size:120%;
font-style:italic;
}
/* LISTES COLONNES */
div#colonneD dt {
font-weight:bold;
padding-left:0.9em;
background:  url(nav_tous.gif) no-repeat left 0.3em;
}
div#colonneD dd {
margin-left:1.3em;
}
/* PAGES SEULES (infos, plan, evenements...) */
div#colonne1, div#colonne2 {
width:43%;
margin: 1%;
}
#axo {
margin:1% 10%;
text-align:center;
}
/* EVENEMENTS */
div#event dl {
margin-bottom:2em;
margin-left:5%;
}
#ressources dl{
width:80%;
}
dd {
margin-bottom:0.7em;
margin-left:0.9em;
}
dt, #ressources h4 {
color:#693;
background:url(blanc.gif) no-repeat left 0.3em;
padding-left:0.7em;
font-size:109%;
}
#home .laune,  dt {
font-weight:bold;
}
dt.laune{
font-size:120%;
}
#home dd.laune {
font-size:110%;
}
dd span.enligne {
margin-top:0.8em;
font-weight:normal;
font-size:95%;
display:block;
text-align:right;
}
dd span.enligne a {
background:url(plus.gif) no-repeat left top;
padding-top:0.4em;
padding-left:1em;
}
dd.anul span {
text-decoration: line-through;
}
dd strong.date {
font-style:italic;
color:#555;
display:block;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:1em;
}
#archives dt, #archives dd{
color:#333;
font-style:italic;
}
#archives dt{
color:#693;
margin-top:1.5em;
}
#archives div#colonneG {
width:95%;
}
/* /// PAGES FICHES // */
.fichepratique  {
text-align:justify;
}
.fichepratique .intro {
background:#f4f4f4;
border:1px solid #ccc;
padding:1%;
margin:1% 5%;
font-size:110%;
}
.fichepratique .cc {
margin:1% 5%;
font-size:85%;
font-style:italic;
}
div#colonneG .cc img {
vertical-align:middle;
display:inline;
}
.fichepratique h3 {
margin-top:1em;
height:3em;
background:url(guillemets_o.png) no-repeat left 50%;
padding-left:38px;
}
.fichepratique h4 {
font-size:130%;
background:none;
}
.fichepratique h5 {
font-size:100%;
}
.fichepratique li {
margin-top:0.5em;
}

.fichepratique table {
border:0;
margin:2% 10%;
width:80%;
text-align:center;
}
.fichepratique caption {
font-weight:bold;
font-style:italic;
background:#f4f4f4;
}
.fichepratique th, .fichepratique td {
border-bottom:1px solid #000;
width:50%;
}
/* /// LISTE AVEC IMAGES /// */
#ressources dl.img  {
position:relative;
float:left;
width:29%;
height:17em;
margin:0.5em;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #eee;
border-left:1px solid #eee;
-moz-border-radius: 8px;
}
#ressources dl.img dt {
background:none;
margin:1%;
padding:0 1%;
}
#ressources dl.img dd {
margin: 0 1%;
padding:0 1%;
}
#ressources dl.img dt img {
display:block;
margin:0 auto;
}
ul.fiches {
list-style-type: none;
}
ul.fiches li {
width:90%;
height:3.5em;
background:url(guillemets_li.png) repeat-x left top;
padding:0;
margin-bottom:0.5em;
clear:both;
vertical-align:middle;
/*padding-top:1em;*/
}
ul.fiches li a {
}
ul.fiches li span.go, ul.fiches li span.gf{
width:38px;
height:50px;
}
ul.fiches li span.go {
float:left;
background:url(guillemets_o.png) no-repeat left top;
}
ul.fiches li span.gf{
float:right;
/*background:url(guillemets_f.png) no-repeat right bottom;*/
}
/* cliquez */
#accroche { position: relative; float: left; margin-top: -8%; }
#page, #menu, #cliquez, #finfond, #debfond, .rubrique, #date {  }
#cliquez, #finfond, #debfond { width: 680px; margin: 0pt auto; padding: 0pt; }
#cliquez { background: url('fond_cliquez.jpg') repeat-y scroll 0% 0% transparent; padding: 0pt; margin-top: 4em; margin-bottom: 3%; text-align: left; }
#finfond { margin-top: 0pt; height: 2.5em; background: url('fin_fon.jpg') no-repeat scroll left bottom transparent; }
#finfond p { text-align: right; margin-right: 5%; }
#finfond a, h2.rubrique a { background: url('fleche2.gif') no-repeat scroll -0.5% 3px transparent; padding-left: 1.8em; height: 1.8em; }
#debfond { height: 4em; background: url('deb_fon.jpg') no-repeat scroll left top transparent; margin-bottom: 2%; }
#cliquez h2, #cliquez h3, #cliquez h4 { color: rgb(255, 255, 255); letter-spacing: normal; }
#cliquez h3 { border: 0pt none; }
#cliquez p { margin: 0pt 2%; }
#cliquez h3#date { float: right; text-align: right; margin-top: -1em; color: purple; padding-right: 3.4%; font: italic bold 1em/0.9em "Trebuchet MS",Verdana,sans-serif; }
h2 { margin-left: 0.9em; }
.picto { position: relative; float: right; width: 196px; height: 130px; margin-top: -6em; margin-right: -3em; top: 0pt; text-indent: -9000px; }
.picto a { width: 196px; height: 130px; display: block; text-decoration: none; }
.jobserve, #jobserve { background-image: url('observe.gif'); }
.jenquete, #jenquete { background-image: url('enquete.gif'); }
.jexplore, #jexplore { background-image: url('explore.gif'); }
#jinvente, #jimagine, #jenquete, #jobserve, #jexplore, #parents { background-repeat: no-repeat; background-position: left top; }
#jinvente.picto, #jimagine.picto, #jenquete.picto, #jobserve.picto, #jexplore.picto, #parents.picto { background-repeat: no-repeat; background-position: right top; }
.larubrique { color: rgb(255, 255, 255); font: bold 160% "Trebuchet MS",Verdana,sans-serif; background: url('fond_rub.png') no-repeat scroll 45px bottom transparent; height: 60px; margin-bottom: 0pt; margin-right: 0pt; }
.rubrique span, .larubrique span, .catalogue span, .jinvente span, .jimagine span, .jenquete span, .jobserve span, .jexplore span, .parents span { display: block; font: italic bold 60% Verdana,Arial,Helvetica,sans-serif; color: purple; margin-left: 8%; }
h2.rubrique img, h2.catalogue img { vertical-align: middle; }
#cliquez div.lestitres { font-size: 100%; margin: 1% 3%; padding: 2%; background: url('dotted_001.gif') repeat-x scroll left bottom transparent; }
#cliquez div.lestitres h3 { font-size: 130%; margin-top: 0pt; margin-bottom: 1%; padding-left: 6%; background: url('fleche.gif') no-repeat scroll left center transparent; }
#cliquez div.lestitres h3 span { display: block; font: italic 80% Verdana,Arial,sans-serif; color: purple; }
#cliquez div.lestitres img { float: right; margin-left: 0.8em; }
.retour { text-indent: -9000px; }
.retour a { display: block; height: 41px; width: auto; text-decoration: none; border: 0pt none; background: url('flecheretour.gif') no-repeat scroll right bottom transparent; }
.retour a:hover { text-decoration: none; background: url('fleche_on.gif') no-repeat scroll right bottom transparent; }
#cliquez ul { list-style: none outside url('puce.gif'); }
#cliquez li { margin-bottom: 1em; text-align: justify; }
#cliquez .gros { font: bold 110% "Trebuchet MS",Verdana,sans-serif; line-height: 1.4; }
#accroche { position: relative; float: left; margin-top: -8%; }
#page, #menu, #cliquez, #finfond, #debfond, .rubrique, #date {  }
#cliquez, #finfond, #debfond { margin: 0pt auto; padding: 0pt; width: 680px; }
#cliquez { padding: 0pt; background: transparent url('fond_cliquez.jpg') repeat-y scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-top: 4em; margin-bottom: 3%; text-align: left; }
#finfond { background: transparent url('fin_fon.jpg') no-repeat scroll left bottom; margin-top: 0pt; height: 2.5em; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#finfond p { text-align: right; margin-right: 5%; }
#finfond a, h2.rubrique a { background: transparent url('fleche2.gif') no-repeat scroll -0.5% 3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 1.8em; height: 1.8em; }
#debfond { background: transparent url('deb_fon.jpg') no-repeat scroll left top; height: 4em; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-bottom: 2%; }
#cliquez h2, #cliquez h3, #cliquez h4 { color: rgb(255, 255, 255); letter-spacing: normal; }
#cliquez h3 { border: 0pt none ; color: #92278f;
    margin: 1em 0;
     }
     .center { text-align: center; }
#cliquez p { margin: 0pt 4%; }
h3#date { text-align: right; color: purple; padding-right: 2.4%; font-family: "Trebuchet MS",Verdana,sans-serif; font-style: italic; font-variant: normal; font-weight: bold; font-size: 1.3em; font-size-adjust: none; font-stretch: normal; -x-system-font: none; line-height: 0.9em; }
h2 { margin-left: 0.9em; }
.rubrique, .jinvente, .jimagine, .jenquete, .jobserve, .jexplore, .parents { float: left; }
.jinvente, .jimagine, .jenquete, .jobserve, .jexplore, .parents { height: 165px; width: 180px; margin-top: 0.4%; padding-left: 1%; padding-right: 2%; color: rgb(255, 255, 255); }
.jinvente, #jinvente { background-image: url('invente.gif'); }
.jimagine, #jimagine { background-image: url('imagine.gif'); }
.jenquete, #jenquete { background-image: url('enquete.gif'); }
.jobserve, #jobserve { background-image: url('observe.gif'); }
.jexplore, #jexplore { background-image: url('explore.gif'); }
.parents { padding-top: 3em; height: auto; text-align: right; }
.jinvente, .jimagine, .jenquete, .jobserve, .jexplore, .parents { background-repeat: no-repeat; background-position: right bottom; }
h2.jinvente, h2.jimagine, h2.jenquete, h2.jobserve, h2.jexplore, h2.parents { font-size: 140%; }
.rubrique span, .larubrique span, .catalogue span, .jinvente span, .jimagine span, .jenquete span, .jobserve span, .jexplore span, .parents span { display: block; font-family: Verdana,Arial,Helvetica,sans-serif; font-style: italic; font-variant: normal; font-weight: bold; font-size: 60%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: purple; margin-left: 8%; }
#cliquez .gros { font-family: "Trebuchet MS",Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 110%; line-height: 1.4; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.center { text-align: center; }
a.noway { cursor: no-drop; }
.spip-admin-float { left: 35%; right: 45%; }
.spip-admin-float a.spip-admin-boutons { padding: .5em 1em;  }