/* CSS Document */

Body {
	font-family:Calibri, Verdana, Helvetica; 
	font-size:11pt; 
	color:#000000; 
	background-image:url(images/fond-degrade-gris.jpg); 
	background-repeat:repeat-x; 	margin-left: 0px;	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px;
} 


/* TD */

.td-mhaut-accueil {
	width: 70px;
}

.td-mhaut-accueil2 {
	background-image: url(images/onglet-m-70.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
}
.td-mhaut-legroupe {
	width: 90px;
}

.td-mhaut-legroupe2 {
	background-image: url(images/onglet-m-90.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 90px;
}
.td-mhaut-contact {
	width: 80px;
}

.td-mhaut-contact2 {
	background-image: url(images/onglet-m-80.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 80px;
}
.td-mhaut-trait {
	width: 15px;
}
.td-mhaut-datacenter {
	width: 100px;
}

.td-mhaut-datacenter2 {
	background-image: url(images/onglet-m-100.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
}
.td-mhaut-hebergement {
	width: 110px;
}

.td-mhaut-hebergement2 {
	background-image: url(images/onglet-m-110.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 110px;
}
.td-mhaut-servicesenligne {
	width: 140px;
}

.td-mhaut-servicesenligne2 {
	background-image: url(images/onglet-m-140.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 140px;
}

.td-mhaut-support {
	width: 80px;
}

.td-mhaut-support2 {
	background-image: url(images/onglet-m-80.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 80px;
}
.td-mhaut-espaceclient {
	width: 110px;
}

.td-mhaut-espaceclient2 {
	background-image: url(images/onglet-m-110.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 110px;
}

td.fondbleu { 
	background-color:#006699;
}



/*       ******	*/
/*       LIENS	*/
/*       ******	*/


a {
	color:#006699;
	text-decoration: underline;
} 
a:hover{
	color:#000000;
	text-decoration:none;
} 

a.none {
	color:#006699;
	text-decoration: none;
} 
a.none:hover{
	color:#000000;
	text-decoration:none;
} 

a.menuhaut {
	color:#006699;
	text-decoration: none;
	font-weight: bolder;
} 
a.menuhaut:hover{
	color:#000000;
	text-decoration:none;
	font-weight: bolder;
} 

a.menuhaut2 {
	color:#000000;
	text-decoration: none;
	font-weight: bolder;
} 
a.menuhaut2:hover{
	color:#006699;
	text-decoration:none;
	font-weight: bolder;
} 

a.menuhaut3 {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bolder;
} 
a.menuhaut3:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bolder;
} 



a.color1 {
	color:#4A4A4A;
	text-decoration: underline;
} 
a.color1:hover{
	color:#4A4A4A;
	text-decoration:none;
} 
a.color2 {
	color:#006699;
	text-decoration: underline;
} 
a.color2:hover{
	color:#006699;
	text-decoration:none;
} 
a.color3 {
	color:#742E23;
	text-decoration: underline;
} 
a.color3:hover{
	color:#742E23;
	text-decoration:none;
} 
a.green {
	color:#619829;
	text-decoration: underline;
} 
a.green:hover{
	color:#619829;
	text-decoration:none;
} 
a.green2 {
	color:#619829;
	text-decoration: none;
	font-size: 10pt; 
} 
a.green2:hover{
	color:#619829;
	text-decoration:none;
	font-size: 10pt; 
} 

a.pied {
	color:#666666;
	text-decoration: none;
	list-style:none;
	font-size: 10pt; 
}
a:hover.pied {
	color:#006699;
	text-decoration: none;
	font-size: 10pt; 
} 

a.menusecondaire {
	color:#FFFFFF;
	text-decoration: none;
	list-style:none;
	font-size: 10pt;
}
a:hover.menusecondaire {
	color:#000;
	text-decoration: none;
	font-size: 10pt; 
} 

a.menutertiaire {
	color:#666666;
	text-decoration: none;
	list-style:none;
	font-size: 10pt;
}
a:hover.menutertiaire {
	color:#006699;
	text-decoration: none;
	font-size: 10pt; 
} 

a.menutertiaire2 {
	color:#006699;
	text-decoration: none;
	list-style:none;
	font-size: 10pt;
}
a:hover.menutertiaire2 {
	color:#666666;
	text-decoration: none;
	font-size: 10pt; 
} 

#menu-pied li {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	float:none;
	list-style:none;
}

#menu-gauche li {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	float:none;
	list-style:none;
	text-align: right;
}

/*       ******	*/
/*       TEXTES	*/
/*       ******	*/

h1 {
	font-size: 26pt;
	color: #006699;
}

h2 {
	font-size: 18pt;
	color: #666666;
	line-height: 0px;
	height: 30px;
}

/* h2 {
	font-size: 18pt;
	color: #666666;
	line-height: 40px;
} */
h3 {
	font-size: 18pt; 
	color: #006699;
	line-height: 0px;
	height: 30px;
}
h4 {
	font-size: 26pt;
	color: #742E23;
}
.titre1 {
	font-size: 26pt;
	color: #666666;
}
.titre2 {
	font-size: 26pt;
	color: #006699;
}
.titre3 {
	font-size: 26pt;
	color: #742E23;
}
.texte1 {
	color: #666666;
}
.texte2 {
	color: #006699;
}
.texte3 {
	color: #742E23;
}
.texte_baseline1 {
	font-size: 12pt;
	color: #006699;
	font-style: normal;
	font-weight: bolder;
	letter-spacing: 2pt;
}
.texte_baseline2 {
	font-size: 12pt; 
	color: #666666;
	font-style: normal;
	font-weight: bolder;
	letter-spacing: 2pt;
}
.texte_blanc {
	color: #FFFFFF;
}
.texte-green {
	color: #619829;
}



/*       ******	*/
/*       FORMULAIRES	*/
/*       ******	*/

.domain_result {
	font-size: 16pt;
	color:#006699;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 2pt;
	
}

.domain_separator {
	border:none;
	border-top:dotted 1px #006699;
}




/*       ******	*/
/*       MENU		*/
/*       ******	*/





/*       ******	*/
/*       LAYOUT	*/
/*       ******	*/

#haut {
	width:900px;
	height:124px;
	margin:0 auto;
	padding:0px 0px;
	text-align:left;
	position:relative;
	background-color: white;
	background-image: url(images/fond-haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;	/* text-indent: 50px;*/
}
#haut_tg {
	width:900px;
	height:135px;
	position:relative;
	margin:0 auto;
	padding:0px 0px;
	top: 5px;
}
#ctl00_haut_tg {
	width:900px;
	height:135px;
	position:relative;
	margin:0 auto;
	padding:0px 0px;
	top: 5px;
}

#menusecondaire {
	width:900px;
	height:25px;
		margin:0px auto 0px auto;

	/* margin:0 0 0 0; */
	position:relative;
	background-image: url(images/menuhaut2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px;
	text-align: center;
	vertical-align: middle;
	/* display: table; */
}

#contenu {
	width:900px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	position:relative;
	background-color: white;
	background-image: url(images/fond-contenu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	top: 5px;
}


#contenu2 {
	margin:0;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 40px;
	padding-left: 35px;
}

#pied {
	width:900px;
	/* text-align:center; */
		position:relative;
	background-color: white;
	background-image: url(images/fond-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#ctl00_panel_pied_page_home {
	width:900px;
	/* text-align:center; */
		position:relative;
	background-color: white;
	background-image: url(images/fond-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tg {
	width:980px;
	position:relative;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

li.color1 {
	list-style-image: url(images/ill-puce-fleche1.gif);
}
li.color2 {
	list-style-image: url(images/ill-puce-fleche2.gif);
}
li.color3 {
	list-style-image: url(images/ill-puce-fleche3.gif);
}
li.colorgreen {
	list-style-image: url(images/ill-puce-flechegreen.gif);
}

#menug {
	position:absolute;
	width:200px;
	background-image: url(images/ill-separation-menug.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:1;
	visibility: visible;
}
#menug-accueil {
	position:absolute;
	width:160px;
	z-index:1;
	visibility: visible;
}

#Layer1 {
	position:absolute;
	width:628px;
	z-index:1;
	left: 240px;
	visibility: visible;
}
#Layer2 {
	position:absolute;
	width:628px;
	z-index:2;
	left: 240px;
	visibility: hidden;
}
#Layer3 {
	position:absolute;
	width:628px;
	z-index:3;
	left: 240px;
	visibility: hidden;
}
#Layer4 {
	position:absolute;
	width:628px;
	z-index:4;
	left: 240px;
	visibility: hidden;
}
#Layer5 {
	position:absolute;
	width:628px;
	z-index:5;
	left: 240px;
	visibility: hidden;
}
#Layer6 {
	position:absolute;
	width:628px;
	z-index:6;
	left: 240px;
	visibility: hidden;
}
#Layer7 {
	position:absolute;
	width:628px;
	z-index:7;
	left: 240px;
	visibility: hidden;
}
#Layer8 {
	position:absolute;
	width:628px;
	z-index:8;
	left: 240px;
	visibility: hidden;
}
#Layer1-Accueil {
	position:absolute;
	width:702px;
	height:390px;
	background-image: url(images/ill-accueil-700-datacenter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1;
	left: 200px;
	visibility: hidden;
}
#Layer2-Accueil {
	position:absolute;
	width:702px;
	height:390px;
	background-image: url(images/ill-accueil-700-hebergement.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:2;
	left: 200px;
	visibility: hidden;
}
#Layer3-Accueil {
	position:absolute;
	width:702px;
	height:390px;
	background-image: url(images/ill-accueil-700-venteenligne.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:3;
	left: 200px;
	visibility: hidden;
}
#Layer4-Accueil {
	position:absolute;
	width:702px;
	height:390px;
	background-image: url(images/ill-accueil-700-groupemit.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:4;
	left: 200px;
	visibility: visible;
}
#Layer5-Accueil {
	position:absolute;
	width:702px;
	height:390px;
	background-image: url(images/ill-accueil-700-1clic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:5;
	left: 200px;
	visibility: hidden;
}