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

/* CSS Mise en forme de la page de base */


	/* --- GENERAL --- */
	html, body{
	     margin: 0 auto;
	     padding: 0;
	     height: 100%;
	     color: #FFF;
             background-color: #000;
             max-width: 1024px;
             min-width: 769px;
	}
	/* --- BLOC CONTENEUR GLOBAL --- */
	div#page {
	     position: relative;
	     width: 100%;
	     margin: 0 auto;
	     min-height: 100%;
	}
	div#page #premier-element {
	     margin-top: 0;
	}
	div#page #dernier-element {
	     margin-bottom: 0;
	     padding-bottom: 1em; width: 100%;
	     clear: both;
	}
	/* --- PIED DE PAGE --- */
	div#piedpage {
	     position: absolute;
	     bottom: 0; left: 0;
	     width: 100%;
	     height: 2em;
	}
        
        /*  HEADER LOGO  */
	figure.logo {
	     float: left;
	     margin-left: 1%;
             width: 25%;
	}
	img.logo {
	     width: 100%;
	}
        header h1 {
            float: left;
            margin: 2% 0 0 7%;
            font-size: 3em;
            text-shadow: 1px 1px #F00;
        }
        
        
        
        #nav,#nav ul {
             list-style: none outside none;
             margin: 0;
             padding: 0;
             width: 100%;
        }
        #nav {
             background: url('../../images_site/page_admin/img_bare_menu/menu_bg.png') no-repeat scroll 0 0 transparent;
             clear: both;
             font-size: 110%;
             height: 58px;
             padding: 0 0 0 9px;
             position: relative;
             width: 957px;
             
        }
        #nav ul {
             background-color: #222;
             border:1px solid #222;
             border-radius: 0 5px 5px 5px;
             border-width: 0 1px 1px;
             box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
             left: -9999px;
             overflow: hidden;
             position: absolute;
             top: -9999px;
              z-index: 2;

             -moz-transform: scaleY(0);
             -ms-transform: scaleY(0);
             -o-transform: scaleY(0);
             -webkit-transform: scaleY(0);
             transform: scaleY(0);

             /*-moz-transform-origin: 0 0;
             -ms-transform-origin: 0 0;
             -o-transform-origin: 0 0;
             -webkit-transform-origin: 0 0;
              transform-origin: 0 0;

             -moz-transition: -moz-transform 0.1s linear;
             -ms-transition: -ms-transform 0.1s linear;
              -o-transition: -o-transform 0.1s linear;
             -webkit-transition: -webkit-transform 0.1s linear;
              transition: transform 0.1s linear;*/
        }
        #nav li {
             background: url('../../images_site/page_admin/img_bare_menu/menu_line.png') no-repeat scroll right 5px transparent;
             float: left;
             position: relative;
        }
        #nav li a {
             color: #FFFFFF;
             display: block;
             float: left;
             font-weight: normal;
			 text-align: center;
             height: 30px;
             padding: 23px 20px 0;
              position: relative;
             text-decoration: none;
             text-shadow: 1px 1px 1px #000000;
        }
        #nav li:hover > a {
             color: #00B4FF;
        }
        #nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
             background: none repeat scroll 0 0 #121212;
             outline: 0 none;
        }
        #nav li:hover ul.subs {
             left: 0;
             top: 53px;
             width: 200px;

             -moz-transform: scaleY(1);
             -ms-transform: scaleY(1);
             -o-transform: scaleY(1);
             -webkit-transform: scaleY(1);
             transform: scaleY(1);
        }
        #nav ul li {
             background: none;
             width: 100%;
        }
        #nav ul li a {
             float: none;
        }
        #nav ul li:hover > a {
             background-color: #121212;
             color: #00B4FF;
        }
        #lavalamp {
             background: url('../../images_site/page_admin/img_bare_menu/lavalamp.png') no-repeat scroll 0 0 transparent;
             height: 16px;
             left: 13px;
             position: absolute;
             top: 0px;
             width: 64px;

             -moz-transition: all 300ms ease;
             -ms-transition: all 300ms ease;
             -o-transition: all 300ms ease;
             -webkit-transition: all 300ms ease;
             transition: all 300ms ease;
        }
        #lavalamp:hover {
             -moz-transition-duration: 3000s;
             -ms-transition-duration: 3000s;
             -o-transition-duration: 3000s;
             -webkit-transition-duration: 3000s;
             transition-duration: 3000s;
        }
        #nav li:nth-of-type(1):hover ~ #lavalamp {
             left: 13px;
        }
        #nav li:nth-of-type(2):hover ~ #lavalamp {
             left: 125px;
        }
        #nav li:nth-of-type(3):hover ~ #lavalamp {
             left: 240px;
        }
        #nav li:nth-of-type(4):hover ~ #lavalamp {
             left: 350px;
        }
        #nav li:nth-of-type(5):hover ~ #lavalamp {
             left: 460px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
             left: 590px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
             left: 720px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
             left: 840px;
        }
        
        /* FOOTER PIED DE PAGE */
	.ligne1footer{
             text-align: center;
        }
         .ligne1footer a{
             color: #FFF;
             text-decoration: none;	
        }
        .ligne1footer a:hover{
             color: #CF2605;
             text-decoration: underline;		
        }
        
        #content {
             clear: both;
             float: left;
             width: 98%;
             min-height: 40em;
             margin: 2% 0.5% 1% 1%;
        }
		#content h1.acceuil{
			float: right;
			margin: 10% 13% 0 0;
            font-size: 2em;
            font-weight: bold;
            text-shadow: 1px 1px #F00;
		}
		#content h2.acceuil{
			float: right;
			margin: 5% 13% 0 0;
            font-size: 1.5em;
            font-weight: bold;
            text-shadow: 1px 1px #F00;
		}