html { margin: 0px; padding: 0px; }

body { color: #000000; font-size: 14px; font-family: arial, verdana, geneva, helvetica, sans-serif; background-color: #274667; text-align: center; margin: 0px; padding: 0px; margin-bottom: 10px; height: 100%; }



#contour {position: relative; width: 800px; height: 100%;border:1px solid #ffffff;margin-top:10px;


margin-left: auto; margin-right: auto; 

}




#global {width: 772px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; background-color: #ffffff; margin-bottom: 0px; margin-top: 15px; 

padding-top:10px;padding-bottom:5px;


background-image: url(top_form.gif); background-repeat: no-repeat; background-position: 0px 0px;


}





#logo { position: absolute; left: 570px; top: 15px; background-image: url(logo.gif); background-repeat: no-repeat; width: 200px; height: 80px; }



h1 { color: #355900; font-weight: bold; font-size: 26px; position: absolute; left: 60px; top: 110px; letter-spacing: 2px; font-family: arial, verdana, geneva, helvetica, sans-serif; padding: 0px; margin: 0px; }

img { border: none; }

.bold { font-weight: bold; }

ul { list-style-position: outside; list-style-type: square; color:#000000; font-weight: normal; font-size: 12px; text-align: left; font-family: arial, verdana, geneva, helvetica, sans-serif; margin-top: 150px; margin-bottom: 20px; margin-right: 70px; margin-left: 90px; line-height: 15px; padding: 0px; }

li { padding: 0px; margin: 0px; margin-bottom: 10px; }

form { font-size: 14px; color: #000000; font-weight: bold; margin : 0px; padding : 0px; height: 100%; border: none; }

#rens { border: 2px solid #000000; width: 450px; padding: 20px; padding-top: 0px; margin:0px; margin-left: 170px; }

#rens legend { font-size: 18px; line-height: 50px; color: #355900; }

#rens label { display: inline ; float: left ; width: 160px ; font-weight: bold ; font-size: 14px; line-height: 15px; text-align: right; margin-right: 7px; }

#rens input { color: #003399; font-size: 12px; font-family: verdana, geneva, arial, helvetica, sans-serif; border: #000000 1px solid; padding-left: 5px; padding-right: 5px; background-color: #ffffff; width: 260px; margin-bottom:7px; }

#rech { border: 2px solid #000000; width: 650px; padding: 20px; padding-top: 0px; margin: 0px; margin-left: 36px; }

#rech legend { font-size: 22px; line-height: 64px; color: #355900; }

#rech input { color: #003399; font-size: 12px; font-family: verdana, geneva, arial, helvetica, sans-serif; font-weight: normal; border: #000000 1px solid; padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffff; margin:0px; width: 636px; position: absolute; left: 60px; }

#rech textarea { color: #003399; font-size: 12px; font-family: verdana, geneva, arial, helvetica, sans-serif; padding-left: 5px; background-color: #ffffff; width: 300px; height: 120px; border: #000000 1px solid; }

#rech button { color: #000000; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #f2f2f2; margin: 0px; padding: 0px; cursor: pointer; width: 80px; border-top: #fbfbfb 2px solid; border-left: #fbfbfb 2px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid; background-image: url(effacer.gif); background-repeat: no-repeat; background-position: 57px 0px; position: relative; top: 20px; left: 450px; margin-bottom: 20px; }

.gauche { float: left; width: 325px; padding: 0px; margin: 0px; margin-top: 30px; padding-bottom: 44px; }

#site  { border: 2px solid #000000; width: 650px; padding: 20px; padding-top: 0px; margin: 0px; margin-left: 36px; }

#site legend { font-size: 22px; line-height: 64px; color: #355900; }

#site label  { margin-left: 20px; }

.radio { border: none; background: none; width: 20px; margin-left:40px; }

.texte { color: #003399; font-size: 12px; font-family: verdana, geneva, arial, helvetica, sans-serif; font-weight: normal; border: #000000 1px solid; padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffff; margin: 0px; width: 280px; }

.checkbox { border: none; background: none; width: 20px; margin-left:50px; }

#site textarea { color: #003399; font-size: 12px; font-family: verdana, geneva, arial, helvetica, sans-serif; padding-left: 5px; background-color: #ffffff; width: 300px; height: 120px; border: #000000 1px solid; float:right; margin-right:146px; }

#site button  { color: #000000; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #f2f2f2; margin: 0px; padding: 0px; cursor: pointer; width: 80px; border-top: #fbfbfb 2px solid; border-left: #fbfbfb 2px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid; background-image: url(effacer.gif); background-repeat: no-repeat; background-position: 57px 0px; margin-left: 290px; }

button { color: #000000; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #f2f2f2; margin: 0px; padding: 0px; cursor: pointer; width: 300px; border-top: #fbfbfb 2px solid; border-left: #fbfbfb 2px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid; background-image: url(small_arrow.gif); background-repeat: no-repeat; background-position: 206px 3px; margin-left: 450px; margin-top: 20px; margin-bottom: 20px; }

a { color: #0e5172; text-decoration: underline; background-color: transparent; font-weight: bold; font-size: 12px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
a:visited { color: #0e5172; text-decoration: underline; background-color: transparent; font-weight: bold; font-size: 12px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
a:hover { color: #bcc0a0; text-decoration: underline; background-color: transparent; font-weight: bold; font-size: 12px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
a:active { color: #0e5172; text-decoration: underline; background-color: transparent; font-size: 12px; font-family: arial, verdana, geneva, helvetica, sans-serif; }






#pied { width: 772px; height: 15px; background-color: #274667; background-image: url(blocs_pied.gif); background-repeat: no-repeat; background-position: 0px 1px; clear: both; margin-left: auto; margin-right: auto; }













#pied p { color: #ffffff; font-size: 10px; font-family: arial, verdana, geneva, helvetica, sans-serif; text-align: left; margin-top: 1px; margin-left: 50px; }

#pied a { color: #cad6e9; text-decoration: none; background-color: transparent; font-weight:normal; font-size: 10px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
#pied a:visited { color: #cad6e9; text-decoration: none; background-color: transparent; font-weight:normal; font-size: 10px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
#pied a:hover { color: #ffffff; text-decoration: none; background-color: transparent; font-weight:normal; font-size: 10px; font-family: arial, verdana, geneva, helvetica, sans-serif; }
#pied a:active { color: #cad6e9; text-decoration: none; background-color: transparent; font-size: 10px; font-family: arial, verdana, geneva, helvetica, sans-serif; }

.bouton { color: #000000; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #f2f2f2; margin: 0px; padding: 0px; cursor: pointer; border-top: #fbfbfb 2px solid; border-left: #fbfbfb 2px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid; }