@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/background.jpg) repeat-x left 117px #d4d4d5;
	color:#444444;
}

p{padding:0;margin:0;}

a{
	font-size:12px;
	color:#444444;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#Global{
	width:100%;
	text-align:center;
}

#Top{
	width:100%;
	height:117px;
	background-color:#FFFFFF;
}

#TopContenu{
	width:900px;
	margin:auto;
	background:url(../img/slogan.gif) no-repeat center;
	height:100%;
}

#Logo{float:left;padding-left:27px;margin-top:11px;}

#Logo img{border:0;}

#TopLiens{float:right;padding:18px 6px 28px 0;text-align:right;}

#TopLiens a{color:#2f62a6;font-size:12px;font-weight:bold;}

#Drapeau{float:right;clear:right;}

#Drapeau img{margin-left:5px;border:0;}

#Caddie{
	background:url(../img/caddie.gif) no-repeat left center;
	color:#6d6e70;
	padding:0 18px 0 35px;
	float:right;
	clear:right;
	text-align:left;
}

#Caddie a{color:#6d6e70;font-size:11px;}

#MenuBloc{position:relative;
height:43px;
	width:900px;
	margin:auto;}

#Menu{
	height:43px;
	width:900px;
	background:url(../img/bg_menu.jpg) repeat-x;
	text-align:right;
	margin:auto;
	border-bottom:1px solid white;
}

#MenuLiens{padding-top:15px;}

#Menu a{color:#FFF;font-weight:bold;margin:0 28px;font-size:13px;}

#Menu a:hover{
text-decoration:none;
color:#3aaeee;}

#content
{
	position:absolute;
	top:43px;
	left:0;
	width: 900px;
	margin: 0 auto;
}

.item-content {
	background: transparent url(../img/bg2_menu.jpg) repeat-x scroll 0%;
	font-weight: bold;
	height:34px;
	text-align:right;
}

.item-content a
{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin:0pt 28px;
	text-decoration:none;
}

.item-content a:hover
{
	color:#3AAEEE;
	text-decoration:none;	
}

.sublinks
{
	padding-top:10px;
}


.BordureG{
	width:6px;
	float:left;
	height:100%;
	position:relative;
	font-size:0; /* pour IE6 */
}

.ArrondiHG{
	background:url(../img/coin_HG.gif) no-repeat;
	width:100%;
	float:left;
	height:6px;
}

.BordG{
	float:left;
	height:96%;
	width:5px;
	background-color:#FFFFFF;
	border-left:1px solid #cac9ca;
}

.ArrondiBG{
	background:url(../img/coin_BG.gif) no-repeat;
	float:left;
	width:100%;
	height:6px;
}

.BordureD{
	width:6px;
	float:left;
	height:100%;
	font-size:0;/* pour IE6 */
}

.ArrondiHD{
	background:url(../img/coin_HD.gif) no-repeat;
	width:100%;
	height:6px;
	float:right;
}

.BordD{
	height:96%;
	width:5px;
	float:right;
	background-color:#FFFFFF;
	border-right:1px solid #cac9ca;
}

.ArrondiBD{
	background:url(../img/coin_BD.gif) no-repeat;
	float:right;
	width:100%;
	height:6px;
}


#Bottom{
	width:900px;
	margin:24px auto;
	border-top:1px solid #909091;
	padding:20px 0;
	clear:both;
}

#ContenuIndex{
	width:900px;
	margin:auto;
}


#Contenu{
	width:900px;
	margin:20px auto auto auto;
	padding-top:10px;
}

.Titre{margin:10px 0 10px 27px; text-align:left;}

/* INDEX */

#Photo{
	width:900px;
	margin:auto;
	height:270px;
}

#Photo img{
	width:100%;
	height:100%;
	border:0;
}

.BoutonView{
	float:right;
	width:91px;
	height:17px;
	background:url(../img/bouton_view.jpg) no-repeat;
	margin:5px 3px 0 0;
}

.BoutonRead{
	width:100%;
	right:5px;
	bottom:5px;
	position:absolute;
	width:91px;
	height:17px;
	background:url(../img/bouton_read.jpg) no-repeat right top;
}

.BoutonViewImg, .BoutonReadImg{
	width:100%;
	height:100%;
	border:0;
}

#Formule{
	width:900px;
	margin:16px auto 13px auto;
	height:53px;
	position:relative;
}

#FormuleContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:51px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
}

#Formule .BordG,#Formule .BordD{
	height:41px;
}

#FormuleContenu table{
	width:100%;
	height:100%;
	margin:auto;
}

#FormuleContenu #FormuleBouton{
	width:91px;
}

#FormuleContenu td .BoutonRead{
	position: static;
}

#Inside{
	float:left;
	width:595px;
	height:310px;
}

#InsideContenu{
	float:left;
	width:583px;
	background-color:#FFFFFF;
	height:308px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
}

#InsideTitre{
	float:left;
	margin:8px 0 13px 27px;
	width:80%;
	text-align:left;
}

.InsideBloc{
	border:1px solid #e9e9eb;
	width:187px;
	height:71px;
	float:left;
	margin:2px;
}

.InsideBloc img{
	float:left;
	margin:12px 0 0 4px;
	display:inline;
}

.InsideBlocTexte{
	font-size:10px;
	width:68%;
	text-align:left;
	float:right;
	margin:17px 1px 0 0;
}

.InsideBlocTitre{
	display:block;
	color:#3fa1d3;
	font-size:11px;
	font-weight:bold;
}

#Service{
	width:292px;
	height:310px;
	float:right;
	position:relative;
}

#ServiceTitre{
	position:absolute;
	width:100%;
	top:8px;
	right:1px; 
	background:url(../img/titre_service.gif) no-repeat right top;
	height:27px;
}

#ServiceContenu{
	float:left;
	width:280px;
	background-color:#FFFFFF;
	height:308px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
}

#ServiceTexte{
	text-align:left;
	padding:55px 0 0 13px;
	position:relative;
	height:50px;
	font-weight:bold;
}

#ServiceContenu img{
	border:1px solid #9f9f9f;
	margin-top:10px;
}

#ServiceTexte .BoutonRead{right:15px;}

#ServiceTexte .BoutonRead img{
	border:0;
	margin:0;
}

#News{
	width:292px;
	height:310px;
	float:left;
	margin:15px 11px 20px 0;
	position:relative;
}

#NewsContenu{
	float:left;
	width:280px;
	background-color:#FFFFFF;
	height:308px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
}

#NewsTitre{margin:8px 0 13px 27px;width:80%;text-align:left;}

.NewsCadre{
	position:relative;
	width:263px;
	height:71px;
	border:1px solid #e9e9eb;
	background:url(../img/picto_news.jpg) no-repeat 3px 11px;
	text-align:left;
	margin:auto auto 2px auto;
	
}

.NewsCadre p{
	margin:11px 0 0 22px;
}

#What{
	width:292px;
	height:310px;
	float:left;
	margin:15px 11px 0 0;
	position:relative;
}

#WhatContenu{
	float:left;
	width:280px;
	background-color:#FFFFFF;
	height:308px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
}

#WhatContenu .BoutonRead{bottom:20px;right:20px;}

#WhatTitre{margin:8px 0 13px 27px;width:80%;text-align:left;}

#WhatTexte{text-align:left;width:252px;margin:auto;font-weight:bold;font-size:12px;}

#WhatPhoto{
	float:left;
	margin:24px 0 0 43px;
}

#Testimonial{
	width:292px;
	height:310px;
	float:right;
	margin-top:15px;
	position:relative;
	text-align:center;
}

#TestimonialTitre{margin:20px 0 20px 31px;width:90%;text-align:left;}

#TestimonialContenu{
	background:url(../img/bg_testimonial.jpg) no-repeat;
	background-position:center center;
	width:260px;
	height:210px;
	text-align:left;
	font-size:11px;
	margin:auto;
}

#TestimonialTexte{
	font-style:italic;
	font-weight:bold;
	width:70%;
	padding-top:30px;
	margin:0 auto;
}

#TestimonialSign{
	font-weight:bold;
	color:#3fa1d3;
	width:72%;
	margin:0 auto;
	padding-top:30px;
}

#Testimonial .BoutonRead{bottom:30px;right:20px;}

/* PRODUCT OVERVIEW */

#Product{
	height:2380px;
	margin-top:20px;
}

#Product .BordD,#Product .BordG{height:2368px;}

#ProductContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:2378px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
}

#ProductTitre{
	margin:10px 0 10px 27px;
}

.ProductBloc{
	width:882px;
	border:1px solid #e9eaec;
	margin:auto auto 8px auto;
}

.ProductBlocContenu{
	font-size:12px;
	padding:18px 10px 18px 85px;
}

.ProductBlocTitre{
	color:#3fa1d3;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

.ProductBlocSousTitre{
	font-weight:bold; 
	text-decoration:underline;}

#ProductBloc1{background:url(../img/bg_productbloc1.gif) no-repeat right bottom;}
#ProductBloc2{background:url(../img/bg_productbloc2.gif) no-repeat right bottom;}
#ProductBloc3{background:url(../img/bg_productbloc3.gif) no-repeat right bottom;}
#ProductBloc4{background:url(../img/bg_productbloc4.gif) no-repeat right bottom;}
#ProductBloc5{background:url(../img/bg_productbloc5.gif) no-repeat right bottom;}
#ProductBloc6{background:url(../img/bg_productbloc6.gif) no-repeat right bottom;}
#ProductBloc7{background:url(../img/bg_productbloc7.gif) no-repeat right bottom;}
#ProductBloc8{background:url(../img/bg_productbloc8.gif) no-repeat right bottom;}
#ProductBloc9{background:url(../img/bg_productbloc9.gif) no-repeat right bottom;}

#ProductBlocContenu1{background:url(../img/picto_email.jpg) no-repeat 15px 15px;}
#ProductBlocContenu2{background:url(../img/picto_webserver.jpg) no-repeat 15px 15px;}
#ProductBlocContenu3{background:url(../img/picto_coporate.jpg) no-repeat 15px 15px;}
#ProductBlocContenu4{background:url(../img/picto_firewall.jpg) no-repeat 15px 15px;}
#ProductBlocContenu5{background:url(../img/picto_webfilter.jpg) no-repeat 15px 15px;}
#ProductBlocContenu6{background:url(../img/picto_application.jpg) no-repeat 15px 15px;}
#ProductBlocContenu7{background:url(../img/picto_wifi.jpg) no-repeat 15px 15px;}
#ProductBlocContenu8{background:url(../img/picto_file.jpg) no-repeat 15px 15px;}
#ProductBlocContenu9{background:url(../img/picto_printer.jpg) no-repeat 15px 15px;}

/* SUPPORT */

#Support{
	height:850px;
	margin-top:20px;
}

#Support .BordD,#Support .BordG{height:838px;}

#SupportContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:848px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
}

#SupportPhoto{
	border:1px solid #383738;
	margin-left:40px;
	float:left;
}

#SupportTexte{
	float:left;
	margin-left:35px;
	font-size:12px;
	line-height:1.8em;
	text-align:justify;
	width:490px;
}

#SupportMode{
	float:right;
	width:500px;
	font-size:12px;
	margin:25px 45px 0 0;
	color:#525252;
}

#SupportMode1{background:url(../img/support_img1.jpg) no-repeat 45px center;padding-left:155px;margin-bottom:30px;}
#SupportMode2{background:url(../img/support_img2.jpg) no-repeat 45px center;padding-left:155px;margin-bottom:30px;}
#SupportMode3{background:url(../img/support_img3.jpg) no-repeat 45px center;padding-left:155px;margin-bottom:30px;}
#SupportMode4{background:url(../img/support_img4.jpg) no-repeat 45px center;padding-left:155px;margin-bottom:30px;}
#SupportMode5{background:url(../img/support_img5.jpg) no-repeat 45px center;padding-left:155px;margin-bottom:30px;}

#SupportMode a {
	text-decoration:underline;
	color:#2ca9dc;
	font-size:11px;
}

#SupportMode a:hover {
	text-decoration:none;
}

.SupportModeTitre{color:#1174b6;font-weight:bold;}

#SupportDesc{
	float:left;
	margin-top:35px;
	width:255px;
	padding-left:35px;
}

.SupportDescTxt{
	background:url(../img/puce_fleche.gif) no-repeat 5px 3px;
	font-size:12px;
	color:#1a171b;
	padding-left:35px;
	margin-bottom:20px;
	text-align:justify;
}

#SupportWarranty{
	color:#525252;
	text-align:center;
	font-size:12px;
	border:1px solid #cecdce;
	width:780px;
	height:90px;
	margin:0 auto;
	padding:15px 0;
	clear:both;
}

#SupportWarranty span{
	font-size:18px;
	font-weight:bold;
	color:#d80909;
}

/* FEATURES */

#Features{
	height:780px;
	margin-top:20px;
}

#Features .BordD,#Features .BordG{height:768px;}

#FeaturesContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:778px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
	font-size:12px;
	color:#1a171b;
}

#FeaturesBloc1{
	float:left;
	width:402px;
	height:192px;
	margin-top:33px;
	padding-left:30px;
}

#FeaturesBloc2{
	float:right;
	width:402px;
	height:192px;
	margin-top:33px;
	padding-right:30px;
}

#FeaturesTxt{
	margin-top:35px;
	padding-left:45px;
	float:left;
	text-align:justify;
	line-height:1.8em;
}

#FeaturesTxt img{
	float:right;
	margin:0 45px 0 25px;
	border:1px solid #414041;
}

#FeaturesDesc{
	margin-top:15px;
	/*padding-left:40px;*/
	float:left;
}

#FeaturesDesc ul{
	list-style-type:none;
}

#Features li{
	background:url(../img/puce_fleche.gif) no-repeat 15px 2px;
	padding:0 0 5px 35px;
}

/* SPECS */

#Specs{
	height:860px;
	margin-top:20px;
}

#Specs .BordD,#Specs .BordG{height:848px;}

#SpecsContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:858px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
	font-size:11px;
	color:#1a171b;
}

#SpecsTable{
	width:845px;
	height:550px;
	margin:auto;
	font-size:11px;
}

#SpecsTable td{
	padding-left:15px;
	vertical-align:middle;
	color:#6d6e70;
	font-weight:bold;
	border-right:1px solid #383738;
}

#SpecsTableImg{text-align:center;height:175px;}

#SpecsTableImg td{border-width:0;}


#SpecsTable .SpecsTableLigneContenu td{
	border-bottom:1px solid #383738;
}

#SpecsTable .SpecsTableTitre{
	background-color:#d5d5d7;
	color:#1a171b;
	border-bottom:1px solid #383738;
	border-top:1px solid #383738;
	border-right:1px solid #383738;
	height:40px;
	width:250px;
}

#SpecsTable .SpecsColonne1{
	color:#2790ca;
	padding-left:8px;
	vertical-align:middle;
	height:30px;
	border-left:1px solid #383738;
	border-right:1px solid #383738;
}

/* CONTACT */

#Contact{
	height:360px;
	margin-top:20px;
}

#ContactContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:356px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	text-align:left;
	position:relative;
	font-size:12px;
	color:#525252;
}

#ContactContenu p{
	font-size:12px;
	color:#525252;
	font-weight:bold;
	margin:40px 50px 0 50px;
}

#ContactContenu a{
	font-size:12px;
	color:#1174b6;
	font-weight:bold;
}

#ContactContenu a:hover{
	text-decoration: underline;
}

#ContactCadres{margin:35px 0 0 45px;}

.ContactCadre{
	width:232px;
	height:137px;
	background:url(../img/contact_cadre.jpg) no-repeat;
	float:left;
	color:#525252;
	font-size:11px;
	padding-left:25px;
	margin-right:15px;
}

#ContactContenu .ContactCadre p{
	color:white;
	padding:5px 0 15px 0;
	margin:0;
}

.sitemap {
	margin-left:50px;	
}

/* SOLUTION */

#Solution{
	height:1400px;
	margin-top:20px;
}

#Solution .BordD,#Solution .BordG{height:1388px;}

#SolutionContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:1398px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	position:relative;
	font-size:12px;
	color:#444444;
}

.SolutionBloc{
	margin:8px auto auto auto;
	border:1px solid #e9e9eb;
	width:830px;
	padding:15px 25px 20px 25px;
	text-align:justify;
}

.SolutionBlocTitre{
	color:#3fa1d3;
	font-size:14px;
	margin-bottom:20px;
	font-weight:bold;
}

/* FAQ */

#Faq{
	height:1700px;
	margin-top:20px;
}

#Faq .BordD,#Faq .BordG{height:1688px;}

#FaqContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:1698px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	position:relative;
	font-size:12px;
	color:#444444;
	text-align:left;
}

.FaqBloc{
	margin:8px auto auto auto;
	border:1px solid #e9e9eb;
	width:880px;
	text-align:left;
}

.FaqBlocTitre{
	color:#fff;
	font-size:14px;
	margin:10px auto;
	font-weight:bold;
	background:url(../img/bg_titrefaq.jpg) no-repeat center center;
	width:853px;
	height:44px;
	vertical-align:middle;
	padding:15px 0 0 15px;
	text-align:left;
}

.FaqBlocTxt{
	margin:0 25px 10px 25px;
}

.FaqBlocTxt span{
	text-decoration:underline;
}

/* COMPARISON */

#Comparison{
	height:1530px;
	margin-top:20px;
}

#Comparison .BordD,#Comparison .BordG{height:1518px;}

#ComparisonContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:1528px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	position:relative;
	font-size:10px;
	color:#444444;
	text-align:left;
}

.ComparisonBloc{
	margin:8px auto auto auto;
	border:1px solid #e9e9eb;
	width:880px;
	text-align:left;
	padding-bottom:15px;
}

.ComparisonBlocTitre{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background-color:#a1a1a1;
	width:840px;
	height:30px;
	text-align:left;
	padding:10px 0 0 40px;
}

.ComparisonBlocTitre span#Left{float:left;}

.ComparisonBlocTitre span{
	float:right;
	margin-right:15px;
}

.ComparisonBloc p{
	font-size:12px;
	color:#444444;
	background:url(../img/puce_coche.gif) no-repeat 750px top;
	margin:15px 0 0 40px;
}

.ComparisonBloc p span{
	font-size:12px;
	color:#4ca7d6;
	font-weight:bold;
}

.ComparisonBloc #Total{
	text-align:right;
	width:95%;
	font-weight:bold;
	font-size:14px;
	margin:10px 50px 0 0;
}

.ComparisonBloc table{
	font-size:12px;
	color:#444444;
	margin:15px 0 0 40px;
	width:95%;
}

.ComparisonBloc td{	
	padding:5px 0;
}

.ComparisonBlocChiffre{
	color:#3fa1d3;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#Total2{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

#ComparisonListe{
	margin:20px 100px 0 35px;
	font-size:12px;
}

#ComparisonListe span{
	color:#3fa1d3;
	font-size:14px;
	font-weight:bold;
}

#ComparisonListe ul{
	margin-left:30px;
	padding:0;
	font-size:12px;
}

#ComparisonListe li{
	padding:0 0 10px 10px;
	list-style-type:none;
	list-style-image:url(../img/puce_coche.gif);
}

#AdditionalService{
	margin:20px 70px 0 35px;
	font-size:12px;
}

#AdditionalService span{
	color:#3fa1d3;
	font-size:14px;
	font-weight:bold;
}

#AdditionalService p{
	padding:5px 0 5px 40px;
}

#AdditionalService p span{
	color:#3fa1d3;
	font-size:12px;
	font-weight:normal;
}

/* TERMS */

#Terms{
	height:1100px;
	margin-top:20px;
}

#Terms .BordD,#Terms .BordG{height:1088px;}

#TermsContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:1098px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	position:relative;
	font-size:12px;
	color:#444444;
}

.TermsBloc{
	margin:8px auto auto auto;
	border:1px solid #e9e9eb;
	width:830px;
	padding:15px 25px 20px 25px;
	text-align:justify;
}

.TermsBlocTitre{
	color:#3fa1d3;
	font-size:14px;
	margin-bottom:20px;
	font-weight:bold;
}

/* TESTIMONIALS */

#Testimonials{
	height:640px;
	margin-top:20px;
}

#Testimonials .BordD,#Testimonials .BordG{height:628px;}

#TestimonialsContenu{
	float:left;
	width:888px;
	background-color:#FFFFFF;
	height:638px;
	border-top:1px solid #cac9ca;
	border-bottom:1px solid #cac9ca;
	position:relative;
	font-size:12px;
	color:#444444;
	background:url(../img/testimonials_img1.jpg) no-repeat left bottom #FFF;
}

#TestimonialsTxt{
	float:right;
	width:730px;
	height:430px;
	background:url(../img/testimonials_img2.jpg) no-repeat right center;
	margin:15px 15px 0 0;
}

.TestimonialsBulle{
	width:260px;
	height:209px;
	float:left;
	text-align:left;
	background:url(../img/bg_bulle_testimonials.jpg) no-repeat center center;
	margin:0 55px 10px 0;
	font-size:11px;
}

.TestimonialsTexte{
	font-style:italic;
	font-weight:bold;
	width:75%;
	padding-top:30px;
	margin:0 auto;
}

.TestimonialsSign{
	font-weight:bold;
	color:#3fa1d3;
	width:75%;
	margin:0 auto;
	padding-top:20px;
}
