/* CSS Document by Skilled Design */
body {
	background: #ffcc00 url(pics/background.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}
.container {
	width: 960px;
	margin: 0 auto;
}

/* @group organisation */

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
a {
	color: #009933;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 10px 0;
}
img {
	border: 0;
}

#content2 div.container div.main div.col2-3 div.col1-3 img {
	margin-right: 25px;
}

.center {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.right {
	float: right;
}
.floatleft {
	float: left;
}
.bordernone {
	border: none;
}
ul.listnone {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content div.container div.main div.col1-3 h2 {
	background: url(pics/produits-trans.png) no-repeat;
	margin-top: 35px;
	width: 377px;
	height: 31px;
	padding: 0;
}

#content div.container div.main div.col1-3 h1 {
	background: url(pics/partenaires-trans.png) no-repeat;
	width: 377px;
	height: 31px;
	padding: 0;
}

.col1-3 {
	float: right;
	width: 385px;
}

.col2-3 {
	float: left;
	width: 481px;
	margin: 0;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col5 {
	width: 455px;
	float: left;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col6 {
	float: right;
	width: 450px;
}

#content2 div.container div.main div.col2-3 div.col3-3 {
	float: right;
	width: 472px;
	padding: 0;
	margin: 8px 0 0;
}

#content2 div.container div.main div.col2-3 {
	float: left;
	width: 960px;
}

#content2 div.container div.main div.colpromo {
	float: left;
	width: 100%;
}

#content2 div.container div.main div.col2-3 div.col5-3 {
	float: left;
	width: 480px;
	margin-top: 20px;
}

#content2 div.container div.main div.col2-3 div.col8-3 {
	float: left;
	width: 100%;
	margin-top: 20px;
}

#content2 div.container div.main div.col2-3 div.col6-3 {
	float: right;
	width: 375px;
	margin-top: 20px;
}

#content2 div.container div.main div.col4-3 {
	float: left;
	width: 100%;
	height: 715px;
	background: url(pics/panneau-trans.png) no-repeat 7px;
}

#content2 div.container div.main div.col2-3 div.col1-3 {
	float: left;
	padding: 0 0 30px;
	margin-right: 0;
	margin-top: 0;
	width: 488px;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col6 {
	float: right;
	width: 454px;
}



/* My Comment */
.col1-3 p, .col2-3 p, p {
	margin: 0 0 14px;
}
.kill_margin {
	margin: 0;
}
h1, h2, h3, h4, h5, h6, h7{
	text-indent: -99999px;
	display: block;
	height: 56px;
	margin: 0;
}

/* @end */


/* @group header */
.banner {
	height: 198px;
	float: left;
	width: 960px;
	background: url(pics/banner-trans.png) no-repeat right bottom;
}
/* @end */


/* @group menu-header */
#header {
	height: 279px;
	background: url(pics/header-nuage.jpg) no-repeat;
}
#header a.logo {
	margin: 23px 0 0 32px;
	float: left;
	padding: 0;
	height: 128px;
	overflow: hidden;
	width: 403px;
}


#header ul.topnav {
	float: right;
}
#header ul.topnav li {
	list-style: none;
	text-indent: -9999px;
	float: right;
	width: auto;
	margin-left: 28px;
}
#header ul.topnav li a{
	height: 74px;
	display: block;
	margin-top: 6px;
}
body #header ul.topnav li a:hover {
	background-position: 0 -74px;
}


#home li.accueilstop a{
	background-position: bottom;
}
#header ul.topnav li.accueilstop a{
	width: 68px;
	background: url(pics/btn-accueil_rollover2.jpg) no-repeat 0 0;
	height: 71px;
}
#header ul.topnav li.accueilstop a:hover{
	width: 68px;
	background: url(pics/btn-accueil_rollover2.jpg) no-repeat 0 0;
	height: 71px;
}

#home li.accueil a{
	background-position: bottom;
}
#header ul.topnav li.accueil a{
	width: 68px;
	background: url(pics/btn-accueil_rollover2.jpg) no-repeat -69px 0;
	height: 71px;
}
#header ul.topnav li.accueil a:hover{
	width: 68px;
	background: url(pics/btn-accueil_rollover2.jpg) no-repeat 0 0;
	height: 71px;
}


#home li.produitsstop a{
	background-position: bottom;
}
#header ul.topnav li.produitsstop a{
	width: 78px;
	background: url(pics/btn-produits_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}
#header ul.topnav li.produitsstop a:hover{
	width: 78px;
	background: url(pics/btn-produits_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}

#home li.produits a{
	background-position: bottom;
}
#header ul.topnav li.produits a{
	width: 78px;
	background: url(pics/btn-produits_rollover2.jpg) no-repeat -80px 0;
	height: 71px;
}
#header ul.topnav li.produits a:hover{
	width: 78px;
	background: url(pics/btn-produits_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}


#home li.promotionsstop a{
	background-position: bottom;
}
#header ul.topnav li.promotionsstop a{
	width: 96px;
	background: url(pics/btn-promotions_rollover2.jpg) no-repeat -2px 0;
	height: 71px;
}
#header ul.topnav li.promotionsstop a:hover{
	width: 96px;
	background: url(pics/btn-promotions_rollover2.jpg) no-repeat -2px 0;
	height: 71px;
}

#home li.promotions a{
	background-position: bottom;
}
#header ul.topnav li.promotions a{
	width: 96px;
	background: url(pics/btn-promotions_rollover2.jpg) no-repeat -100px 0;
	height: 71px;
}
#header ul.topnav li.promotions a:hover{
	width: 96px;
	background: url(pics/btn-promotions_rollover2.jpg) no-repeat -2px 0;
	height: 71px;
}


#home li.partenairesstop a{
	background-position: bottom;
}
#header ul.topnav li.partenairesstop a{
	width: 98px;
	background: url(pics/btn-partenaires_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}
#header ul.topnav li.partenairesstop a:hover{
	width: 98px;
	background: url(pics/btn-partenaires_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}

#home li.partenaires a{
	background-position: bottom;
}
#header ul.topnav li.partenaires a{
	width: 98px;
	background: url(pics/btn-partenaires_rollover2.jpg) no-repeat -100px 0;
	height: 71px;
}
#header ul.topnav li.partenaires a:hover{
	width: 98px;
	background: url(pics/btn-partenaires_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}


#home li.contactstop a{
	background-position: bottom;
}
#header ul.topnav li.contactstop a{
	width: 67px;
	background: url(pics/btn-contact_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}
#header ul.topnav li.contactstop a:hover{
	width: 67px;
	background: url(pics/btn-contact_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}

#home li.contact a{
	background-position: bottom;
}
#header ul.topnav li.contact a{
	width: 67px;
	background: url(pics/btn-contact_rollover2.jpg) no-repeat -69px 0;
	height: 71px;
}
#header ul.topnav li.contact a:hover{
	width: 67px;
	background: url(pics/btn-contact_rollover2.jpg) no-repeat -1px 0;
	height: 71px;
}


html body#accueil ul.topnav li.accueil a, body#produits ul.topnav li.produits a, body#promotions ul.topnav li.promotions a, body#partenaires ul.topnav li.partenaires a, body#contact ul.topnav li.contact a{
	background-position: 0 bottom;
}
/* @end */


/* @group content */
#content {
	width: 100%;
	float: left;
}
#content2 {
	width: 100%;
	float: left;
}
#home #content .main {
	background: url(pics/fondaccueil.jpg) no-repeat right top;
}
#home #content2 .main {
	background: url(pics/fond.jpg) repeat-y right top;
}
#content .main {
	float: left;
	position: relative;
	z-index: 1;
	padding-top: 64px;
	padding-bottom: 64px;
	width: 960px;
}
#content2 .main {
	float: left;
	position: relative;
	z-index: 1;
	padding-top: 64px;
	padding-bottom: 64px;
	width: 960px;
}

div.besoin {
	float: right;
	width: 275px;
	margin: 0;
}

div.devis {
	float: left;
	margin: 0;
}

#content2 div.container div.main div.col2-3 h1 {
	background: url(pics/titre_partenaires-trans.png) no-repeat;
	height: 31px;
	width: 960px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
}

#content2 div.container div.main div.colpromo h2 {
	background: url(pics/titre_promos-trans.png) no-repeat;
	height: 33px;
	width: 480px;
	margin: 0 0 14px;
}

#content2 div.container div.main div.col2-3 h4 {
	background: url(pics/titre-produits-trans.png) no-repeat;
	height: 31px;
	width: 962px;
	margin: 0 0 14px;
}

#content2 div.container div.main div.col2-3 h5 {
	background: url(pics/titre_contact-trans.png) no-repeat;
	height: 33px;
	width: 960px;
	margin: 0 0 14px;
}


#content2 div.container div.main div.col2-3 div.col8-3 div.col5 img {
	margin-bottom: 20px;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col6 img {
	margin-bottom: 20px;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col5 p {
	margin: 0;
	padding: 0;
}



/* Produits Colonne de gauche - TITRE */
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h1 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-enseigne-trans.png) no-repeat;
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h2 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-signaletique-trans.png) no-repeat;
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h3 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-vitrine-trans.png) no-repeat;
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h4 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-carte2visite-trans.png) no-repeat;
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h5 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-objetpub-trans.png) no-repeat;
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h6 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-logoproduits-trans.png) no-repeat;
}

#content2 div.container div.main div.col2-3 div.col8-3 div.col5 h2.Style1 {
	height: 32px;
	width: 455px;
    margin: 0 0 14px;
	padding: 0;
	background: url(pics/produits-tampon-trans.png) no-repeat;
}



/* Produits Colonne de droite - TITRE */
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h1 {
	width: 450px;
	height: 32px;
	margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-caissonlumineux-trans.png);
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h2 {
	width: 450px;
	height: 32px;
	margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-vehicule-trans.png);
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h3 {
	width: 450px;
	height: 32px;
    margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-banderole-trans.png);
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h4 {
	width: 450px;
	height: 32px;
    margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-textile-trans.png);
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h5 {
	width: 450px;
	height: 32px;
    margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-printnum-trans.png);
}
#content2 div.container div.main div.col2-3 div.col8-3 div.col6 h6 {
	width: 450px;
	height: 32px;
    margin: 0 0 14px;
	padding: 0;
	background-image: url(pics/produits-systemeclairage-trans.png);
}

/* Fin Produits */









#home h1 {
	background: url(pics/bienvenue-trans.png) no-repeat;
	height: 31px;
	width: 481px;
	margin-bottom: 14px;
}
#home h2 {
	background: url(pics/besoin-trans.png) no-repeat;
	height: 31px;
	width: 481px;
	margin-top: 35px;
	margin-bottom: 14px;
}
#home h3 {
	background: url(pics/promos-trans.png) no-repeat;
	height: 136px;
	width: 281px;
	margin-bottom: 14px;
}

#content2 div.container div.main div.col2-3 div.col6-3 h1 {
	width: 375px;
	height: 32px;
	margin-bottom: 14px;
	background: url(pics/partelephone-trans.png) no-repeat;
}

#content2 div.container div.main div.col2-3 div.col6-3 h2 {
	width: 375px;
	height: 32px;
	margin-bottom: 14px;
	background: url(pics/paremail-trans.png) no-repeat;
	margin-top: 50px;
}

#content2 div.container div.main div.col2-3 div.col6-3 h4 {
	width: 375px;
	height: 32px;
	margin-bottom: 14px;
	background: url(pics/noslocaux-trans.png) no-repeat;
	margin-top: 50px;
}

#content2 div.container div.main div.col2-3 div.col5-3 h3 {
	background-image: url(pics/messagedirect-trans.png);
	width: 480px;
	height: 32px;
	margin-bottom: 14px;
}



#home .main img.feat {margin: 10px 0 0 10px;}

.details {
	float: right;
	font-size: 14px;
	font-style: italic;
	color: #009933;
}
div.merci {
	margin-top: 50px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 20px;
	width: 721px;
	height: 340px;
	background: url(pics/box-trans.png) no-repeat;
}
/* @end */


/* @group footer */
#footer {
	float: left;
	width: 100%;
	background: url(pics/fond-footer.jpg) repeat-x;
}

#footer div.container div.auxlinks ul.col3.fav li {
	list-style: none;
	margin-left: 57px;
	margin-top: 12px;
	text-align: center;
	float: left;
	font-weight: normal;
	font-style: normal;
}

/* @group My Group */



/* @end */
#footer div.container div.auxlinks ul.col3.fav li.sousmenustop a {
	color: #ffcc00;
}
#footer div.container div.auxlinks ul.col3.fav li.sousmenu a {
	color: #fff;
}
#footer div.container div.auxlinks ul.col3.fav li.sousmenu a:hover {
	text-decoration: underline;
}
#footer .container .auxlinks ul.col3 {
	font-weight: bold;
	font-size: 12px;
	margin-right: 20px;
	padding-left: 154px;
	-padding-left: 94px;
}
#footer .disclaimer {
	width: 100%;
	float: left;
	color: #000;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 5px;
	background: #ffcc00 url(pics/copyright.jpg) no-repeat 0 0;
	height: 20px;
}
/* @end */


/* @group contact */
td {
	padding: 2px 2px 2px 2px;
}

#content2 div.container div.main div.col2-3 div.col5-3 table tbody tr td input {
	font-style: italic;
	border: 2px solid #ce7f00;
	height: 20px;
	width: 100%;
	background-color: #ffe035;
}

#content2 div.container div.main div.col2-3 div.col5-3 div.btnenvoyer input.btn {
	height: 87px;
	width: 110px;
	border-style: none;
	background: none;
}
div.champstexte {
	width: 382px;
	height: 330px;
	padding-top: 20px;
	background: url(pics/pack1.jpg) no-repeat;
	float: left;
	padding-left: 12px;
	margin-top: 10px;
	margin-left: 126px;
}
div.votremessage {
	font-size: 20px;
	color: #3da5e5;
	font-weight: bold;
	font-style: italic;
	margin-top: 25px;
	padding-left: 127px;
	float: left;
	width: 400px;
}

div.btnenvoyer {
	float: right;
	width: 110px;
	margin-top: 10px;
}

#content2 div.container div.main div.col2-3 div.col5-3 table tbody tr td div.btnenvoyer input.btn {
	background: none;
	float: left;
}

textarea {
	background-color: #ffe035;
	font-style: italic;
	border: 2px solid #ce7f00;
	height: 160px;
	width: 100%;
}

td.Style1 {
	width: 170px;
}
div.cadre-textarea {
	margin: 0;
	padding:  0;
}
/* @end */