*{
  margin:0;
  padding:0;
}
html{
  text-align:center;
  background: #525252 url(../images/motif.gif) repeat-x 0 0;
}


div#site{
  width:750px;
  margin:0 auto;
  text-align:left;
}
div#siteConteneur{
  /*background: #fff url(../images/motifSite.gif) repeat-y 0 0;*/
  background: #FFFFFF;
  float:left;
}
/*----------------------------------------------------------------------------*/

body, h1{
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  color:#525252;
}
#multiColonneMasters p,#multiColonneMasters li{font-size:11px;}
a, p#chemin span{
  color:#C04700;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a img{
  border:none;
}
h2{
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}
h3{
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  color:#8DC761;
  margin-top:10px;
  margin-bottom:5px;
}
h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
}

ul {
  margin-left:9px;
  margin-bottom:16px;
}
ul li{
  list-style-type: none;
  list-style-position: outside;
  background: url(../images/puce.gif) no-repeat 0px 4px;
  padding-left:14px;
  line-height:16px;
}
/*----------------------------------------------------------------------------*/

div#header{
  background: url(../images/header.gif) no-repeat 0 0;
  height:101px;
  width:750px;
}

div#header h1{
  float:left;
  display:inline;
  margin-top:6px;
  margin-left:9px;
}

/*----------------------------------------------------------------------------*/


div#menu{
  height:32px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: url(../images/menuTrait.gif) repeat-x 0 0;
  width:750px;
}

div#menu ul{
  height:32px;
  background: url(../images/menu.gif) repeat-x 0 0;
  padding-left:7px;
  margin-left:1px;
  margin-right:1px;
  margin-bottom:0px;
}

div#menu ul li{
  list-style-type:none;
  list-style-position: outside;
  display:inline;
	position:relative;
  float:left;
	z-index:6000;
  background: none;
  padding-left:0;
  line-height:18px;
}



div#menu ul li a{
  color:#FAD57C;
  font-weight:bold;
  display:inline;
  float:left;
  margin-left:9px;
  padding-left:15px;
  padding-top:7px;
  height:25px;
  padding-right:12px;
}

div#menu ul li a:hover, div#menu ul li a.select{
  background: url(../images/menu-over.gif) repeat-x 0 0;
}



div#menu li ul {
	position: absolute;
	left: -999em;
	top:29px;
	width: 200px;
	padding-top:3px;
	background: none;
  height:auto;
}
div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0;
}

div#menu ul li ul li a{
	color: #F7D679;
	display:inline;
	float:left;
	text-align: left;
	width: 165px;
	margin:0;
	height:auto;
	background: #000;
	padding-top:2px;
	line-height:16px;
	padding-left:16px;
	padding-bottom:2px;
}
div#menu ul li ul li a:hover{
	color: #fff;
	background: #000;
}
div#menu ul li ul li a.select{
	color: #fff;
	background: #000;
}

div#menu ul li.UK{
	float: right;
	margin-right: 20px;
	padding-top: 5px;
}


/*----------------------------------------------------------------------------*/

div#contenu{
  width:750px;
  float:left;
  min-height: 578px;
}

div#colonneDroite{
  width:188px;
  float:left;
}

/*----------------------------------------------------------------------------*/

div#articleAccueil{
  width:430px;
  height:246px;
  border-top: 3px solid #f7a433;
  border-bottom: 1px solid #ddd;
  text-align: justify;
  margin-top:20px;
  margin-left:30px;
  font-size:12px;
  background: #F5F5F5 url(../images/articleAccueil.gif) no-repeat 0 0;
  float:left;
  display:inline;
}

div#articleAccueil h2{
  font-size:18px;
  line-height:23px;
  /*color:#000;*/
  color: #f7a433;
  margin-top:7px;
  margin-left:11px;
  width:350px;
  margin-bottom:14px;
}
div#articleAccueil p{
  margin-left:10px;
  margin-right:20px;
  line-height:17px;
}

div#animFlash{
  margin-top:20px;
  float:left;
  width:250px;
  height:250px;
}
/*----------------------------------------------------------------------------*/

/**** référent ****/

p#chemin{
  font-size: 9px;
  font-family: Arial,Helvetica, Verdana, sans-serif;
  color:#525252;
  margin:20px 30px 0;
  padding-top:6px;

}

p#chemin.vert{
  border-top: 3px solid #c64e02;
}

#articleMaster p#chemin.vert{border:0px;margin-top:0px;}
p#chemin.bleu{
  border-top: 3px solid #2c82c9;
}

p#chemin.rouge{
  border-top: 3px solid #8DC760;
}

p#chemin.violet{
  border-top: 3px solid #762c73;
}

p#chemin.jaune{
  border-top: 3px solid #f7a433;
}


p#chemin a{
  text-decoration: none;
}
p#chemin a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/

/**** h2 pour la page intérieur ****/
h2.vert{
  color:#c64e02;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(../images/titrePageRouge.gif) repeat-x 0 100%;
}

h2.bleu{
  color:#2c82c9;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(../images/titrePageBleu.gif) repeat-x 0 100%;
}

h2.rouge{
  color:#7EB951;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(../images/titrePageVert.gif) repeat-x 0 100%;
}

h2.violet{
  color:#762c73;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(../images/titrePageViolet.gif) repeat-x 0 100%;
}

h2.jaune{
  color:#f7a433;
  font-size: 18px;
  margin:1px 30px 10px;
  padding-bottom:11px;
  background: url(../images/titrePageJaune.gif) repeat-x 0 100%;
}


div#article {
  margin:0 30px;
  text-align: justify;
  margin-bottom:35px;
}
div#article img.right {
  float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #ddd;
}
div#article img.left{
  float:left;
  display:inline;
  margin-right:13px;
  border:1px solid #ddd;
}
div#article, div#article h1{
  line-height:13px;
}
div#article div.emphase{
  background:#F5F5F5;
  border-top:1px solid #ddd;
  margin-top:7px;
}

div#article div.emphase h3{
  margin-top:3px;
  margin-left:10px;
}

div#article div.emphase h3.vert{
	color: #7EB951;
}

div#article div.emphase h3.jaune{
	color: #f7a433;
}

div#article div.emphase h3.bleu{
	color: #2c82c9;
}

div#article div.emphase h3.rouge{
	color: #8DC761;
}

div#article div.emphase h3.violet{
	color: #762c73;
}
/*----------- formulaire -----------------------------------------------------------------*/

div#article select,div#article input,div#article textarea{
	background: #ffffff;
	color: #525252;
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin: 2px;
	font-size: 9px;
}
div#article form div{
	float: none;
	clear:both;
	display: block;
}
div#article form label{
	width: 300px;
	background: #F5F5F5;
	border: 0px;
	margin: 2px;
	display: block;
	float: left;
}

div#article .valider{
	background: #F5F5F5;
	color: #C04700;
	float: right;
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 0;
}

div#article .oblig{
	color: #C04700;
	}
/*----------------------------------------------------------------------------*/

div#multiColonne{
  height:308px;
  clear:both;
  padding-left:15px;
}
div#multiColonne div.col{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
}
div#multiColonne div.col h3{
  font-size:11px;
  font-weight: bold;
  color:#C64E02;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  background: url(../images/colVert.gif) no-repeat 0 0;
  margin-bottom:9px;
}

div#multiColonne img{
  border: 1px solid #ddd;
  margin-bottom:1px;
}
div#multiColonne  div{
  margin-left:11px;
  line-height:16px;
}
div#multiColonne  div ul{
  margin-left:0px;
  margin-top:2px;
}
div#multiColonne  ul li{
  list-style-position: outside;
  list-style-type: none;
  background: url(../images/puce.gif) no-repeat 0px 4px;
  padding-left:10px;
  line-height:14px;
  margin-bottom:3px;
}





div#multiColonne div.coltitreVert{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-color: #C64E02;
  border-top:1px solid #C64E02;
}
div.coltitreVert div{
    margin:6px;
}
div#multiColonne div.coltitreVert h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#C64E02;
  background: url(../images/colOrange.gif) no-repeat 0 0;
}

div#multiColonne div.coltitreOrange{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-color: #7EB951;
  border-top:1px solid #7EB951;
}
div#multiColonne div.coltitreOrange h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#7EB951;
  background: url(../images/colVert.gif) no-repeat 0 0;
  
}

div#multiColonne div.coltitreBleu{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-color: #2C82C9;
  border-top:1px solid #2C82C9;
}
div.coltitreBleu div{
    margin:6px;
}
div#multiColonne div.coltitreBleu h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#2C82C9;
  background: url(../images/colBleu.gif) no-repeat 0 0;
}

div#multiColonne div.coltitreJaune{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-color: #762c73;
  border-top:1px solid #762c73;
}
div#multiColonne div.coltitreJaune h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#762c73;
  background: url(../images/colViolet.gif) no-repeat 0 0;
}





/*----------------------------------------------------------------------------*/



/************************************************************************************************************************************
*
*
*										STYLE POUR LA PAGE MASTER
*
*
********************************************************************************************************************************/

/* **** div#articleMaster <=> bloc de présentation ****/


div#articleMaster{
  width:700px;
  height:100%;
  /*border-bottom: 1px solid #ddd;*/
  text-align: justify;
  margin-top:20px;
  margin-left:30px;
  font-size:12px;
  background: #F5F5F5 url(../images/articleAccueil.gif) no-repeat 0 0;
  float:left;
  display:inline;
}

div#articleMaster h2{
  font-size:18px;
  line-height:23px;
  /*color:#000;*/
  margin-top:7px;
  margin-left:11px;
  width:350px;
  margin-bottom:14px;
}

/************ ORANGE *********/
div#articleMaster.jaune{
	border-top: 3px solid #f7a433;
}

div#articleMaster.jaune h2{
	color: #f7a433;
}

/************ VERT   *********/
div#articleMaster.vert{
	border-top: 3px solid #C64E02;
}

div#articleMaster.vert h2{
	color: #C64E02;
}

/************ ROUGE   *********/
div#articleMaster.rouge{
	border-top: 3px solid #7EB951;
}

div#articleMaster.rouge h2{
	color: #7EB951;
}

/************ BLEU   *********/
div#articleMaster.bleu{
	border-top: 3px solid #2c82c9;
}

div#articleMaster.bleu h2{
	color: #2c82c9;
}

/************ VIOLET   *********/
div#articleMaster.violet{
	border-top: 3px solid #762c73;
}

div#articleMaster.violet h2{
	color: #762c73;
}


div#articleMaster p,div#articleMaster li{
  margin-left:10px;
  margin-right:20px;
  line-height:17px;
}

div#articleMaster img{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 1px;
  border: 1px solid #dddddd;
}



/* **** div#articleMaster <=> bloc de présentation ****/


div#multiColonneMasters{
  height:308px;
  clear:both;
  padding-left:15px;
}

div#multiColonneMasters p a{
  color: #525252;
}


/* **** div#multiColonneMasters div.col <=> bloc pour les autres parties ****/

div#multiColonneMasters div.col{
  width:157px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
}

div#multiColonneMasters.vert div.coltitreVert{
  background: #e3a781;
  border: 1px solid #C64E02;
}

div#multiColonneMasters.rouge div.coltitreRouge{
  background: #c6e3b0;
  border: 1px solid #7EB951;
}

div#multiColonneMasters.bleu div.coltitreBleu{
  background: #96c1e4;
  border: 1px solid #2c82c9;
}

div#multiColonneMasters.jaune div.coltitreJaune{
  background: #fbd299;
 /* border: 1px solid #7EB951;*/
 border: 1px solid #F7A433
}
div.coltitreJaune div{margin:6px;}        
div.coltitreOrange div{margin:6px;}     
div#multiColonneMasters.violet div.coltitreViolet{
  background: #bb96b9;
  border: 1px solid #762c73;
}

div.coltitreViolet div{margin:6px;}
div#multiColonneMasters div.col h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  background: url(../images/colOrange.gif) no-repeat 0 0;
   color:#C64E02;
}

div#multiColonneMasters div.col img{
  border: 1px solid #ddd;
  margin-bottom:1px;
}
div#multiColonneMasters div.col div{
  margin-left:11px;
  line-height:16px;
}
div#multiColonneMasters div.col div ul{
  margin-left:0px;
  margin-top:2px;
}
div#multiColonneMasters div.col div ul li{
  list-style-position: outside;
  list-style-type: none;
  background: url(../images/puce.gif) no-repeat 0px 4px;
  padding-left:10px;
  line-height:14px;
  margin-bottom:3px;
}

div#multiColonneMasters div.coltitreVert{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
}
div#multiColonneMasters div.coltitreVert h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  background: url(../images/colOrange.gif) no-repeat 0 0;
   color:#C64E02;
}

div#multiColonneMasters div.coltitreRouge{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
  border-color: #7EB951;
}
div#multiColonneMasters div.coltitreRouge h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#7EB951;
  background: url(../images/colVert.gif) no-repeat 0 0;
}

div#multiColonneMasters div.coltitreBleu{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #7EB951;
  border-color: #2c82c9;
}
div#multiColonneMasters div.coltitreBleu h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#2C82C9;
  background: url(../images/colBleu.gif) no-repeat 0 0;
}

div#multiColonneMasters div.coltitreJaune{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
/*  border-color: #7EB951;*/
border-color: #F7A433       ;
}
div#multiColonneMasters div.coltitreJaune h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#f7a433;
  background: url(../images/colJaune.gif) no-repeat 0 0;
}

div#multiColonneMasters div.coltitreViolet{
  width:162px;
  background: #fff;
  height:260px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-top:24px;
  border-top:1px solid #C64E02;
  border-color: #762c73;
}
div#multiColonneMasters div.coltitreViolet h3{
  font-size:11px;
  font-weight: bold;
  padding-left:16px;
  padding-top:3px;
  height:22px;
  margin-top:2px;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom:9px;
  color:#762c73;
  background: url(../images/colViolet.gif) no-repeat 0 0;
}




/*----------------------------------------------------------------------------*/

div#footer{
  width:750px;
  margin:0 auto;
  text-align:left;
  clear:both;
  padding-top:1px;
}
* html div#footer{
  padding-left:1px;
}
div#footer ul{
  margin:0;
  width:750px;
}
div#footer ul li{
  list-style-position: outside;
  list-style-type: none;
  display:inline;
  color:#fff;
  font-size:10px;
  height:18px;
  background: none;
  padding-left:0;
  line-height:18px;
}

div#footer ul li a, div#footer ul li span{
  color:#fff;
  font-size:9px;
  display:inline;
  float:left;
  padding-right:8px;
  margin-left:7px;
  background: url(../images/footerTrait.gif) no-repeat 100% 4px;
  height:15px;
}
div#footer ul li span{
  margin-left:0;
  padding-right:9px;
}
div#footer ul li a#noe{
  font-size:10px;
  background:none;
}
* html div#footer ul li a#noe{
  padding-top:2px;
}

div#footer ul li a#accesClient{
  float:right;
  padding:0;
  margin:0;
  font-size:11px;
  margin-top:-1px;
  padding-left:20px;
  background:url(../images/cadenas.gif) no-repeat 5px 3px;
}


table#pricelist tr th{width:300px;font-weight:normal;}
table#pricelist tr th.maintitle{font-weight:bold;}

table#backbone{vertical-align:top;}
table#backbone tr td{padding-right:20px;text-align:left;vertical-align:top;width:150px;}
table#backbone tr th{width:145px;vertical-align:top;}
table#ma_prices tr th{width:145px;}

address{padding-left:10px;}

table#installation{width:480px;}
table#handset{width:480px;}
table#standardvoip{width:480px;}
td.voprix,th.voprix{text-align:right;}
table#ma_prices{width:300px;}


table.price {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
table.price th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.price td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
</style>