A:link {text-decoration: none; color: #0078ba}
A:visited {text-decoration: none; color: #014165}
A:active {text-decoration: none; color: #014165}
A:hover {text-decoration:underline; color: #014165}
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
h1 {
	margin:0px;
	padding-top:10px;
	margin-left:35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-transform:uppercase;
	color:#333;
	text-align:left;
}
h2 {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	color:#333;
	text-align:left;
}
h3 {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	color:#333;
	text-align:left;
}
h4 {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color:#333;
	display:inline;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#333;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	
}
#titre {
	background-image: url(../images/titre/top_fleche_noir_10.png); width:900px; height:50px;
	background-repeat:no-repeat;
	background-position: top left;
}

img {
	border:0px;
}

#global {
position:absolute;
left:50%;
margin-top:20px;
margin-left:-475px;
width: 475px;
}
h1{
	font-size:18px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#340f48;
}

/* ====================================================================
// STYLE NAVIGATION
// ==================================================================== */

.header{ width:950px ; height:570px; float: left;}
.top {background: url(../images/top_cyberlogic.png) no-repeat; width:950px ; height:150px; float: left;}
.menu_contener {background-color:#2a578b; width:908px ; height:30px; margin-left:21px; margin-top:120px; float: left;}
.footer {background: url(../images/back_footer.png) no-repeat; width:950px ; height:60px; float: left; text-align:center; font-family: verdana, arial sans-serif ; font-size:10px; padding-top: 10px; color: #000; display: inline;}
.conception {margin-top: 5px; width:1000px ; float: left; text-align: center; font-family: verdana, arial, sans-serif ; font-size:9px; padding-top: 0px; padding-bottom:20px; color: #000000; display: inline;}

.middle {
	background: url(../images/back.png) repeat-y;
	width: 908px;
	padding-left:21px;
	padding-right:21px;
	float:left;
	}
.contenu {
	padding-left:15px;
	padding-top:30px;
	padding-right:15px;
	padding-bottom:30px;
	float:left;
	}
.texte{
	float:left;
	font-size: 12px;
	text-align:left;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #000;
	}

#soustitre {
	background-image: url(../images/internet/icone_fleche.png); width:15px; height:15px;
	background-repeat:no-repeat;
	width:auto;
	padding-left:20px;
	padding-top:2px;
	position: left;
	}
/* ====================================================================
// STYLE SERVICE INTERNET
// ==================================================================== */

/*================== entête ==================*/
#entetecontact {
	background-image: url(../images/internet/cyberlogic_bureau.jpg); width:267px; height:1000px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
	}
	
#enteteimage {
	background-image: url(../images/internet/coimplantation.jpg); width:300px; height:451px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
}
#entetecpanel {
	background-image: url(../images/internet/cpanel_interface.png); width:400px; height:600px; 
	background-repeat: no-repeat;
	margin: 0px 0px 10px 10px;
	float:right;
}
#email_defense {
	background-image: url(../images/internet/email_defense.png); width:530px; height:70px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
}

#backup_MX {
	background-image: url(../images/internet/backup_MX.png); width:101px; height:110px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
}

#services_internet {
	background-image: url(../images/internet/services_internet.jpg); width:880px; height:510px; 
	background-repeat: no-repeat;
	float:left;
}
#sauvegarde_donnees {
	background-image: url(../images/internet/sauvegarde_donnees.png); width:180px; height:180px; 
	background-repeat: no-repeat;
	margin: 0px 0px 10px 10px;
	float:right;
}
#backupligne {
	background-image: url(../images/internet/backupenligne.png); width:175px; height:163px; 
	background-repeat: no-repeat;
	margin: 0px 0px 10px 10px;
	float:right;
}
#entetecertificat {
	background-image: url(../images/internet/seal_secure_site_french_big_tr.gif); width:90px; height:87px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
}
#entetegroupeware {
	background-image: url(../images/internet/partner_logo_cert.gif); width:99px; height:110px; 
	background-repeat: no-repeat;
	margin: 10px 0px 10px 10px;
	float:right;
}
/*================== OUTILS CLIENTS ==================*/

#enteteoutilsaide {
	background-image: url(../images/internet/aide.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 60px -10px 10px 10px;
	float:right;
}
#enteteoutilscourriel {
	background-image: url(../images/internet/courriel.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilscpanel {
	background-image: url(../images/internet/cpanel.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilshebergement {
	background-image: url(../images/internet/hebergement.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilsdomaine {
	background-image: url(../images/internet/domaine.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilsportail {
	background-image: url(../images/internet/portail.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilsreseau {
	background-image: url(../images/internet/reseau.png); width:150px; height:55px;
	background-repeat: no-repeat;
	margin: 50px -10px 10px 10px;
	float:right;
}
#enteteoutilsreseauqq {
	background-image: url(../images/internet/reseau.png); width:48px; height:48px;
	background-repeat: no-repeat;
	background-position: right;
	width:500px;
	height:70px;
	padding: 10px 50px 10px 0px;
	margin-top:20px;
	margin-right:340px;
	color: #333333;
	text-align:left;
	font-style: normal;
	float:left;
}
/*================== HÉBERGEMENT TABLEAU ==================*/

/* tableau comparatif*/

.tableautop {
	background-color:#d9ebf5;
}

.commandetop {
	background-color:#f69421;
}

.tableausection {
	background-color:#f69421;
}

.tableaucontenusection {
	font-size:12px; 
	color: #0078ba;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	text-valign: center;
	padding-left: 10px;
	background-color:#d9ebf5;
}
.tableaucontenutitre {
	font-size:14px; 
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	text-valign: center;
	padding-left: 10px;
	background-color:#0078ba;
}
.tableaucontenuinclus {
	background-image: url(../images/internet/verifie.png); width:85px; height:15px;
	background-repeat:no-repeat;
	background-position: center center;
	background-color:#FFFFFF;
}
.tableaucontenutop {
	font-size:12px; 
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#0078ba;
}

.tableaudomainetop {
	font-size:11px; 
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#0078ba;
	padding: 5px 0px 5px 0px;
}

.tableaucontenubas {
	font-size:12px; 
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#2E91C7;
}

.tableaucommander {
	font-size:10px; 
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#f69421;
}
.tableau {
	background-color:#d9ebf5;
}

.tableaucontenu {
	font-size:9px;
	color: #1e1e1e; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#FFFFFF;
	padding: 5px 0px 5px 0px;
}
.tableaucontenugauche {
	font-size:9px;
	color: #1e1e1e; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	background-color:#FFFFFF;
	padding: 5px 0px 5px 10px;
}
.tableaucontenu5px {
	font-size:9px;
	color: #1e1e1e; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color:#FFFFFF;
	padding: 5px 0px 5px 0px;
}

.tableaudescriptiftop {
	font-size:9px; 
	color: #0078ba; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 5px 0px 5px 10px;
	background-color:#FFFFFF;
}
.tableaudescriptiftop5px {
	font-size:9px; 
	color: #0078ba; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FFFFFF;
}

.tableaudescriptif {
	font-size:9px; 
	color: #0078ba; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	padding: 5px 0px 5px 10px;
	background-color:#FFFFFF;
}
.tableausousdescriptif {
	font-size:9px; 
	color: #333; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	background-color:#FFFFFF;
}
.tableaudescriptifliste {
	font-size:9px; 
	color: #333333; 
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	background-color:#FFFFFF;
}
.tableauliste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px 5px 0px 6px;
	color: #333333;
	text-align: left;
	font-style: normal;
	list-style-position: outside;
	list-style-image: url(../images/internet/bullet.gif);
	list-style-type: none;
	background-color:#FFFFFF;
}

.tableaunote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px 5px 5px 10px;
	color: #333333;
	font-style: normal;
	border-top: 1px solid;
	border-color: #d9ebf5;
	background-color:#FFFFFF;
}

.tableaunotedomaine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px 5px 5px 10px;
	color: #333333;
	font-style: normal;
	background-color:#FFFFFF;
}
.tableaubas {
	background-color:#FFFFFF;
	padding: 5px 0px 5px 0px;
}

#news_fr {
	background-image: url(../images/accueil/back_nouvelles.png);
	

}