@charset "utf-8";

body { 
	margin:0;
	padding:0;
	width:100%;
	background:#dfdfdf;

	font-family: Arial, Helvetica, sans-serif;
}

html { padding:0; margin:0; }

/* main */
.main { width:100%; padding:0; margin:0 auto; }


/* home page */
.top {
	background:#333333;
	height:45px;
	padding:0; 
	margin:0;
}

.top_data {
	margin:0 auto;
	width: 1000px;

	height: 45px;
	background:url(img/menu2.png) left no-repeat;
	background-position: 90px 8px;
	background-repeat:no-repeat;
	background-attachment:inherit;

/*	border: 1px solid red; */
}

.top_home {
	float: left;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0; 
    background:#333333;
	height:35px;
	width: 40px;
}

.top_contact {
	float: left;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0; 
	font-size: 11px;
	color:#F5F5F5; 
    background:#f78015;
	height:21px;
    background-color: #f78015;

/*	border: 1px solid red;  */
}

.top_contact a {
	color:#F5F5F5;
    text-decoration:none; 
}

.top_contact a:hover { color:#000000; }

.top_form {
	float: left;
	padding: 8px 10px 0 10px;
	height: 32px;
	width: 410px;
	background:#333333;
	color: #DCDADB;
	font-size: 12px;
	text-align: center;

/*	border: 1px solid red; */
}

.top_form input {
	padding: 0px;
	border: 0px;
	height: 26px;
}

.top_form  input[type="submit"] {
    height: 26px;
	color: #FFFFFF;
    background: transparent url('/img/ok.jpg') no-repeat center left;
    border: 0;
    font-weight:bold;
}

.top_espace_client {
	float: left;
	height: 32px;
	width: 450px;
	padding: 0px;
    font-size: 14px;
	padding: 11px 10px 0 10px;
	font-weight:bold;
	text-align: center;
	color:#616161;
	}

.top_espace_client a {
    background:#333333;
	color:  #f78015;
    text-decoration:none;
}

.top_espace_client a:hover { color:#FFFFFF; }

.top_perdu { float: right; }

.top_perdu a {
    float: right;
    padding: 14px 20px 0 0;
    background:#333333;
    font-size: 11px;
	color:  #f78015;
    text-decoration:none;
}

.top_perdu a:hover { color:#FFFFFF; }

.menu {
	background:#DCDADB;
	height:45px;
	font-size: 13px;
	padding:0; 
}

.menu ul { 
	margin:0 auto;
	width: 1000px;
	text-align: left; 
	padding: 0 0 0 0; 
	list-style:none; 
	border:0;
	}

.menu ul li {
	float:left;
	margin:0;
	padding:6px 20px 0 20px;
	border:0;
	height: 40px;
	}

.menu ul li a {
	float:left;
	margin:0;
	color:#616161;
	background:#DCDADB;
	text-decoration:none;
	padding: 6px 10px 0 10px;
	height: 24px;
/* 	border: 1px solid blue; */
	}

.menu ul li a:hover {
	float:left;
	margin:0;
	text-decoration:none;
	padding: 6px 10px 0 10px;
/*
	background:url(img/menu2.png) center no-repeat;
	background-repeat:no-repeat;
	background-attachment:inherit;
*/
	color: black; /*white;*/
    background-color: #f78015;
	height: 24px;
	}

.menu ul li a.active { color:white; }

.home_np {
	background:#F5F5F5;
	height:340px;
	margin:0 auto;
	padding: 15px 0 0 0; 
}

.home_np_logo {
	/* img 280 x 251 */
	float: left;
	height: 340px;
	width: 280px;
}

.home_np_slider {
	/* img 701 x 313 */
	padding: 0 15px 0 0;
	float: right;
	height: 340px;
	width: 701px;
}

.home_offres {
/*	background:#f68014; */
	background:url(img/fondoffres.jpg) left repeat-x;
	background-position: 0px 0px;
	height:360px;
	padding: 3px 0 0 0;
	margin: 0 auto;
}


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

.prix {
	float: left;
	padding: 30px 0 0 0;
	width: 140px;
	height: 165px;
	color: white;
	text-align: center;
	font-size: 18px;
}

.prix_ht {
	font-size: 26px;
	font-weight:bold;
	margin: 0 0 0 10px;
}

.prix_htht {
	float: right;
	font-size: 14px;
	margin: 0 20px 0 0;
}

.prix_ttc {
	font-size: 12px;
	padding: 15px 0 10px 0;
}

.offre {
	float: left;
	width: 330px;
	height: 165px;
}

/*--------------------------------------------------*/
.home_offres_mutualise {
	float: left;
	width: 474px;
	height: 177px;
	margin: 0 15px 10px 10px;
    background:url(img/offre1.jpg) left no-repeat;
	background-color:#F5F5F5;
}
.home_offres_mutualise h2 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 18px;
}
.home_offres_mutualise h3 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 18px;
	color: #ff7800;
}

.home_offres_mutualise ul li {
	margin:0;
	width: 280px;
	clear:both;
	list-style: url(img/pointorange.jpg);
	color:#616161;
}

.hspace25 {
	padding: 0 0 25px 0;
}

/*--------------------------------------------------*/
.home_offres_dedie {
	float: left;
	width: 474px;
	height: 177px;
	margin: 0 0 10px 0; 
    background:url(img/offre2.jpg) left no-repeat;
	background-color:#F5F5F5;
/*	border: 1px solid #1674cb; */
}
.home_offres_dedie h2 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 18px;
}
.home_offres_dedie h3 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 18px;
	color: #1674cb;
}
.home_offres_dedie ul li {
	margin:0;
	width: 280px;
	clear:both;
	list-style: url(img/pointbleu.jpg);
	color:#616161;
}


/*--------------------------------------------------*/
.home_offres_messagerie {
	float: left;
	width: 474px;
	height: 177px;
	margin: 0 15px 0 10px;
    background:url(img/offre3.jpg) left no-repeat;
	background-color:#ff0000;
/*	border: 1px solid #1674cb; */
}
.home_offres_messagerie h2 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 16px;
}
.home_offres_messagerie h3 {
	float: left;
	margin: 15px 0 10px 10px;
	font-size: 17px;
	color: #1674cb;
}
.home_offres_messagerie ul li {
	clear:both;
	width: 280px;
	margin:0;
	list-style: url(img/pointbleu.jpg);
	color:#616161;
}


/*--------------------------------------------------*/
.home_offres_domaine {
	float: left;
	width: 474px;
	height: 177px;
    background:url(img/offre4.jpg) left no-repeat;
	background-color:#ff0000;
/*	border: 1px solid #ffffff; */
}
.home_offres_domaine h2 {
	float: left;
	margin: 15px 0 5px 10px;
	font-size: 18px;
}
.home_offres_domaine h3 {
	float: left;
	margin: 15px 0 5px 10px;
	font-size: 18px;
	color: #ff7800;
}
.home_offres_domaine h4 {
	clear:both;
	margin: 5px 0 5px 10px;
	font-size: 16px;
	color: #ff7800;
}
.home_offres_domaine ul li {
	clear:both;
	width: 280px;
	margin:0;
	list-style: url(img/pointorange.jpg);
	color:#616161;
}
/*--------------------------------------------------*/
.home_bas {
	background:#F5F5F5;
	height: 120px;
	padding: 20px 0 20px 35px; 
	margin:0 auto;
}

.home_bas_promo {
	background:#F5F5F5;
	height: 140px;
	width: 958px;
	background:url(img/promo2.gif) center no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0 auto;
}

.home_bas_promo_texte {
	padding: 110px 0 0 250px;
	text-align:center;
	font-size: 15px;
	font-weight:bold;
	color: white;
}

.home_bas_promo_ombre {
	background:#F5F5F5;
	height: 21px;
	width: 958px;
	background:url(img/ombre_promo.jpg) center no-repeat;
	padding: 0 0 0 0;
	margin:0 auto;
}

.home_bas_metier {
	float: left;
	color: #616161;
	width: 580px;
	padding: 0 10px 0 0;
/*	border: 1px solid red; */
}
.home_bas_metier h2 {
	color: #2b2b2b;
	font-size: 16px;
}

.home_bas_infra {
	float: right;
	color: #616161;
	width: 350px;
	padding: 0 30px 0 0;
/*	border: 1px solid red; */
}
.home_bas_infra h2 {
	color: #2b2b2b;
	font-size: 16px;
}

.bottom {
    background:#333333;
    color: #616161;
    height:33px;
    margin: 0 auto;
    padding: 12px 0 0 0;
    font-size: 13px;
}

.bottom a {
	background:#333333;
	color: #616161;
}

.bottom a:hover {
    color:#f78015;
}

.autom {
	margin:0 auto;
	padding: 0;
	width: 1000px;
	font-size: 14px;
/*	border: 1px solid red; */
}


.autom_offres {
	margin:0 auto;
	padding: 0 10px 0 10px;
	width: 980px;
	font-size: 14px;
/*	border: 1px solid red; */
}

/***************************************** hebergement */

.hebergement_pub {
	background:#F5F5F5;
	height:250px;
	margin:0 auto;
	padding: 15px 0 0 0; 
}

.hebergement_pub_logo {
	/* img 280 x 251 */
	float: left;
	height: 250px;
	width: 280px;
}

.hebergement_pub_slider {
	/* img 701 x 313 */
	padding: 0 15px 0 0;
	float: right;
	height: 250px;
	width: 701px;
}

.hebergement {
    background:#F5F5F5;
	padding: 3px 0 0 0;
	margin: 0 auto;
}

.hebergement_mutualise {
	clear: both;
	background:url(img/back_mutu.jpg) center no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:350px;
	width: 980px;
	font-size: 14px;
	color: #606060;

/*	border: 1px solid red;  */
}


.hebergement_mail {
	clear: both;
	background:url(img/back_maild1.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:330px;
	width: 980px;
	font-size: 14px;
	color: #606060;

/*
	border: 1px solid red;  
*/
}

.hebergement_domaine {
	clear: both;
	background:url(img/back_domain.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:370px;
	width: 980px;
	font-size: 14px;
/*
	border: 1px solid red;  
*/
}

.hebergement_domained1 {
	clear: both;
	background:url(img/back_domaind1.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:350px;
	width: 980px;
	font-size: 14px;
/*
	border: 1px solid red;  
*/
}

.hebergement_webmail {
	clear: both;
	background:url(img/back_webmail.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:370px;
	width: 980px;
	font-size: 14px;
/*
	border: 1px solid red;  
*/
}

.hebergement_faqs {
	clear: both;
	background:url(img/back_faqs.jpg) center no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:595px;
	width: 980px;
	font-size: 14px;
	color: #606060;

/*
	border: 1px solid red;  
*/
}

.hebergement_faqsd1 {
	clear: both;
	background:url(img/back_faqsd1.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	height:78px;
	width: 980px;
	font-size: 14px;
	color: #606060;

/*
	border: 1px solid red;  
*/
}

.hebergement_mutud1 {
	clear: both;
	background:url(img/back_mutud1.jpg) center bottom no-repeat;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	height:280px;
	width: 980px;
	font-size: 14px;
	color: #606060;
/*	border: 1px solid red; */
}
.hebergement_border {
	background:url(img/back_border.jpg) center repeat-y;
	margin: 0 auto;
	margin: 0 20px 0px 20px auto;
	width: 980px;
	font-size: 14px;
	color: #606060;
/*	border: 1px solid green; */
}
.hebergement_bottom {
	clear: both;
	background:url(img/back_bottom.jpg) center no-repeat;
	margin: 0 auto;
	padding: 0 10px 0px 10px;
	width: 980px;
	height:16px;
	color: #606060;
/*	border: 1px solid blue; */
}

.hebergement_mutud_description {
	position:inherit;
	font-size: 13px;
	color: #606060;
	padding: 0 30px 0 30px;
/* border: 1px solid green; */
}

.mutud table {
	border:1px solid white;
	border-collapse:collapse;
	height: 30px;
	background:#e4e2e3;
	text-align: center;
}

.mutud  td, th {
	border-collapse:collapse;
	height: 30px;
	background:#e4e2e3;
	text-align: center;
    font-weight:bold;
    font-size: 12px;
}

.mutud a {
    font-weight:bold;
    color: #ff7f00;
    text-align:center;
    text-decoration:none;
}


.mutud_offre  td, th {
	border-collapse:collapse;
	height: 30px;
	background:#ff7f00;
	text-align: center;
	color: white;
    font-weight:bold;
}

.mutud_offre th {
	border-collapse:collapse;
	height: 30px;
	width: 195px;
	background:#ff7f00;
	text-align: center;
	color: white;
    font-weight:bold;
}

.mutud_offre a {
    font-weight:bold;
    color: white;
    text-align:center;
    text-decoration:none;
}


.mutud_cmd td {
	background:#646464;
	border: 0px;
	height: 40px;
}

.mutud_cmd a {
    text-align:center;
    text-decoration:none;
	color: white;
	font-size: 12px;
}

.mutux {
	color:#ff7f00;
	text-align: center;
    font-weight: bold;
}


.hebergement_description {
	position:inherit;
	float: left;
	height: 200px;
	width: 325px;
	font-size: 13px;
	color: #606060;
	padding: 10px 0 0 30px;
}

.hebergement_description ul {
	list-style-type:square;
    padding: 0 0 0 15px;
    margin:0 auto;
}

.hebergement_ot {
    float: left;
    height: 200px;
    width: 202px;
    font-size: 13px;
    margin: 0 0 0 0;
	color: #606060;
}
 
.hebergement_ot ul {
	padding: 0 0 0 25px;
	clear: both;
}

.hebergement_ot li {
	list-style-type: disc;
}

.hebergement_ot_prix {
    float: left;
    height: 40px;
    width: 178px;
    margin: 28px 10px 10px 10px;
    text-align:center;
    font-size: 25px;
    font-weight:bold;
	color: #f68014;

	word-spacing:0px;
	letter-spacing:0px;
	white-space:nowrap;

/*
	border: 1px solid green;
*/
}

.hebergement_ot_prix sup {
	margin: 0;
	padding: 0;
	border: 0;

	font-size: 15px;

	word-spacing:0px;
	letter-spacing:-1px;
	white-space:nowrap;
}

.hebergement_ot_prix_ttc {
    font-size: 10px;
    font-weight:bold;
	color: #606060;

	margin: 0;
	padding: 0;
	border: 0;
	word-spacing:0px;
	letter-spacing:0px;
	white-space:nowrap;
}

.hebergement_ot_prix_ttc sup {
	font-size: 7px;
	margin: 0;
	padding: 0;
	border: 0;
}

.hebergement_ot_details {
    float: left;
    height: 25px;
    width: 202px;
    font-size: 12px;
    font-weight:bold;
    color: white;
    text-align:center;
    margin: 15px 0 0 0;
}

.hebergement_ot_details a {
    float: left;
    height: 25px;
    width: 202px;
    font-size: 12px;
    font-weight:bold;
    color: white;
    text-align:center;
    text-decoration:none;
}

.hebergement_mail_ot {
    float: left;
    height: 155px;
    width: 202px;
    font-size: 13px;
    margin: 0px 0 0 0;
	color: #606060;
	text-align: center;
}

.hebergement_mail_bas {
    float: left;
    height: 70px;
    width: 570px;
    font-size: 13px;
    padding: 20px 0 0 5px;

/*
	border: 1px solid black;
*/
}

.hebergement_mail_bas a {
	color: #477eb7;
    text-decoration:none;
}

.hebergement_titre {
	position: inherit;
	float: left;
	width: 330px;
	font-weight: bold;
    font-size: 18px;
	color: white;
	padding: 30px 0 0 30px; 
/*
	border: 1px solid red;
*/
}

.hebergement_titre a {
    text-decoration:none;
	color: white;
}

.hebergement_type {
	float: left;
	width: 198px;
	height: 20px;
	font-weight:bold;
    font-size: 18px;
	color: white;
	text-align:center;
	padding: 50px 0 0 0; 
}

.hebergement_type_mail {
	float: left;
	width: 590px;
	height: 30px;
	font-weight:bold;
    font-size: 18px;
	color: white;
	text-align:center;
	padding: 50px 0 0 0; 

/*
	border: 1px solid blue;
*/
}

.hebergement_ot_domaine {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
/*
    height: 250px;
*/
    width: 560px;
	margin: 0;
    padding: 0 0 0 30px;
	color: #606060;
    font-size: 12px;
	letter-spacing: normal;
/*
	border: 1px solid blue;
*/
}
 
.hebergement_ot_domaine ul {
	clear: both;
	padding: 0 0 0 0px;
	margin: 0;
}

.hebergement_ot_domaine li {
	list-style-type: disc;
/* white-space:nowrap; */
}

.hebergement_ot_domaine hr {
	color: white;
}

.hebergement_ot_domaine_prix {
    float: left;
    height: 40px;
    width: 540px;
    margin: 20px 0 10px 0;
    text-align:center;
    font-size: 25px;
    font-weight:bold;
	color: #f68014;
/*
	border: 1px solid red; 
*/
}

.hebergement_ot_domaine_prix sup {
	font-size: 15px;
}

.hebergement_ot_domaine_prix_ttc {
    font-size: 11px;
    font-weight:bold;
	color: #606060;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.hebergement_ot_domaine_prix_ttc sup {
	font-size: 8px;
}

/* webmail */

.hebergement_ot_webmail {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    height: 250px;
    width: 560px;
	margin: 0;
    padding: 0 0 0 30px;
	color: #606060;
    font-size: 12px;
	letter-spacing: normal;
/*
	border: 1px solid blue;
*/
}


.hebergement_ot_webmail ul {
	clear: both;
	padding: 0 0 0 0px;
	margin: 0;
}

.hebergement_ot_webmail li {
	list-style-type: disc;
/* white-space:nowrap; */
}

.hebergement_ot_webmail hr {
	color: white;
}


.hrefbb a {
	color: #477eb7;
	font-weight:bold;
    text-decoration:none;
}

.vspace5 { 
	clear: both;
	position:inherit;
	padding: 0 0 5px 0;
}

.vspace15 { 
	clear: both;
	position:inherit;
	padding: 0 0 15px 0;
}

.hebergement_faqs_topics {
    font-family: Arial, Helvetica, sans-serif;
    float: left;

/*
    height: 220px;
    width: 560px;
*/
    width: 550px;
	margin: 0;
    padding: 0 10px 0 30px;
	background:#e8e8e8;
	color: #606060;
    font-size: 12px;
	letter-spacing: normal;

/*
	border: 1px solid red;
*/
}

.hebergement_faqs_topics ul {
	clear: both;
	padding: 0 0 0 20px;
	margin: 0;
}

.hebergement_faqs_topics li {
	list-style-type: disc;
	line-height:150%;
/* white-space:nowrap; */
}

.hebergement_faqs_topics hr {
	color: white;
}

.hebergement_faqs_topics a {
	color: #477eb7;
	font-weight:bold;
    text-decoration:none;
}


.hebergement_description_faqs {
	position:inherit;
	float: left;
/*
	height: 480px;
*/
	width: 320px;
	font-size: 13px;
	color: #606060;
	padding: 10px 10px 0 30px;

/*
	border: 1px solid green;
*/
}

.hebergement_faqs_description {
	position:inherit;
	font-size: 13px;
	color: #606060;
	padding: 0 80px 0 80px;
	margin: 0;
/* border: 1px solid green; */
}

.hebergement_faqs_description a {
    color: #477eb7;
    font-weight:bold;
    text-decoration:none;
}

.hebergement_faqs_description h3 {
    color: black;
	font-size: 125%;
    font-weight:bold;
}



.espaceclient {
	background:#e4e2e3;
	text-align: left;
	padding: 0 0 10px 0;
/*
	border: 1px solid green;
*/
}

.espaceclient ul {
	padding: 0 0 0 40px;
}

.espaceclient li {
	padding: 0 0 0 20px;
}

.espaceclient a {
    font-weight:bold;
    color: #477eb7;
	text-align: left;
    text-decoration:none;
}

.espaceclient h2 {
    font-weight:bold;
    color: white;
	background: #f78015;
	text-align: left;
    text-decoration:none;
	padding: 10px 0 10px 30px;
}

.espaceclient h3 {
    font-weight:bold;
    color: white;
	background: #646464;
	text-align: left;
    text-decoration:none;
	padding: 10px 0 10px 60px;
}



.inputnormal { color: black; }
.inputerror  { color: red; }







/* Slider */
#slider {  width:701px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:314px; }
div#hslideshow { float:left; width:100%; height:220px; }
.slider-item { width:100% !important; height:314px; }
.hslider-item { width:100% !important; height:220px; }
.slider_content_inner img { border:none; }
.controls-center { width:701px; margin-left:auto; margin-right:auto; }
#slider_controls { float:right; position:relative; /* background:url(images/pag_bg.gif) no-repeat top center;*/ margin:0; z-index:1000; width:701px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px; width:120px;}
#slider_controls ul li { margin:0; padding:0; list-style:none; }
#slider_controls ul li { float:left; display:block; }
#slider_controls ul li a { width:10px; height:10px; background:url('img/slider_tabs_2.gif') no-repeat center center; display:block; float:left; padding:2px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('img/slider_tabs_1.gif') no-repeat center center; }