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

/*/////////////////////////////////////////////////////////////////////////////////////////////////////// bornes*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color:#FFFFFF;
}

h1{
	color:#3399ff;
	font-size:37px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}

P{
	font-size:14px;
	color:#333333;
}

/*si tu veux changer la hauteur de ton header il faut aller dans...*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////// div*/

#header {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	width:100%;
	height:45px;
	background-image:url(../images/design/header_degrade.gif);
	background-repeat:repeat-x;
	z-index: 2;
	visibility:hidden;
}

#coin {
	position:relative;
	left:1505px;
	top:0px;
	width:50px;
	height:44px;
	z-index:3;
	background-image:url(../images/design/coin_page.gif);
	visibility:hidden;
}

/*///////////////////////////////////////////////////////////// div - global*/

#conteneur {
	position:absolute;
	left:50%;
	margin-left:-505px;
	width:1000px;
	height:940px;
	z-index:1;
	top: 44px;
	background-position:right;
	background-repeat:repeat-y;
	background-image:url(../images/design/ombre_droite.gif);
}

#contenu {
	position:absolute;
	left:232px;
	top:292px;
	width:722px;
	height:475px;
	z-index:3;
}
#footer {
	position:absolute;
	left:-232px;
	top:646px;
	width:1000px;
	height:200px;
	z-index:4;
	padding-top:20px;
	visibility:hidden;
}

#contact_print {
	position:relative;
	left:0px;
	top:auto;
	width:653px;
	height:20px;
	z-index:4;
}

/*///////////////////////////////////////////////////////////// div - bannière*/

#logo {
	position:absolute;
	left:200px;
	top:80px;
	width:330px;
	height:95px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	z-index:20;
}

#banner {
	position:absolute;
	top:97px;
	left:0px;
	height: 160px;
	width:100%;
	background-repeat:no-repeat;
	z-index:1;
	visibility:hidden;
	
}

#slogan {
	position:absolute;
	left:232px;
	top:105px;
	width:555px;
	height:55px;
	z-index:3;
	visibility:hidden;
}

#platine {
	position:absolute;
	left:785px;
	top:40px;
	width:155px;
	height:85px;
	background-image:url(../images/design/platine_duplivinyl.png);
	background-repeat:no-repeat;
	z-index:3;
	visibility:hidden;
}

/*///////////////////////////////////////////////////////////// div - barre de navigation*/

#accueil {
	position:absolute;
	left:5px;
	top:295px;
	width:180px;
	height:77px;
	margin-bottom:37px;
	z-index:3;
	visibility:hidden;
}

#produits {
	position:absolute;
	left:5px;
	top:410px;
	width:180px;
	height:96px;
	margin-bottom:37px;
	z-index:3;
	visibility:hidden;
}

#support {
	position:absolute;
	left:5px;
	top:543px;
	width:180px;
	height:77px;
	margin-bottom:37px;
	z-index:3;
	visibility:hidden;
}

#contact {
	position:absolute;
	left:5px;
	top:656px;
	width:180px;
	height:77px;
	margin-bottom:37px;
	z-index:3;
	visibility:hidden;
}

/*///////////////////////////////////////////////////////////// div - formulaire de recherche*/

#rechercher {
	position:absolute;
	left:35px;
	top:860px;
	width:184px;
	height:25px;
	background-color:#CCC;
	z-index:3;
	visibility:hidden;
}
#perso {
	position:absolute;
	left:-38px;
	top:844px;
	width:80px;
	height:58px;
	z-index:5;
	visibility:hidden;
}
#bulle {
	position:absolute;
	left:27px;
	top:787px;
	width:90px;
	height:64px;
	z-index:3;
	visibility: hidden;
}

/*///////////////////////////////////////////////////////////// div - pied de page*/

#bottom_bleu {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:19px;
	z-index:3;
	background-color:#84d0f1;
	visibility:hidden;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////// classe*/
/*///////////////////////////////////////////////////////////// classe - banniere*/

.texte_slogan{
	color:#FFF;
	font-size:37px;
}

/*///////////////////////////////////////////////////////////// classe - header*/
.langues{
	color:#000;
	font-size:10px;
}

/*///////////////////////////////////////////////////////////// classe - menu navigation*/

.degrade_menu{
	background-image:url(../images/design/ombre_menu.gif);
	background-repeat:repeat-x;
}

.titre_menu{
	color:#0099cc;
	font-size:14px;
	margin-left:5px;
	font-weight:bold;
	text-transform:uppercase;
}

.formulaire{
	background-color:#CCC;
	margin-left:7px;
	border:none;
}

/*///////////////////////////////////////////////////////////// classe - footer*/

.gris_footer{
	background-color:#CCCCCC;
}

.bordure{
	border-left:solid;
	border-left-color:#666;
	border-left-width:1px;
}

.pied_page{
	color:#666;
	font-size:10px;
	margin-left:20px;
}

.pied_page_favoris{
	color:#666;
	font-size:10px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////// liens*/

a:link{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

a:hover{
	color:#333;
	font-size:10px;
	text-decoration:none;
}

a:visited{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////// liens - navigation*/

a.menu_nav:link{
	color:#CCC;
	font-size:14px;
	margin-left:5px;
	text-decoration:none;
	display:block;
}

a.menu_nav:hover{
	color:#FFFFFF;
	background-color:#0099cc;
	font-size:14px;
	margin-left:5px;
	text-decoration:none;
}

a.menu_nav:visited{
	color:#CCC;
	font-size:14px;
	margin-left:5px;
	text-decoration:none;
	display:block;
}

/*///////////////////////////////////////////////////////////// liens - pied de page*/

a.pied_page:link{
	color:#666;
	font-size:10px;
	margin-left:20px;
	text-decoration:none;
}

a.pied_page:hover{
	color:#333;
	font-size:10px;
	margin-left:20px;
	text-decoration:none;
}

a.pied_page:visited{
	color:#666;
	font-size:10px;
	margin-left:20px;
	text-decoration:none;
}