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

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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	background-image:url(../images/design/spacer_ombre.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

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

h2{
	color:#999999;
	font-size:16px;
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;
}

h3{
	color:#999999;
	font-size:14px;
	margin-bottom:4px;
}

h4{
	font-size:18px;
	color:#3399ff;
	font-weight:lighter;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:4px;
}

p {
	font-size:13px;
	line-height:18px;
	color:#999999;
	margin-top:0px;
	margin-bottom:10px;
}

ul {
	padding-bottom:0px;
	padding-top:0px;
	padding-left:23px;
	margin-bottom:8px;
	margin-top:8px;
}

li {
	padding-bottom:2px;
	padding-top:2px;
}

/*si tu veux changer la hauteur du header */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////// 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;
}

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

#contener_ombre {
	position:relative;
	left:50%;
	margin-left:-515px;
	top:30px;
	width:1030px;
	height:auto;
	z-index:1;
	
}

#conteneur {
	position:absolute;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:940px;
	z-index:1;
	top: 44px;
}

#titre {
	position:absolute;
	left:232px;
	top:165px;
	width:380px;
	height:25px;
	z-index:4;
}

#contenu {
	position:absolute;
	left:232px;
	top:292px;
	width:722px;
	height:625px;
	z-index:3;
}
#footer {
	position:absolute;
	left:-232px;
	top:auto;
	width:1000px;
	height:165px;
	z-index:4;
	padding-top:20px;
}

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

#logo {
	position:absolute;
	left:25px;
	top:33px;
	width:330px;
	height:95px;
	background-repeat:no-repeat;
	z-index:3;
}

#banner {
	position:absolute;
	top:97px;
	left:0px;
	height: 160px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/design/banniere_accueil.gif);
	z-index:1;
}

#platine {
	position:absolute;
	left:764px;
	top:23px;
	width:220px;
	height:125px;
	background-image:url(../images/design/platine_duplivinyl.png);
	background-repeat:no-repeat;
	z-index:3;
}

#slogan {
	position:absolute;
	left:232px;
	top:80px;
	width:613px;
	height:80px;
	z-index:3;
}

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

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

#produits {
	position:absolute;
	left:5px;
	top:420px;
	width:160px;
	height:110px;
	margin-bottom:37px;
	z-index:3;
}

#support {
	position:absolute;
	left:5px;
	top:543px;
	width:160px;
	height:115px;
	margin-bottom:37px;
	z-index:3;
}

#contact {
	position:absolute;
	left:5px;
	top:670px;
	width:160px;
	height:135px;
	margin-bottom:37px;
	z-index:3;
}

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

#perso {
	position:absolute;
	left:-48px;
	top:874px;
	width:80px;
	height:58px;
	z-index:5;
}

#bulle {
	position:absolute;
	left:16px;
	top:820px;
	width:90px;
	height:64px;
	z-index:3;
	visibility: hidden;
}

#rechercher {
	position:absolute;
	left:25px;
	top:890px;
	width:200px;
	height:25px;
	z-index:3;
}

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

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

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

.texte_slogan_index{
	color:#FFF;
	font-size:26px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.texte_slogan_pages{
	color:#FFF;
	font-size:26px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}


.hauteur_tab{
	height:646px;
}

/*///////////////////////////////////////////////////////////// classe - contenu*/

.image_background{
	background-image:url(../images/contenu/encart.jpg);
	background-repeat:no-repeat;
	height:122px;
	width:330px;
}

.informations_titre{
	color:#333333;
	border-top-color:#666666;
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:thin;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-top:3px;
}

.gris_vinyle{
	background-color:#eeeeee;
	color:#3399ff;
	font-size:12px;
	padding:3px;
}

.texte_equipe{
	margin:0px;
	padding:0px;
	padding-bottom:2px;
}

.specification {
	background-color:#CCCCCC;
	height:2px;
}

.texte_bleu {
	color:#3399FF;
}

.titre_promotion {
	color:#3399FF;
	font-size:16px;
	font-weight:bold;
}

.couleur_flashy {
	color:#3399FF;
}

.telephone {
	position:relative;
	color:#FFFFFF;
	background-color:#3399FF;
	padding:5px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	width:140px;
	left:220px;
	top: -7px;
	z-index: 5;
}

/*///////////////////////////////////////////////////////////// classe - header*/

.langues{
	color:#000;
	font-size:10px;
}

/*///////////////////////////////////////////////////////////// classe - float*/

.float_left{
	float:left;
	margin-right:15px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
}

.float_left_presse{
	float:left;
	margin-right:10px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.float_right{
	float:right;
	padding:6px;
	padding-left:10px;
	margin:5px;
}

.float_index{
	float:left;
	margin:0px;
	margin-left:10px;
}

/*///////////////////////////////////////////////////////////// classe - formulaire*/

.formulaire_texte{
	color:#666666;
	font-size:10px;
}

.texte_plan{
	margin:0px;
	padding:0px;
}

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

.bgform {
	background-color:#eeeeee;
	border:thin;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	}

.devis{
	color:#999999;
	font-size:14px;
	font-weight:bold;
}

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

.titre_menu{
	color:#0099cc;
	font-size:14px;
	text-indent:5px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(../images/design/ombre_menu.gif);
	background-repeat:repeat-x;
}

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

.gris_footer{
	background-color:#eeeeee;
}

.bordure{
	color:#999999;
	font-size:10px;
	border-left:solid;
	border-left-color:#999;
	border-left-width:1px;
	padding-left:20px;
}

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

.validation{
	font-size:12px;
	line-height:14px;
}

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

a:link{
	color:#84d0f1;
	font-size:14px;
	text-decoration:none;
}

a:visited{
	color:#84d0f1;
	font-size:14px;
	text-decoration:none;
}

a:hover{
	color:#CCC;
	font-size:14px;
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////// Liens - spécifications */

a.menu_specification:link {
	color:#999999;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

a.menu_specification:visited {
	color:#999999;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

a.menu_specification:hover {
	color:#84d0f1;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

/*///////////////////////////////////////////////////////////// Liens - promotion */

a.promotion:link {
	color:#3399FF;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

a.promotion:visited {
	color:#3399FF;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

a.promotion:hover {
	color:#FF6633;
	font-size:12px;
	text-decoration:none;
	margin-top:3px;
}

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

a.menu_nav:link{
	color:#999999;
	font-size:13px;
	text-indent:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
	display:block;
	height:18px;
	width:160px;
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:1px;
}

a.menu_nav:visited{
	color:#999999;
	font-size:13px;
	text-indent:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
	display:block;
	height:18px;
	width:160px;
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:1px;
}

a.menu_nav:hover{
	color:#FFFFFF;
	background-color:#0099cc;
	font-size:13px;
	text-indent:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
	display:block;
	height:18px;
	width:160px;
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:1px;
}

/*///////////////////////////////////////////////////////////// liens - contacter nous*/

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

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

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

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

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

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

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

/* ///////////////////////////////////////////////////////////////////////////////teamCo */

a.teamcoNav:link {
	font-size:9px;
	color:#999999;
	text-decoration:none;
}

a.teamcoNav:visited {
	font-size:9px;
	color:#999999;
	text-decoration:none;
}
	
a.teamcoNav:hover {
	font-size:9px;
	color:#000000;
	text-decoration:none;
}
	
.teamco{
	font-size:9px;
	color:#666666;
}