/* CORPS ET POLICES */
/*==================*/

body
{
background-image:url("../images/deco/fond.png");background-attachment:fixed;
font-family:"calibri";color:#DDD;font-size:0;
min-width:532px;
}

h1,h2,h3,p{margin:0;margin-bottom:3px;letter-spacing:1px;} /* margin-bottom:6px */
h1,h2,h3{color:yellow;}
h1{font-size:18px;line-height:16px;}
h2{font-size:18px;line-height:16px;}
h3{font-size:14px;line-height:16px;}
p{font-size:14px;line-height:16px;}
.serre{font-size:12px;line-height:16px;color:white;letter-spacing:0;font-weight:normal;}				/* pour long titre (cubes) */
.petit{font-size:12px;line-height:14px;color:darkgrey;letter-spacing:1px;font-weight:normal;}			/* pour légendes (images) */
.reduit{font-size:12px;line-height:14px;letter-spacing:1px;font-weight:normal;}							/* pour téléchargement (vidéos) */

.centre{text-align:center;}
.centre-margebas{text-align:center;margin-bottom:6px;}
.centre-margehaut{text-align:center;margin-top:6px;}

.margezero{margin-top:0;margin-bottom:0;}
.margehaut{margin-top:6px;margin-bottom:0;}
.margebas{margin-top:0;margin-bottom:6px;}
.margehautbas{margin-top:6px;margin-bottom:6px;}

.texte-menu-1{color:yellow;font-weight:bold;margin:0;padding:0;letter-spacing:1px;font-size:18px;line-height:16px;}
.texte-menu-2{color:yellow;font-weight:bold;margin:0;padding:0;letter-spacing:1px;font-size:14px;line-height:16px;}

.blanc{color:white;}
.jaune{color:yellow;}
.vert{color:lime;}
.rouge{color:#FF2222;}
.gris{color:darkgrey;}
.nouveau{color:#FF00FF;font-weight:bold}
.fondrouge{background-color:#DD0000;}

code{font-size:14px;font-family:courier new;color:white;line-height:14px;margin:0;padding:0;letter-spacing:0;}

img{margin:0;}
img:hover{opacity:0.5;}
img.non-cliquable:hover{opacity:1;}

a:link,a:active,a:visited{text-decoration:none;color:orange;}
a:hover{text-decoration:underline;color:yellow;}

.texte-navigation-1{font-size:18px;line-height:16px;font-weight:bold;padding:0;letter-spacing:1px;}
.texte-navigation-2{font-size:14px;line-height:16px;font-weight:bold;padding:0;letter-spacing:1px;}

/* BARRES */
/*========*/

.barre-banniere
{
margin-top:0;margin-bottom:0;margin-left:10px;margin-right:10px;
display:flex;justify-content:center;
}

.barre-navigation
{
background-color:#333333;
text-align:left;
margin-top:6px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:5px;
border-style:solid;border-width:2px;border-color:#AAA;
box-shadow:6px 6px 6px black;
}

.barre-menu
{
background-color:#444444;
text-align:justify;
margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;
padding:6px;
border-style:solid;border-width:1px;border-color:#AAA;
box-shadow:6px 6px 6px black;
}

.barre-menu-clair
{
background-color:#555555;
text-align:justify;
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
border-style:solid;border-width:1px;border-color:#AAA;
box-shadow:6px 6px 6px black;
}

.barre-indications
{
background-color:#444444;
text-align:center;
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
border-style:solid;border-width:1px;border-color:#AAA;
box-shadow:6px 6px 6px black;
}

.barre-bas
{
background-color:#333333;
text-align:center;
margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;
padding:5px;
border-style:solid;border-width:2px;border-color:#AAA;
box-shadow:6px 6px 6px black;
}

.panneaux
{
margin-left:10px;
margin-right:10px;
}	

@media (max-width: 784px){
.panneaux {display:none;}
}

/* CADRES */
/*========*/

.cadre-justifie
{
background-color:#555555;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
}

.cadre-justifie-2
{
background-color:#555555;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
}

.cadre-actu-1a
{
background-color:#555555;
min-height:89px;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
}

.cadre-actu-1b
{
background-color:#555555;
min-height:89px;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
opacity:0.5;
}

.cadre-actu-2a
{
background-color:#555555;
min-height:134px;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
}

.cadre-actu-2b
{
background-color:#555555;
min-height:134px;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
opacity:0.6;
}

.cadre-centre
{
background-color:#555555;
text-align:center;	
margin-top:10px;margin-bottom:0;margin-left:10px;margin-right:10px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;
}

.cadre-flexible-1
{
background-color:#555555;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:5px;margin-right:5px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;	
flex-basis:180px;flex-grow:1;
}

.cadre-flexible-2
{
background-color:#555555;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:5px;margin-right:5px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;	
flex-basis:180px;flex-grow:2;
}

.cadre-flexible-3
{
background-color:#555555;
text-align:justify;	
margin-top:10px;margin-bottom:0;margin-left:5px;margin-right:5px;
padding:6px;
padding-bottom:0;
border-style:solid;border-width:1px;border-color:#AAA;border-radius:12px;
box-shadow:6px 6px 6px black;	
flex-basis:180px;flex-grow:3;
}

.bloc-icone{width:38px;padding:0;margin:0;vertical-align:top}
.bloc-32{width:32px;padding:0;margin:0;}
.bloc-64{width:64px;padding:0;margin:0;}
.bloc-96{width:96px;padding:0;margin:0;}
.bloc-128{width:128px;padding:0;margin:0;}
.bloc-160{width:160px;padding:0;margin:0;}
.bloc-navigation{flex-basis:180px;flex-grow:1;padding:0 0 0 6px;color:darkgrey;}

/* PARTITIONS */
/*============*/

.cadres{margin:0 5px 0 5px;display:flex;flex-wrap:wrap;}

.zones{display:flex;flex-wrap:wrap;}
.zones-margebas{display:flex;flex-wrap:wrap;margin-bottom:6px;}

/* ZONES ET BOITES */
/*=================*/

.zone-justifie-margezero{text-align:justify;padding-top:0;padding-bottom:0;}
.zone-justifie-margehaut{text-align:justify;padding-top:6px;padding-bottom:0;}
.zone-justifie-margebas{text-align:justify;padding-top:0;padding-bottom:6px;}
.zone-justifie-margehautbas{text-align:justify;padding-top:6px;padding-bottom:6px;}

.zone-centre-margezero{text-align:center;padding-bottom:0;}
.zone-centre-margebas{text-align:center;padding-bottom:6px;}

.zone-images-margezero{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:0;margin-bottom:-6px;margin-left:-6px;margin-right:-6px;}
.zone-images-margehaut{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:6px;margin-bottom:-6px;margin-left:-6px;margin-right:-6px;}
.zone-images-margebas{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:0;margin-bottom:0;margin-left:-6px;margin-right:-6px;}
.zone-images-margehaut{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:6px;margin-bottom:-6px;margin-left:-6px;margin-right:-6px;}
.zone-images-margehautbas{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:6px;margin-bottom:0;margin-left:-6px;margin-right:-6px;}
.zone-images-centre{display:flex;flex-wrap:wrap;justify-content:center;margin-top:6px;margin-bottom:-6px;margin-left:-6px;margin-right:-6px;}

.zone-flexible-0{text-align:justify;flex-basis:120px;flex-grow:0;}
.zone-flexible-0-margebas{text-align:justify;flex-basis:120px;flex-grow:0;margin-bottom:6px;}
.zone-flexible-1{text-align:justify;flex-basis:120px;flex-grow:1;}
.zone-flexible-1-margedroite{text-align:justify;flex-basis:120px;flex-grow:1;margin-right:6px;}
.zone-flexible-2{text-align:justify;flex-basis:120px;flex-grow:2;}
.zone-flexible-3{text-align:justify;flex-basis:120px;flex-grow:3;}

.zone-flexible-4axes{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_4axes.gif");}
.zone-flexible-nxn{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_nxn.gif");}
.zone-flexible-cubo{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_cubo.gif");}
.zone-flexible-8axes{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_8axes.gif");}
.zone-flexible-12axes{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_12axes.gif");}
.zone-flexible-20axes{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_20axes.gif");}
.zone-flexible-sq1{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_sq1.gif");}
.zone-flexible-mods{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_mods.gif");}
.zone-flexible-defis{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_defis.gif");}
.zone-flexible-apropos{text-align:justify;flex-basis:160px;flex-grow:0;min-height:120px;background-image:url("../images/crea/cubes/fresque/cubes_apropos.gif");}

.zone-flexible-margegauche{text-align:justify;flex-basis:140px;flex-grow:1;margin-left:6px}
.zone-flexible-margedroite{text-align:justify;flex-basis:140px;flex-grow:1;margin-right:6px}

.image-480{width:480px;}
.image-320{width:320px;}
.image-160{width:160px;}
.image-120{width:120px;}
.image-64{width:64px;}

.flottant-gauche {float:left;padding-right:6px;}
.flottant-droite {float:right;padding-left:6px;}

.boite-image-320{width:320px;margin-top:0;margin-left:6px;margin-right:6px;margin-bottom:6px;text-align:center;}
.boite-image-240{width:200px;margin-top:0;margin-left:6px;margin-right:6px;margin-bottom:6px;padding-bottom:6px;text-align:center;}
.boite-image-160{width:160px;margin-top:0;margin-left:6px;margin-right:6px;margin-bottom:6px;text-align:center;}
.boite-image{margin-top;0;margin-left:6px;margin-right:6px;margin-bottom:6px;text-align:center;}
.boite-image-margedroite{margin-top;0;margin-right:6px;margin-bottom:6px;text-align:center;}
.boite-image-margegauche{margin-top;0;margin-left:6px;margin-bottom:6px;text-align:center;}

figure{margin:0px;padding:0px;text-align:center;}
figcaption{margin-bottom:3px;margin-top:0;padding:0;font-size:14px;font-weight:normal;text-align:center;color:darkgray;}

/* TABLEAUX */
/*==========*/

table{margin:0;padding:0;border-collapse:collapse;}
td,th{margin:0;padding:0;}
th{font-weight:normal;padding-right:12px;vertical-align:top;}
.bordgauche{vertical-align:top;padding-left:12px;}

iframe{border:0;}