body {
padding:0;
margin:0;
font-size : 12px;
font-style: normal;
font-size-adjust:0.58;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
letter-spacing normal;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #FFFFFF;
scrollbar-dark-shadow-color: #686880;
scrollbar-track-color: #686880;
scrollbar-face-color: #686880;
scrollbar-shadow-color: #686880;
scrollbar-highlight-color: #686880;
scrollbar-3d-light-color: #686880; 
}

/*WORLD WORLD WORLD WORLD WORLD WORLD WORLD WORLD*/
#world {
padding:0;
margin:0;
position:relative;
display:block;
float:center;
background-repeat:no-repeat;
background-position:875px 60px;
height: 768px;
}
#world.rub0 {
background-color:#aecdeb;
background-image:url(images/logoweb-som.png);
}
#world.rub1 {
background-color:#328028;
background-image:url(images/logoweb-i.png);
}
#world.rub15 {
background-color:#81007f;
background-image:url(images/logoweb-l.png);
}
#world.rub7 {
background-color:#0200ab;
background-image:url(images/logoweb-t.png);
}
#world.rub17 {
background-color:#1aa1a4;
background-image:url(images/logoweb-s.png);
}
#world.rub16 {
background-color:#f39e0d;
background-image:url(images/logoweb-a.png);
}
#world.rub8 {
background-color:#963200;
background-image:url(images/logoweb-r.png);
}
#world.rub2 {
background-color:#a00000;
background-image:url(images/logoweb-f.png);
}

/*BOX BOX BOX BOX BOX BOX BOX BOX BOX BOX BOX BOX */
#box {
display:block;
position:absolute;
float:none;
z-index:1;
width: 825px;
height:520px;
top:60px;
left:50px;
background-color:#686880;
background-image:url(images/backbox2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
#box.rub8 {
background-image:url(images/back_ressources.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
#box.rub8-allume {
background-image:url(images/back_ressources_allume.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#box.rub1 {
background-image:url(images/back_infos.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
#box.rub11 {
background-image:url(images/back_infosup.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#box.rub17 {
background-image:url(images/scolaires-back.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

#box.rub2 {
background-image:url(images/back_formations.jpg);
background-repeat:no-repeat;
background-position: 0 0;

}
#box.rub0 {
background-image:url(images/back_accueil.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}
#box.rub16 {
background-image:url(images/back_ateliers_adultes.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}
#box.rubenfants {
background-image:url(images/back_ateliers_enfants.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}
#box.rub15 {
background-image:url(images/back_lettre.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}
/*WHITEBOX WHITEBOX WHITEBOX WHITEBOX WHITEBOX visible block blanc qui bouge pas */
#whitebox {
float:none;
display:block;
position:absolute;
z-index:+2;
background-color:white;
height:270px;
width: 270px;
top:110px;
left:50px;
background-image:url(images/boxback.jpg);
background-repeat:no-repeat;
background-position:270px 0px;
}
#whitebox.rub1 {
background-image:url(images/info_filler.jpg);
background-repeat:no-repeat;
background-position:0px 20px;
}
#whitebox.rub16 {
background-image:url(images/atelier_filler2.JPG);
background-repeat:no-repeat;
background-position:0px 0px;
}
#whitebox.rub17 {
background-image:url(images/scolaires_filler.JPG);
background-repeat:no-repeat;
background-position:0px 0px;
}
#whitebox.rub15 {
background-image:url(images/back_lettre.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
#whitebox.rub7 {
background-image:url(images/traverse_filler.JPG);
background-repeat:no-repeat;
background-position:0px 0px;
}
#whitebox.rub8 {
background-image:url(images/ressources_filler.JPG);
background-repeat:no-repeat;
background-position:0px 0px;
}
/*MENU PRINCIPAL-MENU PRINCIPAL-MENU PRINCIPAL-MENU PRINCIPAL-MENU PRINCIPAL */

/*placement general et taille de la boite du menu*/
ul#menuprincipal {
border-width:0;
padding:0;
margin:0;
display:block;
float:none;
position:absolute;
z-index:6;
top:30px;
left:140px;
width:720px;
list-style-type:none;
}

/*Les elements de la liste sont empiles horizontalement*/
ul#menuprincipal li {
float:left;
display:block;
padding:0;
margin:0;
width:90px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 20px;
}

/*Largeeur et comportement des elements li*/
ul#menuprincipal li a {
padding:0;
margin:0;
border:0;
display:block;
float:left;   
color:white;
text-decoration:none;
background-repeat:no-repeat;
background-position:0px 0px;
text-align:center;
font-weight:bold;
font-size:13px;
font-size-adjust:0.58;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 20px;
width:90px;
}
/*Pour le SOMMAIRE SOMMAIRE  SOMMMAIRE*/
ul#menuprincipal.men_princ_som li a{
height:120px;
}
/*Pour TOUTES LES AUTRES SQUELETTES*/
ul#menuprincipal.men_princ_rub li a {
height:100px;
}
/*FIN--FIN*/

/*couleurs de tous les elements dans TOUTES LES SQUELETTES*/
/*accueil*/
ul#menuprincipal li#accueil {
background-color:transparent;
}

ul#menuprincipal li#accueil a {

background-color:#e34b02;
height:120px;
}
ul#menuprincipal li#accueil a:hover {
background-color:#f56D14;
height:120px;
}
/*traverse*/
ul#menuprincipal li#galerie a {
background-color:#0100AA;
height:120px;
}
ul#menuprincipal li#galerie a:hover {
background-color:#0200DD;
height:120px;
}
/*ateliers*/
ul#menuprincipal li#ateliers a {
background-color:#efa10a;
}
ul#menuprincipal li#ateliers a:hover {
background-color:#ffd32D;
} 
/*formations*/
ul#menuprincipal li#formation a {
background-color:#A00000;
}
ul#menuprincipal li#formation a:hover {
background-color:#C00000;
} 
/*centre de ressources*/
ul#menuprincipal li#ressources a {
background-color:#963100;
}
ul#menuprincipal li#ressources a:hover {
background-color:#B85322;
}
/*association*/
ul#menuprincipal li#asso a { 
background-color:#328028;
}
ul#menuprincipal li#asso a:hover {
background-color:#54A24A;
} 
/*scolaires*/
ul#menuprincipal li#revue a {
background-color:#19A1A3;
}
ul#menuprincipal li#revue a:hover {
background-color:#1BC3C5;
} 
/*lezat*/
ul#menuprincipal li#lezat a {
background-color:#800080;
}
ul#menuprincipal li#lezat a:hover {
background-color:#A000A0;
}   
/*FIN- couleurs de tous les elements dans TOUTES LES SQUELETTES -FIN*/

/*Tous les sources des images du menu principal*/
/*Pour le SOMMAIRE SOMMAIRE  SOMMMAIRE*/
/*accueil*/
ul#menuprincipal li#accueil a.men_princ_som {
background-image:url(images/accueil.jpg);
}
ul#menuprincipal li#accueil a.men_princ_som:hover {
background-image:url(images/imagesclair100/accueil.jpg);
}
/*traverse*/
ul#menuprincipal li#galerie a.men_princ_som {
background-image:url(images/bouton.jpg);
}
ul#menuprincipal li#galerie a.men_princ_som:hover {
background-image:url(images/imagesclair100/bouton.jpg);
}
/*ateliers*/
ul#menuprincipal li#ateliers a.men_princ_som {
background-image:url(images/ateliers.JPG);
}
ul#menuprincipal li#ateliers a.men_princ_som:hover {
background-image:url(images/imagesclair100/ateliers.JPG);
} 
/*formations*/
ul#menuprincipal li#formation a.men_princ_som {
background-image:url(images/formation.jpg);
}
ul#menuprincipal li#formation a.men_princ_som:hover {
background-image:url(images/imagesclair100/formation.jpg);
} 
/*centre de ressources*/
ul#menuprincipal li#ressources a.men_princ_som {
background-image:url(images/centre.JPG);;
}
ul#menuprincipal li#ressources a.men_princ_som:hover {
background-image:url(images/imagesclair100/centre.JPG);
}
/*association*/
ul#menuprincipal li#asso a.men_princ_som { 
background-image:url(images/lezat.JPG);
}
ul#menuprincipal li#asso a.men_princ_som:hover {
background-image:url(images/imagesclair100/lezat.JPG);
} 
/*scolaires*/
ul#menuprincipal li#revue a.men_princ_som {
background-image:url(images/imagesclair100/revu.jpg);
}
ul#menuprincipal li#revue a.men_princ_som:hover {
background-image:url(images/revu.jpg);
} 
/*lezat*/
ul#menuprincipal li#lezat a.men_princ_som {
background-image:url(images/lezat2.JPG);
}
ul#menuprincipal li#lezat a.men_princ_som:hover {
background-image:url(images/imagesclair100/lezat2.JPG);
} 
/*Pour TOUTES LES AUTRES SQUELETTES*/
/*accueil*/
ul#menuprincipal li#accueil a.men_princ_rub {
background-image:url(images/imagesdark90/accueil.jpg);
background-color:#331100;
}
ul#menuprincipal li#accueil a.men_princ_rub:hover {
background-image:url(images/images90/accueil.jpg);
background-color:#f56D14;
}
/*traverse*/
ul#menuprincipal li#galerie a.men_princ_rub {
background-image:url(images/imagesdark90/bouton.jpg);
background-color:#000033;
}
ul#menuprincipal li#galerie a.men_princ_rub:hover {
background-image:url(images/bouton.jpg);
background-color:#0200DD;
}

/*traverse pour la rubrique ateliers*/
ul#menuprincipal li#galerie.rubateliers a.men_princ_rub {
background-image:url(images/bouton90dark.jpg);
background-color:#000033;
height:100px;
}
ul#menuprincipal li#galerie.rubateliers a.men_princ_rub:hover {
background-image:url(images/bouton90high.jpg);
background-color:#0000DD;
height:100px;
}
/*ateliers*/
ul#menuprincipal li#ateliers a.men_princ_rub {
background-image:url(images/imagesdark90/ateliers.JPG);
background-color:#332203;
}
ul#menuprincipal li#ateliers a.men_princ_rub:hover {
background-image:url(images/images90/ateliers.JPG);
background-color:#FED11F;
} 
/*formations*/
ul#menuprincipal li#formation a.men_princ_rub {
background-image:url(images/imagesdark90/formation.jpg);
background-color:#330000;
}
ul#menuprincipal li#formation a.men_princ_rub:hover {
background-image:url(images/images90/formation.jpg);
background-color:#C00000;
} 
/*centre de ressources*/
ul#menuprincipal li#ressources a.men_princ_rub {
background-image:url(images/imagesdark90/centre.JPG);
background-color:#331103;
}
ul#menuprincipal li#ressources a.men_princ_rub:hover {
background-image:url(images/images90/centre.JPG);
background-color:#B85322;
}
/*association*/
ul#menuprincipal li#asso a.men_princ_rub { 
background-image:url(images/imagesdark90/lezat.JPG);
background-color:#113311;
}
ul#menuprincipal li#asso a.men_princ_rub:hover {
background-image:url(images/images90/lezat.JPG);
background-color:#54A24A;
} 
/*scolaires*/
ul#menuprincipal li#revue a.men_princ_rub {
background-image:url(images/imagesdark90/revu.jpg);
background-color:black;
}
ul#menuprincipal li#revue a.men_princ_rub:hover {
background-image:url(images/images90/revu.jpg);
background-color:#1BC3C5;
} 
/*lezat*/
ul#menuprincipal li#lezat a.men_princ_rub {
background-image:url(images/imagesdark90/lezat2.JPG);
background-color:black;
}
ul#menuprincipal li#lezat a.men_princ_rub:hover {
background-image:url(images/images90/lezat2.JPG);
background-color:#A000A0;
} 
/*FIN- Pour TOUTES LES AUTRES SQUELETTES -FIN*/

/*Pour TOUTES LES AUTRES SQUELETTES en tant que rubrique choisie HIGHLIGHT*/

/*traverse*/
ul#menuprincipal li#galerie a.men-princ-highlight {
background-image:url(images/images90/bouton.jpg);
}
ul#menuprincipal li#galerie a.men-princ-highlight:hover {
background-image:url(images/imagesclair100/bouton.jpg);
}
/*ateliers*/
ul#menuprincipal li#ateliers a.men-princ-highlight {
background-image:url(images/images90/ateliers.JPG);
}
ul#menuprincipal li#ateliers a.men-princ-highlight:hover {
background-image:url(images/images90/ateliers.JPG);
} 
/*formations*/
ul#menuprincipal li#formation a.men-princ-highlight {
background-image:url(images/images90/formation.jpg);
}
ul#menuprincipal li#formation a.men-princ-highlight:hover {
background-image:url(images/images90/formation.jpg);
} 
/*centre de ressources*/
ul#menuprincipal li#ressources a.men-princ-highlight {
background-image:url(images/images90/centre.JPG);;
}
ul#menuprincipal li#ressources a.men-princ-highlight:hover {
background-image:url(images/images90/centre.JPG);
}
/*association*/
ul#menuprincipal li#asso a.men-princ-highlight { 
background-image:url(images/images90/lezat.JPG);
}
ul#menuprincipal li#asso a.men-princ-highlight:hover {
background-image:url(images/images90/lezat.JPG);
} 
/*scolaires*/
ul#menuprincipal li#revue a.men-princ-highlight {
background-image:url(images/images90/revu.jpg);
}
ul#menuprincipal li#revue a.men-princ-highlight:hover {
background-image:url(images/images90/revu-high.jpg);
} 
/*lezat*/
ul#menuprincipal li#lezat a.men-princ-highlight {
background-image:url(images/images90/lezat2.JPG);
}
ul#menuprincipal li#lezat a.men-princ-highlight:hover {
background-image:url(images/images90/lezat2.JPG);
} 
/*FIN-Tous les sources des images du menu principal -FIN*/
/*FIN MENU PRINCIPAL-MENU PRINCIPAL-MENU PRINCIPAL-MENU PRINCIPAL -FIN-MENU PRINCIPAL -FIN-MENU PRINCIPAL -FIN*/



#menu-deroulant {
display:block;
float:none;
position:absolute;
padding:0;
margin:0;
z-index:8;
top:130px;
left:320px;
width:540px;
border-width:0;
font-size:12px;
}

#menu-deroulant.rubateliers {
left:230px;
width:630px;
}

/*pour tous les sous-menus principaux*/
#rub {
display:block;
float:none;
position:absolute;
padding:0;
margin:0;
z-index:8;
top:130px;
left:320px;
height:20px;
width:540px;
border-width:0;
line-height:20px;
}

/*Précisions pour tous les rubriques*/
#rub a {
display:block;
float:left;
z-index:9;
height:20px;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:0;
padding-left:10px;
padding-right:5px;
}

/*pour les sous-menus principaux selon leurs branche*/
/*Rubrique 1 association*/
#rub.rubrique1 {
background-color:#A9F79F;
}
#rub.rubrique1 a {
background-color:#A9F79F;
color:#328028;
font-weight:normal;
}
#rub.rubrique1 a:hover {
background-color:white;
}
/*Rubrique 15 Lezat*/
#rub.rubrique15 {
background-color:#FFAAFA;
}
#rub.rubrique15 a {
background-color:#FFAAFA;
color:#800080;
font-weight:normal;
}
#rub.rubrique15 a:hover {
background-color:white;
}




/*Boite d'a&ffichage transparent et boite du contenu et les ecritures */
#menuboite {
float:none;
display:block;
position:absolute;
z-index:+3;
background-color:transparent;
min-height:270px;
width: 270px;
top:130px;
left:50px;
text-align:left;
line-height:20px;
padding:0;
margin:0;
border-width:0;
background-image:none;
}
/* for Internet Explorer */
/*\*/
* html #menuboite {
height: 270px;
}
/*comme la taille dans la rubrique formation est très variable : elle est blanche*/
#world.rub2 #menuboite {
background-color:white;
}

#menuboite.sommaire {
background-image:none;
background-repeat:no-repeat;
background-position:0px 80px;
}
/*boite à texte dans la boite d'affichage*/
#menu {
display:block;
float:right;
background-color:transparent;
width: 250px;
margin:0;
padding:0;
line-height:20px;
margin-right: 10px;
margin-top:35px;
margin-bottom:10px;
text-align:right;
border-width:0;
font-size:13px;
letter-spacing:1px;
}

#menu.aveccadre {
width: 220px;
margin-top:0px;
margin-right: 28px;
}
#logoplace {
float:left;
display:block;
z-index:+6;
background-color:transparent;
width: 270px;
padding:0;
margin:0;
border-width:0;
line-height:20px;
}


#portoplace {
float:none;
display:block;
position:absolute;
z-index:+7;
background-color:transparent;
width: 270px;
top:270px;
left:40px;
padding:0;
margin:0;
border-width:0;
}

#contenu {
display:block;
position:absolute;
float:none;
z-index:3;
width: 450px;
height:370px;
overflow:auto;
top:165px;
left:385px;
background-color:transparent;
padding:0;
margin:0;
color:white;
text-align:left;
font-size:13px;
letter-spacing:1px;
}

#menu h1 {
font-family: arial, sans-serif;
font-size : 18px; 
font-weight: 300;
color:#686880;
letter-spacing:1px;
}

#contenu h1 {
font-family: arial, sans-serif;
font-size : 18px; 
font-weight: 300;
color:white;
letter-spacing:1px;
}

#contenu span.h4 {
font-family: arial, sans-serif;
font-size:16px;
letter-spacing:1px;
}

a {
text-decoration:none;
font-weight:normal;
border: 0;
}

a img {border:none;}
a:hover {border:none;}

/*couleurs des liens selon chaque rubrique*/
/*sommaire*/
#contenu.rub0 a {
color:#DDDDDD;}

#contenu.rub0 a:hover {
background-color:#DDDDDD;
color:#686880;
}

/*rubrique1 association vert*/
#menu.rub1 a {
color:#328028;
}
#menu.rub1 a:hover {
background-color:#A9F79F;
color:#328028;
}
#contenu.rub1 a {
color:#A9F79F;
}
#contenu.rub1 a:hover {
background-color:#A9F79F;
color:#328028;
}
#logoplace.rub1 a {
color:#328028;
}
#logoplace.rub1 a:hover {
background-color:#A9F79F;
color:#328028;
}

/*rubrique7 galerie bleu*/
#menu.rub7 a {
color:#99AAFF;
}
#menu.rub7 a:hover {
background-color:#99AAFF;
color:#0000BB;
}
#contenu.rub7 a {
color:#99AAFF;
}
#contenu.rub7 a:hover {
background-color:#99AAFF;
color:#0000BB;
}


/*rubrique17 scolaires vert-bleu*/
#menu.rub17 a {
color:#028B90;
}
#menu.rub17 a:hover {
background-color:#BEFFF9;
color:#028B90;
}
#logoplace.rub17 a:hover {
background-color:#BEFFF9;
color:#028B90;
}
#logoplace.rub17 a {
color:#BEFFF9;
}
#contenu.rub17 a {
color:#BEFFF9;
}
#contenu.rub17 a:hover {
background-color:#BEFFF9;
color:#028B90;
}
/*rubrique15 Lezat violet*/
#menu.rub15 a {
color:#800080;
}
#menu.rub15 a:hover {
background-color:#FFAAFA;
color:#800080;
}
#contenu.rub15 a {
color:#FFAAFA;
}
#contenu.rub15 a:hover {
background-color:#FFAAFA;
color:#800080;
}

/*rubrique8 ressources brun*/
#menu.rub8 a {
color:#741000;
}
#menu.rub8 a:hover {
background-color:#FC9766;
color: #741000;
}
#contenu.rub8 a {
color:#FC9766;
}
#contenu.rub8 a:hover {
background-color:#FC9766;
color: #741000;
}
/*rubrique16 ateliers jaune*/
#menu.rub16 a {
color:#876008;
}
#menu.rub16 a:hover {
background-color: #FFE99F;
color: #876008;
}
#contenu.rub16 a {
color:#FFE99F;
}
#contenu.rub16 a:hover {
background-color: #FFE99F;
color: #876008;
}
#logoplace.rub16 a {
color:#FFE99F;
}
#logoplace.rub16 a:hover {
background-color: #FFE99F;
color: #876008;
}

/*rubrique2 formations rouge*/
#menu.rub2 a {
color:#A00000;
}
#menu.rub2 a:hover {
background-color: #FFAAAA;
color: #A00000;
}
#contenu.rub2 a {
color:#FFAAAA;
}
#contenu.rub2 a:hover {
background-color: #FFAAAA;
color: #A00000;
}

#contenu a.bleu {
background-color:#0000BB;
color:white;}
#contenu a.bleu:hover {
background-color:#99AAFF;
color:#0000BB;
}

#contenu a.bleuvert {
background-color:#028B90;
color:white;}
#contenu a.bleuvert:hover {
background-color:#BEFFF9;
color:#028B90;
}

#contenu a.jaune {
background-color:#BB800A;
color:white;}
#contenu a.jaune:hover {
background-color: #FFE99F;
color: #876008;
}

#contenu a.rouge{
background-color:#A00000;
color:white; }
#contenu a.rouge:hover {
background-color: #FFAAAA;
color: #A00000;
}

#contenu a.brun {
background-color:#741000;
color:white;}
#contenu a.brun:hover {
background-color:#FC9766;
color: #741000;
}

#contenu a.violet {
background-color:#800080;
color:white;}
#contenu a.violet:hover {
background-color:#FFAAFA;
color:#800080;
}

table {
border-width:1px;
border-style:solid;
border-color:black;
padding:5px;
margin:0;
font-family: Arial, sans-serif;
font-size : 12px;
font-size-adjust:0.58;
font-style: normal;
font-weight:normal;
color:white;
letter-spacing:1px;
}

img { border: 0;}