/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a,a:link,a:visited,a:hover,object,embed { outline:none; }
						   

/* ---------------------------------------------------------------------------------------------------- */
/* BODY ET HTML --------------------------------------------------------------------------------------- */	

body { behavior:url("inc/csshover.htc"); background:#FFF url(Gx/bg-main.jpg) repeat-x center top; text-align:left; font-family:Arial, Helvetica, Sans-serif; font-size:12px; line-height:18px;  } 

/* --------------------------------------------------------------------------------------------------- */
/* TEXTES ET HYPERLIENS GLOBAUX ---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:lighter; padding:0 0 5px; margin:0 0 15px; text-transform:uppercase; }
h1 { font-size:22px; color:#0977ff; border-bottom:1px dashed #c4c4c4; }
h2, .h2 { font-size:18px; color:#000; border-bottom:none; margin:0 0 5px; }
h3 { font-size:16px; color:#4F83C3; margin:0 0 5px; }
h4 { font-size:14px; color:#000; }

p { padding:0 0 15px; }

a, a:link, a:visited { color:#000; }
a:hover { color:#000; }

a h2 { color:#000; }
a:hover h2 { text-decoration:underline; color:#0977ff; }


/* --------------------------------------------------------------------------------------------------- */
/* CLASSES GÉNÉRALES --------------------------------------------------------------------------------- */

.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { clear:both; }

.blue { color:#0977ff; }

a.zoom { background:url(Gx/zoom-icone.gif) 2px 0 no-repeat; padding-left:25px; text-decoration:underline; }
a.zoom.gallery { background-image:url(Gx/galerie-photos.jpg); }
a.savoir-plus { background:url(Gx/more-info.jpg) top center no-repeat; display:block; width:99px; height:33px; }
a.savoir-plus:hover { background-position:bottom; }
a.lien-box p { color:#000; }

img.cadre-photo-rond { background:url(Gx/image-box.png) center center no-repeat; padding:10px; }
img.cadre-photo { padding:5px; border:1px solid #DDD; margin:0 10px 0 0; }

/* --------------------------------------------------------------------------------------------------- */
/* CONTENEURS ---------------------------------------------------------------------------------------- */ 

#main { margin:0 auto; width:934px; padding-top:10px; }				  

#haut { background:url(Gx/nextlot-logo-banner.jpg) no-repeat top left; height:138px; color:#fff; }
#haut a { color:#fff; text-decoration:none; }
#haut a:hover, #haut a.actif { color:#a3c7ea; }
#haut #lien-accueil { display:block; width:210px; height:104px; float:left; }
#haut #haut-info { float:left; width:724px; height:104px; overflow:hidden; }
#haut #haut-info p { text-align:right; float:right; padding:15px 15px 0; display:inline-block; overflow:hidden; }
#haut #haut-info p a { text-decoration:underline; }

#haut #haut-info p span { font-size:21px; font-weight:bold; }

#conteneur { margin-top:10px; background-color:#fff; }
#contenu { padding:0 30px; font-size:12px; }
#contenu a { color:#0977ff; text-decoration:none; }
#contenu a:hover { color:#0977ff; text-decoration:underline; }

#contenu ul li { background:url(Gx/liste-bullet.gif) center left no-repeat; padding-left:15px;  }
#contenu ol { list-style: decimal; margin-left:20px; }
#contenu ol ul { margin-left:20px; }
#contenu ol ul li {background:url(Gx/liste-bullet.gif) left 8px no-repeat; padding-left:8px; }
#contenu ol ul li ol { margin-left:25px; }
#contenu ol ul li li { background:none; }

#contenu ul, #contenu ol { margin-bottom:10px; }
#contenu #contenu-page { float:left; width:450px; padding-right:30px; }
#contenu #contenu-form { float:left; width:363px; padding:30px 0 0 30px; }

#slideshow { background:url("Gx/loader.gif") center center no-repeat; overflow:hidden; height:282px; }

/* --------------------------------------------------------------------------------------------------- */
/* MENUS --------------------------------------------------------------------------------------------- */

#menu-utilitaire  { padding:10px 10px 0; float:right; }
#menu-utilitaire li { display:inline-block; float:left; }
#menu-utilitaire li a {  margin:0 7px; }
#menu { text-transform:uppercase; display:inline; text-align:right; float:right; }
#menu li { margin:0 15px 0 0; float:left; }
#menu li a { display:block; line-height:34px; }
#menu li ul { display:none; opacity:0.92; filter:alpha(opacity=92); -khtml-opacity: 0.92; margin-left:-2px; z-index:9999; }
#menu li:hover ul { display:block; position:absolute; background-color:#272e32; }
#menu li ul li { clear:both; margin:0; text-align:left; width:170px; }
#menu li ul li a { line-height:25px; text-transform:none; padding:0 4px; }
#menu li ul li:hover { background-color:#1c2428; }

/* --------------------------------------------------------------------------------------------------- */
/* PIED DE PAGE -------------------------------------------------------------------------------------- */

#pied-page { font-size:10px; color:#98a4b3; padding:15px; }
#pied-page a { color:#98a4b3; }
#pied-page a:hover { color:#000; }

/* --------------------------------------------------------------------------------------------------- */
/* PAGE ACCUEIL -------------------------------------------------------------------------------------- */

#contenu.principal-gauche { float:left; width:503px; border-right:1px solid #c4c4c4; }
#barre-droite { padding:0 0 40px 9px; float:left; width:360px; overflow:hidden; }

/* --------------------------------------------------------------------------------------------------- */
/* PAGE PRODUIT -------------------------------------------------------------------------------------- */

.produit { margin-top:25px; background:url(Gx/border-fix.gif) bottom right no-repeat; padding-bottom:15px; float:left; display:inline; }
.produit.full { background-repeat: repeat-x; margin:10px 0; }
.produit-image { float:left; display:inline; width:193px; text-align:center; margin-right:40px; }
.produit-desc { float:left; display:inline; width:641px; padding-bottom:40px; }
.produit-desc.full { float:none; width:auto; }
.produit-desc.preview p a { background:url(Gx/arrow-link.gif) center left no-repeat; padding-left:15px; }

/* --------------------------------------------------------------------------------------------------- */
/* PAGE NEWS ----------------------------------------------------------------------------------------- */

.nouvelle { margin-bottom:30px; }
.nouvelle span { color:#c4c4c4; background:url(Gx/calendrier.jpg) center left no-repeat; padding-left:20px; font-size:12px; text-transform:uppercase;  margin-bottom:15px;  }
.nouvelle img { margin:0 20px 10px 0; padding:10px; background-color:#ddd; }
#contenu .nouvelle span a { color:#c4c4c4; } /*Affecté par #contenu a */
#contenu .nouvelle span a:hover { text-decoration:none; }

/* --------------------------------------------------------------------------------------------------- */
/* PAGE MANAGEMENT TEAM ------------------------------------------------------------------------------ */

.employe { margin:0 0 25px; }
.employe .employe-image { float:left; width:100px; margin-right:10px; }
.employe .employe-descr { float:left; width:764px;}

/* --------------------------------------------------------------------------------------------------- */
/* PAGE PARTNERS AND CLIENTS ------------------------------------------------------------------------- */

.logo { text-align:center; float:left; width:196px; margin:0 11px 20px; }
.logo .logo-image { height:100px; overflow:hidden; margin-bottom:5px; }
.logo p { text-align:justify; }

/* --------------------------------------------------------------------------------------------------- */
/* FORMULAIRE ---------------------------------------------------------------------------------------- */

.champCache { display:none; visibility:hidden; } /* Utilisé pour l'anti-spam */
.erreur { color:#F00; }
.erreur input, .erreur select, .erreur textarea { border:1px solid #F00; padding:1px; }
textarea { font-family:Arial, Helvetica, Sans-serif; font-size:12px; }
#demo-form form { font-size:11px;  padding:12px 30px 12px 12px; height:260px; overflow:hidden; background:url(Gx/00/home-form.jpg) no-repeat left top; }
#demo-form form select { width:182px; }
p.erreur { padding:6px; border-width:1px; border-color:#ffc273 #ffc273 #f17e30 #f17e30; border-style:solid;background:#fff1bf url(Gx/erreur-form.png) 10px center no-repeat; padding:6px 6px 6px 35px; margin-right:6px;  }
p.success-envoi { background: url(Gx/succes-envoi.png) 10px center no-repeat; padding:6px 6px 6px 35px; border-width:1px; border-color:#aab9b9 #aab9b9 #6397d6 #6397d6; border-style:solid; margin-right:6px; background-color:#d7e9ff; }
p.success-envoi strong { color:#41629b; }

/* --------------------------------------------------------------------------------------------------- */
/* BOOKMARKER  --------------------------------------------------------------------------------------- */

#socialBookmarkerPrefix { float:left;cursor:default; }
.bookmarkIconesVisibles { float:left;margin-left:2px; }
#bookmarkHoverPopup { position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; }
#bookmarkHoverPopup .bookmarkHoverPopupItems { float:left; width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a { line-height:25px; height:25px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; }

/* --------------------------------------------------------------------------------------------------- */
/* Classes Spéciales --------------------------------------------------------------------------------- */

#play { display:block; width:318px; height:200px; overflow:hidden; position:relative; }
#play img { position:absolute; top:0; left:0; z-index:1; }
#play img.play { z-index:2; }