@charset "UTF-8";
/* CSS Document */

body{background:url(img/background.png); color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em;}
body a{color: #0c6481; text-decoration: none;}
p{margin: 0px; padding: 0px;}
h1{font-size: 1.8em; color: #849924; margin-left: 10px;}
h1 a{color: #849924;}
h1 a:hover{color: #0c6481;}


#contain{margin: 20px auto; width: 800px;}
#header{width: 571px; height: 202px; background: url(img/header.png); text-indent: -999999px;}
#contenu{clear: both; margin: 0 auto; width: 650px; min-height: 250px;}
#footer{clear: both; margin: 0 auto; padding: 0px; width: 466px; height: 65px; text-indent: -999999px;}
#droite_contact{float: left; margin-left: 10px;}

/* 3 COLONNES */
#colonnes{width: 555px; margin: 25px auto;}
#colonne1 a{clear: both; float: left; width: 185px; height: 233px; background: url(img/stick1.png) no-repeat; text-indent: -999999px;}
#colonne2 a{float: left; width: 185px; height: 233px; background: url(img/stick2.png) no-repeat; text-indent: -999999px;}
#colonne3 a{float: left; width: 185px; height: 233px; background: url(img/stick3.png) no-repeat; text-indent: -999999px;}


/* FOOTER MENU */
#footer_scotch1{float: left; width: 45px; height: 65px; background:url(img/footer_hover.png); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_contact a{float: left; width: 64px; height: 65px; background:url(img/footer_hover.png); background-position: -45px 0px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_contact a:hover{float: left; width: 64px; height: 65px; background:url(img/footer_hover.png); background-position: -45px -63px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_services a{float: left; width: 128px; height: 65px; background:url(img/footer_hover.png); background-position: -109px 0px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_services a:hover{float: left; width: 128px; height: 65px; background:url(img/footer_hover.png); background-position: -109px -63px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_aide a{float: left; width: 42px; height: 65px; background:url(img/footer_hover.png); background-position: -237px 0px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_aide a:hover{float: left; width: 42px; height: 65px; background:url(img/footer_hover.png); background-position: -237px -63px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_copy{float: left; width: 140px; height: 65px; background:url(img/footer_hover.png); background-position: -279px 0px; background-repeat: no-repeat; text-indent: -999999px;}
#footer_scotch2{float: left; width: 46px; height: 65px; background:url(img/footer_hover.png); background-position: -419px 0px; background-repeat: no-repeat; text-indent: -999999px;}

/* FORMULAIRES */
#monForm{float: left; width: 320px;}
#monForm p{margin: 2px 0;}
#monForm fieldset{margin-bottom: 15px; border-top: #CCC 3px solid; border-bottom: none; border-left: none; border-right: none;}
#monForm fieldset legend{padding: 0 10px; border-left: #CCC 3px solid; font-size: 1.2em; color: #999;}
#monForm label{display: block; width: 100px; float: left; padding-right: 1%; text-align: right;}
#monForm input, #monForm select, #monForm textarea{margin-left: 1%; width: 210px; border: #CCC 1px solid;}
#monForm input[type="submit"]{color: #FFF; background: #849924;}
#monForm .form_input_securite{width: 20px;}