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

html{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#330000; overflow-x:hidden; }

body#accueil{ background:url(/images/bg-accueil.jpg) center top no-repeat; }
body{ background:url(/images/bg-niveau2.jpg) center top no-repeat; }

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

input, textarea{ border:1px solid #36480C; }

.clearboth{ clear:both; }
.overflowvisible{ overflow:visible; }
.floatleft{ float:left; }
.fontsize16px{ font-size:16px; }


/*~~~~~~~LOGO~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#logo-palmex-canada a{ display:block; background:url(/images/logo-palmex-canada.gif) left top no-repeat; width:478px; height:126px; margin:-12px 0 0 -45px; position:relative; z-index:0; }
* html #logo-palmex-canada a{ margin:-13px 0 0 -45px; }


/*~~~~~~~MENU TOP~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#menu-top{ float:right; margin:10px 0 0 0; position:relative; z-index:1; }
ul#menu-top li{ float:left; margin-right:10px; height:16px; }
ul#menu-top li.separation{ margin-left:10px; }

ul#menu-top li a{ font-size:11px; color:#330000; background:url(/images/menu-top-hover.gif) left top no-repeat; padding-left:15px; }
ul#menu-top li.langue a{ background:none; font-size:10px; text-transform:uppercase; /*margin-left:25px;*/ }
ul#menu-top li a:hover{  background:url(/images/menu-top-hover.gif) left -15px no-repeat; padding-left:15px; color:#006633; }

body#accueil ul#menu-top li a.link-accueil{  background:url(/images/menu-top-hover.gif) left -15px no-repeat; padding-left:15px; color:#006633; text-decoration:underline; }



/*~~~~~~~MENU PRINCIPAL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#menu-principal{ float:left; margin:10px 0 0 0px; }
ul#menu-principal li{ float:left; margin:10px 0 0 15px; height:15px;}
ul#menu-principal li a{ background:url(/images/menu-principal-hover.gif) left top no-repeat; padding-left:15px; font-size:12px; color:#fff;   }
ul#menu-principal li a:hover{ background-position:left -15px; padding-left:15px; font-size:12px; color:#fff; }
body#technologie ul#menu-principal li a.link-technologie, 
body#faq ul#menu-principal li a.link-technologie, 
body#produits ul#menu-principal li a.link-produits,
body#realisations ul#menu-principal li a.link-realisations,
body#installation ul#menu-principal li a.link-installation,
body#entreprise ul#menu-principal li a.link-entreprise,
body#nous-joindre ul#menu-principal li a.link-nous-joindre,
body#soumission ul#menu-principal li a.link-nous-joindre,
body#distributeurs ul#menu-principal li a.link-nous-joindre{ background-position:left -15px; padding-left:15px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; }



/*~~~~~~~SOUS-MENU~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#sous-menu-techno, ul#sous-menu-produits, ul#sous-menu-realisations, ul#sous-menu-joindre{ display:none; }
body#technologie ul#sous-menu-techno, 
body#faq ul#sous-menu-techno,
body#produits ul#sous-menu-produits,
body#realisations ul#sous-menu-realisations,
body#nous-joindre ul#sous-menu-joindre,
body#soumission ul#sous-menu-joindre,
body#distributeurs ul#sous-menu-joindre{ display:block; clear:both; }

ul#sous-menu-techno,  ul#sous-menu-produits, ul#sous-menu-realisations, ul#sous-menu-joindre{ float:left; margin:10px 0 0 0px; width:725px; }
ul#sous-menu-techno li, ul#sous-menu-produits li, ul#sous-menu-realisations li, ul#sous-menu-joindre li{ float:left; margin:10px 0 0 15px; height:15px;  }
ul#sous-menu-techno li a,  ul#sous-menu-produits li a, ul#sous-menu-realisations li a, ul#sous-menu-joindre li a{ background:url(/images/sous-menu-hover.gif) left top no-repeat; padding-left:15px; font-size:12px; color:#663333;   }
ul#sous-menu-techno li a:hover,  ul#sous-menu-produits li a:hover, ul#sous-menu-realisations li a:hover, ul#sous-menu-joindre li a:hover{ background-position:left -15px; padding-left:15px; font-size:12px; color:#663333; }

body#technologie ul#sous-menu-techno li a.link-presentation,
body#faq ul#sous-menu-techno li a.link-faq,
body#produits ul#sous-menu-produits li a.link-gazebos,
body#produits ul#sous-menu-produits li a.link-parasols,
body#produits ul#sous-menu-produits li a.link-commercial,
body#produits ul#sous-menu-produits li a.link-autres,
body#realisations ul#sous-menu-realisations li a.link-gazebos,
body#realisations ul#sous-menu-realisations li a.link-parasols,
body#realisations ul#sous-menu-realisations li a.link-commercial,
body#realisations ul#sous-menu-realisations li a.link-autres,
body#nous-joindre ul#sous-menu-joindre li a.link-joindre,
body#soumission ul#sous-menu-joindre li a.link-soumission,
body#distributeurs ul#sous-menu-joindre li a.link-distributeurs{ background-position:left -15px; padding-left:15px; font-size:12px; font-weight:bold; color:#663333; text-transform:uppercase; }



/*~~~~~~~PHOTOS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#les-photos{  margin-top:75px; }
ul#les-photos li{ position:relative; z-index:1; background:url(/images/cadre-blanc.png) left top no-repeat; width:235px; height:157px; }
ul#les-photos li img{ padding:4px 0 0 23px; }

#image-palmex-big{ position:absolute; left:0; margin:48px 0 0 94px; background:url(/images/image-palmex-big.jpg) left top no-repeat; width:1000px; height:379px; }



/*~~~~~~~DISTRIBUTEUR OFFICIEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body#accueil .small-shadow{ margin-top:55px; }
.small-shadow{ margin-top:5px; background:url(/images/small-shadow.gif) left bottom no-repeat; padding-bottom:18px; }
.small-shadow img{ margin-left:40px; }
a.noir{ font-size:11px; color:#000; margin:-5px 0 0 35px; }



body#accueil .contenu{ margin:25px 0; padding-right:10px; line-height:1.5; }
body#accueil .contenu h1{ font-size:18px; color:#85A641; }
body#accueil .contenu h2{ font-size:16px; font-weight:normal; color:#8f684f; text-transform:uppercase; margin-bottom:5px; }
body#accueil .contenu a{ font-size:11px; color:#85a642; }

.contenu{ padding-right:10px; line-height:1.5; }
.contenu p{ margin:10px 0; text-align:justify; }
.contenu a{ color:#85a642; }

.contenu h1{ font-size:18px; font-weight:bold; color:#996666; margin-bottom:3px; text-transform:uppercase; }
.contenu h2{ font-size:16px; font-weight:bold; color:#006633; margin-bottom:0px; text-transform:uppercase; }
body#produits .contenu h2{  margin-bottom:5px;  }

.contenu h3{ font-size:14px; font-weight:bold; color:#996666; margin-top:20px; }
body#technologie .contenu h3{ margin-top:12px; }



body#realisations .contenu h3, 
body#produits .contenu h3{margin-top:3px;}

.contenu img{ margin-left:20px; float:right; padding:10px; background:url(/images/cadre-photo.gif) no-repeat left top;  }
body#technologie .contenu img, body#installation .contenu img, body#nous-joindre .contenu img{ background:none;  }

body#produits .contenu img,
body#realisations.contenu img{ margin-left:0px; float:right; padding:10px; background:url(/images/cadre-photo.gif) no-repeat left top;  }


.contenu ul{ margin:5px 0 0 20px; padding-bottom:15px; }
.contenu li{ margin:0; background:url(/images/puce.gif) no-repeat left 3px;margin-bottom:4px; margin-left:20px; padding-left:20px; }

body#realisations .contenu h1,
body#produits .contenu h1{ margin-left:4px; text-transform:uppercase; }
body#realisations .contenu h2,
body#produits .contenu h2{ margin:10px 0 0 4px; text-transform:uppercase; }

body#realisations .contenu ul.lightbox,
body#produits .contenu ul.lightbox{ margin:0px; padding:0px;   }
body#realisations .contenu ul.lightbox li, 
body#produits .contenu ul.lightbox li{ float:left; background:none; margin:0 5px 0 0; padding:0 0 15px 0; }


body#realisations .contenu img, body#produits .contenu img{ margin-left:0px; }

body#realisations .contenu p,
body#produits .contenu p{/*margin-left:6px; */ margin:3px 0 3px 6px;}

body#produits #description p, body#realisations #description p{ margin-left:1px; }

body#soumission .contenu img{ margin-left:0px; float:none; padding:0px; background:none; }



.sep15px{Â clear:both; height:15px; }
.sep20px{ clear:both; height:20px; }
.sep25px{ clear:both; height:25px; }
.boite-photo{ float:left; margin-right:10px; width:188px; }
.h25px{ height:25px; }
.h40px{ height:40px; }
.mleft10px{ margin-left:10px; }
.w525px{ width:525px; }

.photo-techno{ float:left; width:165px; }
.txt-techno{ float:left; margin-left:10px; }


.div-joindre{ float:left; width:435px; margin:10px 10px 0 0; }
.div-joindre2{ float:left; width:300px; margin-left:35px; }

.paginate{ clear:both; width:100%; padding-top:5px; }

.txt-erreur{ color:#f00; }
.txtbox{ width:200px; border:1px solid #a5bf6f;  color:#330000;  }
.txtbox-error{ border:1px solid #f00; }
input:hover, textarea:hover, select:hover{ border:1px solid #006633; }



/*~~~~~~~FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer p{ padding-top:35px; font-size:11px; line-height:1.7; color:#fff; }
#footer a{ position:relative; top:10px; font-size:11px; color:#fff; }