﻿@charset "utf-8";
/* CSS Document */

.TheBody {padding: 0px;background-color: #FFFFFF;margin-top: 0%;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

.Conteneur{margin: auto;width: 900px;}

.Logo{margin: auto;width: 900px;height: 59px;}

.Texte{font-family: Verdana;font-size: 13px;font-style: normal;}

.Contenu{width: 900px;}

.divFlashIndex{width: 900px;height: 296px;}

.divBandeImage{width: 900px;height: 218px;}

.Main{width: 900px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000033;}

.MainContact{width: 875px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000033;height: 250px;line-height: 18px;background-image: url(images/fond_main.jpg);background-repeat: repeat-x;padding-left: 25px;}

.MainProduits{width: 900px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000033;line-height: 18px;background-image: url(images/fond_main_produits.jpg);background-repeat: repeat-x;}

.MainDistributeurs{width: 900px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000033;background-image: url(images/fond_main_produits.jpg);background-repeat: repeat-x;min-height: 700px;}

.AdressesDealer{width: 325px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000033;padding-left: 20px;padding-top: 20px;line-height: 18px;float: left;}

.Map{width: 500px;text-align: left;font-family: Verdana;font-size: 12px;color: #808080;float: left;padding-top: 20px;}

.DivTableauProduits {text-align: left;padding-left: 10px;padding-top: 25px;width: 890px;padding-bottom: 25px;}

.DivTableauSoumission {text-align: left;padding-left: 10px;width: 890px;}

.tblFormulaire {font-family: Verdana;font-size: small;background-color: #f1f2f2;text-align: left;text-indent: 7px;}

.tblFormulaireTitre{background:#C0C0C0;text-indent: 7px;font-weight: bold;font-size: small;}
	

.footer {width: 875px;height: 28px;font-family: Verdana;font-size: x-small;background-image: url(images/fond_footer.jpg);background-repeat: repeat-x;margin: 0px;padding-left: 25px;padding-top: 10px;color: #000033;}

.clear { clear: both; }

a:hover{text-decoration: none;color: #ff9900;}
a{text-decoration: none;color: #000033;}

.texte{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.title {font-family: "Copperplate Gothic Bold";font-size: 14px;color: #ff9900;}

.cat {font-family: "Copperplate Gothic Bold";font-size: 20px;color: #000033; text-align: right; width:250px}

.title2 {font-family: "Copperplate Gothic Bold";font-size: 14px;color: #000033;}

.soustitre {font-family: Verdana;font-size: 13px;font-style: italic;font-weight: bold;color: #000033;}
.soustitre2 {font-family: Verdana;font-size: 15px;font-weight: bold;color: #000033;}

.prix{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:15px; color: #636466;}
.montant{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #000033;}

/* ------- TABLEAU REALISATIONS ------- */
.tableau-box table{margin:0;padding:0 0 25px 0;}
.tableau-box th{border:0;font-size: 16px;color: #000033;text-align: left;font-weight: bold;}
.tableau-box td{background:#FFFFFF;border:1px solid #999999;}
.tableau-box a {color:#ffffff;text-decoration: none;background-color:inherit;}
.tableau-box a:hover {color:#ff9900;text-decoration: none;background-color:inherit;}


/*-------NAVIGATION---------*/
.DivConteneurMenu {width: 900px;height: 33px;background-image: url(images/fond_menu.jpg);background-repeat: no-repeat;}

.DivParentAccueil {float: left;width: 108px;cursor: pointer;text-align: left;height: 33px;}
.DivParentProduits {float: left;width: 132px;cursor: pointer;text-align: left;height: 33px;}
.DivParentRealisations {float: left;width: 128px;cursor: pointer;text-align: left;height: 33px;}
.DivParentDistributeurs {float: left;width: 138px;cursor: pointer;text-align: left;height: 33px;}
.DivParentSoumissions {float: left;width: 114px;cursor: pointer;text-align: left;height: 33px;}
.DivParentClient {float: left;width: 128px;cursor: pointer;text-align: left;height: 33px;}
.DivParentJoindre {float: left;width: 152px;cursor: pointer;text-align: left;height: 33px;}

.DivTitreMenu {text-align: center;color: #000033;font-size: small;vertical-align: middle;height: 28px;padding-top: 8px;font-variant: normal;font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;text-decoration: none;}
.DivTitreMenu a{text-decoration: none;color: #000033;}
.DivTitreMenu a:hover{text-decoration: none;color: #ff9900;}
.DivClear {clear:both;}

#nav, #nav ul { margin:0; padding:0; list-style: none;}
#nav  {width: 132px;text-align: center;color: #000033;font-size: small;vertical-align: middle;height: 28px;padding-top: 8px;font-variant: normal;font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;text-decoration: none; position:absolute; z-index:8;}
#nav li {color:#000000;}
#nav a {display:block; color:#000033; text-decoration:none;} 
#nav li a:hover{color:#ff9900;}
#nav li div {position: absolute; left: -999em; margin-left:-25px; z-index:1 } 
#nav li ul {background:#f9a912; width:245px; overflow:hidden; border-top:10px solid #f9a912; margin:10px 25px 25px; padding-bottom:10px;  text-align: left;font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
#nav li:hover div{left: auto; }
#nav li li { float:none; margin:-1px 18px 1px 15px; display:block; border-bottom:1px dotted #ffffff;}
#nav li:hover li a{color:#fff; background:url(images/arrow_white.png) no-repeat right 5px; padding:6px 13px 5px 0px;}
#nav li li a:hover {color:#636466;}
ul {list-style-type:none}


/* ---------------
MENU 
--------------- */

.ContentMenu {width:900px; height:33px; background-image:url(images/fond_menu.jpg); background-repeat: no-repeat; z-index:700;}
.Menu {width:900px; height:33px;}
.boxmenu{height:33px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin:0; padding:0;}
#menu li a {display:block; color:#000033; text-decoration:none; text-align:left; font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif; font-size:14px;}
#menu li a:hover {color:#ff9900;}

#menu ul li ul {display:none; width:245px; background-color:#f9a912; color:#fff; text-align:left; font-size:12px; border-top:10px solid #f9a912; padding:5px 15px 15px 15px; line-height:2em; text-decoration:none;}
#menu ul li:hover ul {display:block; background-image:url(images/menu/img-submenu.jpg) no-repeat center top;}
#menu li:hover ul li {float:none; border-bottom:#666666 dotted 1px;}
#menu li ul {position:absolute;}



.titleMenu {text-align:center; color: #000033; font-size: small; font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif; text-decoration: none;}
.titleMenu a{text-decoration: none; color: #000033;}
.titleMenu a:hover{text-decoration: none; color: #ff9900;}
