* { padding: 0; margin: 0; border: 0; }

/* RECURRENT */ 
body { font-family: Arial; font-size: 10px; background-color: #000000; background: #000 url(images/newcomm_bg.jpg) no-repeat 100px 0; color: #ccc; }
#int{ font-family: Arial; font-size: 10px; background-color: #000000; background: #000 url(images/newcomm_bg_int.jpg) no-repeat 44px 0; color: #ccc; }

#site { position: absolute; left: 50%; width: 960px; margin: 0px 0 0 -480px; }
#bg-home{ width:100%; height:600px; background: #000 url(images/newcomm_bg.jpg) no-repeat 50% 0; }
#bg-int{ width:100%; height:600px; background: #000 url(images/newcomm_bg_int.jpg) no-repeat 50% 0; }
#head{ width: 960px; height: 55px; padding-top:60px; }
#content{ width: 960px; height: 485px; border-top: 1px solid #5f5c5e; border-bottom: 1px solid #5f5c5e; }
#content-mentions{ margin:20px 20px 50px 20px; width: 600px; height: 485px; line-height:1.4em}
#content-mentions h1{color:#fff; font-size:16px; margin:15px 0 30px 0; }
#content-mentions h2{color:#e2007a; font-size:16px; margin:15px 0 10px 0; border-bottom: 1px solid #5f5c5e; }
#content-mentions a{ color:#fff; text-decoration: none; }
#content-mentions a:hover{ color:#e2007a; text-decoration: none;}
#carte-content #cartes{margin-top:50px;}

#footer { width: 960px; height:30px; color:#3a3a3a;  text-align: right; padding-top:5px; }
#footer a{ color:#3a3a3a; text-decoration: none;}
#footer a:hover{ color:#e2007a; text-decoration: none;}


/* MENU */
#menu-home{ float:left; width: 200px; height: 150px; padding-top:15px; }
#menu-conseil{ float:left; width: 200px; height: 470px; padding-top:15px; background: url(images/baseline_conseil.gif) no-repeat 0 375px; }
#menu-creation{ float:left; width: 200px; height: 470px; padding-top:15px; background: url(images/baseline_creation.gif) no-repeat 0 375px; }
#menu-carte{ float:left; width: 200px; height: 470px; padding-top:15px; background: url(images/baseline_carte.gif) no-repeat 0 375px; }
#menu-contact{ float:left; width: 200px; height: 470px; padding-top:15px; background: url(images/baseline_contact.gif) no-repeat 0 375px; }

#menu-home ul, #menu-qui ul, #menu-conseil ul, #menu-creation ul, #menu-carte ul, #menu-contact ul{list-style: none;}
#qui{ display:block; width:150px; height:30px; background: url(images/menu_qui.gif) no-repeat; overflow: hidden; text-indent: -1000px;}
#conseil{ display:block; width:150px; height:30px; background: url(images/menu_conseil.gif) no-repeat; overflow: hidden; text-indent: -1000px; border-top:1px solid #8a8a8a;}
#creation{ display:block; width:150px; height:30px; background: url(images/menu_creation.gif) no-repeat; overflow: hidden; text-indent: -1000px; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a;}
#carte{ display:block; width:150px; height:30px; background: url(images/menu_carte.gif) no-repeat; overflow: hidden; text-indent: -1000px;  border-bottom:1px solid #8a8a8a;}
#contact{ display:block; width:150px; height:30px; background: url(images/menu_contact.gif) no-repeat; overflow: hidden; text-indent: -1000px;}

#qui:hover{ display:block; width:150px; height:30px; background: url(images/menu_qui.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px;}
#conseil:hover{ display:block; width:150px; height:30px; background: url(images/menu_conseil.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-top:1px solid #8a8a8a;}
#creation:hover{ display:block; width:150px; height:30px; background: url(images/menu_creation.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a;}
#carte:hover{ display:block; width:150px; height:30px; background: url(images/menu_carte.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px;  border-bottom:1px solid #8a8a8a;}
#contact:hover{ display:block; width:150px; height:30px; background: url(images/menu_contact.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px;}


/* HOME */
#home {float:left; width:760px;}
#home p {margin-top:10px;}
#lumiere{float:left; width:960px; height:188px;  }
#light{float:left; width:570px; height:150px; }
#bloc_conseil{float:left; width:150px; height:90px; padding-top:60px;  /* padding-left:570px;*/ /*border:1px solid #fff;*/ }
#bloc_creation{float:left;  width:320px; height:105px; padding:30px 0 0 475px; background: url(images/baseline_home.gif) no-repeat 0 25px; }
#bloc_carte{float:left; width:150px; height:155px; }

#bloc_conseil h1{width:66px; height:11px; background: url(images/titre_conseil.gif) no-repeat; overflow: hidden; text-indent: -1000px; margin-bottom:10px; }
#bloc_creation h1{width:76px; height:16px; background: url(images/titre_creation.gif) no-repeat; overflow: hidden; text-indent: -1000px; margin-bottom:10px; }
#bloc_carte h1{width:139px; height:11px; background: url(images/titre_carte.gif) no-repeat; overflow: hidden; text-indent: -1000px; margin-bottom:10px; }



/* QUI */
#qui-content{ float:left; width:560px; font-size:12px; font-weight: lighter; }
#qui-content ul{ margin-bottom:20px; }
#qui-content ul li a{margin-top:20px; color:#e2007a;}
#qui-content h1{width:150px; height:19px; padding-bottom:11px; margin:15px 0 30px 0; background: url(images/menu_qui.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-bottom:1px solid #8a8a8a;}

/* CONSEIL */
#conseil-content{ float:left; width:560px; font-size:12px; font-weight: lighter; }
#conseil-content ul li a{margin-top:20px; color:#e2007a;}
#conseil-content h1{width:150px; height:19px; padding-bottom:11px; margin:15px 0 30px 0; background: url(images/menu_conseil.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-bottom:1px solid #8a8a8a;}


/* Création */
#creation-content{ float:left; width:560px; font-size:12px; font-weight: lighter; }
#creation-content ul li a{margin-top:20px; color:#e2007a;}
#creation-content h1{width:150px; height:19px; padding-bottom:11px; margin:15px 0 30px 0; background: url(images/menu_creation.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-bottom:1px solid #8a8a8a;}

/* Carte */
#carte-content{ float:left; width:560px; font-size:12px; font-weight: lighter; }
#carte-content p{line-height: 1.6em;}
#carte-content ul li a{margin-top:20px; color:#e2007a;}
#carte-content h1{width:150px; height:19px; padding-bottom:11px; margin:15px 0 30px 0; background: url(images/menu_carte.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-bottom:1px solid #8a8a8a;}

/* Contact */
#contact-content{ float:left; width:560px; font-size:12px; font-weight: lighter; }
#contact-content p{line-height: 1.6em;}
#contact-content ul li a{margin-top:20px; color:#e2007a;}
#contact-content #col-left h1{width:150px; height:19px; padding-bottom:11px; margin:15px 0 25px 0; background: url(images/menu_contact.gif) no-repeat 0 -30px; overflow: hidden; text-indent: -1000px; border-bottom:1px solid #8a8a8a;}

#contact-content a{ color:#fff; text-decoration: none; }
#contact-content a:hover{ color:#e2007a; text-decoration: none;}

#col-left{ float:left; width:200px; }
#col-right{ float:left; width:350px; margin-top:75px; }
#col-right2{ float:left; width:350px; margin-top:22px; }

input.chp{ float:left; height:15px; margin:0 60px 10px 0; width:165px; background-color:#ffffff; }
label{ float:left; height:15px; width:80px; margin:0 5px 5px 0; color:#ffffff; font-weight: bold; }
textarea{ float:left; width:200px; height:60px; font-family: Verdana; font-size: 11px; }
#adresse{  width:200px; }
#cp{  width:80px; margin-right:150px;  }
#ville{ width:100px; margin-right:100px; }
#envoi{ clear:both; margin-top:10px; padding-top: 2px; width:300px; height:29px; background-color:#000; color:#e2007a; border-top:1px solid #e2007a; text-align:center; }
.chk{ margin:0 5px 5px 0; }
.chklist{ float:left; padding:10px 0 0 0px; width:215px; display:block; font-size:10px; }
.ckklist span{ float:left; height:10px;}
/* autre */

#liste{ margin-left: 13px; color: #C1C2C4; }
#liste ul{line-height: 1.6em; list-style-position: outside; margin-top:20px; color:#e2007a; }
#liste ul li{margin-top: 20px;}
#liste ul a{margin-left: 26px; color: #C1C2C4; text-decoration: none; }

.rose{color:#e2007a;}
.blanc{color:#fff;}
.vert{color:#4bff04;}
.rouge{ color:#ff0000; }
.clr{ clear:both; }