/***** Général****
*/
body     { background: #a7baa7 url(/img/cote.jpg) no-repeat; text-align: center; margin-top: 0; padding-top: 0; padding-bottom: 0 }
.cadre_centre     { background-position: right 0; text-align: right; display: block; margin-top: 0; margin-right: auto; margin-left: auto; right: auto; width: 760px; height: auto }
.cadre        { background-color: #fff; margin: 3% auto; padding-right: 2px; padding-bottom: 22px; padding-left: 0; width: 759px; height: auto; border: solid 1px #b8b8b8 }
.cadre2     { background-color: white; background-position: left 0; text-align: left; display: block; margin-left: auto; padding: 0 0 0 0; width: 760px; overflow: hidden; border: solid 1px #b8b8b8 }
.header       { background-image: url(../img/design_01.gif); background-repeat: no-repeat; background-attachment: scroll; display: block; width: 760px; height: 140px; border-top: 1px solid #b6b6b6 }
.header2    { background-image: url(../img/design_01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -10px; display: block; width: 760px; height: 110px }
.nav { text-align: center; margin-top: 8px; margin-bottom: 20px; padding-left: 11px; width: 759px }
.nav a { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-image: url("../img/carre.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px -5px; letter-spacing: 1px; margin-left: 5px; padding-right: 12px; padding-left: 25px; border-right: 1px dotted #7a7a7a }
.nav a:hover { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-image: url("../img/carre_over.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px -5px; margin-left: 5px; padding-right: 12px; padding-left: 25px; border-right: 1px dotted #7a7a7a }
.language { text-align: right; margin: 5px 0 0; padding: 0 }
.language a  { color: #777; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-right: 3px; padding: 4px 5px 2px; border-right: 1px dotted #7a7a7a }
h1   { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; display: block; margin: 5px 0 0 25px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 75px solid #e0812a }
h2 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; display: block; margin-right: 0; margin-left: 25px; padding-left: 15px; }
h3 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; letter-spacing: 1px; margin: 0 0 1em }
h4 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #e0812a; text-align: left; letter-spacing: 1px; margin: 0; padding-top: 2px; padding-bottom: 1px; padding-left: 6px; width: auto }
p  { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-align: left }
#none_img { padding: 0; border-width: 1px }
#none2 { border: 0 }
#none { border-right: 0 none }
.footer {  float:left; color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #a1a1a1; text-align: center; margin: 0 0 2px 1px; padding: 5px 0 3px; width: 758px }
.footer a {color:#fff; font-size:9px;}
/***** Contenu*****

*/
.page     { background-color: #fff; display: block; padding-top: 5px; padding-bottom: 10px; width: 760px; height: 165px }
.page2     { background-color: #fff; display: block; margin-top: 25px; width: 760px; height: auto }
.page3   { background-color: #fff; display: block; padding-top: 15px; width: 760px; min-height: 975px }
.colonne    { text-align: right; display: block; margin-top: 7px; margin-left: 25px; padding-right: 10px; position: relative; width: 215px; float: left; clear: none; border-right: 1px dotted }
.colonne a { color: #424242; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-image: url("../img/carre.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -6px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 6px; padding-left: 20px }
.colonne a:hover { color: #000; text-decoration: none; background-image: url("../img/carre_over.jpg") }
.colonne1       { text-align: right; display: block; margin-top: 7px; margin-left: 25px; position: relative; width: 275px; height: 270px; float: left; clear: none; border-right: 1px dotted }
.colonne1 p { margin-right: 10px }
.colonne_2    { font-size: 12px; line-height: 14px; text-align: left; margin: 2px 10px 50px 468px; padding-top: 10px; width: auto }
.colonne_2 a.orange  { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #e0812a; text-align: center; display: block; padding: 3px 0 1px; width: 270px; border: solid 2px #f1be90; filter: alpha(opacity=100); opacity: 1  }
.colonne_2 a.orange:hover  { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #e0812a; text-align: center; display: block; padding: 3px 0 1px; width: 270px; border: solid 2px #f1be90; filter: alpha(opacity=70); opacity: .7   }
.colonne_2 img { margin-bottom: 0; border: ridge 1px #e0812a }
.colonne_2 h3 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; margin: 7px 0 8px }
.colonne_3  { text-align: right; display: block; margin-top: 7px; margin-left: 25px; padding-right: 10px; position: relative; width: 215px; float: left; clear: none }
.colonne_3 a  { color: #424242; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-image: url(../img/carre.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -6px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 6px; padding-left: 20px }
.colonne_3 a:hover { color: #000; background-image: url("../img/carre_over.jpg") }
.colonne_gauche   { text-align: right; display: block; margin-top: 7px; margin-left: 25px; padding-right: 15px; position: relative; top: 0; width: 410px; float: left; clear: none; border-right: 1px dotted }
.entreprises_colonne { text-align: right; display: block; margin-top: 7px; margin-left: 25px; padding-right: 5px; position: relative; width: 340px; float: left; clear: none }
.entreprises_colonne_droite { text-align: right; display: block; margin-top: 7px; margin-left: 25px; padding-right: 15px; position: relative; width: 330px; border-right: 1px dotted }
.vignette_holder    { display: block; margin-top: 7px; padding-top: 12px; width: 155px; height: 300px; float: left; clear: none; border-right: 1px dotted #7a7a7a }
.vignette { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; display: block; margin-right: 15px; margin-bottom: 18px; margin-left: 15px; width: auto; float: left; clear: none }
.vignette a { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #e0812a; text-align: center; display: block; padding-top: 3px; padding-bottom: 1px; width: auto; border: solid 2px #f1be90; filter: alpha(opacity=100); opacity: 1  }
.vignette a:hover { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #e0812a; text-align: center; display: block; padding-top: 3px; padding-bottom: 1px; width: auto; border: solid 2px #f1be90; filter: alpha(opacity=70); opacity: .7  }
.responsable img { margin-right: 15px; float: left; clear: none }
.responsable { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.responsable a { color: #e0812a; background-color: white; margin-left: 95px; padding: 0 }
#edit_zone {font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; text-align: left }
.contact_button {margin-left:120px;}
/***** Formulaire****

*/
fieldset { text-align: left; padding-top: 20px }
legend  { color: black; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
input  { margin-bottom: 5px; width: 230px }
label { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; display: block; margin-top: 5px; margin-right: 10px; width: 110px; float: left; clear: none }
textarea  { width: 230px }
/***** Entreprises ****
*/
.entreprises p { font-size: 11px; font-style: normal; font-weight: normal; line-height: 13px; margin: 10px 8px 4px; width: auto; height: 78px }
.entreprises  { background-color: white; text-align: left; margin-bottom: 12px; height: 160px; border: solid 1px #a1a1a1 }
.entreprises img.entreprise_img { margin-top: 8px; margin-right: 10px; margin-left: 10px; width: 120px; height: 80px; float: left; border: ridge 1px #e0812a }
.adresse  { color: #000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; line-height: 13px; margin-top: 6px; margin-left: 5px; padding: 0 6px 6px; width: 114px; float: left; clear: none; border-right: 1px dotted #a1a1a1 }
.telephone { color: #000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 13px; margin-left: 5px; padding: 6px; width: 155px; float: left; clear: none }
.lot { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #e0812a; text-align: center; list-style-position: inside; margin-right: 0; margin-bottom: 3px; margin-left: -25px; padding: 5px 5px 3px 0; width: 100px }
.ressource { padding-top: 35px }
/***** Terrains *****
*/
.terrains { display: block; margin-left: 35px; width: 100px; float: left }

.login {margin: 20px 200px 40px 200px; text-align:center;}
#detail { left: -30px }
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover, div#menu h2.over   { background-image: url(../img/fleche_verte_over.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: -999px -9999px; text-align: left }

div#menu li:hover, div#menu li.over    { background-position: 3px 0; text-align: left; cursor: pointer; z-index: 100 }

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul,
div#menu li.over ul ul,
div#menu li li.over ul ul,
div#menu li li li.over ul ul,
div#menu li li li li.over ul ul
   { background-image: none; text-align: left; display: inline; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0 }

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul,
div#menu li.over ul,
div#menu li li.over ul,
div#menu li li li.over ul,
div#menu li li li li.over ul
   { background-image: none; text-align: left; display: block; border: solid 0 }

/* End of non-anchor hover selectors */
/* End CSS Popout Menu */


form input.error, form textarea.error, form select.error {
padding-left: 5px;
background: #FFCCCC;
border:1px solid #CC0000;
}
#error {
	text-align: center;
	margin:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 5px;
	background: #FFCCCC;
	border:1px solid #CC0000;
}
#menu { text-align: center; display: block; margin-top: 7px; margin-left: 15px; height: 40px }
#menu a, #menu h2  { font: 11px/16px arial, helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; white-space: nowrap; display: block; margin: 0 0 0 3px; padding: 4px 25px 3px 0; border-style: none; border-width: 1px; border-color: #ccc #888 #555 #bbb }
#menu h2 { color: #000; font-size: 11px; background-image: url(../img/fleche_verte.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; padding-top: 0; padding-bottom: 0; overflow: hidden }
#menu a, #menu a:visited  { color: #777; line-height: 13px; text-decoration: none; background-image: url(../img/fleche_verte.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; padding: 3px 10px 5px 23px }
#menu a:hover, #menu h2:hover { color: black; background-image: url(../img/fleche_verte_over.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 }
#menu a:active { color: #060; background: #ccc }
#menu ul { list-style-type: none; margin: 0; padding: 0; left: 0; float: left }
#menu li { position: relative }
#menu ul ul { display: none; padding-top: 5px; position: absolute; z-index: 500; top: 18px }
#menu ul ul ul { padding-top: 0; top: 0; left: 100% }