@import url("reset.css");
@import url("commun.css");

body, html{
        background-color: #fff;
        color: #000;
        height: 100%;
}

a{
        color: #fed74c;
}

h1{
        margin: 0 0 30px 0;
        color: #ff6600;
        text-align: center;
}

p{
        margin-top: 2em;
}

p:first-line{
        margin-left: 1em;
}

.inlineblock{
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block;
	margin: 0;
	padding: 0;
}

#site{
        width: 100%;
        min-height: 600px;
        background-image: url("../images/fond_degrade.gif");
        background-repeat: repeat-x;
        /*background-position: 0px 200px;*/
}

#fond-anim{
        background-image: url("../images/arc_elec_bas2.gif");
        background-repeat: no-repeat;
        background-position: left bottom;
		width: 1084px;
		min-width: 1084px;
		max-width: 1084px;
		margin: auto;
}

#fond-fils{
        background-image: url("../images/fils.gif");
        background-repeat: no-repeat;
        background-position: 100% 134px;
		width: 1032px;
		min-width: 1032px;
		max-width: 1032px;
		margin: auto;
}

#fond-gaine{
		margin: auto;
        background-image: url("../images/gaine.png");
        background-repeat: repeat-y;
		background-position: top left;
		width: 920px;
		min-width: 920px;
		max-width: 920px;
}

#boite{
        background-image: url("../images/centre_boite_raccord.gif");
        background-repeat: no-repeat;
        min-height: 37px;
        height: 37px;
        position: relative;
        bottom: 1px;
}

#page{
	margin-left: 15px; /* Espace de la gaine */
	width: 905px;
	min-width: 905px;
	max-width: 905px;
}

#header{
	font-size: 0;	/* VITAL pour les enfants .inlineblock sinon marges... */
	height: 157px;
	min-height: 157px;
    max-height: 157px;
}

#logo{
       background-image: url("../images/logo.gif");
       background-repeat: no-repeat;
	   height: 141px;
	   min-height: 141px;
       max-height: 141px;
	   width: 220px;
       min-width: 220px;
       max-width: 220px;
}

#banniere{
           background-image: url("../images/banniere.gif");
           background-repeat: no-repeat;
           min-height: 141px;
           max-height: 141px;
           height: 141px;
		   width: 685px;
           max-width: 685px;
           min-width: 685px;
}

#top-separator{
                background-image: url("../images/top_separator.gif");
				background-repeat: repeat-x;
				background-position: bottom left;
                min-height: 16px;
                max-height: 16px;
                height: 16px;
}

#colonne-gauche{
	background-image: url("../images/nav_background.gif");
    background-repeat: repeat-y;
	width: 220px;
	max-width: 220px;
}

#nav-top{
          background: url("../images/nav_top.gif") no-repeat;
          height: 23px;
          min-height: 23px;
          max-height: 23px;
          font-size: 0px;
}

#nav-center{
        width: 220px;
        min-width: 220px;
        max-width: 220px;
        overflow: visible;
}

#bottom-left{
	display: none;
}

#page, #centre-dynamique{
	
}

#corps{
	background-color: #fff7d7;
	width: 685px;
    max-width: 685px;
    min-width: 685px;
}

#conteneur{
            padding: 2em;
			min-height: 560px;
}

#copyright{
	font-size: 70%;
	color: #777;
	position: relative;
	bottom: 5px;
	text-align: right;
	margin-right: 5px;
}

.navigation{
	list-style-type: none;
	margin: 0;
	margin-top: 40px;
}

.navigation li{
	max-width: 160px;
	width: 160px;
}

.navigation li a{
	display: block;
	background-color: #80b3ff;
	background-image: url("../images/menu_button.gif");
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border-color: #2f62e5;
	border-style: solid;
	border-width: 3px;
	padding: 8px 3px 8px 30px;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	text-decoration: none;
}

.navigation li a:hover{
	background-color: #fec600;
	background-image: url("../images/menu_button_hover.gif");
	background-repeat: no-repeat;
	color: #2f62e5;
}