@import "commun.css";
@import "conteneur.css";
@import "intranet.css";
@import "lien.css";
@import "menu.css";
@import "liste.css";
@import "formulaire.css";
@import "titre.css";
@import "notification.css";
@import "reglette.css";
@import "lightbox.css";
@import "formulaire_inscription.css";

html, body {
	font-family: Arial, Verdana, Sans-serif;
	font-size:12px;
	text-align:center;
	padding:0px;
	margin:0px;
	float:none;
	color:#31698f;
	background:#7ecdef url('../img/design/menu/fond_footer.png') top left repeat;
}
body {
	height:100%;
}
/* ***** */
div.bloc_page, div.bloc_legal {
	float:left;	
	width:660px;
}
div.bloc_legal h1 {
	background-image:url('../img/design/titre/titre_vide.png');
	font-family:Arial, Verdana, Sans-serif;
	font-size:26px;
	color:#428fc1;
	text-indent:55px;
}
/* **** */
div.total_site {
	margin-top:5px;
	width:1000px;
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	background:transparent url('../img/design/fd.png') top left repeat-x;
}
/* **** */
div.header {
	width:1000px;
	height:153px;
	background:transparent url('../img/design/header2.jpg') top left no-repeat;
}
/* **** */
div.footer {
	float:left;
	width:730px;
	height:40px;
}
div.phpmv {
	font-size:0px;
	color:#000066;
}
div.page {
	float:left;
	width:700px;
}
div.page_haut {
	width:690px;
	height:20px;
	background:transparent url('../img/design/bloc/bloc_page_h.png') top left no-repeat;
}
div.page_middle {
	width:690px;
	padding:5px;
	padding-left:15px;
	background:transparent url('../img/design/bloc/bloc_page_m.png') top left repeat-y;
	min-height:362px;
}
div.page_bas {
	width:690px;
	height:16px;
	background:transparent url('../img/design/bloc/bloc_page_b.png') top left no-repeat;
}
/* BOUTON LIVRAISON */
div.livraison {
	clear:both;
	margin-top:10px;
	width:658px;
	height:180px;
	background:transparent url('../img/design/section/grandbloc.jpg') top left no-repeat;
}
div.livraison a {
	display:block;
	width:100%;
	height:100%;
}
/* DIV ANNONCE FLASH ACCUEIL */
div#flash_annonce {
	float:left;
	height:16px;
	width:660px;
	overflow:hidden;
	color:#17c5ff;
	font-weight:bold;
	background-color:#FFF;
}

/* BLOCS MENU */
div.menu { 
	width:260px; 
	height:448px;
	float:left; 
	top:0;
	background:transparent url('../img/design/fd_menu.png') top left no-repeat;
}
div.menu_gauche { 
	width:60px; 
	height:448px;
	float:left; 
	top:0;
	background:transparent url('../img/design/fd_menu_gauche.png') top left no-repeat;
}
div.menu_content { 
	width:200px; 
	height:448px;
	float:left; 
	top:0;
	background:transparent url('../img/design/fd_menu.png') top left no-repeat;
}
/* PRODUITS - GAMME */
div.liste_gamme {
	float:left;
	width:210px;
	margin-right:10px;
	margin-bottom:10px;
}

/* NEWS */
div.news {
	clear:both;
	float:left;
	width:100%;
}

div.news span.titre {
	color:#428fc1;
	padding-right:10px;
}
div.news span.date  {
	color:#999999;
}

/* ######################### */
/* PUCES et LIENS AVEC PUCE */
.petite1,.petite2,.petite3 {
	height:20px;
	display:block;
	text-indent:15px;
}
.mid1,.mid2,.mid3
{
	height:20px;
	display:block;
	text-indent:25px;
}
.big1,.big2,.big3
{
	height:25px;
	display:block;
	text-indent:30px;
}
a.petite1 { background:transparent url('../img/design/puce2/jaune_11.png') top left no-repeat;}
a.petite2 { background:transparent url('../img/design/puce2/verte_11.png') top left no-repeat;}
a.petite3 { background:transparent url('../img/design/puce2/rouge_11.png') top left no-repeat;}

.mid1 { background:transparent url('../img/design/puce2/jaune_15.png') top left no-repeat;}
.mid2 { background:transparent url('../img/design/puce2/verte_15.png') top left no-repeat;}
.mid3 { background:transparent url('../img/design/puce2/rouge_15.png') top left no-repeat;}

.big1 { background:transparent url('../img/design/puce2/jaune_21.png') top left no-repeat;}
.big2 { background:transparent url('../img/design/puce2/verte_21.png') top left no-repeat;}
.big3 { background:transparent url('../img/design/puce2/rouge_21.png') top left no-repeat;}

/* NUANCE */
div.liste_nuance {
	float:left;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}
div.liste_nuance img {
	width:75px;
	height:50px;
	float:left;
	margin-right:10px;
}
div.liste_nuance span {
	font-weight:bold;
	font-size:12px;
}
div.liste_nuance:hover {
	background-color:#e2f4fb;
	font-weight:bold;
}
/* PARTENAIRE */
div.liste_partenaire {
	float:left;
	width:660px;
	margin-bottom:10px;
	text-align:right;
}
div.liste_partenaire span {
	display:block;
	float:right;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	height:16px;
	margin-bottom:4px;
}
div.liste_partenaire:hover {
	background-color:#eeeff0;
}
div.liste_partenaire img {
	float:left;
	width:190px;
	background-color:#FFF;
}
/* CONTACT */
div.liste_contact {
	float:left;
	width:280px;
	margin-left:10px;
	margin-bottom:20px;
}
div.liste_contact img {
	float:left;
	width:60px;
	height:70px;
	margin-right:10px;
}
div.liste_contact div.image_vide {
	float:left;
	width:60px;
	height:70px;
	margin-right:10px;
}
/* HISTORIQUE */
.bloc_big_middle{	
	padding-top:10px;
}

div.pagehistorique p:first-child,
div.pagehistorique h4:first-child{
	margin-top:0;
}

div.pagehistorique {
	width:90%;
	height:100%;
}
/* bloc temoignage */
div.pagehistorique div {
	width:90%;
	clear:both;
	margin-bottom:10px;
	font-style:italic;
}
div.pagehistorique div span {
	display:block;
	margin-top:5px;
	width:100%;
	clear:both;
	font-weight:bold;
	font-style:italic;
}
div.pagehistorique h4 {
	clear:both;
	display:block;
	width:100%;
	height:20px;
	background-color:#428fc1;
	background-image:none;
	color:#FFF;
	padding-left:10px;
	font-weight:bold;
}
div.pagehistorique p {
	width:100%;
}
div.pagehistorique img {
	float:left;
	width:60px;
	height:70px;
	padding-right:10px;
	padding-left:10px;
}
.adcontact{
	float:left;
	display:block;
	width:220px;
	margin-bottom:40px;
	text-align:center;
}
/* REVETEMENTS */
div.choix_revetements {
	width:660px;
}
div.choix_revetements table {
	width:100%;
}
div.choix_revetements table th,
div.choix_revetements table td
{
	border:1px solid #428fc2;
}
div.choix_revetements table th.no_border,
div.choix_revetements table td.no_border
{
	border:none;
}
div.choix_revetements table td {
	text-align:center;
}
td.produit {
	font-weight:bold;
	width:100px;
}
div.choix_revetements p {
	width:90%;
}
/* VISITES USINES */
div.liste_images
{
	width:200px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
div.liste_images img {
	width:100%;
	height:100px;
}
div.image {
	width:660px;
	height:auto;
}
div.image:hover {
	background-color:#ffe400;
}
div.image img {
	margin-right:auto;
	margin-left:auto;
	width:660px;
	height:auto;
}
div.image span {
	display:block;
	text-align:center;
}
/* ################################### */
/* DECO */
div.hr {
	clear:both;
	width:602px;
	height:8px;
	background:transparent url('../img/design/symbole/trait.png') top left no-repeat;
}
/* IMAGES */
img.gauche {
	float:left;
	margin-left:20px;
	margin-right:10px;
}
img.droite {
	float:right;
	margin-right:20px;
}
img.prod {
	float:left;
	margin-left:5px;
	width:100px;
}
/* ################################### */