/* Formatage général */
* { margin:0; padding:0; }
h1, h3, h4, h5, h6 { font-weight:bold; font-size: 1em; }
h2 { font-size: 1.6em; line-height: 1.3em; }
h3 { font-size: 1.2em; line-height: 1.2em; }
h4 { font-size: .9em; line-height: 1em;}
a {color: #666666; }
a img { border: 0; }
a:hover { text-decoration: none; }
ul { list-style-position: inside; }
hr { visibility: hidden; clear: both; }
html { font-size: 100%; } /* Pour les IE, évite les effets multiplicateurs lors d'un zoom*/
/* Classes spécifiques */
.orange {color: #ee7f00;}
.centre { text-align: center; }
.left { float: left; }
.img-left { float: left; margin: 5px 10px 10px 0;}
.right { float: right; }
.img-right { float: right; margin: 5px 0 10px 10px; }
.img-centre { display: block; margin: 5px auto; }
.petit { font-size: .8em; font-weight: normal; }
.marge { margin: 1.5em 0; padding: 0 15px; }
.champs { color: red;}
/*** BODY ***/
body { width: 1004px; margin: 0 auto; font: .8em/1.4em Arial, sans-serif; color: #333333; border-width: 0 1px 1px 1px; border-color: #cccccc; border-style: solid; padding: 0 1px 1px 1px; position: relative; background: #FFFFFF;}
/*** HEADER ***/
#header { height: 80px; background: url("images/header.jpg") repeat-x bottom; position: relative; top: 0; left: 0;}
    #header h1 { color: #666666;  font: 1em/1em Arial, sans-serif; padding: 25px 0 0 270px;}
        #header h1 a img { position: absolute; top: 5px; left: 25px;}
        #header h1 img { position: absolute; top: 5px; left: 200px;}
    #header ul { position: absolute; top: 10px; right: 0; list-style-type:none;}
        #header ul li { display: inline; font-size: .9em; line-height: .9em;}
        #header ul li + li { border-left: 1px #666666 solid; }
            #header ul li a { padding: 0 10px; text-decoration: none;}
            #header ul li a:hover { color: #ee7f00;}
/*** NAVIGATION ***/
#nav { height: 30px; background: url("images/nav.jpg") repeat-x; position: relative; z-index: 1;}
    #nav ul { list-style-type:none; padding: 1px 0;}
        #nav ul li { float: left; height: 29px; }
        #nav ul li:hover { position: relative; z-index: 10; }
        #nav ul li + li { background: url("images/nav-li.jpg") left bottom no-repeat;}
            #nav ul li a { color: white; padding: 0 25px;  line-height: 28px; display: block; text-decoration: none; }
            #nav ul li.active a { background: url("images/nav-li-a.jpg") repeat-x; font-weight: bold;}
            	#nav ul li.active ul li a {font-weight: normal; }
            #nav ul li a:hover { color: #ee7f00; }
            #nav ul li .accueil { color: #bbbbbb; }
          	/* 2ème niveau */
          	#nav ul li ul { display: none; position: absolute; top: 28px; left: 0; background: #333333; padding: 0; border-left: #000000 1px solid; border-right: #000000 1px solid; min-width: 100%;}
          	#nav ul li:hover ul { display: block; z-index: 20;}
          		#nav ul li ul li { float: none; height: auto; border-bottom: #000000 1px solid; background: transparent;}
          			#nav ul li ul li a { padding: 4px; line-height: 1.2em; white-space: nowrap;}
          			#nav ul li.active ul li a { background: transparent; }
          			#nav ul li ul li a:hover { background: #666666; color: #FFFFFF;}
/*** CHAMPS DE RECHERCHE ***/
#nav fieldset { border: 0; color: #999999; position: absolute; right: 10px; top: 5px; }
	#nav fieldset .formulaire { width: 115px; height: 18px; background: white; border: 1px solid #cecece; vertical-align: middle;}
	#nav fieldset .submit { width: 20px; height: 20px;border: 0; vertical-align: middle;}
/*** PIED DE PAGE ***/
#footer { background: url("images/footer.jpg") bottom repeat-x; padding: 30px 0 10px 0; font-size: .9em; line-height: 1em; clear: both;}
    #footer ul { text-align: center; list-style-type:none;clear: both; }
        #footer ul li { display: inline; }
        #footer ul li + li { border-left: 1px #6a6a6a solid; }
            #footer ul li a { padding: 0 15px; text-decoration: none;}
            #footer ul li a:hover { color: #ee7f00;}
/*** SIGNATURE ***/
#signature { text-align: center; font-size: .8em; color: #c2c2c2; position: absolute; bottom: -40px; width: 100%;}
    #signature a { color: #c2c2c2; text-decoration: none;}
    #signature a:hover { text-decoration: underline; }