/* CSS Document */
* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
background-color:#5C636B;
text-align:center;
}

table {
border-collapse:collapse;
}
div, table, td, tr, th, p {
border:0;
font-family: Arial, Helvetica, sans-serif;
color:#444;
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:1em;
font-weight:normal;
margin:8px 0 0 15px;
}
h4:first-letter {
padding:5px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
background-color:#9DAAB2;
border-bottom:3px solid #fff;
position:absolute;
bottom:5px;
}
img {
border:0;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

input {
border:1px solid #7A8587;
}
.bouton {
background-color:#AAB4B1;
}
/***********SQUELETTE GENERAL AVEC ENTETE CONTENEUR PIED********/
#entete {
margin:auto;
color:#fff;
font-weight:700;
height:120px;
border-bottom:3px solid #fff;
font-size:12px;
}
#conteneur {
width:100%;
background-color:#DFE4E8;
clear:both;
}
#pied {
width:100%;
vertical-align:top;
border-top:3px solid #fff;
color:#fff;
font-size:11px;
}
/*-----------------ENTETE---------*/
#entete a, #entete a:visited {
color:#FFFFFF;
text-decoration:none;
}
#entete a:hover {
color:#e7e7e7;
}

#entete1 {
height:52px;
width:100%;
border-bottom:3px solid #fff;
}
#entete1 #menuhaut1 {
margin:auto;
width:976px;
font-size:11px;
color:#fff;
font-weight:bold;
text-align:right;
}
#entete1 #menuhaut1 ul {
list-style:none;
position:relative;
top:30px;
width:71%;
float:right;
}
#entete1 #menuhaut1 ul li {
float:left;
border-right:1px solid #fff;
width:210px;
text-align:center;
}
#entete1 #menuhaut1 ul li.langue {
border:none;
width:14px;
position:relative;
top:-8px;
margin-left:5px;
}

#entete2 {
background-color:#9DAAB2;
height:66px;
text-align:center;
}
#entete2 #menuhaut2 {
margin:auto;
width:984px;
width !important:980px;
font-size:12px;
}
#menuhaut2 dl {
text-align:left;
float: left;
position: relative;
margin: 0;
border-right:3px solid #fff;
font-size:11px;
}
#menuhaut2 dt {
cursor: pointer;
text-align: center;

}
#menuhaut2 dd {
background-color: #9EAAB2;
filter:alpha(opacity=90); 	/*opacité pour ie */
-moz-opacity:0.9; 						/*opacité pour mozilla */
opacity: 0.9;							/*opacité pour firefox */
position: absolute;
top:69px;
margin:-1px 0 0 0;
margin !important:0 0 0 0;
width:inherit;
color:#fff;
z-index:500;
}

#menuhaut2 dt a  {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
padding:45px 0 0 0;
height:21px;
height !important:66px;

}

#menuhaut2 dt a:hover {
border: 0 none;
color:#FFF;
background-color:#80898E;
}
#menuhaut2 ul {
margin : 0;
list-style:none;
filter:none;
}
#menuhaut2 li {
text-align: left;
border-bottom:1px solid #fff;

}



#menuhaut2 li a   {
color: #FFF;
padding:8px 0 8px 5px;
text-decoration: none;
display: block;
background:none;
height:30px;
border-left:6px solid;
}

#menuhaut2 li, #menuhaut2 li a{

height !important:40px;

}
#menuhaut2 li a:hover {
color:#fff;
vertical-align:middle;
}

#menuhaut2 .rouge a {border-left-color:#C60028;}
#menuhaut2 .vert a {border-left-color:#3CDB1D;}
#menuhaut2 .vert2 a {border-left-color:#6D9EA9;}
#menuhaut2 .bleu a {border-left-color:#003399;}
#menuhaut2 .jaune a {border-left-color:#FFEE00;}
#menuhaut2 .orange a {border-left-color:#F25D00;}
#menuhaut2 .violet a {border-left-color:#990099;}
#menuhaut2 .turquoise a{border-left-color:#00CCCC;}
#menuhaut2 .mauve a{border-left-color:#6600FF;}
#menuhaut2 .rouge a:hover {background:#C60028;}
#menuhaut2 .vert a:hover {background:#3CDB1D;}
#menuhaut2 .vert2 a:hover {background:#6D9EA9;}
#menuhaut2 .bleu a:hover {background:#003399;}
#menuhaut2 .jaune a:hover {background:#FFEE00;color:#636363}
#menuhaut2 .orange a:hover {background:#F25D00;}
#menuhaut2 .violet a:hover {background:#990099;}
#menuhaut2 .turquoise a:hover {background:#00CCCC;}
#menuhaut2 .mauve a:hover {background:#6600FF;}

.fondrouge {background-color:#C60028;}
.fondvert { background-color:#6D9EA9;}
.fondvert2 {background-color:#3CDB1D;}
.fondbleu {background-color:#003399;}
.fondjaune {background-color:#FFEE00; color:#666666;}
.fondorange {background-color:#F25D00;}
.fondviolet {background-color:#990099;}
.fondturquoise {background-color:#00CCCC;}
.fondmauve {background-color:#6600FF;}

/*----------------------PIED-----------------*/
#pied a {
color:#fff;
text-decoration:none;

}
#pied #novaldi {
color:#FFF;
float:left;
margin-left:25px;
margin-left !important:10px;
text-align:left ;
}
#pied #planlegal {
width:250px;
float:right;
margin-right:1px;
text-align:right;
}
/*-------CONTENEUR CONTIENT CONTENU OUTILS MOTEUR DE RECHERCHE-----*/
#conteneur #contenu, #conteneur #outils {
text-align:left;
border-left:3px solid #fff;
border-right:3px solid #fff;
width:970px;
margin:0 auto;
}

#conteneur #contenu #paveblanc {
clear:both;
color:#575757;
background-color:#fff;
width:100%;
overflow:auto;
height:63%;
height !important:375px;
}

#conteneur #contenu #paveblancadmin {
clear:both;
color:#575757;
background-color:#fff;
width:100%;
overflow:auto;
height:76%;
font-size:11px;
height !important:450px;
}
#conteneur #bas {
height:10px;
border-bottom:3px solid #fff;
}
#conteneur #outils {
clear:both;
height:30px;
border-top:3px solid #fff;
}
#conteneur #outils #recherche {
margin-top:5px;
width:263px;
float:right;
}
#conteneur #outils #utilitaires {
width:698px;
float:left;
border-right:3px solid #fff;
height:100%;
text-align:right;
}

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

/*---------------CATALOGUE PRODUIT----------------------------*/
/*module de recherche de gamme commun à famille gamme produit*/
#conteneur #contenu #rechgamme {
height:24px;
}
#conteneur #contenu #rechgamme select, #conteneur #outils input {
width:122px;
font-size:12px;
margin:3px 0 0 20px;
}
#conteneur #contenu #rechgamme select optgroup {
padding:2px 0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
/* fin module recherche gamme */


/* titres blancs sur fond coloré commun à famille gamme produits */
#conteneur #contenu #collection {
padding:2px;
color:#fff;
height:22px;
width:698px;
float:left;
border-right:3px solid #fff;
width !important:696px;
}

#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 {
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
/* fin titres sur fond colorés */

/* specifique gamme */
#conteneur #contenu #paveblanc #detailgamme {
width:130px;
height:100%;
min-height:100%;
background-color:#DFE4E8;
text-align:center;
vertical-align:top;
font-size:11px;
color:#575757;
}
#conteneur #contenu #paveblanc #detailgamme a {
color:#575757;
text-decoration:none;
}
#conteneur #contenu #paveblanc #listeproduits h1 {
color:#9DCE00;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:1.1em;
padding:5px 0 0 10px;
}
#conteneur #contenu #paveblanc #listeproduits {
width:834px;
vertical-align:top;
}

/* spécifique produit */
#produit {
height:100%;
width:100%;
}
#produit td {
color:#575757;
font-size:0.7em;
text-align:center;
}
#conteneur #contenu #paveblanc #imageproduit {
text-align:center;
vertical-align:middle;
padding:5px;
background:url('../images/pointille.gif') repeat-y right;
width:200px;
}
#conteneur #contenu #paveblanc #detailproduit {
vertical-align:top;
padding:5px 20px 0 13px;
text-align:justify;
}
#conteneur #contenu #paveblanc #detailproduit img {
border:1px solid #575757;
}

#conteneur #contenu #paveblanc #detailproduit h1 {
float:left;
color:#9DCE00;
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
width:200px;
margin-bottom:0px;
}
#conteneur #contenu #paveblanc #detailproduit h2 {
margin:5px 5px 5px 0 ;
font-size:1.3em;
}
#conteneur #contenu #paveblanc #detailproduit h3{
font-size:1.6em;
}
#conteneur #contenu #paveblanc #detailproduit .prix {
margin-top:10px;
font-size:1.1em;
font-weight:bold;
}
#conteneur #contenu #paveblanc #detailproduit .nouveau {
font-size:1em;
font-weight:bold;
color:#fff;
background:#9DCE00;
width:110px;
text-align:center;
float:right;
margin-right:5px;
}
#conteneur #contenu #paveblanc #detailproduit .description {
clear:both;
margin-top:5px;
line-height:21px;

}
.description p {
margin-top:-2px;
padding:0;
}
#conteneur #contenu #paveblanc #complementproduit {
width:250px;
vertical-align:bottom;
}
#conteneur #contenu #paveblanc #complementproduit #complement {
margin-left:10px;
width:210px;
height:99%;
}
#conteneur #contenu #paveblanc #complementproduit #complement img {
border:1px solid #575757;
}
#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;
}
/* fin produit */



#conteneur #contenu #paveblanc #gammes, #conteneur #contenu #paveblanc #rayindustriel {
text-align:center;
width:95%;
}

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

#listegamme td a, #liste td a, #listegamme td a:visited, #liste td a:visited {
text-decoration:none;
color:#575757;
}
#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 ------------------*/
h1 {
color:#fff;
border-bottom:3px solid #fff 
}


.avecscroll {
overflow:auto;
width:100%;
height:63%;
height !important :375px;
background-color:#FFFFFF;
}
#paveblanc #contenuinfolarge {
font-size:0.7em;
}
#paveblancgauche #contenuinfo p {
font-size:1em;
}
#paveblancgauche {
width:680px;
float:left;
min-height:100%;
height !important :100%;

}
#paveblancgauche #contenuinfo {
margin:20px;
font-size:1em;
text-align:justify;
}
#paveblanc #contenuinfolarge table{
/*margin:10px 0 0 0;
text-align:justify;*/
font-size:1em;

}
.avecscroll #paveblancgauche #contenuinfo {
margin:20px;
font-size:0.7em;
text-align:justify;
}
.avecscroll #paveblancgauche #contenuinfo h2 {
font-size:1.3em;
color:#666;
margin-bottom:20px;
}

#paveblancgauche #contenuinfo h2 {
font-size:1em;
color:#666;
margin-bottom:20px;
}

.avecscroll #paveblancgauche #contenuinfo h2:first-letter, #paveblanc #contenuinfolarge .plan h2:first-letter {
padding:3px 1px 3px 6px;
background-color:#6D9EA9;
color:#FFFFFF;
font-size:1.2em;
}
.photoleft {
margin:0 15px 2px 0;
float:left;
text-align:center;
}
#paveblancgauche #contenuinfo img {
border:1px solid #666;
}
.legende {
display:block;
color:#999;
font-size:10px;
width:240px;
}
#sommaire {
width:267px;
float:right;
font-family:Arial, Helvetica, sans-serif;
height:100%;
background-color:#CCDDE1;

}
#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;
font-size:11px
}
#sommaire a:hover {
color: #999;
}

#sommaire ul {
margin:8px 5px 5px 0;
list-style:none;
}
#sommaire ul li {
padding:3px;
margin-bottom: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;
}
#paveblanc #contenuinfolarge table h2 {
margin-bottom:20px;
}

#contenuinfolarge {
margin:20px 45px;
height:100%;
font-size:1em;
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;
}
#contenuinfolarge p {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.photoright {
float:right;
margin: 0 0 5px 15px;
}

a.gris {
text-decoration:none;
color:#333;
font-size:10px;
}
a.gris:hover {
color:#999;
}
/* plan du site */
ul.plan {
float:left;
width:24%;
margin-left:6px;
width:200px;
}
ul.plan li {
padding:3px 0;
list-style:none;
text-align: left;
}

#paveblanc #contenuinfolarge ul.plan li a {
font-size:1em;
font-weight:normal;
}
/* fin plan du site */
/*-----------------FORMULAIRES DE CONTACT-----------*/

.noborder { border:none; }

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

}
#projet, #message {
float:right;
width:600px;
font-size:12px;
height:100%;
background-color:#CCDDE1;
}
#projet table {
width:565px;
font-size:11px;
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;
font-size:11px;
}
#coordonnees th, #noscoordonnees th {
text-align:left;
color:#214C5C;
width:135px;
}
#coordonnees td {
height:28px;
vertical-align:middle;
color:#214C5C;
}
#noscoordonnees td, #noscoordonnees th {
height:30px;
vertical-align:middle;
color:#214C5C;
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;
color:#214C5C;
vertical-align:middle;
}
#projet th {
width:370px;
}
#message table {
margin:0 0 0 20px;
font-size:11px;

}
#message th, #message td {
height:20px;
text-align:left;
color:#214C5C;
vertical-align:middle;
}
#message th {
width:150px;
}

#zone th {
width:125px;
font-weight:normal;}
#zone td {
text-align:left;
width:28px;
}
.enrouge {
font-size:0.9em;
color:#ff0000;
}
/* fin contacts */
/*--------moteur de recherche -------------*/
#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;
}
/*-------- fin moteur de recherche -------------*/
 /*--------------- classes communes ------------*/
.s250 {
width:250px;
}
.s220 {
width:220px;
font-size:11px;
}
.s230 {
width:230px;
}
ul.adroite {
list-style:none;
float:right;
margin-top:20px;}
#paveblancgauche #contenuinfo .adroite a {
font-weight:bold;
color:#80898E;
font-size:1em;
text-decoration:none;
}
#paveblancgauche #contenuinfo .adroite a:hover{
color:#9DAAB2;
}
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 30px;
padding:5px;
width:230px;
height:200px;
overflow:hidden;
border:1px dotted #CCDDE1;
text-align:left;
float:left;

}
div.photolien {
width:230px;
height:130px;
display:table-cell;
vertical-align:middle;
text-align:center;
margin:0 auto;
margin-top:5px;
}
div.liensutiles img {
margin-right:20px;
border:0;
}
hr.separation {
clear: both;
height:30px;
visibility:hidden;
}
/*fin liens utiles */
/**************mentions légales ************/
#mention {
background:#FFF;
padding:5px 100px 5px 100px;
color:#000;
font-size:11px;
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 auto;
font-size:12px;
}
table#tableadmin th {
text-align:left;
width:100px;
height:25px;
font-size:12px;
vertical-align:top;
}
table#tableadmin td {
font-size:12px;
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;
font-size:12px;
}
#listeadmin th {
background-color:#6D9EA9;
color:#FFFFFF;
border-right:2px solid #fff;
height:20px;
}
#listeadmin td {
height:18px;
border-bottom:1px dotted #999;}
.scontenu {
width:700px;
height:200px;
}

hr {clear: both;
width:100%;
visibility:hidden;
}

#conteneurFlash{
margin:0;
padding : 0;
width:800px;
text-align:center;
border : 0px solid blue;
margin-left: auto;
margin-right : auto;
z-index:1;
}
.graphiqueFlash{
margin:0;
padding : 0;
display : inline;
width : 360px;
height : 300px;
margin-left : 20px;
margin-right : 20px;
}