body { margin:10px auto; text-align:center; font-family:Arial, Verdana, sans-serif; background-color:black; }
img { border:0; }
#chargement { background:#000; z-index:999; padding:260px 0; }
#chargement,#construction { color:#fff; text-align:center; width:100%; line-height:3em; font-size:11px; position:absolute; }
* html #chargement { width:95%; left:0; }
#construction { z-index:1000; }
#atome { z-index:1000; width:15px; height:15px; position:absolute; top:552px; left:7px; }

/*le conteneur principal*/
#container { width:900px; height:550px; padding:11px 12px; margin:0 auto; background:url(resources/fond.gif) top left no-repeat; position:relative; }

#bandeau { position: absolute; right: 13px; top: 11px; z-index: 9999; }
#bandeau a img { border-width: 0px; }

/*menu*/
#menu { width:219px; float:left; margin-top:130px; text-align:left; }
#trucbien { list-style-type:none; margin:0; padding:0; }
#trucbien li { margin:15px 13px; padding:0; }
#accueil,#contact,#news,#show,#video,#presentation { width:163px; height:25px; }
#damien { width:200px; height:25px; }
#damien a { background:url(resources/damien.gif) no-repeat center bottom; }
#accueil a,.accueil { background:url(resources/accueil.gif) no-repeat center bottom; }
#contact a,.contact { background:url(resources/contact.gif) no-repeat center bottom; }
#news a,.news { background:url(resources/news.gif) no-repeat center bottom; }
#show a,.show { background:url(resources/show.gif) no-repeat center bottom; }
#video a,.video { background:url(resources/video.gif) no-repeat center bottom; }
#presentation a,.presentation { background:url(resources/presentation.gif) no-repeat center bottom; }
#accueil a,#contact a,#news a,#show a,#video a,#presentation a,#damien a { width:100%; height:100%; display:block; }
#accueil a:hover,#contact a:hover,#news a:hover,#show a:hover,#video a:hover,#presentation a:hover,#damien a:hover,.accueil,.contact,.news,.show,.presentation,.video { background-position:top; text-align:center; }

/*contenu droite*/
#contenu { float:left; width:680px; height:550px; }
#contenu img { margin:0; border:0; padding:0; }
.black { background:url(resources/image-accueil.gif) no-repeat top left; }
.prod { background:url(resources/fond-prod.gif) no-repeat top left; }
.prod-photos { background:url(resources/fond-photos.gif) no-repeat top left; }
.prod-video { background:url(resources/fond-prod-video.gif) no-repeat top left; }
.actualite { background:url(resources/fond-news.gif) no-repeat top left; }
.vertical { background:url(resources/fond-vertical.gif) no-repeat top left; }
#interieur { padding:15px; padding-top:45px; font-size:small; text-align:left; }
* html #interieur { padding-top:35px; }
#interieur li { list-style-image:url(resources/puce.png); line-height:2em; }
#interieur a,#video-haut a { color:#a81430; text-decoration:none; font-weight:bold; }
#interieur a:hover,#video-haut a:hover { text-decoration:underline; }
#interieur .degre a { color:#00001c; }
#damien,#sitemap { margin-top:-20px; height:510px; width:335px; overflow-x:hidden; overflow-y:scroll; padding-right:10px; }
* html #damien { width:330px; }
* html #sitemap { width:330px; }
.vertical img.vertical { float:left; }
.vertical #interieur { padding-left:320px; padding-top:35px; }
* html .vertical #interieur { padding-top:10px; }
.vertical #interieur p { line-height:1.55em; color:#222; }
* html .vertical #interieur p { line-height:1.45em; }
.vertical #interieur table { font-size:.8em; color:#555; }
.vertical #interieur td { padding-top:5px; }
#in-gauche,#in-droite,#video-gauche,#video-droite { float:left; height:280px; margin:0; padding:15px; padding-top:55px; text-align:center; }
#in-gauche { padding-left:165px; width:267px; font-size:small; }
#in-gauche p { font-size:x-small; margin-top:0; }
#in-droite { width:200px; font-size:x-small; }
#video-gauche { width:270px; font-size:small; text-align:left; line-height:1.5em; padding-top:10px; }
#in-gauche a img,#bas a img { border-style:solid; border-color:#fff #fff #d7d7d7 #d7d7d7; border-width:1px; margin:2px; }
#in-gauche a:hover img { border-color:#d7d7d7 #d7d7d7 #fff #fff; }
#video-droite { width:335px; font-size:x-small; }
#in-droite p { margin-top:10px; }
* html #in-droite p { margin:10px 0; }
#video-droite a { margin:4px; }
#video-droite p.droite { text-align:right; }
#bas { margin:0; padding:15px; padding-top:60px; text-align:center; padding-left:165px; width:470px; font-size:x-small; }

/*le slider*/
#barrecontent, #barre, #barretext { width:155px; height:548px; padding: 0; }
#barrecontent { z-index:99; position:absolute; top: 12px; left:232px; overflow:hidden; text-align:left; }
#barre { background:url(resources/barre.png) repeat-y top left; padding-bottom: 10px; }
#barretext { font-size:12px; color:white; }
#barretext h1 { color:#5d5d5d; font-size:1.2em; margin: 5px 0px 5px 15px; }
.prods { display:block; list-style-type:none; padding:0; margin:0; margin-bottom: 10px; }
.prods li { list-style: none; }
#barretext h3.annee { color: #5d5d5d; font-weight: bold; font-size:1.2em; display: block; width: 140px; padding: 4px 0 4px 15px; background: url(resources/barre.png) repeat-y top left; cursor: pointer; margin: 0px; margin-bottom: 5px; }
.prods li a { color:#fff; text-decoration:none; display: block; width: 140px; padding: 4px 0 3px 15px; }
.prods li a:hover { background-color: white; color: #000; }

/* le diaporama */
#imageSlideshowHolder { z-index:1; width:680px; height:550px; position:relative; }
#imageSlideshowHolder img { position:absolute; left:0; top:0; }

/* Tips */
.tip { color:#fff; width:139px; z-index:13000; }
.tip-title { font-weight:bold; font-size:11px; margin:0; color:#9FD4FF; padding:8px 8px 4px; background:url(resources/bubble.png) top left; }
.tip-text { font-size:11px; padding:4px 8px 8px; background:url(resources/bubble.png) bottom right; }

/* Texte */
.gras { font-weight:bold; }
.italic { font-style:italic; }
.sexe { visibility:hidden; display:none; }