html, body {
text-align: center;
color: black;
font-size: 13px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background: #d5dce0 url('../images/fond.png');
}
a {
color: black;
text-decoration: none;
margin: 0;
padding: 0;
}
#header {
color: white;
display: block;
position: absolute;
top: 0;
width: 159px;
height: 58px;
background: transparent url(../images/logo_polytuil.png) no-repeat;
font-size: 0;
}
#links, li a {
font-family: "Arial black", Arial, Helvetica, sans-serif;
}
#menu li a {
line-height: 16px;
font-size: 14px;
display: block;
width: 189px;
height: 18px;
color: #00529b;
padding: 1px 0 2px 16px;
background: url('../images/blue_band.png') 0 -1px no-repeat;
}
#menu li a:hover {
color: white;
background: url('../images/blue_band.png') repeat-y;
}
#menu ul li a {
width: 165px;
height: 17px;
text-transform: uppercase;
font-size: 11px;
color: #86949b;
padding-left: 26px;
background: url(../images/orange_band.png) -14px -1px no-repeat;
}
#menu ul li a:hover {
color: white;
background: url(../images/orange_band.png) -14px -1px repeat-y;
}
a.reference {
font-weight: bold;
color: #00529b;
border-bottom: 1px solid #ee7f00;
}
.reference:hover {
color: #ee7f00;
border-bottom: 1px solid #00529b;
}
#download {
display: block;
font-size: 12px;
background: transparent url('../images/doc.png') 0 2px no-repeat;
margin: 10px 0 0 0;
padding: 5px 0 0 26px;
}
#download:hover {
color: #00529b;
}
#links a {
color: #86949b;
}
#links a:hover {
color: black;
}
#sidebarGamme a {
float: left;
width: 150px;
height: 100px;
}
#mediterranee, #decra_classique, #stratos, #decra_elegance, #oberon, #ardoise_metallique {
position: absolute;
}
#mediterranee {
left: 786px;
top: 343px;
}
#decra_classique {
left: 277px;
top: 370px;
}
#stratos {
left: 555px;
top: 154px;
}
#decra_elegance {
left: 324px;
top: 217px;
}
#oberon {
left: 747px;
top: 207px;
}
#ardoise_metallique {
left: 880px;
top: 360px;
}
img {
border: 0;
margin: 0;
padding: 0;
}
#sidebarAll img, #sidebar img, #sidebarGamme img {
display: block;
margin: 4px auto;
}
#description img {
clear: left;
float: left;
border: 6px solid white;
border-left-width: 1px;
}
#description img.colour {
clear: none;
margin: 3px 2px 8px 0;
border: 1px solid #b7c1c5;
}
#description div
{
    width:150px;
    float:left;
}
img.float_left {
float: left;
margin: 0 12px 17px 0;
}
.float_right {
float: right;
}
img.float_right {
margin: 14px 0 14px 26px;
}
.rectangle img, .rectangle2 img {
position: absolute;
bottom: 0;
}
#pictos {
position: absolute;
top: 140px;
right : 280px;
}
#pictos img, #pictos span {
float: left;
margin: 0 0 0 10px;
}
#garantie {
position: absolute;
bottom: 30px;
right: 280px;
}
div {
margin: 0;
padding: 0;
}
#principal {
overflow: visible;
width: 1040px;
background: #FFFFFF url('../images/bordgauche.png') repeat-y;
margin: 30px auto;
padding: 0;
}
#principal2 {
background: url('../images/borddroit.png') right repeat-y;
}
#haut {
height: 22px;
background-image: url('../images/bordhaut.png');
}
#coingh {
width: 22px;
height: 22px;
background-image:url('../images/hautgauche.png');
float: left;
}
#coindh {
width: 24px;
height: 22px;
background-image:url('../images/hautdroit.png');
float: right;
}
#bas {
height: 21px;
background-image:url('../images/bordbas.png');
}
#coingb {
width: 22px;
height: 21px;
background-image:url('../images/basgauche.png');
float: left;
}
#coindb {
width: 24px;
height: 21px;
background-image: url('../images/basdroit.png');
float: right;
}
#contenu {
height: 607px;
text-align: left;
position: relative;
padding: 0 26px 5px 26px;
margin: 0
}
#frame {
float: right;
word-spacing: 0.6px;
width: 731px;
height: 543px;
padding: 57px 32px 7px 32px;
background: transparent url('../images/titleBackground2.png') 0 60px no-repeat;
border: 1px solid #00529b;
}
#frame.cadres-photos {
background: transparent url('../images/cadres-photos.png') 0 60px no-repeat;
}

#frame.with_too_long_title {
background: transparent url('../images/titleBackground.png') 0 60px no-repeat;
}
#principal.homepage #frame {
width: 789px;
height: 547px;
padding: 60px 0 0 0;
background: #092882 url('../images/service.jpg') bottom no-repeat;
border: 0;
}
#sidebarAll, #sidebar {
float: right;
right: -25px;
position: relative;
width: 200px;
height: 592px;
background: #00529b;
margin: -50px 0 0 0;
padding: 0;
}

body .festivalContent #frame{
	/* 795x607*/
	background: transparent url(/images/header-fest.jpg) no-repeat 0 0;
	padding: 0 0 0 0;
	width: 794px;
	height: 607px;
}

.text1{
	padding-left: 330px;
	padding-top: 35px;
	font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.text2{
	margin-top: 60px;
	padding-left: 15px;
	margin-bottom: 5px;
	font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.asterisque{
	color: #333;
	font-size: 12px;
	margin-top: 70px;
}
.text1 .titreJaune,
.text2 .texteJaune{
	font-size: 35px;
	color: #a2a806;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: bold;
}
.text2 .texteJaune{
	font-size: 19px;
	line-height: 20px;
	color: #a2a806;
}

.festival #sidebarAll{
	background: #177391;	
	right: 0;
	margin: 0;
	width: 230px;
	height: 607px;
	text-align: center;
}
/*#principal.homepage .festivalBanner h1{
	position: absolute;
	top: 570px;
	width: 795px;
	font-size: 25px;
	left:350px;
}*/
#principal.homepage .festivalBanner h1{
	margin-top: 20px;
}
.downloadBulletin{
	display: block;
	float: left;
	width:269px;
	height:82px;
	margin-top: 10px;
	margin-left: 5px;
	background: transparent url(/images/telecharger.jpg) no-repeat 0 0 ;
}

body #principal.homepage #principal2 .festivalBanner{
	background: #003d9a url('../images/service-banner.jpg') bottom no-repeat;
	padding: 0 0 0 0 ;
	height: 607px;
}

.downloadBulletin:hover{
	background-position: 0 -82px ;
}
#sidebar.oneProduct {
position: static;
float: none;
height: auto;
margin: 170px 0 0 -14px;
background: white;
}
#sidebar {
background: #b7c1c5;
}
#frame #sidebarGamme {
float: left;
padding: 24px 0 0 0;
}
.rectangle, .rectangle2 {
position: relative;
font-weight: normal;
font-size: 12px;
float: left;
width: 172px;
height: 314px;
margin: 6px 6px 8px 0;
padding: 0 26px 0 0;
border-right: 1px solid #98a6ad;
}
.rectangle2 {
width: 310px;
margin-right: 0;
padding: 0;
border: 0;
}
#description {
float: left;
position: absolute;
right: 112px;
bottom: 24px;
}
#cadrePhoto {
text-align: center;
position: absolute;
right: 54px;
bottom: 30px;
padding: 4px;
border: 1px solid #00529b;
}
#cadrePhotos {
position: absolute;
left: 246px;
top: 457px;
width: 265px;
}
ul {
margin: 22px 0 0 14px;
padding: 0;
}
#menu {
position: absolute;
top: 0;
margin: 90px 0 180px -15px;
background: transparent;
}
#menu ul {
margin: 0 0 0 0;
}
#sidebarAll.product ul, #sidebar.product ul {
margin: 16px 0 14px 0;
}
#technics, ul.technics2 {
font-size: 12px;
background: url('../images/ulBackground.png') repeat-y;
}
ul.technics2 {
width: 340px;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
background: #d5dce0;
}
div#technics {
clear: both;
padding: 8px 20px;
}
li {
list-style-type: none;
margin: 0;
padding: 8px 0 8px 10px;
background: url('../images/dot.png') 0 15px no-repeat;
}
#menu li {
margin: 0;
padding: 0;
background: transparent;
}
#technics li, ul.technics2 li {
font-style: italic;
color: #00529b;
padding: 0 0 0 20px;
background: url('../images/dot.png') 11px 7px no-repeat;
}
ul.technics2 li {
font-style: normal;
color: black;
background: url('../images/dot_black.png') 11px 7px no-repeat;
}
#sidebarAll.product li, #sidebar.product li {
font-size: 12px;
padding: 3px 10px;
background: transparent;
}
#contenu p {
margin: 0 0 8px 0;
padding: 0;
}
#contenu p.bigger {
letter-spacing: 1px;
font-weight: normal;
width: 500px;
font-size: 24px;
line-height: 24px;
margin: 20px 0;
}
#contenu p.shorter {
width: 280px;
}
#contenu p.technics2 {
clear: left;
width: 330px;
font-size: 12px;
margin: 16px 0 0 0;
padding: 10px 0 0 10px;
background: #d5dce0;
}
#sidebarAll.product p, #sidebar.product p {
color: white;
margin: 6px 12px;
}
form#search	p {
margin: 1px 0;
}
#frame form p {
width: 390px;
}
form {
margin: 0;
padding: 0;
border-top: 1px solid white;
}
form#search	{
font-weight: bold;
position: absolute;
bottom: 0;
text-align: left;
color: white;
background: #ef8307;
padding: 22px 5px 10px 5px;
margin: 0 0 5px 0;
}
form#search .orange {
font-weight: normal;
position: absolute;
top: 0;
font-size: 20px;
color: #ef8307;
background: white;
margin: 0 0 8px -5px;
padding: 0 63px 0 4px;
}
label {
font-weight: normal;
margin: 0;
padding: 0;
}
input {
margin: 0 4px 0 0;
padding: 0;
}
input.text, input.submitter {
border: 1px solid #98a6ad;
}
form p * {
vertical-align: middle;
}
input.submitter {
padding: 2px 10px;
margin: 10px 0 0 0;
background: #f0f0f0;
}
p.shorter input {
float: right;
}
select {
margin: 0 0 2px 0;
padding: 0;
background: white;
}
#search select {
width: 160px;
border: 1px solid white;
}
option {
margin: 0;
padding: 0 10px 0 0;
}
textarea {
margin: 0;
padding: 0;
border: 1px solid #98a6ad;
}
h1 {
position: relative;
}
h1, h1 span {
letter-spacing: 3px;
display: inline;
color: #203d94;
line-height: 34px;
font-size: 36px;
position: relative;
left: -17px;
margin: 0 0 0 0;
padding: 0 13px;
background: white;
}
h1 span {
display: block;
text-align: right;
line-height: 28px;
font-size: 20px;
background: transparent;
}
#principal.homepage h1 {
width: 530px;
letter-spacing: normal;
left: 0;
display: block; 
text-indent: 141px;
color: white;
margin: 0 auto;
background: transparent;
}
#frame.with_too_long_title h1 {
font-size: 28px;
}
h2 {
letter-spacing: 1px;
color: #00529b;
font-size: 13px;
padding: 0;
margin: 22px 0 6px 0;
}
.rectangle h2, .rectangle2 h2 {
margin: 0 0 6px 0;
}
#technics h2 {
letter-spacing: 1px;
line-height: 24px;
font-size: 16px;
background: white;
display: inline;
padding: 1px 4px;
margin: 0 0 0 -2px;
}
#links {
letter-spacing: 0.9px;
text-transform: uppercase;
font-size: 10px;
color: #98a6ad;
}
h3 {
font-size: 13px;
color: #748289;
margin: 16px 0 8px 0;
padding: 0;
}
span {
display: block;
color: white;
}
p span {
text-transform: uppercase;
font-size: 22px;
color: black;
margin: 30px 0 12px 0;
}
#sidebarAll span, #sidebar span, #sidebarGamme {
font-weight: bold;
margin: 4px auto;
}
#sidebar.oneProduct span, #sidebarGamme span {
color: #203d94;
}
#sidebarAll span.title, #sidebar span.title,#sidebarGamme span.title {
margin: 12px 0 -18px 12px;
}
#infos {
font-size: 15px;
position: absolute;
left: 250px;
bottom: 18px;
}
h2 span {
display: inline;
padding: 1px 4px;
background: #ef7f00;
}
span.white {
display: inline;
padding: 0 2px;
background: #7da1bf;
}
.UC_text, #sidebarAll span, #sidebar span, #sidebarGamme span {
font-variant: small-caps;
}
.clear_left {
clear: left;
}
.type_reno
{
	float:right;
	text-align:center;
	
	
}
.type_reno img
{
	margin-right:17px;
	margin-top:20px;
}
.type_reno span
{
	color:#000000;
	font-size:11px;
	line-height:10px;
	display:inline;
	margin:0px;
	text-transform:none;
	padding-right:12px;
}
#loadButton
{
    display:none;
}
* {

}



/*  AJOUT BAPTISTE  */
.type_reno img{
	margin: 0 8px;
	margin-top:5px;
}
.produits  td{
	vertical-align: top;
	text-align: center;
}
.detailProduit td{
	padding: 0 10px;
}
.detailProduit p,
.detailProduit a,
.detailProduit span{
	color:#000000;
	font-size:11px;
	line-height:auto;
	margin:0px;
	text-transform:none;
	padding-right:12px;
}

.detailProduit a{
	text-decoration: underline;
}

.detailProduit a:hover{
	text-decoration: none;
}

#download{
	font-size: 11px !important;
	padding-top: 2px !important;
	padding-bottom: 1px !important;
}