@charset "UTF-8";
/* CSS Document */

/* POSITION DES GRANDS ENSEMBLES */

body { background: url(images/nuages.jpg); font: 12px Tahoma, Geneva, sans-serif; text-decoration: none; } /* le fond de ciel*/

/*boite principale ==>*/ #main { position: relative; margin: 0 auto; margin-top: 5%; height:699px; width: 976px; background: #FFF; }

#header { height:140px; width: 976px; background: url(images/header.png); }
#account { background: #FFF; position: absolute; right: 0px; top: 0px; width: 296px; height: 30px; }

#up { height:40px; width: 976px; }

#menu { position: relative; height:430px; width: 200px; top: 20px; margin-bottom: 48px; font-weight: bold; }

#bigbox { position:absolute; top: 204px; right: 0px; height:402px; width: 266px; background: #03C; text-align: center; padding: 20px 10px 10px; }

#bottom { height:42px; width: 976px; }

/*contenant ce qui change dans la page ==>*/#content { position: absolute; left: 238px; top: 204px; background: #FFF; height:auto; width: 438px; }

.box { display : inline-block; height:203px; width: 202px; background: #F90; margin-right:15px; margin-bottom: 20px; }


/* PAGE ACCUEIL */

#accueil { position: absolute; left: 238px; top: 204px; background:url(images/accueil.png) no-repeat center top; height:424px; width: 684px; }

#accueil p { position : relative; top: 376px; font-style: italic; color: #666; text-align: center; font-size: 16px; }


/* A L'INTÉRIEUR DES GRANDS ENSEMBLES */

#up, #bottom { background: url(images/up-bottom.png);  }

#up a, #bottom a { display : inline-block; width: 124px; height:29px; text-align: center; vertical-align: middle; padding-top: 11px; text-decoration: none; color: #333; border-right: thin solid #FFF; margin: 0px; }

#up a:hover, #bottom a:hover { background: url(images/up-bottom-ahover.png) repeat-x;}

#panier { float: right; border-left: thin solid #FFF; }
#panier img { position:relative; float: right; top: -8px; right: 2px; margin: 0px; }


#menu a { display:block; width: 195px; height: 32px; margin-bottom: 4px; padding: 11px 8px 2px 12px; background: url(images/menu.png) no-repeat; text-decoration: none; color: #FFF; }
#menu a:hover { background: url(images/menuhover.png) no-repeat; }

#bigbox img { width: 206px; height:300px; background: #FFF; }