/* CSS Document */

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.1em;	
	margin: 0px;
	padding: 0px;
	background-color:#CCCC33;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

#container {position: absolute; left: 50%; top:0; margin: 0; padding: 0; width: 1000px; margin-left: -500px; margin-top: 0px; background: #e1edf9;}
#container1 {position: absolute; left: 0%; top:0; width: 1000px; height: auto; margin-left: -0%; margin-top: 0px; border: 0px solid #32184c; background: #EED;}
#logo {position: absolute; top: 0; left: 0;}
#bandeauhaut {position: absolute; top: 0; left: 150px; margin: 0; padding: 0; height: 100px; width: 850px; background: #e1edf9;}
div#menu {font-size: 0.7em; padding-top: 0em; padding-bottom: 0em; padding-right: 0em; position: absolute; top: 100px; left: 0px; clear: left; width: 1000px; background: #dee7ee;}
div#menu ul {margin: 0; padding: 0; background: #3fe5e7; border: 1px solid #ccc; border-width: 1px 1px 0px 1px;}
div#menu ul.level1 li.smenu:hover ul.level2 {display: block;}
div#menu li {position: relative; list-style: none; margin: 0; float: left; width: 120px;}
div#menu li:hover {background: #ebb;}
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-align: center; text-decoration: none; width: 100%; voice-family: "/"; voice-family: inherit; width: 10.5em;}
div#menu>ul a {width: auto;}
div#menu li.smenu {background:  url(../imggif/smenu.gif) 95% 50% no-repeat;}
div#menu li.smenu:hover {background: #edd;}
div#menu ul ul {position: absolute; top: 19px; width: 120px; display: none; background: #edd;}
div#menu ul ul li {border-bottom: 1px solid #ccc;}
#page {position: absolute; top: 121px; left: 0; width: 998px; border: 1px solid #ccc; padding: 0; margin: 0; background: #dcf8f8 url(../imggif/verdiere-13.gif) repeat;}
#poster {position: absolute; left: 900px; top: 130px; width: 100px; height: 60px; margin: 0; text-align: center;}
#dateheure {position: absolute; left: 15px; top: 130px; width: 200px; height: 30px; margin: 0; text-align: center; color: #82828c; font-size: 0.6em;}
#gifposter {position: absolute; left: 25px; top: 20px; width: 50px; height: 36px; margin: 0; border: 0;}
#arobaseaccueil {padding-top: 450px; padding-left: 850px; padding-bottom: 15px; margin: 0; margin-bottom: 15px;}
#arobaseaccueil1 {float: right; padding-top: 20px; padding-right: 40px; padding-left: padding-bottom: 15px; 100px; margin: 0; margin-bottom: 15px;}
#piedpage {float: left; padding-top: -30px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; margin: 0; width: 700px; font: 0.7em Arial, Verdana, sans-serif;}
#globe {float: left; padding-top: 110px; padding-left: 215px; padding-bottom: 20px; width: 400px;}
#accueil1 {position: absolute; top: 50px; left: 0px; width: 805px; height: 2em; font-size: 1.6em; padding: 0.2em; color: #5d585f; text-align: center;}
#accueil2 {float: left; padding-top: 25px; padding-left: 50px; padding-bottom: 40px; color: #39363b; width: 800px; font-size: 0.8em;}
#accueil21 {position: absolute; top: 600px; left: 70px; color: #39363b;}
#accueil3 {position: absolute; top: 50px; left: 0px; width: 1000px; font-size: 1.6em; padding: 0.2em; color: #5d585f; text-align: center; border: 0;}
#texte1 {float: right; padding-top: 150px; padding-right: 50px; width: 250px;}
#texte11 {float: right; padding-top: 10px; padding-right: 0px; width: 250px; font-size: 0.8em; color: #5d585f;}
#metier {float: left; padding-top: 120px; padding-left: 100px; width: 800px; font-size: 1em; color: #39363b; font-weight:bold;}
#metier1 {position: relative; top: 0px; left: 15px; width: 800px; font-size: 0.8em; color: #666068; text-align:justify;}
#espace {float: left; width: 800px; padding-top: 10px;}
div li {list-style: none;}
.souligne {text-decoration: underline;}
.image {float: left; padding-top: 10px; padding-left: 10px; padding-right: 80px;}
#image {float: left; padding-top: 20px; padding-left: 100px; width: 900px; font-size: 1em; color: #39363b; font-weight:bold;}
.imageref {float: left; padding-top: 20px; padding-left: 100px; width: 900px; font-size: 1em; color: #39363b; font-weight:bold;}
.imageref1 {float: left; padding-top: 10px; padding-left: 10px; padding-right: 30px; padding-bottom: 10px; height: 290px; vertical-align: middle;}
.zoneformulaire {float: left; padding-left: 250px; width: 500px;}
.formulaire {float: left; padding-left: 0px; padding-top: 10px; background:#66CCFF; width: 100%;}
.champformulaire {float: left; padding-left: 10px; padding-right: 30px; padding-bottom: 5px; width: 400px;}
#nom {font-family: Arial, Verdana, sans-serif; color: #2c0d0d; font-size: 0.9em; float: left; margin: 0; padding: 0px; padding-right: 10px; width: 400px; height: 20px; text-align: right; font-weight: bold; border: 0;}
.intit {float: left; width: 140px; text-align: right; padding-right: 20px;}
.champ {float: left; width: 240px; text-align: left;}
#valide {float: left; padding-left: 0; padding-top:30px; width: 100%;}
#envoi {float: left; padding-left: 40px; padding-top:0; width: 180px; text-align: center; padding-right: 0px;}
#efface {float: left; padding-left: 20px; padding-top:0; width: 160px; text-align: center; padding-right: 0px;}
#max {height: 75%;}
.login {float: left; padding-left: 20px; padding-top: 0px; width: 300px;}
.log {font-size: 0.8em;}
#log {float: left; padding-top: 120px; padding-left: 389px; width: 800px; font-size: 1em; color: #39363b;}