@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:20px;
	background-image:url(../img/tpl/bg_page.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

a {
	color:#FFF;
	cursor:pointer;
}


div.header, div.menu, div.page, div.footer {
	width:960px;
	margin:auto;
}

div.header {
	height:152px;
	width:952px;
	padding:2px;
	border:2px solid #B8BABB;
}

div.header #slide {
	width:718px;
	height:152px;
	float:right;
}

div.header div.logo {
	margin-left:40px;
	float:left;
}

div.footer {
	text-align:center;
	color:#555;
	font-size:10px;
	height:60px;
	margin-top:40px;
}
div.footer a {
	color:#555;
}



a img {
	border:none;
}





/* MENU */
div.menu {
	margin-top:8px;
}

div.menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
	height:26px;
	clear:both;
}

div.menu ul li {
	float:left;
	width:234px;
	margin-right:8px;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
}
div.menu ul li {
	color:#000;
	text-transform:uppercase;
	font-size:14px;
}

div.menu ul.l1 {
	font-weight:bold;
}

div.menu ul.l2 {
	margin-top:8px;
}

div.menu ul.l2 li {
	width:232px;
	border:1px solid;
	font-size:12px;
}

div.menu ul li a {
	display:block;
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
}

div.menu ul.l1 li.rub1 { background-color:#F9BA00; }
div.menu ul.l1 li.rub2 { background-color:#3399FF; }
div.menu ul.l1 li.rub3 { background-color:#8BBA15; }
div.menu ul.l1 li.rub4 { background-color:#BD007E; }
div.menu ul.l2.rub1 li { border-color:#F9BA00; color:#F9BA00 }
div.menu ul.l2.rub1 li:hover { background-color:#F9BA00; }
div.menu ul.l2.rub1 li a { color:#F9BA00 }
div.menu ul.l2.rub1 li:hover a { color:black; }
div.menu ul.l2.rub2 li { border-color:#3399FF; color:#3399FF }
div.menu ul.l2.rub2 li:hover { background-color:#3399FF; }
div.menu ul.l2.rub2 li a { color:#3399FF }
div.menu ul.l2.rub2 li:hover a { color:black; }







div.page {
	margin-top:20px;
}

div.contenu {
	width:700px;
	text-align:justify;
	padding:10px;
	padding-right:0px;
	float:right;
}
div.contenu b {
	color:#F8B900;
}
div.contenu h1 {
	font-size:28px;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}
div.contenu h2 {
	text-transform:uppercase;
	font-size:16px;
	margin-top:40px;
}
body.rub1 div.contenu h2, body.rub1 div.contenu h2 a, body.rub1 div.contenu b, body.rub1 div.contenu a:hover, body.rub1 div.contenu div.prix, body.rub1 div.contenu div.bloc div.desc span { color:#F8B900; }
body.rub2 div.contenu h2, body.rub2 div.contenu h2 a, body.rub2 div.contenu b, body.rub2 div.contenu a:hover, body.rub2 div.contenu div.prix, body.rub2 div.contenu div.bloc div.desc span { color:#3399FF; }
body.rub3 div.contenu h2, body.rub3 div.contenu h2 a, body.rub3 div.contenu b, body.rub3 div.contenu a:hover, body.rub3 div.contenu div.prix, body.rub3 div.contenu div.bloc div.desc span { color:#8BBA15; }
body.rub4 div.contenu h2, body.rub4 div.contenu h2 a, body.rub4 div.contenu b, body.rub4 div.contenu a:hover, body.rub4 div.contenu div.prix, body.rub4 div.contenu div.bloc div.desc span { color:#BD007E; }

div.contenu div.bloc h2  {
	margin-top:0px;
	margin-bottom:12px;
}


div.contenu div.bloc, div.contenu div.bloc.ajout {
	background-image:url(../img/tpl/bg_bloc.png);
	background-repeat:repeat-x;
	height:115px;
	width:600px;
	padding:10px;
	margin-bottom:20px;
	padding-right:90px;
	position:relative;
	z-index:1;
	display:inline-block;
}
div.contenu div.bloc.ajout {
	display:none;
	color:#000;
}
div.contenu div.bloc.ajout select.input {
	border:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:2px;
}
body.rub1 div.contenu div.bloc.ajout {
	background-image:url(../img/tpl/bg_bloc_orange.png);
}
body.rub2 div.contenu div.bloc.ajout {
	background-image:url(../img/tpl/bg_bloc_bleu.png);
}
body.rub1 div.contenu div.bloc.ajout div.prix, body.rub2 div.contenu div.bloc.ajout div.prix, div.contenu div.bloc.ajout h2, div.contenu div.bloc.ajout b {
	color:#000;
}
div.contenu div.bloc div.img {
	float:left;
	margin-right:10px;
	width:100px;
	text-align:center;
}
div.contenu div.bloc div.desc {
	width:400px;
	padding-right:80px;
	line-height:14px;
	float:left;
}
div.contenu div.bloc div.desc p {
	margin-top:12px;
	margin-bottom:12px;
}

div.contenu div.bloc span {
	text-transform:uppercase;
}
div.contenu div.bloc div.info a {
	color:#000;
}
div.contenu div.prix {
	position:relative;
	width:150px;
	height:84px;
	font-size:9px;
}
div.contenu div.bloc div.prix {
	position:absolute;
	right:5px;
	bottom:5px;
}
div.contenu div.prix div.haut {
	position:absolute;
	right:0px;
	top:0px;
}
div.contenu div.prix div.nbUnit {
	position:absolute;
	top:-5px;
	right:54px;
	font-size:64px;
	font-weight:bold;
	letter-spacing:-6px;
	padding-right/***/:6px;
	text-align:right;
	overflow:visible;
}
div.contenu div.prix div.nbCentime {
	position:absolute;
	top:9px;
	right:0px;
	font-size:24px;
}
div.contenu div.prix div.bas {
	position:absolute;
	bottom:24px;
	right:0px;
	font-size:8px;
	text-align:right;
	line-height:12px;
}
div.contenu div.prix span {
	font-size:11px;
	text-transform:none;
}

a.btn_panier, a.btn_contact, a.btn_info, a.btn_ajout, a.btn_calcul {
	font-size:11px;
	display:block;
	height:18px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	padding-left:18px;
	text-decoration:none;
	color:#000;
	width:102px;
	letter-spacing:-1px;
}
div.contenu div.prix a.btn_contact, div.contenu div.prix a.btn_info, div.contenu div.prix a.btn_ajout, div.contenu div.prix a.btn_calcul {
	position:absolute;
	bottom:0px;
	right:0px;
}

div.contenu div.bloc.ajout a.btn_undo {
	position:absolute;
	top:5px;
	right:5px;
	font-size:9px;
	color:#000;
}
div.contenu div.bloc.ajout a.btn_undo img {
	vertical-align:middle;
}
body.rub1 div.contenu a.btn_info {
	color:#000;
	background-image:url(../img/tpl/btn_info_orange.png);
}
body.rub2 div.contenu a.btn_info {
	color:#000;
	background-image:url(../img/tpl/btn_info_bleu.png);
}
body.rub1 div.contenu a.btn_calcul {
	color:#000;
	background-image:url(../img/tpl/btn_calcul_orange.png);
}
body.rub2 div.contenu a.btn_calcul {
	color:#000;
	background-image:url(../img/tpl/btn_calcul_bleu.png);
}
body.rub1 div.contenu a.btn_contact {
	color:#000;
	background-image:url(../img/tpl/btn_contact_orange.png);
}
body.rub2 div.contenu a.btn_contact {
	color:#000;
	background-image:url(../img/tpl/btn_contact_bleu.png);
}
body.rub3 div.contenu a.btn_contact {
	color:#000;
	background-image:url(../img/tpl/btn_contact_vert.png);
}
body.rub1 div.contenu a.btn_ajout, body.rub2 div.contenu a.btn_ajout {
	color:#FFF;
	background-image:url(../img/tpl/btn_ajout_noir.png);
}
a.btn_panier {
	background-image:url(../img/tpl/btn_panier_noir.png);
	color:#FFF;
}
body.rub4 div.contenu a.btn_panier_valid, body.rub4 div.contenu input.btn_panier_valid {
	font-size:14px;
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding-left:40px;
	width:120px;
	border:0px solid #FFF;
	background-image:url(../img/tpl/btn_panier_valid.png);
	cursor:pointer;
}
body.rub4 div.contenu input.btn_panier_valid {
	width:160px;
}



a.btn {
	border:1px solid #666;
	background-color:#EEE;
	text-align:center;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
a.btn:hover {
	color:#000;
}










/* SIDEBAR */
div.gauche {
	width:232px;
	float:left;
	margin-right:8px;
	color:#000;
}
div.gauche div.sidebar {
	background-color:#ABACAE;
	width:222px;
	padding:5px;
}
div.gauche h2 {
	color:#EEE;
	background-image:url(../img/tpl/bg_sidebar_titre.png);
	padding-left:5px;
	font-size:14px;
	text-transform:uppercase;
	margin-top:40px;
}
div.gauche div.sidebar div#panier {
	height:100px;
}
#references_contenu {
	width:222px;
	font-size:11px;
}
#references {
	position: relative;
	width:100%;
	height: 200px;
	overflow: hidden;
	text-align:center;
	color:#444;
	line-height:20px;
}


div.gauche div.scroll {
	width:100%;
	position:absolute;
	z-index:3;
	left:0px;
	height:20px;
}
div.gauche div.scroll.bottom {
	bottom:0px;
	background-image:url(../img/tpl/bg_sidebar_scroll_bottom.png);
}
div.gauche div.scroll.top {
	top:0px;
	background-image:url(../img/tpl/bg_sidebar_scroll_top.png);
}








table.specifications {
	border-collapse:collapse;
	width:600px;
	margin:auto;
}
table.specifications td {
	vertical-align:top;
}
table.specifications td img {
	vertical-align:middle;
	margin-bottom:2px;
}
table.specifications td.label {
	text-align:right;
	width:140px;
	padding-right:10px;
	color:#999;
	font-weight:bold;
}


table.panier {
	border-collapse:collapse;
	width:700px;
}
table.panier th {
	background-color:#BD007E;
	color:#000;
	padding:5px;
	font-size:13px;
	text-align:left;
}
table.panier tr td {
	border-bottom:1px solid #BD007E;
	padding:5px;
	vertical-align:top;
	background-color:white;
	color:#000;
}




form table {
	border-collapse:collapse;
}

form table td {
	padding:5px;
	vertical-align:top;
}
form table td.legende {
	color:#CCC;
}
td.input input.input, form table td.input textarea.input, form table td.input select.input {
	width:99%;
	border:none;
	padding:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

form table tr.inputEchec td.legende {
	color:#F00;
}


/* FORMULAIRE DE CONTACT */
div.formMail table {
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top:20px;
}
p.formOK {
	border:1px solid #039;
	padding:10px;
	background-color:#ACF;
	color:#039;
}
p.formOK a {
	color:#039;
}
p.formEchec {
	border:1px solid #F00;
	padding:10px;
	background-color:#FDD;
	color:#F00;
}
p.formEchec a {
	color:#F00;
}
div.formMail p.detail {
	color:#999;
	font-size:9px;
}
div.formMail input, div.formMail textarea, div.formMail select {
	border:1px solid #DDD;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
}
div.formMail tr.formChampEchec input, div.formMail tr.formChampEchec textarea {
	background-color:#FDD;
	border:1px solid #F00;
}
div.formMail textarea {
	height:100px;
}
div.formMail td.formLabel {
	width:110px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	vertical-align:top;
}
div.formMail td.formChamp {
	width:200px;
	padding-top:4px;
	padding-bottom:4px;
}
div.formMail input.formBtn {
	width:120px;
	margin:auto;
	display:block;
	margin-bottom:40px;
	cursor:pointer;
}







div.panier {
	background-color:#DDD;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
div.panier img {
	width:48px;
	float:left;
	margin-right:10px;
}
div.panier div.txt {
	float:left;
	text-align:left;
}
div.panier div.txt span {
	font-size:17px;
	font-weight:bold;
}



div#cachePage {
	display:none;
	background-color:#000;
	z-index:5;
	opacity:0.8;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	right:0px;
}

div#ajoutPanier {
	display:none;
	position:fixed;
	z-index:6;
	top:240px;
	left:50%;
	margin-left:-135px;
	width:270px;
	background-color:#FFF;
	border:4px solid #000;
	height:160px;
	padding:10px;
	color:#000;
}
div#ajoutPanier b, div#ajoutPanier a, div#ajoutPanier a:hover {
	color:#000;
}
div#ajoutPanier a {
	text-decoration:underline;
}
div#ajoutPanier h2 {
	margin-top:0px;
	font-size:18px;
	color:#EEE;
	background-image:url(../img/tpl/bg_sidebar_titre.png);
	padding-left:5px;
	font-size:14px;
	text-transform:uppercase;
}