*{ margin:0; padding:0; border-collapse:collapse; border: 0px; }

body{ font-family: arial; font-size: 72%; background:#fff url(images/fd_global.gif) repeat-x top center; }

#global { width: 1000px; margin: auto; }

#contents{ float: left; width: 1000px; position: relative; background: #fff url(images/fd-corps.gif) no-repeat top right; }

.navig{ text-transform: uppercase; color: #000; font-size: 1.1em; }
.contact{ text-transform: uppercase; background:#eb6634; padding: 0 5px;color: #fff; font-size: 1.3em; border:1px solid #bbb;font-weight:bold;}

#dewslider{float:left;padding-left:25px;margin-top:-3px;margin-right:10px;}

a{ text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
a:hover p { text-decoration: underline; }

h1 { text-transform: uppercase; font-weight: normal; color: #ff6812; font-size: 2em; margin-bottom: 10px; }
h2 { font-weight: normal; font-size: 1.5em;  line-height: 1.1em; margin-bottom: 5px; }
h5 { font-size: 1.4em; font-weight: normal; margin-bottom: 5px; }
ul {margin-left: 10px; margin-top: 10px; }
li { list-style-type: image; list-style-image: url(images/puce.gif); list-style-position: inside; /list-style-position: outside; /margin-left:10px; }
input { background: url(images/fd-input.gif) repeat-x top left; border: 1px solid #353638; }

#EspacePrivatif{position:absolute;z-index:100;top:10px;left:840px;width:150px;}
#EspacePrivatif p{color:#ed6533;font-size:1.6em;}
#EspacePrivatif form input{width:80px;margin-right:5px; float:left;}
#EspacePrivatif a{margin-left:5px;text-decoration:underline;}
#EspacePrivatif a:hover{color:#ed6533;}
#EspacePrivatif .connexion{width:50px;}
#EspacePrivatif span{float:left;}

/***************************/
/**********ACCUEIL**********/
/***************************/

#milieu {position:absolute;z-index:999;width:200px;left:240px;top:84px;}

#panier{right:11px;z-index:400;top:28px;position:absolute;}
#panier p{font-size:12px;clear:right;float:right;}
#panier input{margin:0 1px;padding:1px;}

#top-accueil #menu_navig-accueil { float:left; height: 65px; width: 587px; margin:0; padding:0;}
#reste ul {float:left;padding-top:45px;}
#reste ul li{ display:inline; float: left;  }
#reste ul li a{margin-left:5px;}

#intro-actu { float: left; width: 413px; height: 555px; background: url(images/FondGauche.png) no-repeat top left; position: relative; }
#intro h2, #actu h2, #creaspe h2{background:url(images/fd-titre.gif); line-height:24px; height:26px; color:#fff;font-style:italic; font-weight:bold; font-size:18px;padding-left:8px;float:left;width:350px;margin-bottom:5px;}
#actu h2, #creaspe h2{ margin-left:25px;}
#intro {margin-top:105px;}
#intro p{font-size:15px;margin-left:25px;margin-bottom:22px;width:220px;}
#actu {margin-bottom:22px;}
#intro-actu #actu h3, #intro-actu #actu p, #intro-actu #actu i { margin-left: 35px; width:250px;}
#intro-actu #actu i { color: #fff; }
#intro-actu #actu a:hover i { color: #000; }
#intro-actu #creaspe p { text-align: left; width:250px;}

#menus_prod { float: left; width: 587px; position: relative; }
#menu-univers {margin-top:30px;float:left;padding-left:35px;}
#menu-univers h2{float:left;background:url(images/fd-titre.gif);font-size:18px;height:26px;line-height:24px; font-weight:bold; font-style:italic; padding-left:55px;padding-right:8px;color:#fff;margin-bottom:0;}
#menu-univers ul{float:left;width:546px;clear:left;margin:10px 0 0 30px;}
#menu-univers ul li{width:110px;float:left;list-style-type:none;list-style-image:none;}
#menu-univers ul li.premier{margin-left:25px;}
#menu-univers ul li span{float:left; padding-left:18px;line-height:12px;}

#menu-gammes {position: relative; float:right; margin-top:20px; margin-right:12px; width:512px;}
#menu-gammes h2{background:url(images/fd-titre.gif);font-size:18px;height:26px;line-height:24px;float:right;font-weight:bold; font-style:italic; padding-left:8px;padding-right:256px;color:#fff;margin-bottom:0;}
#menu-gammes #GammeAjax{float:right;width:512px;}
#menu-gammes ul#TableGamme{float:right;}
#menu-gammes ul#TableGamme li{float:left;list-style-type:none;list-style-image:none;width:90px; margin-left:10px;}
#menu-gammes ul#TableGamme li a{float:left;line-height:12px;}
#menu-gammes ul#TableGamme li a .puce{float:left;}
#menu-gammes ul#TableGamme li a span{float:left; margin-left:5px; width:70px;}
#menu-gammes ul#TableGamme li a span:hover{color:#fb6905}
#MovePrev{position:absolute;z-index:5;left:0px;top:28px;background:#fff;width:53px;height:110px;cursor:pointer;}
#MoveNext{position:absolute;z-index:5;right:0px;top:28px;background:#fff;width:53px;height:110px;cursor:pointer;}
#MovePrev a,#MoveNext a{position:relative;top:23px;width:53px;}

#menus_prod #pros { position: relative;float:right; margin-top:15px;margin-right:12px;}
#pros h2{background:url(images/fd-titre.gif);font-size:18px;height:26px;line-height:24px;float:right;font-weight:bold; font-style:italic; padding-left:8px;padding-right:132px;color:#fff;margin-bottom:5px;}
#pros p{clear:right;margin-left:118px;}

#menus_prod #qualite {position: relative;float:right; margin-right:12px;}
#qualite h2{margin-top:20px;background:#fb6905;;font-size:18px;height:26px;line-height:26px;float:right;font-weight:bold; font-style:italic; padding-left:8px;padding-right:200px;color:#fff;margin-bottom:5px;
}
#qualite p{clear:right;margin-left:0px;}
#adresse { float: left; width: 1000px; color: #ff6812; text-align: center; margin-top: 20px; }

/*****PARTIE DE GAUCHE*****/
#left{ float: left; width: 214px; height: 555px; background: url(images/fd-menu_gauche) top left no-repeat; }
#left a{ float: right; }
#left .navig{ margin-top: 45px; }
#left #crea-spe{ margin-top: 380px; margin-right: 5px;}

/*****PARTIE DU MILIEU*****/
.titre { float: left; margin-left: 14px; margin-top: 10px; background: url(images/fd-titre.gif) repeat-x top left; width: 760px; }
.titre img { float: left; }
.corps { float: left; margin-left: 14px; margin-top: 10px; border-right: solid 1px #ff6812; border-bottom: solid 1px #ff6812; width: 538px; }
.extras { float: left; margin-left: 15px; margin-top: 10px;  width: 200px; } 

/*******PIED DE PAGE*******/
#pied { margin: auto; width: 1000px; text-align: center; font-size: 0.8em; background: url(images/fd-pied.gif) no-repeat top center; float: left; padding-top: 15px; margin-top: 20px; }
#pied a{ color: #000; }
#pied .signature{ margin-top: 15px; }

/**********CATALOGUE**********/
.corps table { float: left; margin-bottom: 3px; border-collapse: separate; border-spacing: 5px;}
.corps .prod { width: 165px; padding: 2px; border: 1px solid #d2cdc5; }
.corps .prod .univers { width: 19px; float: left; margin-right: 2px;}
.corps .prod .univers img { float: left; margin-bottom: 2px; }
.corps .prod .photo { float: left; width: 135px; height: 135px; margin-bottom: 5px; }
.corps .prod .photo img { float: left; }
.corps .prod .resume-desc { float: left; width: 155px; }
.corps .prod .resume-desc h1 { font-size: 1.3em; margin-bottom: 0px; /margin-top: 15px; }

/**********UNIVERS**********/
.corps #dessin-univers { position: relative; margin-bottom: 10px; }
.corps #dessin-univers .fiche { position: absolute; z-index: 20; top:10px; left: 5px; width: 129px; height: 193px; padding-left: 10px; padding-top: 2px; }
.corps #dessin-univers .fiche img { float: left; }
.corps #dessin-univers .fiche .plus { float: right; margin-right: 2px; }
.corps #dessin-univers .fiche .close { position: absolute; top: 155px;  left: 10px; }
.corps #dessin-univers .fiche p { position: absolute; top: 155px;  left: 25px; line-height: 1.1em; }

/********PROFESSIONNELS AFFICHAGE********/
.extras #id-pro td { vertical-align: top; }
.extras #id-pro input { width: 115px; margin-bottom: 5px; margin-left: 5px; }
.extras #id-pro #OK input { width: 25px; height: 25px; background: url(images/fd-ok.gif) no-repeat top left; border: 0px; font-size: 1.1em; font-style: italic; font-weight: bold; color: #fff; }


/**********FICHE**********/
.corps #illustration { width: 240px; float: left; }
.corps #illustration .diaporama { margin-top: 15px; background: url(images/diaporama.gif) no-repeat top left; padding-top: 12px; }
.corps #illustration .diaporama img{ margin-top: 10px; float: left; margin-right: 10px; }
.corps #textes { float: left; width: 280px; margin-left: 10px; margin-bottom: 15px; }
.corps #textes h1 { font-size: 2em; margin-bottom: 10px; }
.corps #textes p { margin-bottom: 10px; margin-top: 5px; }
.corps #textes ul { margin-bottom: 10px; margin-top: 5px; }
.corps #textes .plus li { list-style-image: url(images/plus.gif) }
.corps #textes .classification { padding: 5px 0px; margin-bottom: 10px; border-top: 1px solid #353638; border-bottom: 1px solid #353638; float: left; width: 100%; }
.corps #textes .classification h4 { text-transform: uppercase; font-weight: normal; float: left; margin-right: 5px; padding-top: 3px;  }

.extras li { list-style-image: url(images/puce_orange.gif); font-size: 1.1em; text-transform: uppercase; margin-bottom: 5px; }


/**********FICHE-ADAPTATION UNIVERS CENTRE**********/
.corps { border-right: solid 1px #0577cf; border-bottom: solid 1px #0577cf; }
.titre { background: #0577cf; }
.corps #illustration .diaporama { background: url(images/centre_diaporama.gif) no-repeat top left; }
.corps #textes h1 { color: #0577cf; }
.corps #textes .plus li { list-style-image: url(images/centre-plus.gif); }
.extras li { list-style-image: url(images/centre_puce.gif); }
#dessin-univers .fiche { background: url(images/centre_fiche.png) no-repeat top left ; }


/**********FICHE-ADAPTATION UNIVERS PROXIMITE**********/
.corps { border-right: solid 1px #3fc0ff; border-bottom: solid 1px #3fc0ff; }
.titre { background: #3fc0ff; }
.corps #illustration .diaporama { background: url(images/prox_diaporama.gif) no-repeat top left; }
.corps #textes h1 { color: #3fc0ff; }
.corps #textes .plus li { list-style-image: url(images/prox-plus.gif); }
.extras li { list-style-image: url(images/prox_puce.gif); }
#dessin-univers .fiche { background: url(images/prox_fiche.png) no-repeat top left ; }


/**********FICHE-ADAPTATION UNIVERS STATIONS**********/
.corps { border-right: solid 1px #b381c0; border-bottom: solid 1px #b381c0; }
.titre { background: #b381c0; }
.corps #illustration .diaporama { background: url(images/station_diaporama.gif) no-repeat top left; }
.corps #textes h1 { color: #b381c0; }
.corps #textes .plus li { list-style-image: url(images/station-plus.gif); }
.extras li { list-style-image: url(images/station_puce.gif); }
#dessin-univers .fiche { background: url(images/station_fiche.png) no-repeat top left ; }


/**********FICHE-ADAPTATION UNIVERS PUBLIC**********/
.corps { border-right: solid 1px #ffb842; border-bottom: solid 1px #ffb842; }
.titre { background: #ffb842; }
.corps #illustration .diaporama { background: url(images/public_diaporama.gif) no-repeat top left; }
.corps #textes h1 { color: #ffb842; }
.corps #textes .plus li { list-style-image: url(images/public-plus.gif); }
.extras li { list-style-image: url(images/public_puce.gif); }
#dessin-univers .fiche { background: url(images/public_fiche.png) no-repeat top left ; }

#pied .navig ul li{display:inline;list-style-type:none;list-style-image:none;}
#pied .navig ul li:after{content:" | ";}
#pied .gammes-produits ul li{display:inline;list-style-type:none;list-style-image:none;margin:0 0 0 0; padding:0 0 0 0;}
#pied .gammes-produits ul li:after{content:" | ";}
#pied .gammes-produits {margin:auto;width:600px;text-transform:capitalize;}

#ClosePrdInfos{position:absolute;right:5px;top:5px;cursor:pointer;}
#PrdTitle{font-size:14px;padding:0 5px;color:#fff;font-weight:bold;}
#LinkPrd p{padding:0 5px 5px 5px;}