/***************.Corps de la page.******************/
body {
	font: 12px Verdana;
}
.encadrer {
	margin:5px;
	padding:5px;
	background-color:#e7e7e7;
	border-style:solid; 
	border-color:#cfcfcf;
	border-width:1px;
}

#chargement {
	position:absolute;
	left:40%;
	top:40%;
	background-color:#e7e7e7;
	color:#605b5c;
	width:300px;
	height:83px;
	border: 1px solid #605b5c;
	visibility:visible;
	
}
div#cadreoffreheb {
	background-color:#f2f2fa;
	border:1px solid #dadada;
}

div#menu-heb {
background:url(images/divers/cadre7.png);
padding:5px;
height:266px;
width:175px;
}
H5 {
	font-weight:bold;
	color:#FFF;
	font-variant:small-caps; 
	text-transform:uppercase;
	
	/*.Emplacement.*/
	margin:2px 0 0 8px;
	line-height:15px;	
}

a:link,a:visited,a:active {
	color:#605b5c;
}

a:hover {
	color:#4582a7;
}

a.link_grey {
	color:#605b5c;
	text-decoration:none;
}
.link_grey:hover {
	color:#605b5c;
	text-decoration:underline;
}
/**** Tous le site ****/

/********************.Entete.***********************/
#header {
	/*.Taille.*/
	width: 758px;
	height: 82px;
	
	/*.Fond.*/
	background: url(images/header/cadre.gif) no-repeat;

	/*.Emplacement.*/
	margin:0 auto;
}

#header-opa {
	/*.Taille.*/
	width: 758px;
	height: 82px;
	
	/*.Fond.*/
	background: url(images/header/cadre.gif) no-repeat;

	/*.Emplacement.*/
	margin:0 auto;
	filter: alpha(opacity=30);
	/* Opacité pour IE (2°solution)*/
	-moz-opacity: 0.30;
	/* Opacité pour Mozilla */
	-khtml-opacity: 0.3;

	/* Opacité pour Safari */
	opacity:0.3;
}

#header div#logo {
	 /*.Taille.*/
	width: 209px;
	height: 67px;
	
	/*.Fond.*/
	background: url(images/header/logo.png) no-repeat;
	/*.Emplacement.*/
	float:left;
	margin: 8px 0 0 7px;
}
	
#header div#logo-services {

	/*.Taille.*/
	width: 475px;
	height: 65px;
	overflow:hidden;
	
	/*Police.*/
	font: bold italic 18px Arial;
	color: #605b5c;
	letter-spacing:6px;

	/*.Emplacement.*/
	float:right;
	margin: 10px 0 0 0;
}

	
div#menu-top {
	/*.Taille.*/
	width:758px;
	height:24px;

	/*.Emplacement.*/
	margin:0 auto;
	position:relative;
	left:7px;
	
	/*.Polices.*/
	font: bold 14px Arial;
	letter-spacing:2px;
	line-height:22px;
	color:#f4a050;
	overflow:hidden;
}

div#menu-login {
	/*.Taille.*/
	width:460px;
	height:60px;

	/*.Emplacement.*/
	top:5px;
	text-align:right;

	/*.Polices.*/
	font: bold 10px verdana;
	letter-spacing:0px;
	line-height:22px;
	color:#605b5c;
	overflow:hidden;
}
div#sous-menu {
	font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 7px;
	padding-left:20px;
    text-indent: 10px;
    background: transparent url(images/divers/arrow.png) no-repeat 0 50%;
    height: 20px;
    line-height: 20px;
	display:inline;
}

div#menu-top-opa {
	/*.Taille.*/
	width:758px;
	height:24px;

	/*.Emplacement.*/
	margin:0 auto;
	position:relative;
	left:7px;
	
	/*.Polices.*/
	font: bold 14px Arial;
	letter-spacing:2px;
	line-height:22px;
	color:#f4a050;
	overflow:hidden;
	filter: alpha(opacity=30);
	/* Opacité pour IE (2°solution)*/
	-moz-opacity: 0.30;
	/* Opacité pour Mozilla */
	-khtml-opacity: 0.3;

	/* Opacité pour Safari */
	opacity:0.3;
}



#menu-top div#accueil, #accueil a:visited, #accueil a:link, #accueil a:active  {
	/*.Taille.*/
	width:88px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-accueil.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#accueil-select, #accueil-select a:visited, #accueil-select a:link, #accueil-select a:active {
	/*.Taille.*/
	width:88px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-accueil-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;
	text-decoration:none;
}

#menu-top div#domaines, #domaines a:visited, #domaines a:link, #domaines a:active {
	/*.Taille.*/
	width:100px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-domaine.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#domaines-select, #domaines-select a:visited, #domaines-select a:link, #domaines-select a:active {
	/*.Taille.*/
	width:100px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-domaine-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;
	float:left;
	text-decoration:none;
}

#menu-top div#hebergement, #hebergement a:visited, #hebergement a:link, #hebergement a:active {
	/*.Taille.*/
	width:143px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-hebergement.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;		
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#hebergement-select, #hebergement-select a:visited, #hebergement-select a:link, #hebergement-select a:active {
	/*.Taille.*/
	width:143px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-hebergement-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;	
	text-decoration:none;
}

#menu-top div#creationweb, #creationweb a:visited, #creationweb a:link, #creationweb a:active {
	/*.Taille.*/
	width:149px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-creationweb.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#creationweb-select, #creationweb-select a:visited, #creationweb-select a:link, #creationweb-select a:active {
	/*.Taille.*/
	width:149px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-creationweb-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;	
	text-decoration:none;
}

#menu-top div#infogerence, #infogerence a:visited, #infogerence a:link, #infogerence a:active {
	/*.Taille.*/
	width:168px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-referencement.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#infogerence-select, #infogerence-select a:visited, #infogerence-select a:link, #infogerence-select a:active {
	/*.Taille.*/
	width:168px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-referencement-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;	
	text-decoration:none;
}

#menu-top div#reseau, #reseau a:visited, #reseau a:link, #reseau a:active {
	/*.Taille.*/
	width:87px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-reseau.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#4582a7;
	text-decoration:none;
}

#menu-top div#reseau-select, #reseau-select a:visited, #reseau-select a:link, #reseau-select a:active {
	/*.Taille.*/
	width:87px;
	height:24px;
	
	/*.Fond.*/
	background-image: url(images/header/menu-reseau-select.gif);
	background-repeat:no-repeat;
	
	/*.Emplacement.*/
	text-align:center;	
	float:left;
	margin: 0 3px 0 0;
	
	/*.Police.*/
	color:#FFF;	
	text-decoration:none;
}
	
#menu-top a:hover { text-shadow:#0066FF. }

#corps {
	/*.Taille.*/
	width:758px;
	
	/*.Emplacement.*/
	margin:auto;
	margin-top:15px;

}
#corps-opa {
	/*.Taille.*/
	width:758px;
	
	/*.Emplacement.*/
	margin:auto;
	margin-top:15px;
	filter: alpha(opacity=30);
	/* Opacité pour IE (2°solution)*/
	-moz-opacity: 0.30;
	/* Opacité pour Mozilla */
	-khtml-opacity: 0.3;

	/* Opacité pour Safari */
	opacity:0.3;


}
#corps div#corps-gauche {
	/*.Taille.*/
	width: 562px;

	/*.Emplacement.*/
	float:left;
}



#corps #corps-gauche div#cadredomaines {
	/*.Taille.*/
	width:276px;
	height:276px;
	display:inline;	
	float:left;


		
		/*.Fond.*/
		background:url(images/domaines/cadre1.png) no-repeat;
}
#corps #corps-gauche div#promobe {
	/*.Taille.*/
	width:276px;
	height:276px;
	display:inline;	
	float:left;
	margin-left:10px;

		
		/*.Fond.*/
		background:url(images/domaines/promobe.png) no-repeat;
}
#corps #corps-gauche div#grilletarif {
	/*.Taille.*/
	width:562px;
	height:276px;
	display:block;	
	float:left;
	margin-top:10px;


		
		/*.Fond.*/
		background:url(images/domaines/grilletarif.png) no-repeat;
}
#corps #corps-gauche div#txt_dom {
	padding-top:122px;
	padding-left:30px;
}
#corps #corps-gauche div#cadreperso {
	/*.Taille.*/
	display:inline;	
	float:left;	
	width:276px;
	height:276px;
	margin-left:10px;
	
	
	/*.Fond.*/
	/*background:url(images/hebergements/persopro.png) no-repeat;*/
}
#corps #corps-gauche div#cadreextend {
	/*.Taille.*/
	display:inline;	
	float:left;	
	width:276px;
	height:276px;
	margin-left:10px;
	margin-top:10px;
	
	
	/*.Fond.*/
	/*background:url(images/hebergements/persopro.png) no-repeat;*/
}
#corps #corps-gauche div#cadreperso2 {
	/*.Taille.*/
	display:inline;	
	float:left;	
	width:276px;
	height:276px;
	margin-left:10px;
	
	
	/*.Fond.*/
	/*background:url(images/hebergements/persopro.png) no-repeat;*/
}
#corps #corps-gauche div#cadreextend2 {
	/*.Taille.*/
	display:inline;	
	float:right;	
	width:276px;
	height:276px;

	/*.Fond.*/
	/*background:url(images/hebergements/persopro.png) no-repeat;*/
}
#corps #corps-gauche div#cadrecreation {
	/*.Taille.*/
	display:inline;	
	float:left;	
	width:276px;
	height:276px;
	margin-top:10px;
	
	/*.Fond.*/
	background:url(images/creation/cadre4.png) no-repeat;
}
#corps #corps-gauche div#txt_crea {
	padding-top:245px;
	padding-left:30px;
}

#corps #corps-gauche div#cadrereferencement {
	/*.Taille.*/
	width:484px;
	height:107px;
	
	/*.Fond.*/
	background:url(images/header/cadre-referencement.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:8px 0 0 0;
}



#corps #corps-gauche div#cadrerenoushebergeons {
	/*.Taille.*/
	width:237px;
	height:419px;
	
	/*.Fond.*/
	background:url(images/header/cadre-noushebergeons.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:8px 0 0 0;
	float:right;
}
#corps #corps-gauche div#offres-site {
	width:484px;
	height:256px;
	margin:8px 0 0 0;
	float:right;
}
#corps #corps-gauche div#offres-infogere {
	width:484px;
	height:142px;

	float:right;
}
#corps #corps-gauche div#offres-autreservice {
	width:484px;
	height:90px;

	float:right;
}
#corps div#corps-droite {
	/*.Taille.*/
	width:185px;
	
	/*.Emplacement.*/
	float:right;
}
#corps #corps-droite div#cadreblog {
	/*.Taille.*/
	width:185px;
	height:276px;
		
		/*.Fond.*/
		background:url(images/divers/cadre7.png) no-repeat;
}
#corps #corps-droite div#txt_blog {
	/*.Taille.*/
	padding-top:10px;
	padding-left:10px;
	font-family:Verdana;
	font-size:11px;
	
}
#corps #corps-droite div#cadreassistance {
	/*.Taille.*/
	width:185px;
	height:276px;
	margin-top:10px;
		
		/*.Fond.*/
		background:url(images/divers/cadre7.png) no-repeat;
}
#corps #corps-droite div#txt_assistance {
	/*.Taille.*/
	padding-top:10px;
	padding-left:10px;
	font-family:Verdana;
	font-size:11px;
	
}
#corps #corps-droite div#cadrenosrealisations {
	/*.Taille.*/
	width:269px;
	height:385px;
	
	/*.Fond.*/
	background:url(images/header/cadre-nosrealisations.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:8px 0 0 0;

}
#corps #corps-droite div#nosoffres {
	/*.Taille.*/
	width:269px;
	height:37px;
	
	/*.Fond.*/
	background:url(images/header/promo-nos-offres.gif) no-repeat;
}

#corps #corps-droite div#hebergementweb {
	/*.Taille.*/
	width:222px;
	height:48px;
	
	/*.Fond.*/
	background:url(images/header/hebergement-web.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:7px 0 0 2px;
}

#corps #corps-droite .cadre-mini {
	/*.Taille.*/
	width:266px;
	height:69px;

	/*.Fond.*/
	background:url(images/header/cadre-mini.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:7px 0 7px 0;

}

#corps #corps-droite div#creationweb {
	/*.Taille.*/
	width:254px;
	height:31px;
	
	/*.Fond.*/
	background:url(images/header/creation-web.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:7px 0 0 2px;
}

#corps #corps-droite div#cadresupporttel {
	/*.Taille.*/
	width:266px;
	height:110px;
	
	/*.Fond.*/
	background:url(images/header/cadre-support-tel.gif) no-repeat;
	
	/*.Emplacement.*/
	margin:7px 0 0 0;
}

#footer {
	clear:both;
	/*.Taille.*/
	width:758px;
	height:20px;
	line-height:15px;
	
	/*.Police.*/
	font-size:10px;
	text-align:center;
	
	/*.Emplacement.*/
	margin:auto;
	padding:10px;
}

#footer-opa {
	clear:both;
	/*.Taille.*/
	width:758px;
	height:20px;
	line-height:15px;
	
	/*.Police.*/
	font-size:10px;
	text-align:center;
	
	/*.Emplacement.*/
	margin:auto;
	padding:10px;
	filter: alpha(opacity=30);
	/* Opacité pour IE (2°solution)*/
	-moz-opacity: 0.30;
	/* Opacité pour Mozilla */
	-khtml-opacity: 0.3;

	/* Opacité pour Safari */
	opacity:0.3;
}

p {
	margin:5px;
}

#nomdedomaines {
	width:190px;
	float:right;
	font-size:12px;
	font-family:Arial;
}

.nomargin {
	margin:0;
}
.site {
	color:#8a8788;
	font-size:11px;
	font-weight:bold;
}

.descsite {
	color:#8a8788;
	font-size:10px;
	padding:5px;
	text-align:center;
}

.petittexte {
	color:#605b5c;
	font-size:10px;
}

.textemoyen {
color:#605b5c;
border-color:#cfcfcf;
	font-size:12px;
}

.textemoyen2 {
color:#cfcfcf;
font-size:12px;
}

.button:hover {
	cursor:pointer;
}
.button {
	border:none;
}

div#vierge {
/*.Taille.*/

/*.Fond.*/

/*.Emplacement.*/
}

.barre {
	width:200px;
	height:10px;
	background-image:url(images/panel/loading.jpg);
	border:1px solid black;
}
.avancement {
	float:left;
	color:#000000;
	font-size:10px;
	text-align:center;
	padding-top:15px;
}
.restant {
	background-color:#FFFFFF;
	float:right;
	height:10px;
	border-left:1px solid black;
}

a.popup {
  position:relative;
  color:#396a86; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  font-size:11px;
}

a.popup:hover {
   background: none; 
   z-index: 50; 
}

a.popup span { 
  display: none;
}

a.popup:hover span {
   display: block; 
   position: absolute;
   text-align:left;
   top: 20px; 
   left: -152px;
   font-family:arial, verdana, sans-serif; 
   font-size:12px;
   font-weight:normal;
   width:117px;
   background: #f2f2fa;
   padding: 5px;
   border: 1px solid #396a86;
   border-left: 10px solid #396a86;
}