/* GENERAL ******************************************************************************************************************************************/
*       { margin:0; padding:0; outline:none; }
HTML    { height:100%; position:relative; min-height:600px; }
BODY    { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; height:100%; position:relative; }
HTML>BODY { min-height:600px; }
IMG     { border: none; }
A       { text-decoration: none; }
A:hover { text-decoration: underline; }

/* HOME PAGE *****************************************************************************************************************************************/
#home   { position:absolute; left:50%; top:50%; width:800px; height:620px; margin:-300px 0 0 -400px; background:url(../pics/charte/home.jpg) top left no-repeat; }
#home P { text-align:center; padding:2px; color:#6B7440; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; }
#home A { display:block; width:800px; height:600px; text-indent:-9000px; font-size:0; }

/* PAGES INTERNES ************************************************************************************************************************************/
#global  { position:absolute; left:50%; top:50%; width:800px; height:600px; margin:-300px 0 0 -400px;  }
#content { position:relative; width:800px; height:600px; z-index:100; background:url(../pics/charte/background.jpg) top left no-repeat; }

/* MENU **********************************************************************************************************************************************/
#menu      { width:155px; position:absolute; list-style:none; top:250px; left:0; }
#menu LI   { width:140px; height:30px; }
#menu LI A { display:block; width:140px; height:30px; }
#menu LI A:hover  { background-position:bottom left; }
#menu LI A.active { background-position:bottom left; }

#item1 A { background:url(../pics/charte/menu_item1.jpg) top left no-repeat; text-indent:-9000px; }
#item2   { padding-top:31px; }
#item2 A { background:url(../pics/charte/menu_item2.jpg) top left no-repeat; text-indent:-9000px; }
#item3   { padding-top:33px; }
#item3 A { background:url(../pics/charte/menu_item3.jpg) top left no-repeat; text-indent:-9000px; }
#item4   { height:47px!important; padding-top:18px; }
#item4 A { height:47px!important; background:url(../pics/charte/menu_item4.jpg) top left no-repeat; text-indent:-9000px; }
#item5   { width:109px!important; padding-top:20px; }
#item5 A { width:109px!important; background:url(../pics/charte/menu_item5.jpg) top left no-repeat; text-indent:-9000px; }
#item6   { width:109px!important; padding-top:13px; }
#item6 A { width:109px!important; background:url(../pics/charte/menu_item6.jpg) top left no-repeat; text-indent:-9000px; }

/* ARTICLE ******************************************************************************************************************************************/
#article    { position:absolute; top:0; left:155px; width:604px; height:435px; padding:50px 20px 0 20px; text-align:justify; line-height:18px; color:#6b7440; }
#article H1 { font-size:18px; margin-bottom:15px; width:580px; color:#6b7440; }
#article H2 { font-size:13px; margin-bottom:12px; width:580px; color:#6b7440; font-weight:normal; }
#article P  { margin-bottom:15px; width:560px; }
#article UL { list-style:inside; margin:0 0 0 0; }
#article A  { color:#6b7440; }

.texte      { padding:50px 70px 0 20px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.texte P    { width:auto!important; line-height:15px; }

/* Slideshow */
#photo               { z-index:0; position:relative; }
#slide1              { display:block!important; }
#slideshowNavigation { position:absolute; right:0; bottom:10px; padding:0 0 10px 0; width:auto; height:435px; }
#slideshowNavigation DIV { text-indent:0; }
#previousImage       { position:absolute; left:15px; bottom:35px; }
#nextImage           { position:absolute; left:15px; bottom:5px; }
P#travaux            { position:absolute; bottom:0; margin:0 0 0 20px; color:#323914; text-align:right; }

/* page liens */
UL#liens { margin:30px 0 0 40px; list-style:none; }
UL#liens LI { margin:0 0 15px 0; }

/* BAS DE PAGE **************************************************************************************************************************************/
#bottom { position:absolute; right:0; bottom:0; width:690px; height:120px; }

/* icones catégories */
#currentCat   { color:#323914!important; }
#categories   { width:104px; height:70px; margin:0; padding:0 0 0 6px; float:left; position:relative; }
#currentCat   { display:table-cell!important; vertical-align:bottom; margin:0; width:98px; height:28px; color:#323914; text-align:right; font-size:9px; line-height:10px; color:#000; }
#categories A { display:block; float:left; width:18px; height:17px; text-indent:-9000px; margin:6px 0 0 2px; }
#cat1         { background:url(../pics/charte/categorie_item1.jpg) top left no-repeat; margin:6px 0 0 0px!important; }
#cat2         { background:url(../pics/charte/categorie_item2.jpg) top left no-repeat; }
#cat3         { background:url(../pics/charte/categorie_item3.jpg) top left no-repeat; }
#cat4         { background:url(../pics/charte/categorie_item4.jpg) top left no-repeat; }
#cat5         { background:url(../pics/charte/categorie_item5.jpg) top left no-repeat; }
#cat6         { background:url(../pics/charte/categorie_item6.jpg) top left no-repeat; margin:2px 0 0 0px!important; clear:both; }
#cat7         { background:url(../pics/charte/categorie_item7.jpg) top left no-repeat; margin:2px 0 0 2px!important; }
#cat8         { background:url(../pics/charte/categorie_item8.jpg) top left no-repeat; margin:2px 0 0 2px!important; }
#cat9         { background:url(../pics/charte/categorie_item9.jpg) top left no-repeat; margin:2px 0 0 2px!important; }
#cat10        { background:url(../pics/charte/categorie_item10.jpg) top left no-repeat; margin:2px 0 0 2px!important; }
#categories A:hover { background-position:bottom left;}
#categories A.actif { background-position:bottom left; }

* html #currentCat { position:absolute; top:0; }
* html #listCat { display:block; position:absolute; bottom:0; }


/* vignettes */
#vignettes   { width:523px; height:46px; float:right; padding:25px 0 0 0; }
#vignettes SPAN { display:block; width:44px; height:44px; float:left; padding:1px 15px 1px 1px; text-align:center; }
#vignettes A { display:block; width:44px; height:44px; text-indent:-9000px; background:none; }
#vignette2   { padding:1px 14px 1px 1px !important; }
#vignette3   { padding:1px 15px 1px 3px !important; }
#vignette4   { padding:1px 16px 1px 1px !important; }
#vignette6   { padding:1px 16px 1px 2px !important; }
#vignette7   { padding:1px 16px 1px 1px !important; }
/* navigation fleches */
#vignettesNav { position:absolute; right:0; bottom:45px; }

/* CLASSES ******************************************************************************************************************************************/
.center    { text-align:center; }
.nav       { width:45px!important; }
.nav DIV   { display:block; width:10px; height:20px; text-indent:-9000px; margin:0 auto 5px auto; }
.nav A     { display:block; width:10px; height:20px; text-indent:-9000px; margin:0 auto 5px auto; }
.precedent { background:url(../pics/charte/fleche-gauche.gif) top left no-repeat; }
.suivant   { background:url(../pics/charte/fleche-droite.gif) top left no-repeat; }
.nav A.inactive { background-position:bottom left; }


/* Slideshow */
#slideshowContainer { position:relative; width:560px; height:390px; overflow:hidden; }
.slideshowButton { cursor:pointer; }
.slideContainer { position:absolute; width:560px; margin:auto; text-align:center; }