@charset "utf-8";
/* CSS Document */
body { 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0;color:#333333;  background-color: white;  height:100%; width:100%; }
p{margin:5px 0 10px 0; padding:0}
#fond{position:absolute; width:100%; height:100%; min-height:650px;  min-width:900px;  margin:0; padding:0;}
#entete{position:relative; width:100%; min-height:90px; height:15%; background-color:white;z-index:2;margin:0; padding:0;}
#corps{position:relative; width:100%; min-height:474px; height:80%;max-height:900px; max-width:1900px; margin:0; padding:0; background-image:url(../objets/architecte-paysagiste.jpg); background-position:left center; background-repeat:no-repeat; z-index:1 }
#pied{position:relative; width:100%;  min-height:12px; height:4%;  background-color: #339900; text-align:center; padding:0px; font-size:1.1em; z-index:2;margin:0; }
img.ref_photo{width:0; height:0; border:0}
#bandeau{width:0px; margin:0; height:0px;  position:absolute; overflow:hidden; padding:0;  }
li{ list-style-image:none; display:inline}
ul{margin:0; padding:0}
h1{color:#668f03; font-size:1.4em;}
h2{color:#668f03; font-weight:bold; font-size:1.2em}
/******************  entete ****************************/
#etiquette { position:absolute; left:5%;   width:25%; height: 100% ; min-height:90px;   text-align:center }
#etiquette img{ height:90%; min-height:85px; max-width:100%; margin-top:2%}
#langue{width:4%; text-align:right; position:absolute; height: 100% ;  }

#menu{ position:relative; float:right;  width:72%;   display: block; height:100%; min-height:90px; }
#sous-menu{ position:absolute; left:0%; width:95%; bottom:0; font-size:0.9em;display: block;  text-align:left; }
.bout_prin{font-size:1.3em; color:#000000; text-decoration:none;   display: inline-block; padding:0 2% 0 1%; text-align:right ; }
.bout_prin:hover{  text-decoration:overline;  }
.bout_prin_inv{font-size:1.3em; color:#668f03; text-decoration:none;   display: inline-block; padding:0 2% 0 1%; text-align:right; text-decoration:overline; }
.textlogo{letter-spacing:8px; color:#668f03; margin:auto;  width:180px; font-size:1.3em; margin-top:-12px;}

#sous-menu .bout_prin{color:#668f03}
#sous-menu .bout_prin:hover{  text-decoration:overline;  }
#sous-menu .bout_prin_inv{  text-decoration:overline;  }
/*********************** corps ***************************/
#corps_princ{ position:absolute;width:100% ; display:block; height:120px; left:0; bottom:0;z-index:1; overflow:hidden; } 
#corps_lateral{ min-width:350px; width:35%; max-width:400px; height:100%; min-height:475px; background-image:url(../objets/fond.jpg);overflow:auto; z-index:3; margin-left:10px; position:relative; float:right; right:0;}
#catalogue{ min-width:350px; width:35%; max-width:400px; height:100%; min-height:475px;background-color:#FFFFFF;overflow:auto; z-index:3; margin-left:10px; position:relative; float:right; right:0 }
#virgule{position: absolute; left:0; bottom:0; width:55px; height:129px; background-image:url(../objets/virgule.png); background-repeat:no-repeat; background-position:right center; z-index:2}
.b{ font-size:1.1em ;}
.b p{margin:15px 0 10px 0; padding:0 15px 0 15px; text-align:justify }
#corps_lateral p{margin:5px 0 5px 0; padding:0 15px 10px 15px; }
#corps_lateral h1{ padding:0 15px 0 15px; margin:10px 0 10px 0; }
#corps_lateral h2{padding:0 15px 0 15px; margin:10px 0 10px 0}
img.logo{margin:30px 0 20px 15px}
a.lien-texte{color: black; }
a.lien-texte:hover{color:#339900}
/**************************** CATALOGUE *********************/
.description{ position:absolute; background-color:#cecece; width:100% ; display:block; min-height:50px; max-height:120px; left:0; bottom:0;z-index:1;opacity:0.8;filter:alpha(opacity=80); overflow:hidden; padding-bottom:5px; display: none; } 
.description p {display: block; padding:0; margin:5px 400px 5px 60px;  max-height:80px;overflow:auto; font-size:1.1em;}
.description h2 { margin:3px 400px 0px 60px; padding:0}
#vignette{float:left; width:48%; padding:0; margin: 0 0 4px 4px; height:25%; min-height:110px; max-height:145px;overflow:hidden; background-repeat:no-repeat; cursor: url(highslide/graphics/zoomin.cur), pointer;}
/**************** contact ************************/
#coordonnees{padding:0 15px 0 15px; margin: 0; }  
#plan{margin:5px 0 0 15px;  }
img.logoform{margin:0px 0 10px 15px}
#formContact{margin:0 0 0 15px; width:330px;}
/* ______________champs formulaires, boutons de navigation_______________________*/
input.champs {color:#333333; background-color:#ffffff; border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}
input.bouton{text-decoration:none; color:red; font-weight:bold; font-size:1em; border:0; cursor:pointer; display:inline; background:none; }
input.bouton:hover{ color:red;}
select { color: black; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black; background-color:#ffffff;}
/************************************/
#patch{position:absolute; bottom:0; left:0; overflow:hidden; width:100%; margin: auto; height:9px; text-align:center; background-color: #339900; z-index:1; line-height:1em; color:#FFFFFF;font-size:10px;}
.patch {color:white; text-decoration:none;font-size:10px;  }
.patch:hover {color:white;}
a.menu_bas{display:inline-block; width:120px; color:white; margin:0; text-decoration:none; font-size:1em; right:10px; position:absolute;}
a.menu_bas:hover{ color:#000000;text-decoration:underline}
a.menu_bas_valid{display:inline-block; width:120px; margin:0 10px 0 0; padding:0; color:white; text-decoration:none; text-align:left; font-size:1em; vertical-align:middle; line-height:1.4em; text-decoration:overline}
/***********************************/
#infolegales{ position: absolute; margin:auto; left:32%; top:20%; width: 500px;   height:400px; padding:10px;   border:5px solid black; font-size:1.1em; z-index:6; display:none; background-color:#FFFFFF; overflow:auto; text-align:left}
/************************************/
#message_intro{ position: absolute; width: 100%;   height:100%; min-height:565px; display: block; font-size:1.6em; z-index:6; margin:0; padding:0;  background-color:#FFFFFF; overflow:hidden;}