html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;text-align:center;color:white; text-align:justify;}
#body-couleur{background-color:#20243d;}
#body-image{background-image:url(img/bg.jpg);background-repeat:repeat-x;}
#main{margin-left:auto;margin-right:auto;width:960px;text-align:left;}
#slider{position:relative;width:960px;height:720px;}
#slide_container{position:relative;margin-top:-720px;left:0px;width:960px;height:720px;z-index:1;}
#mask{width:960px;height:720px;top:0px;left:0px;background:url(img/mask.png) no-repeat;position:relative;z-index:2}
#img-shp1{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-1.jpg) no-repeat;}
#img-shp2{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-2.jpg) no-repeat;}
#img-shp3{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-3.jpg) no-repeat;}
#img-shp4{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-4.jpg) no-repeat;}
#img-shp5{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-5.jpg) no-repeat;}
#img-shp6{width:960px;margin-left:auto; margin-right:auto;height:720px;margin-bottom:30px;background:url(img/animation-convention-shp-6.jpg) no-repeat;}
#conteneur{width:900px;margin-left:auto; margin-right:auto; margin-bottom:20px;}

#mots-cles{width:960px;margin-left:auto; margin-right:auto;text-align:center;margin-top:-10px;}
/* LISTE DES MOTS CLEFS */
ul#menu_horizontal {margin-left:0px;list-style-type :none; margin:0;}
ul#menu_horizontal li {display :inline;padding :0 1.8em;}

ul#menu_horizontal ul ul  li {display :inline;padding :0 1.8em;}

a.menucachederoulant:link, a.menucachederoulant:visited, a.menucachederoulant:active{color:#292e4b;}
a.menucachederoulant:hover{color:white;}

a.mc:link, a.mc:visited, a.mc:active{text-decoration:none;color:black;}
a.mc:hover{text-decoration:underline;color:white;}

#main-droite{width:250px; height:400px;padding:0 35px 0 0;float:right;}
#main-contact-email{width:250px;height:25px;background-color:#e64415;font-family:Georgia;font-size:15px;text-align:center;margin-top:455px;}
#main-contact-telephone{width:250px; height:35px;font-family:Georgia;font-size:30px;text-align:center;background-color:white; color:#e64415;}
#shp-droite{width:250px;height:70px;padding:247px 35px 0 0;float:right;}
#shp-contact-email{width:250px;height:30px;background-color:#e64415;font-family:Georgia;font-size:15px;text-align:center; line-height:25px;}
#shp-contact-telephone{width:250px; height:35px;font-family:Georgia;font-size:30px;text-align:center;background-color:white; color:#e64415;}

#numpic {float:right;color:white;margin-top:110px;list-style-type:none;}
#numpic li {background-color:#088ebc;padding:3px 5px 3px 5px;text-align:center;}
#numpic li a, #numpic li div {color:#192f76;font-size:16px;font-weight:bold;font-family:Georgia;text-decoration:none;}

#main-gauche{width:450px; height:500px;padding:30px 0 0 36px; float:left;}
#shp-gauche{width:450px; height:193px;padding:30px 0 0 36px; float:left;}
#main-slogan{width:420px;font-family:Georgia;font-size:24px; margin-bottom:60px; padding:95px 0 0 17px;height:26px;word-spacing: 27px;}
#shp-slogan{width:420px;font-family:Georgia;font-size:24px; margin-bottom:18px; padding:95px 0 0 25px; word-spacing: 27px;}
#main-contenu{width:435px;padding-left:15px;margin-bottom:80px;font-family:Georgia;font-size:12px;}
#menu{width:312px;}

/* CONTENU DANS LE CADRE DE LA SHP */
#shp-div-contenu{width:890px; height:360px;float:left; margin-left:35px;}
#shp-contenu-gauche{width:260px;float:left; padding-right:10px; padding-left:10px; padding-top:3px; text-align:left;}
#shp-contenu-droite{width:576px; float:left;margin-top:6px;background-image:url(img/sep-contenu.gif);background-repeat:repeat-y; background-position:left;}

/* 3 COLONNES CONTENU DANS LE CADRE */
#shp-contenu-colonne1{width:250px; height:362px;float:left;padding-left:13px; padding-right:14px; padding-top:3px; text-align:left;margin-top:6px;}
#shp-contenu-colonne2{width:269px; height:362px;float:left;padding-left:30px; padding-right:14px; padding-top:3px;background-image:url(img/bg-sep.jpg);background-repeat:repeat-y;margin-top:6px;}
#shp-contenu-colonne3{width:267px; height:365px;float:left;padding-left:30px;background-image:url(img/bg-sep.jpg);background-repeat:repeat-y;margin-top:6px;}

#shp-titre-produit{width:355px;padding:7px 0 0 22px ;font-family:Georgia;font-size:21px;float:left;}
#shp-plus-de-reference{width:180px;padding-top:11px;float:left; height:21px;}

#shp-ligne-contenu-ref{width:603px;height:150px;float:left;margin-top:17px;}
#shp-ref-photo{width:163px; height:150px; float:left;padding-left:19px; padding-right:2px;}
#shp-ref-texte{width:115px; height:150px; float:left; text-align:left;}

/* CONTENU DANS LE CADRE DE LA SHP en COULEUR */
.cquoi{font-size:45px; font-family:Georgia; color:#29abe2;}
.produit-reussi{font-size:23px; font-family:Georgia; color:#29abe2; text-align:left;}
.font-g13{font-family:Georgia;font-size:13px;text-align:left;}
.font-g11{font-family:Georgia;font-size:11px;text-align:left;}
.font-g15{font-family:Georgia;font-size:22px;text-align:left;}
.font-g25{font-family:Georgia;font-size:25px;text-align:left;}
.font-g23{font-family:Georgia;font-size:23px;text-align:left;}

/* FICHE - PHOTO "QUELQUES REFERENCES */
#fiche-ref-photo{width:125px; height:130px;float:left; margin-top:10px; padding-right:5px;}

/* FICHE - REFERENCE CLIENT */
#fiche-photos-principales{width:258px; height:350px;float:left; margin-top:11px; margin-left:25px;}
#fiche-photos1{width:120px; height:20px;float:left; margin-top:20px;}
#fiche-photos2{width:120px; height:20px;float:left; margin-top:20px;margin-left:18px;}
#fiche-presentation-ref{width:285px;float:left; margin-top:5px; margin-left:8px;}

/* CONTENU SOUS LE CADRE */
#titre-h1{width:870px; height:40px; float:left; padding-top:15px;}
#englobe-colonne{width:870px; min-height:100px; float:left;}
#trois-colonne1{width:286px;float:left;padding-right:10px;background-image:url(img/sep-contenu.gif);background-repeat:repeat-y; background-position:right;text-align:left;}
#trois-colonne2{width:286px;float:left;padding-left:10px;padding-right:10px;background-image:url(img/sep-contenu.gif);background-repeat:repeat-y; background-position:right;}
#trois-colonne3{width:286px;float:left;padding-left:10px;}

#deux-colonne1{width:420px;float:left;padding-right:10px;background-image:url(img/sep-contenu.gif);background-repeat:repeat-y; background-position:right;}
#deux-colonne2{width:420px;float:left;padding-left:10px; }

/* PIED DE PAGE */
#pied{width:900px;margin-top:20px; float:left; height:30px;}

/* MENU */
#menu {margin:0px;padding:0px;list-style-type:none;font-family: "Times New Roman", Times, serif; cursor:pointer;}
/*#menu li a{display:block;color:#e64415; background-color:white; margin-bottom:15px; padding-left:12px;width:250px;font-size:25px; text-decoration:none;}*/
#menu li a{display:block;color:white; background-color:#088ebc; margin-bottom:15px; padding-left:12px;width:250px;font-size:25px; text-decoration:none;}
#menu li a:hover{display:block;color:white;margin-bottom:15px; padding-left:12px;width:340px;background-image:url(img/bouton.jpg);background-repeat:repeat-x;font-size:34px;text-decoration:none;}
#menu li.selected a{display:block;color:white;margin-bottom:15px; padding-left:12px;width:250;background-color:#e64415;font-size:25px;text-decoration:none;}
#menu li.selected a:hover{display:block;color:white;margin-bottom:15px; padding-left:12px;width:340px;background-image:url(img/bouton.jpg);background-repeat:repeat-x;font-size:34px;text-decoration:none;}

/* COULEUR POLICE & COULEUR LIEN */
a:link, a:visited, a:active{color:#fcaf3d;text-decoration:none;}
a:hover{color:#f15a24;text-decoration:none;}

a.liresuite:link, a.liresuite:visited, a.liresuite:active{font-size:16px;color:#fcaf3d;text-decoration:none;}
a.liresuite:hover{font-size:16px;color:#f15a24;text-decoration:none;}

a.liresuite11:link, a.liresuite11:visited, a.liresuite11:active{font-size:11px;color:#fcaf3d;text-decoration:none;font-family:Georgia;text-align:left;}
a.liresuite11:hover{font-size:11px;color:#f15a24;text-decoration:none;font-family:Georgia;text-align:left;}

a.liresuite15:link, a.liresuite15:visited, a.liresuite15:active{font-size:17px;color:#fcaf3d;text-decoration:none;font-family:Georgia;text-align:left;}
a.liresuite15:hover{font-size:17px;color:#f15a24;text-decoration:none;font-family:Georgia;text-align:left;}

a.email:link, a.email:visited, a.email:active{text-decoration:none;color:white;}
a.email:hover{text-decoration:underline;color:white;}

a.slogan:link, a.slogan:visited, a.slogan:active{text-decoration:none;cursor:pointer;color:white;}
a.slogan:hover{text-decoration:none;cursor:pointer;color:white;}

a.refimg:link, a.refimg:visited, a.refimg:active{border:8px solid white; display:block;}
a.refimg:hover{border:8px solid #e64415;}

a.imgmini:link, a.imgmini:visited, a.imgmini:active{border:5px solid white; display:block;}
a.imgmini:hover{border:5px solid #e64415;}

a.blanc:link, a.blanc:visited, a.blanc:active, a.blanc:hover{color:white; text-decoration:none;}

.refimgmin{border:4px solid white; display:block;cursor:pointer;}
.refimgmini{border:4px solid white; display:block;}

img{border:none;}
h1{font-family:Georgia;font-size:24px;text-transform:uppercase;}
h2{font-family:Verdana;font-size:13px;text-decoration:underline;}

.mc-1{color:#292e4b;}

ul{padding-left:20px;}
.gras{font-weight:bold;}
.center{text-align:center; font-size:15px; color:#fcaf3d;}

#liste-ref{margin:13px;padding:0px; line-height:11px;}
#liste-ref li{margin-top:13px;}



/* version agrandi selon le contenu */
#img-shp1-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-1.jpg) no-repeat;}
#img-shp2-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-2.jpg) no-repeat;}
#img-shp3-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-3.jpg) no-repeat;}
#img-shp4-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-4.jpg) no-repeat;}
#img-shp5-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-5.jpg) no-repeat;}
#img-shp6-cadre{width:960px;margin-left:auto; margin-right:auto;height:320px;background:url(img/animation-convention-shp-cadre-6.jpg) no-repeat;}
#shp-cadre-contenu{width:860px;float:left;background:url(img/cadre-milieu.png) repeat-y; padding:10px 45px 10px 45px;}
#shp-cadre-pied{width:960px;float:left;height:44px;background:url(img/cadre-bas.png) repeat-y;}
#pied-cadre{width:900px;float:left;padding-left:27px; height:20px;}


dl
{
  margin: 0;
  padding: 0;
}

dt
{
  color:#fcaf3d;
  font-size:13px;
  padding: 0;
  font-weight: bold;
}

dd
{
  margin: 0 0 2em 0;
  padding: 0 0 0 20px;
}                
  
