html {background:#221d24;behavior:url("includes/csshover3.htc");}
body {margin:0;border:0;padding:0;font-family:"Lucida Sans Unicode", Arial;font-size:12px;color:#221d24;background:#221d24;}
img {border:0;margin:0;}
.clear {clear:both;}
a{text-decoration:none;}


#site{width:964px;margin:18px auto 0 auto;background:#fff;}

/* HEADER */

#header{width:964px;background:#767676;text-align:center;}

.slogan{letter-spacing:4px;font-family:Arial;font-size:17px;color:#dedbdb;font-weight:normal;text-align:center;margin:10px 0 10px 0;}

#menu{background:#c0c0c0;height:117px;font-family:Arial;font-size:17px;color:#000;text-align:right;}

#menu ul{height:117px;list-style-type:none;margin:0;padding:0;}
#menu li{width:192px;height:115px;float:left;border-top:solid 1px #000;border-bottom:solid 1px #000;}
#menu li:hover{width:192px;height:115px;float:left;background:#805491;cursor:hand;}
#menu li a{display:block;width:192px;height:115px;float:left;}

.menu_4{
border-right:solid 1px #000;
width:193px !important;
width:192px;
}

#menu li a .sous-titre-menu{color:#fff;}
#menu li a:hover .sous-titre-menu{color:#a26bb8;}
#menu li a:hover .titre-menu{color:#fff;}
#menu li a .titre-menu{color:#000;}

.titre-menu{font-size:20px;margin:0 16px 0 0;}
.sous-titre-menu{color:#fff;font-size:12px;font-weight:bold;margin:30px 16px 8px 0;}

#menu li:hover>.titre-menu{color:#fff;}
#menu li:hover>.sous-titre-menu{color:#a26bb8;}

/* CONTENU */

#contenu{width:964px;}

#description{float:left;width:383px;}
#description p {margin-left:20px;margin-right:20px;}

#images{float:right;width:580px;border-left:1px solid #fff;}
#images img{float:left;}

#portfolio{margin:0;padding:0;list-style-type:none;}

.grande_image_accueil{float:left;height:395px;width:580px;}
a.prev {background:url(../images/fleche_gauche.png) no-repeat;width:26px;height:26px;display:block;text-indent:-9999px;outline:none;}
a.next {background:url(../images/fleche_droite.png) no-repeat;width:26px;height:26px;display:block;text-indent:-9999px;outline:none;}

.grande_image{float:left;height:286px;width:580px;}

.sc_menu{width:580px;z-index:1;border-top:1px solid #fff;}
.sc_menu li{z-index:1;}
.petite_image{float:left;width:145px;height:108px;}


#echelle{margin:0;padding:0;list-style-type:none;}
#echelle li{background:#d3d3d3;width:383px;font-family:Arial;font-weight:bold;height:40;line-height:40px;vertical-align:middle;font-size:14px;color:#221d24;margin:0 0 1px 0;}
#echelle li:hover{background:#928e93;color:#fff;cursor:hand;}

#echelle li a{display: block; color:#000; padding-left:20px;}
#echelle li a:hover{background:#928e93;color:#fff;}

.titre{margin:20px;font-weight:bold;font-size:13px;}
.texte{margin-left:20px;margin-right:20px;}

.desc_image{text-align:center;margin-top:30px;}

/* FOOTER */

#footer ul{font-family:Arial;width:964px;text-align:center;background:#c0c0c0;float:left;height:40px;line-height:40px;vertical-align:middle;list-style-type:none;margin:0;padding:0;}
#footer li{width:964px;height:40px;float:left;border-top:solid 1px #000;}
#footer li:hover{width:964px;height:40px;float:left;background:#805491;}

.contact{font-size:20px;margin:0 16px 0 0;}
#footer li:hover>.contact{color:#fff;}


/* FORMULAIRE CONTACT */
#formulaire{width:100%; text-align:center; margin-top:25px;}
#formulaire form{}
#formulaire input{width:310px;; margin-bottom:5px;}
#formulaire textarea{width: 310px;; margin-bottom:5px;}

.lien_contact{color:#000;}
.lien_contact:hover{color:#FFF;}

#mentions{background:#221d24; color:#FFF;}
.lien_mentions{text-decoration:none; color:#FFF;}
.lien_mentions:hover{color:#805491;}

.grande_image_accueil ul{list-style-type:none;padding:0;margin:0 auto 0 auto;width:580x;height:395px;}

.grande_image_accueil li img{border:0;padding:0;width:580x;height:395px;margin:0;}