/* CSS Document */
@page paysage {size: landscape}
* {
margin:0;
padding:0;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
html {
height:100%;
}
body {
background-color:#fff;
text-align:center;
}

table {
border-collapse:collapse;
}
div, table, td, tr, th, p {
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
h1 {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
height:22px;
padding:2px 2px 2px 20px;
border-bottom:3px solid #fff;
}
h4 {
font-size:11px;
font-weight:normal;
margin:8px 0 0 15px;
}
h4:first-letter {
padding:5px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
background-color:#9DAAB2;
border-bottom:3px solid #fff;
position:absolute;
bottom:5px;
}
img {
border:0;
}
input {
border:1px solid #7A8587;
}
.bouton {
background-color:#AAB4B1;
}
/***********SQUELETTE GENERAL AVEC ENTETE CONTENEUR PIED********/
#entete {
display:none;
}
#conteneur {
width:95%;
}
#pied {
display:none;
}

/*-------CONTENEUR CONTIENT CONTENU OUTILS MOTEUR DE RECHERCHE-----*/
#conteneur #contenu, #conteneur #outils {
text-align:left;
width:95%;
margin:0 auto;
}
#conteneur #contenu #paveblanc {
clear:both;
width:95%;
height:100%;
}

#conteneur #contenu #paveblancadmin {
clear:both;
width:95%;
height:100%;
}
#conteneur #bas {
display:none;
}
#conteneur #outils {
display:none;}
#conteneur #outils #recherche {
display:none;}
#conteneur #outils #utilitaires {
display:none;}

#conteneur #outils #utilitaires table {
height:100%;
float:right;
}
#conteneur #outils #utilitaires table td {
vertical-align:middle;
width:180px;
text-align:center;
}
#conteneur #outils #utilitaires table td a {
text-decoration:none;
font-weight:700;
}
#conteneur #outils #utilitaires table td img {
border:0;
}

/*---------------CATALOGUE PRODUIT----------------------------*/
#conteneur #contenu #collection {
padding:2px;
height:22px;
width:95%;
}
#conteneur #contenu #rechgamme {
display:none;
}
#conteneur #contenu #rechgamme select, #conteneur #outils input {
display:none;}


#conteneur #contenu #collection ul {
margin:0 0 0 20px;
list-style:none;
}
#conteneur #contenu #collection ul li {
padding:2px;
float: left;
}

#conteneur #contenu #collection a {
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#conteneur #contenu #paveblanc #detailgamme {
float:left;
width:130px;
height:100%;
min-height:100%;
text-align:center;
}
#conteneur #contenu #paveblanc #imageproduit {
text-align:center;
vertical-align:middle;
padding:5px;
background:url('../images/pointille.gif') repeat-y right;

}
#conteneur #contenu #paveblanc #detailproduit {
vertical-align:top;
padding:5px 20px 0 13px;
text-align:justify;
line-height:20px;
}
#conteneur #contenu #paveblanc #detailproduit img {
border:1px solid #575757;
}
#conteneur #contenu #paveblanc #complementproduit {
width:250px;
}
#conteneur #contenu #paveblanc #complementproduit #complement {
margin-left:10px;
width:210px;
height:93%;
}
#conteneur #contenu #paveblanc #accessoires {
margin-top:8px;
}
#conteneur #contenu #paveblanc #complementproduit #complement td, #conteneur #contenu #paveblanc #accessoires td {
text-align:left;
border:5px solid #fff;
}
#conteneur #contenu #paveblanc #complementproduit #complement img {
border:1px solid #575757;
}
#conteneur #contenu #paveblanc #detailproduit h1 {
float:left;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:1.5em;
width:200px;
margin-bottom:0px;
}
#conteneur #contenu #paveblanc #detailproduit h2 {
margin:5px 5px 5px 0 ;
font-size:1.4em;
}
#conteneur #contenu #paveblanc #detailproduit .prix {
margin-top:10px;
font-size:1.1em;
font-weight:bold;
}
#conteneur #contenu #paveblanc #detailproduit .nouveau {
font-size:13px;
font-weight:bold;
background:#9DCE00;
width:110px;
text-align:center;
float:right;
margin-right:5px;
}
#conteneur #contenu #paveblanc #detailproduit .description {
clear:both;
margin-top:10px;
}
.description p {
margin-top:-2px;
padding:0;
}
#conteneur #contenu #paveblanc #detailgamme a {
text-decoration:none;
}
#conteneur #contenu #paveblanc #produits h1 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:1.6em;
padding:5px 0 0 10px;
}
#conteneur #contenu #paveblanc .accroche {
background-color:#000000;
padding:2px;
color:#FFFFFF;
font-weight:bold;
width:250px;
}
#conteneur #contenu #paveblanc #produits {
float:right;
width:834px;
}
#produit {
height:100%;
page:paysage;
}
#conteneur #contenu #paveblanc #gammes, #conteneur #contenu #paveblanc #rayindustriel {
text-align:center;
width:95%;
}

#liste, #listegamme, #listerayindustriel {
margin:10px auto 0 auto;
}
#liste td {
text-align:center;
vertical-align:top;
padding:3px;
height:145px;
font-size:11px;
}
#listegamme td {
text-align:center;
vertical-align:bottom;
height:170px;
width:185px;
margin:2px;
padding:4px;
font-size:13px;
font-weight:bold;
}
#listerayindustriel td {
text-align:center;
vertical-align:bottom;
height:170px;
width:275px;
margin:2px;
padding:4px;
font-size:13px;
font-weight:bold;
}

#listegamme td a, #liste td a, #listegamme td a:visited, #liste td a:visited {
text-decoration:none;
}
#listegamme td a:hover, #liste td a:hover {
text-decoration:none;
color:#9DCE00;
}
#listegamme td img, #liste td img {
border:1px solid #575757;
}
#liste td img {
border:0;
}
/*-------------------------FIN DES PRODUITS--------------------*/
/*------------------ PAVES ACTUS LIENS UTILES ------------------*/

.avecscroll {
width:95%;
height:100%;
}
#paveblancgauche {
width:95%;
height:100%;
}
#paveblancgauche #contenuinfo {
margin:20px;
text-align:justify;
}

#paveblancgauche #contenuinfo h2 {
font-size:1.4em;
margin-bottom:20px;
}
#paveblancgauche #contenuinfo h2:first-letter {
padding:3px 1px 3px 6px;
background-color:#6D9EA9;
color:#FFFFFF;
font-size:1.1em;
}
.photoleft {
margin:0 15px 2px 0;
float:left;
text-align:center;
}
#paveblancgauche #contenuinfo img {
border:1px solid #666;
}
.legende {
display:block;
font-size:10px;
width:240px;
}
#sommaire {
display:none;
}
#sommaire a {
color:#214C5C;
}
#sommaire h2 {
background-color:#fff;
height !important:40px;
font-size:14px;
border-bottom:0.1em solid #214C5C;
padding-top:21px;
}
#sommaire h2:first-letter {
padding:3px 1px 3px 6px;
background-color:#6D9EA9;
color:#FFFFFF;
font-size:1.1em;
}

#sommaire a {
color:#666;
text-decoration:none;
font-weight:bold;
}
#sommaire a:hover {
color: #999;
}

#sommaire ul {
margin:10px 5px 5px 0;
list-style:none;
}
#sommaire ul li {
padding:5px;

}
/*------------------entreprise--------*/
#contenuinfolarge a, #contenuinfo a {
text-decoration:none;
font-size:13px;
padding-bottom:15px;
color:#535353;
font-weight:bold;
}
#contenuinfolarge a:hover, #contenuinfo a:hover {
color:#ff9900;
}

#contenuinfolarge {
margin:20px 45px;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;

}
#contenuinfolarge h2 {
margin:5px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
}
#contenuinfolarge h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:10px 0 5px 0;
}
.photoright {
float:right;
margin: 0 0 5px 15px;
}
a.gris {
text-decoration:none;
color:#333;
}
a.gris:hover {
color:#999;
}

/*-----------------FORMULAIRES DE CONTACT-----------*/

.noborder { border:none; }

#votreprojet, #votremessage {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;

}
#projet, #message {
float:right;
width:600px;
height:100%;
background-color:#CCDDE1;
}
#projet table {
width:565px;
margin:10px 0 0 10px;

}
#coordonnees {
width:330px;
float:left;
margin-left:5px;
}
#noscoordonnees {
width:310px;
float:left;
margin-left:10px;
}

#coordonnees table, #noscoordonnees table {
margin-top:10px;
}
#coordonnees th, #noscoordonnees th {
text-align:left;
width:135px;
}
#coordonnees td {
height:30px;
vertical-align:middle;
}
#noscoordonnees td, #noscoordonnees th {
height:30px;
vertical-align:middle;
padding-top:5px;
}
#coordonnees h2, #projet h2, #noscoordonnees h2, #message h2 {
background-color:#fff;
height:19px;
height !important:44px;
font-size:14px;
border-bottom:0.1em solid #214C5C;
color:#214C5C;
padding-top:25px;
}
#projet h2 {
padding-left:190px;

}
#coordonnees h2, #message h2 {
padding-left:80px;
}
#noscoordonnees h2 {
padding-left:0;

}
#projet th, #projet td {
height:27px;
text-align:left;
vertical-align:middle;
}
#projet th {
width:370px;
}
#message table {
margin:10px 0 0 20px;
}
#message th, #message td {
height:21px;
text-align:left;
vertical-align:middle;
}
#message th {
width:150px;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#zone th {
width:125px;
font-weight:normal;}
#zone td {
text-align:left;
width:28px;
}
.s250 {
width:250px;
}
.s220 {
width:220px;
font-size:11px;
}
.s230 {
width:230px;
}
.scontenu {
width:700px;
height:200px;
}
ul.adroite {
list-style:none;
float:right;
margin-top:20px;}
.adroite a {
font-weight:bold;
color:#80898E;
text-decoration:none;
}
.adroite a:hover{
color:#9DAAB2;
}
#result_search
{
margin:0 0 0 100px;
font-size:1em;
font-weight:normal;
}
#result_search h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:10px 0 5px 0;
}
#result_search ul {
margin-bottom:10px;
list-style:none;
}
#result_search li {
margin:3px 0 0 30px;
list-style:none;
font-weight:normal;
font-size:1em;
}
#result_search a {
font-size:11px;
font-weight:normal;
}
h2.liens {
clear:left;
}
h2.liens:first-letter {
padding:3px 1px 3px 6px;
background-color:#6D9EA9;
color:#FFFFFF;
font-size:0.9em;
}

div.liensutiles {
margin:5px 0 20px 70px;
padding:5px;
width:450px;
border:1px dotted #CCDDE1;
}
div.liensutiles img {
margin-right:20px;
border:0;
}
div.liensutiles a {

}
#mention {
background:#FFF;
padding:5px 100px 5px 100px;
text-align:center;

}
.first:first-letter {
background-color:#6D9EA9;
padding:3px 2px 1px 1px;
color:#fff;
font-weight:bold;
font-size:1.1em;
}

#tableadmin {
width:90%; 
margin:5px 0;
}
table#tableadmin th {
text-align:left;
width:100px;
height:25px;
vertical-align:top;
}
ul#langues {
margin:2px 0 5px 0;
width:280px;
}
ul#langues li {
float:right;
padding:5px 0 ;
width:70px;
text-align:center;
}

table#tableadmin a {
text-decoration:none;
font-size:1.2em;
color:#666;
}

#tableadmin a:hover {
color:#FF9900;
}

table#listeadmin {
width:90%;
margin:auto;
}
#listeadmin th {
background-color:#6D9EA9;
color:#FFFFFF;
border-right:2px solid #fff;
height:20px;
}
#listeadmin td {
height:18px;
border-bottom:1px dotted #999;}

#plans img {
width:90%;
height:90%;
}