*{padding:0; margin:0;}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:11px;
	color:#575757;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	height:116px;
	background: url("images/logo.png");
}

#barre {
	width:960px;
	height:5px;
	background-color:#a61717;
}

.menu {
	white-space:nowrap /*IE hack*/; 
	float:left; 
	width:960px; 
	border:none; 
	clear:both;
	background:url("images/menu/fond.png") no-repeat;
}
ul {
	list-style-type:none;
}
.menu li {
	float:left; 
	width: 191px; 
	height:46px;
	margin-right:1px;
}

.menu li a.menu1, .menu li a.menu2, .menu li a.menu3, .menu li a.menu4, .menu li a.menu5, .menu li a.menu1current, .menu li a.menu2current, .menu li a.menu3current, .menu li a.menu4current, .menu li a.menu5current {
	display: block ;
	width:191px;
	height:46px;
}	

a {
	color:#ab1c1c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



.menu li a.menu1 {background: url("images/menu/menu1.jpg") left top no-repeat ;}
.menu li a.menu2 {background: url("images/menu/menu2.jpg") left top no-repeat ;}
.menu li a.menu3 {background: url("images/menu/menu3.jpg") left top no-repeat ;}
.menu li a.menu4 {background: url("images/menu/menu4.jpg") left top no-repeat ;}
.menu li a.menu5 {background: url("images/menu/menu5.jpg") left top no-repeat ;}

.menu li a.menu1:hover, .menu li a.menu1:focus, .menu li a.menu1:active, .menu li a.menu1current {background: url("images/menu/menu1.jpg") right top no-repeat ; }
.menu li a.menu2:hover, .menu li a.menu2:focus, .menu li a.menu2:active, .menu li a.menu2current {background: url("images/menu/menu2.jpg") right top no-repeat ;}
.menu li a.menu3:hover, .menu li a.menu3:focus, .menu li a.menu3:active, .menu li a.menu3current {background: url("images/menu/menu3.jpg") right top no-repeat ;}
.menu li a.menu4:hover, .menu li a.menu4:focus, .menu li a.menu4:active, .menu li a.menu4current {background: url("images/menu/menu4.jpg") right top no-repeat ;}
.menu li a.menu5:hover, .menu li a.menu5:focus, .menu li a.menu5:active, .menu li a.menu5current {background: url("images/menu/menu5.jpg") right top no-repeat ;}

#bg {
	background-image:url("images/bg.png") ; 
	background-repeat:no-repeat;
	width:968px;
	height:70px;
	margin-top:25px;
}
#contenu_accueil {
	clear:both;
	margin-top:-10px;
}

#cadres {
	width:236px;
	margin-right:6px;
	float:left;
}

#cadre_1 {background:url("images/cadres/header-1.png") no-repeat;	margin-bottom:10px;}
#cadre_2 {background:url("images/cadres/header-2.png") no-repeat;	margin-bottom:10px;}
#cadre_3 {background:url("images/cadres/header-3.png") no-repeat;	margin-bottom:10px;}
#cadre_4 {background:url("images/cadres/header-4.png") no-repeat;	margin-bottom:10px;}
#cadre_5 {background:url("images/cadres/header-5.png") no-repeat;	margin-bottom:10px;}
#cadre_6 {background:url("images/cadres/header-6.png") no-repeat;	margin-bottom:10px;}
#cadre_7 {background:url("images/cadres/header-7.png") no-repeat;	margin-bottom:10px;}
#cadre_8 {background:url("images/cadres/header-8.png") no-repeat;	margin-bottom:10px;}
#cadre_9 {background:url("images/cadres/header-9.png") no-repeat;	margin-bottom:10px;}

#cadre_1 p, #cadre_2 p, #cadre_3 p, #cadre_4 p, #cadre_5 p, #cadre_6 p , #cadre_7 p , #cadre_8 p , #cadre_9 p{
	text-align:justify;
	padding:10px;
}

.important {
font-size:17px;
font-weight:bold;
color:#ab1c1c;
font-family:"Trebuchet MS";
}

.float_img  img{
float:left;
}

.noms_cases {
	margin-left:5px;
	width:150px;
	line-height:23px;
	float:left;
}

.noms_cases_2 {
	margin-left:5px;
	width:300px;
	line-height:23px;
	float:left;
}

.cases {
	width:170px;
	margin-top:10px;
	line-height:23px;
	float:left;
	height:100px;
}

.cases_2 {
	width:350px;
	margin-top:0px;
	line-height:23px;
	float:left;
	height:200px;
}

.cases_3 {
	width:350px;
	margin-top:0px;
	line-height:23px;
	float:left;
	height:100px;
}
.textarea {
	width:300px;
	height:80px;
}

#nc_fr {
	margin-left:5px;
	width:70px;
	margin-top:-12px;
	line-height:23px;
	float:left;
}

#c_fr input {
	width:74px;
	margin-bottom:2px;
}

.footer_cadre {width:236px; height:16px;background: url("images/cadres/footer.png") no-repeat bottom ;}
.border_cadre{border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; margin-top:-4px;}
.footer_plan_details {width:717px; height:16px;background: url("images/plans/footer_plan.png") no-repeat bottom ;}


#plans {
	margin-top:10px;
	float:left;
	margin-bottom:20px;
}

.details_plan_basic{width:717px;background:url("images/plans/details_basic.png") no-repeat;float:left;}
.details_plan_medium{width:717px;background:url("images/plans/details_medium.png") no-repeat;float:left;}
.details_plan_premium{width:717px;background:url("images/plans/details_premium.png") no-repeat;float:left;}
.details_comparatif{width:717px;background:url("images/plans/details_comparatif.png") no-repeat;float:left;}
.details_commandeetape1{width:717px;background:url("images/details_commande1.png") no-repeat;float:left;}
.details_commandeetape2{width:717px;background:url("images/details_commande2.png") no-repeat;float:left;}
.details_commandeetape3{width:717px;background:url("images/details_commande3.png") no-repeat;float:left;}
.details_commandeetape4{width:717px;background:url("images/details_commande4.png") no-repeat;float:left;}
.details_commandeetape5{width:717px;background:url("images/details_commande5.png") no-repeat;float:left;}
.details_espaceclient{width:717px;background:url("images/plans/details_espaceclient.png") no-repeat;float:left;}
.details_espaceclient2{width:717px;background:url("images/plans/details_espaceclient2.png") no-repeat;float:left;}
.details_contacts{width:717px;background:url("images/details_contact.png") no-repeat;float:left;}
.details_infra{width:717px;background:url("images/details_infrastructure.png") no-repeat;float:left;}

.details_espaceclient2 table {
	margin-left:auto; 
	margin-right:auto;
	}
.details_plan_basic p, .details_plan_medium p, .details_plan_premium p, .details_comparatif p, .details_espaceclient p , .details_espaceclient2 p , .details_commandeetape1 p, 
.details_commandeetape2 p, .details_commandeetape3 p , .details_commandeetape4 p  , .details_commandeetape5 p  ,.details_contacts p, .details_infra p {
	font-size:12px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
	margin-top:10px;
	font-family:Arial;
	
}

table.details tr {height:27px; border-bottom:2px dotted #ccc;border-top:2px dotted #ccc;}
table.details {width:350px;margin-left:30px;float:left;border-collapse:collapse;margin-top:10px;margin-left:50px;}
table.details td.td-nom {width:250px;}
table.details td.td-infos {width:100px; padding-left:10px;}

.explic-details {margin-left:385px;padding-right:30px;padding-left:30px;width:250px;text-align:justify;margin-top:-30px;}

.details_plan_heb {width:717px;height:37px;background:url("images/plans/details_titre_heb.png") center no-repeat;}
.details_plan_bdd {width:717px;height:37px;background:url("images/plans/details_titre_bdd.png") center no-repeat;}
.details_plan_ndd {width:717px;height:37px;background:url("images/plans/details_titre_ndd.png") center no-repeat;}
.details_plan_ges {width:717px;height:37px;background:url("images/plans/details_titre_gest.png") center no-repeat;}

.bg-comparatif {background-image:url(images/th-comparatif.png); background-repeat:no-repeat; width:650px; margin-left:20px;}
table.comparatif {border-collapse:collapse; border:1px solid #ecc1c1; width:650px; font-size:12px;}

table.comparatif th{
	color:#fff;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
	padding-left:5px;
	text-align:center;
	font-family:Arial;
	width:100px;
	height:37px;
}
table.comparatif img {border:none;}
table.comparatif th.desc {text-align:left; width:160px; font-weight:bold;}
table.comparatif tr {height:30px;}
table.comparatif tr.dark, {background-color:#f80101;}
table.comparatif tr:hover {background-color:#ffe4e4;}

table.comparatif tr td {border-bottom:1px solid #ecc1c1; text-align:center;}
table.comparatif tr td.desc {border-bottom:1px solid #ecc1c1; text-align:left; padding-left:5px; font-weight:bold;font-family:Arial;}

#plan_1 {background:url("images/plans/basic.png") no-repeat;margin-right:6px; float:left; width:233px;}
#plan_2 {background:url("images/plans/medium.png") no-repeat;margin-right:6px; float:left;width:233px;}
#plan_3 {background:url("images/plans/premium.png") no-repeat;margin-right:6px; float:left;width:233px; }

#plan_1 ul, #plan_2 ul, #plan_3 ul {
	margin-top:65px;
	margin-left:30px;
	list-style-image:url("images/liste.png");
}

.prix_plan {
	margin-top:7px;
	margin-left:-20px;
	height:53px;
	width:135px;
	float:left;
}

.boutons_plan {
	margin-top:15px;
}

.footer_plan {width:233px; height:15px;background: url("images/plans/footer.png") no-repeat bottom ;}
.border_plan{border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; }


#pointsforts li {background:url("images/home-pointfort.png"); width:225px; height:76px; float:left; padding-left:8px; padding-top:8px; margin-bottom:5px; margin-right:5px;}
#pointsforts li h2 {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#a61717; display:inline }

.center { text-align:center;}
.text_red { color:#ab1c1c; }
a img {border:none;}
.clearboth { clear:both;}

#deconnexion_espaceclient p {
font-size:14px;
text-align:right;
margin-top:18px;
}

#gestion_client {
	padding-left:53px;
	padding-right:53px;
	padding-top:20px;
}

#gestion_hebergement {
	padding-left:53px;
	padding-right:53px;
	padding-top:5px;
}

#gestion_client span , #gestion_hebergement span{
	font-size:14px;
	font-weight:bold;
}

.contenu_menu_espaceclient span, .details_espaceclient span , .details_commandeetape4 span  {
	font-size:14px;
	font-weight:bold;
	margin-left:20px;
}


.separator_espace_client {
	margin-top:2px;
	width:100%;
	height:1px;
	background-color:silver;
}

.separator_contenu_menu_espace_client {
	margin-top:5px;
	width:95%;
	height:1px;
	background-color:silver;
	margin-left:auto;
	margin-right:auto;
}

.menu_titre_espace_client {
	border:solid 1px silver;
	margin-bottom:10px;
	padding:5px;
	width:282px;
	margin-right:10px;
	float:left;
	
}

.menu_gestion_hebergement {
	border:solid 1px silver;
	margin-bottom:10px;
	padding:5px;
	width:282px;
	margin-right:10px;
	float:left;
	
}

.menu_gestion_hebergement_complet {
	border:solid 1px silver;
	margin-bottom:10px;
	padding:5px;
	width: 96%;
	margin-right:10px;	
}

#pointsforts img {
float:left;
margin-right:5px;
}

.cases_seulement {
	margin-left:20px;
}

#footer {
	clear:both;
	background-image:url(images/footer.png);
	height:32px;
	width:960px;
}

#footer a {
color:white;
}

#footer p {
	color:white;
	text-align:right;
	line-height:30px;
	margin-right:10px;
	margin-left:10px;
}