@import 'typo.css'; /* tailles et couleurs et police des textes*/
@import 'forms.css'; /* look les éléments de formulaire */

* {margin:0; padding:0}
body {background-color:#000; text-align:center; margin:0}
#page, #page1, #page2, #page3 {margin: 1% auto 0 auto; width:850px; height:654px}
#page {background:#000 url(../gfx/f-base.jpg) center top no-repeat}
#page1, #page2, #page3 {background:#000 url(../gfx/f-base1.jpg) center top no-repeat}

/* BOITES FLOTTANTES */
.top.right {background:#000 url(../gfx/illu-topright.jpg) center center no-repeat}
.top.center {background:#000 url(../gfx/illu-topcenter.jpg) center center no-repeat}
.top.left {background:#000 url(../gfx/illu-topleft.jpg) center center no-repeat}
.bottom.right {background:#000 url(../gfx/illu-bottomright.jpg) center center no-repeat}
.bottom.center {background:#000 url(../gfx/illu-bottomcenter.jpg) center center no-repeat}
.bottom.left {background:#000 url(../gfx/illu-bottomleft.jpg) center center no-repeat}
.middle.center {background:#000 url(../gfx/logo-centre.jpg) center center no-repeat}

.top.centerbig.img	{background:#000 url(../gfx/illu-top-big.jpg) center center no-repeat}
.top.rightbig.img1	{background:#000 url(../gfx/illu-top1-big.jpg) center center no-repeat}
.top.centerbig.img2	{background:#000 url(../gfx/illu-top2-big.jpg) center center no-repeat}
.top.centerbig.img3	{background:#000 url(../gfx/illu-top3-big.jpg) center center no-repeat}
.top.centerbig.img4	{background:#000 url(../gfx/illu-top4-big.jpg) center center no-repeat}
.top.centerbig.img5	{background:#000 url(../gfx/illu-top5-big.jpg) center center no-repeat}/*
.top.centerbig.img5	{background:#000 url(../gfx/illu-top9-big.jpg) center center no-repeat}*/
.top.rightbig.img6	{background:#000 url(../gfx/illu-top6-big.jpg) center center no-repeat}
.top.rightbig.img7	{background:#000 url(../gfx/illu-top7-big.jpg) center center no-repeat}
.top.rightbig.img8	{background:#000 url(../gfx/illu-top8-big.jpg) center center no-repeat}
.top.rightbig.img9	{background:#000 url(../gfx/illu-top9-big.jpg) center center no-repeat}

.bottom.big.img		{background:#000 url(../gfx/illu-bottom-big.jpg) center center no-repeat}
.bottom.big.img1	{background:#000 url(../gfx/illu-bottom1-big.jpg) top left no-repeat}
.bottom.big.img2 	{background:#000 url(../gfx/illu-bottom2-big.jpg) center center no-repeat}
.bottom.big.img3 	{background:#000 url(../gfx/illu-bottom3-big.jpg) center center no-repeat}
.bottom.big.img4 	{background:#000 url(../gfx/illu-bottom4-big.jpg) center center no-repeat}

#page1 .middle.center, #page1 .bottom.big {background:transparent}
#page2 .middle.center, #page2 .top.centerbig, #page2 .top.rightbig {background:transparent}
#page3 .middle.center, #page3 .top.rightbig {background:transparent}

.top {height:208px}
.middle {height:234px; margin:2px 0}
.bottom {height:208px}

.left {float:left; width:275px; text-align:left}
.right {float:right; width:275px; text-align:right}
.center {float:left; width:296px; text-align:left; margin-left:2px}

.centerbig, .rightbig {float:left; width:573px; margin-left:2px; text-align:left; overflow:visible}
.big {float:left; width:573px; text-align:left}

#copy, #url {color:#999; padding-top:5px; margin:0; font-size:11px}
#copy {float:right; width:300px}
#url {float:left; margin-left:30px}

/* Marges éléments dans boites flottantes*/
ul {margin-bottom:0}
.left h2, .left ul {margin-left:48px}
.right h2, .right ul {margin-right:36px}
.left p, .leftbig p, .right p, .center p, .centerbig p {margin:6px 10px 12px 10px}
.center ul {margin: 0 10px 12px 20px; padding-left: 20px}
.center h2, .center h3, .center h4 {margin:6px 10px 6px 10px}
.centerbig h2 , .centerbig h3 , .centerbig h4 {margin:25px 10px 6px 10px}
.top h2, .bottom h2 {margin-top:50px}
.middle.left h2, .middle.right h2 {margin-top:50px}


/* Navigation */
ul.nav {font-weight:bold}
.left .nav li.active {background: url(../gfx/puce.gif) center left no-repeat}
.right .nav li.active {background: url(../gfx/puce.gif) center right no-repeat}
.nav li.active {background: url(../gfx/puce.gif) center left}
.nav li {margin:0 0 0 -14px; padding:2px 14px 3px 14px; list-style-image:none; list-style:none; line-height:120%}
.nav a {text-decoration:none}
.nav a:hover {font-style:italic}
/*ul.level2 {margin:0 20px 0 0; padding:0}*/


/* DIVERS */
img.logobottom {width:121px; height:53px; border:0; float:left; margin:0 10px 155px 40px}
img.logotop {width:121px; height:53px; border:0; float:right; margin:155px 40px 0 10px}
.imgright {float:right; margin: 0 0 0 10px; border:none}
.imgleft {float:left; margin:0 10px 0 0 0; border:none}
.printonly {display:none; visibility:hidden} /* ce qui ne doit être vu qu'à l'impression (logo bleu sur fond blanc) */
hr {clear:both}

/*Social Media*/
#sm {padding:6px 50px 0 0; font-size:10px; line-height:16px}
#sm img {border:0; margin:0 0 0 5px}

/* 
body {
scrollbar-face-color: #7189AB;
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #FFF;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #94A9CA;
scrollbar-arrow-color: #FC0;
} /* barre de défilment dans la zone #content IE seulement */