/*----------------------------------*/
/*--- REMISE A ZERO DES ELEMENTS ---*/
/*----------------------------------*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin: 0; padding: 0;}
ul,ol, li, dl, dt, dd { list-style: none;}
fieldset, img, input, select, textarea { border: none;}
select { background: #fff; border: 1px solid #ccc; color: #000;}
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
input[type="text"] { padding: 2px;}


body {
	 background: #fff url(../IMAGES/general/support-identite.png) repeat-y left top;
	 font-family: Verdana, Geneva, sans-serif;
	 font-size: 12px;
	}

h1 { margin: 0px 0px 40px 0px; text-shadow: 0px 1px 3px #ccc; color: #999;}

.Invisible { display: none;}
.Imager { text-indent: -5000px;}

#Conteneur-general { position: relative;}

#Conteneur-general #Identite-et-navigation { width: 252px; float: left; text-align: center;}
#Conteneur-general #Identite-et-navigation h1 { margin-bottom: 50px; font-size: 13px; letter-spacing: 1px; text-shadow: 0px 1px 0px #fff; color: #517103;}
#Conteneur-general #Identite-et-navigation h1 span { padding-top: 2px; display: block; font-size: 11px; letter-spacing: 1px; color: #9b9b9a;}
#Conteneur-general #Identite-et-navigation img { width: 150px; margin: 30px auto 0px auto;}
#Conteneur-general #Identite-et-navigation .filet { background: url(../IMAGES/general/filet.png) repeat-x; height: 2px; margin: 20px 0px 20px 0px;}
#Conteneur-general #Identite-et-navigation ul { width: 225px; margin: auto; overflow: hidden;}
#Conteneur-general #Identite-et-navigation ul li { margin: 3px; float: left; text-shadow: 0px 1px 0px #fff; color: #999;}
#Conteneur-general #Identite-et-navigation ul li a:link,
#Conteneur-general #Identite-et-navigation ul li a:visited { text-decoration: none; color: #999;}
#Conteneur-general #Identite-et-navigation ul li a:hover { color: #666;}
#Conteneur-general #Identite-et-navigation ul li a.actif { text-shadow: 0px 0px 2px #a5d03d; color: #6c9704;}
#Conteneur-general #Identite-et-navigation ul li a.pomgraphik { background: url(../IMAGES/general/Picto-pomgraphik.png) no-repeat left 0px; height: 20px; padding-left: 20px; display: block;}
#Conteneur-general #Identite-et-navigation ul li a.contact { background: url(../IMAGES/general/Picto-contact.png) no-repeat left 2px; margin-left: 20px; padding-left: 22px;}

/* Contenu */
#Conteneur-general #Contenu { width: 700px; padding-bottom: 40px; overflow: hidden; position: absolute; left: 320px; top: 80px;}
#Conteneur-general #Contenu-IE6 { width: 300px; padding-bottom: 40px; overflow: hidden; position: absolute; left: 250px; top: 80px;}
#Conteneur-general #Contenu-IE6 h2 { margin-top: 50px;}
#Conteneur-general #Contenu-IE6 p { margin-bottom: 10px; color: #999;}
#Conteneur-general #Contenu-IE6 a { display: block; margin-bottom: 5px; text-decoration: none; color: #6c9704;}

/* Contact */
#Conteneur-general #Contact { width: 700px; position: absolute; left: 320px; top: 80px;}
#Conteneur-general #Contact p { margin-bottom: 10px; overflow: hidden;}
#Conteneur-general #Contact p label { width: 200px; display: block; float: left; color: #ccc;}
#Conteneur-general #Contact p input[type="text"] { background: #eee; width: 350px; padding: 5px; font-size: 11px; text-shadow: 0px 0px 3px #ccc; color: #333;}
#Conteneur-general #Contact p input[type="text"]:hover { background: #f4f4f4;}
#Conteneur-general #Contact p textarea { background: #eee; max-width: 348px; padding: 5px; font-size: 11px; text-shadow: 0px 0px 3px #ccc; color: #333;}
#Conteneur-general #Contact p textarea:hover { background: #f4f4f4;}
#Conteneur-general #Contact p .Fleche-droite { margin-left: 300px;}

/* Boutons Fleche */
.Fleche-droite:link,
.Fleche-droite:visited { text-decoration: none; line-height: 18px; text-shadow: 0px 0px 2px #999; color: #eee;}
.Fleche-droite:link,
.Fleche-droite:visited { background: url(../IMAGES/boutons/fleche-droite/fleche-droite-arrondi.png) no-repeat left top; height: 18px; padding-left: 5px; display: block; float: left;}
.Fleche-droite:link span,
.Fleche-droite:visited span { background: url(../IMAGES/boutons/fleche-droite/fleche-droite-pointe.png) no-repeat right top; height: 18px; padding-right: 13px; display: block; float: left;}
.Fleche-droite:link span input[type="submit"],
.Fleche-droite:visited span input[type="submit"] { background: none; padding: 2px; text-shadow: 0px 0px 2px #999; color: #eee;}

.Fleche-droite:hover,
.Fleche-droite:visited:hover { text-decoration: none; line-height: 18px; text-shadow: 0px 0px 2px #999; color: #fff;}
.Fleche-droite:hover,
.Fleche-droite:visited:hover { background: url(../IMAGES/boutons/fleche-droite/fleche-droite-arrondi.png) no-repeat left -18px; height: 18px; padding-left: 5px; display: block; float: left;}
.Fleche-droite:hover span,
.Fleche-droite:visited:hover span { background: url(../IMAGES/boutons/fleche-droite/fleche-droite-pointe.png) no-repeat right -18px; height: 18px; padding-right: 13px; display: block; float: left;}
.Fleche-droite:hover span input[type="submit"],
.Fleche-droite:visited:hover span input[type="submit"] { background: none; padding: 2px; text-shadow: 0px 0px 2px #999; color: #fff;}