@charset "UTF-8";
/* CSS Document */

body{
	background-color:#CCC;
	background-image:url(/images/degrade_body.jpg);
}

h1, p{
	font-family:Arial, Helvetica, sans-serif;
}

#containerIntro{
	width:725px;
	height:600px;
	margin:auto;
	margin-top:30px;
}


.logoIntro{
	background-image:url(/images/logo_aquaray.gif);
	width:177px;
	height:49px;
	float:left;
}

.carteEurope{
	background-image:url(/images/img_fond_intro.png);
	width:694px;
	height:398px;
	float:left;
	
}

.imgCarte{
	position:relative;
	width:600px;
	height:300px;
}

.carte_france{
	position:absolute;
	margin:auto;
	margin-top:120px;
	margin-left:255px;
	display:none;
}


.carte_spain{
	position:absolute;
	margin:auto;
	margin-top:240px;
	margin-left:190px;
	display:none;
}

.carte_england{
	position:absolute;
	background-image:60%;
	margin:auto;
	margin-top:85px;
	margin-left:200px;
	display:none;
}

.error {
	color:	red;
}
.navigationIntro{
	width:725px;
	height:30px;
	background-color:#333;
	float:left;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}


li{
	display:inline;
	margin-left:115px;
	text-align:center;
	line-height:30px;
}

.btnPays{
	width:10px;
	height:10px;
	margin-right:5px;
}

.ongletBarcelona, .ongletParis, .ongletLondon{
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}



.ongletIntro:hover{
	color:#666;
}

.btnPays:hover{
	background-image:url(/images/btn_pays_hover.png);
	width:10px;
	height:10px;
}

.lienSiteCorporate{
	width:300px;
	height:auto;
	color:#000;
	text-decoration:none;
	text-align:center;
	clear:both;
	margin:auto;
	margin-top:30px;
	
}

a{
	text-decoration:none;
	border:0px;
	color:#333;
}

.lienCorporate{
	display:block;
}

.lienCorporate h1, .lienCorporate p{
	font-size:14px;
	color:#000;
}

.lienCorporate p{
	font-size:12px;
}


.planetGroup{
	display:block;
	background-image:url(/images/planetGroup.png);
	width:52px;
	height:56px;
	margin:auto;
}



/*-------PAGES----------*/


h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#069;
	font-weight:normal;
}

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

#container{
	width:970px;
	height:auto;
	margin:auto;
	margin-top:30px;
}

#groupeHeader{
	width:100%;
	height:200px;
}


#blocGroupeHeader{
	width:83%;
	height:auto;
	float:left;
	margin-top:50px;
}

#header{
	width:100%;
	height:80px;
}

#titreGroup{
	width:200px;
	height:30px;
	float:left;
	margin-left:10px;
}

#titreGroup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#069;
	padding-top:15px;
}

#titreGroup span{
	display:none;
}

.logoPage{
	background-image:url(/images/logo_aquaray.gif);
	display:block;
	width:177px;
	height:49px;
	float:left;
}

#navigationPage{
	width:97%;
	height:30px;
	border-bottom:1px  #999 solid;
	clear:both;
}


.lienNavigationPage:hover{
	color:#069;
}

.ongletNavigation li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	display:inline;
/*	margin-left:8px;
	margin-right:8px;
*/
	margin: 0;
}

#miniCarteEurope{
	background-image:url(/images/miniCarteEurope.png);
	width:158px;
	height:199px;
	float:left;
	margin-left:6px;
}

#titrePageCorporate, #titrePageInvestors{
	width:100%;
	height:20px;
}

#contenu, #contenuBorderNone{
	width:100%;
	height:auto;
	border:1px #999 solid;
	margin-top:20px;
	float:left;
}

#contenuBorderNone{
	border:0px;
}

#contenu p, #contenuBorderNone p{
	font-size:12px;
	line-height:15px;
}

#imgNewsAquaRay, #imgSuccesAquaRay, #imgPhilosophyAquaray, #imgLegalsAquaray, #imgReferencesAquaray, #imgFiguresAquaray, #imgContactAquaray, #imgInvestorsAquaRay, #imgOurParticipationAquaray{
	width:30%;
	height:257px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom left;
}

#imgLegalsAquaray{
	width:20%;
	background-image:url(/images/img_legals.png);
}

#imgOurParticipationAquaray{
	background-image:url(/images/img_participations.png);
}

#imgInvestorsAquaRay{
	width:25%;
	background-image:url(/images/img_investir.png);
}

#imgContactAquaray{
	background-image:url(/images/img_contact.png);
	width:32%;
	margin-left:10px;
	
}

#imgFiguresAquaray{
	background-image:url(/images/img_chiffres.png);
	width:18%;
}

#imgNewsAquaRay{
	background-image:url(/images/img_news.png);
	width:17%;
}

#imgSuccesAquaRay{
	width:25%;
	background-image:url(/images/img_succesStory.png);
}

#imgReferencesAquaray{
	width:25%;
	background-image:url(/images/img_references.png);
}

#imgPhilosophyAquaray{
	background-image:url(/images/img_philosophy.png);

}

#txtNews, #txtSucessStory, #txtReferences, #txtFigures, #txtContact, #txtInvestors, #txtInvestorsPage, #txtOurparticipations, #txtPhilosophy, #txtLegals{
	width:65%;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:20px;
	text-align:justify;
}

#txtLegals{
	width:65%;
	margin-left:50px;
}


#txtInvestors, #txtInvestorsPage{
	width:65%;
	margin-left:50px;
	height:230px;
}

#txtInvestorsPage{
	width:50%;
}

.blocArticleInvestor{
	width:100%;
	height:auto;
}

.blocArticleInvestor span{
	display:none;
}
.articleInvestor{
	width:100%;
	height:auto;
}



.blocImgInvestors, .blocImgInvestorsMarginNone{
	width:150px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-right:90px;
}

.blocImgInvestorsMarginNone{
	margin-right:0px;
}

.blocImgInvestors h2, .blocImgInvestorsMarginNone h2{
	font-size:12px;
}

.titreResult{
	display:block;
	width:100%;
	height:15px;
	text-align:center;
	margin-top:10px;
	float:left;
}


.titreResult a:hover{
	color:#666;
}

.blocListeResultFinance, .blocListeResultFinance2{
	width:50%;
	height:180px;
	margin-top:30px;
	float:left;
}

/*.blocListeResultFinance2{
	margin-top:0px;
} */

.lienInvestorContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#069;
	float:left;
	margin-bottom:10px;
}

.mailInvestor{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#069;
	text-decoration:underline;
	margin-top:10px;
}

.mailInvestor:hover{
	color:#999;
}

.investorContact{
	width:15%;
	height:auto;
	float:left;
	margin-top:80px;
	border-left:1px #CCC solid;
	padding-left:10px;
}

.investorContact p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
}

.lienPdfResult{
	text-decoration:underline;
	color:#069;
	line-height:15px;
	display:block;
}

.lienPdfResult p{
	padding-top:13px;
}

.lienPdfResult:hover{
	color:#666;
}


.lienImgPdf{
	display:block;
	width:20px;
	width:30px;
	float:left;
	margin-right:5px;
	
}

.lienFileAriane span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#999;
	margin-left:10px;
	padding-top:5px;
}

.listeResultFrance li{
	width:100%;
	height:auto;
	display:inline;
}

#titrePageInvestors li{
	display:block;
	height:20px;
	float:left;
	margin:0px;
	margin-top:-5px;
}

#txtContact{
	width:64%;
}

#txtFigures{
	width:26%;
	margin-right:20px;
}

#txtNews{
	width:80%;
}

.blocArticleNews1{
	width:50%;
	height:230px;
	float:left;
	margin-left:2px;
}

.blocArticleNews2{
	margin-left:10px;
	width:48%;
	border-left:1px #999 solid;
	float:left;
}
	
.articleNews1, .articleNews2{
	width:100%;
}


.articleNews2{
	width:51%;
	padding-left:20px;
	float:left;
}

.img_News1, .img_Investor{
	background-image:url(/images/template_actu.png);
	background-repeat:no-repeat;
	width:364px;
	height:105px;
	float:left;
	margin-top:5px;
}

.img_News2{
	background-image:url(/images/Digitalparks.jpg);
	background-repeat:no-repeat;
	width:40%;
	height:230px;
	float:left;
	margin-left:10px;
	border:1px #CCC solid;
}

.img_InvestorFR, .img_InvestorUK, .img_InvestorSP{
	background-image:url(/images/carte_france_100px.png);
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	display:block;
}

.img_InvestorUK{
	background-image:url(/images/carte_england_100px.png);	
}

.img_InvestorSP{
	width:100%;
	background-image:url(/images/carte_spain_100px.png);
	margin-right:0px;
}

#txtPhilosophy{
	width:65%;
}


#txtSucessStory{
	width:70%;
}

#txtReferences{
	width:70%;
}

#blocGroupeTeam{
	width:100%;
	height:450px;
}

.blocTeam{
	width:10%;
	height:auto;
	margin-top:30px;
	margin-left:80px;
	margin-bottom:22px;
	float:left;
}

.photo_Raphael_Nicoud, .photo_Guillaume_de_Lafond, .photo_Julien_Ferandez, .photo_Remi_Gascogne, .photo_Cedric_Leconte, .photo_Charles-Henri_Bruyan, .photo_Fabrice_Thivent, .photo_Aurelie_Thetiot, .photo_Arnaud_Kleinknecht, .photo_Diego_Comas, .photoTeamInfo{
	display:block;
	width:100%;
	height:100px;
	background-color:#999;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	cursor:pointer;
}


.photoTeamInfo_RaphaelNicoud, .photoTeamInfo_GuillaumeDelafond, .photoTeamInfo_CHBruyan, .photoTeamInfo_fabriceThivent, .photoTeamInfo_CedricLecomte, .photoTeamInfo_aurelieThetiot, .photoTeamInfo_JuleinFernandez, .photoTeamInfo_arnaudKleinknecht, .photoTeamInfo_diegoComas, .photoTeamInfo_RemiGacogne{
	margin-top:30px;
	margin-left:30px;
	width:20%;
	height:130px;
	border:1px solid #FFF;
	float:left;
}

.photo_Remi_Gascogne{
	background-image:url(/images/photo_remi_gacogne_ptt.jpg);
}

.photoTeamInfo_RemiGacogne{
	background-image:url(/images/photo_remi_gacogne.jpg);
}

.photo_Diego_Comas{
	background-image:url(/images/photo_diego_comas_ptt.jpg);
}

.photoTeamInfo_diegoComas{
	background-image:url(/images/photo_diego_comas.jpg);
}


.photo_Guillaume_de_Lafond{
	background-image:url(/images/photo_guillaume_delafond_ptt.jpg);
}

.photoTeamInfo_GuillaumeDelafond{
	background-image:url(/images/photo_guillaume_delafond.jpg);
}

.photo_Arnaud_Kleinknecht{
	background-image:url(/images/photo_arnaud_kleinknecht_ptt.jpg);
}

.photoTeamInfo_arnaudKleinknecht{
	background-image:url(/images/photo_arnaud_kleinknecht.jpg);
}

.photo_Julien_Ferandez{
	background-image:url(/images/photo_julien_fernandez_ptt.jpg);
}

.photoTeamInfo_JuleinFernandez{
	background-image:url(/images/photo_julien_fernandez.jpg);
}

.photo_Raphael_Nicoud{
	background-image:url(/images/photo_raphael_nicoud-ptt.jpg);
}

.photoTeamInfo_RaphaelNicoud{
	background-image:url(/images/photo_raphael_nicoud.jpg);
}



.photo_Charles-Henri_Bruyan{
	background-image:url(/images/photo_charle-henri_bruyan_ptt.jpg);
}

.photoTeamInfo_CHBruyan{
	background-image:url(/images/photo_charle-henri_bruyan.jpg);
}

.photo_Fabrice_Thivent{
	background-image:url(/images/photo_fabric_thivent_ptt.jpg);
}

.photoTeamInfo_fabriceThivent{
	background-image:url(/images/photo_fabrice_thivent.jpg);	
}

.photo_Cedric_Leconte{
	background-image:url(/images/photo_cedric_lecomte_ptt.jpg);
}

.photoTeamInfo_CedricLecomte{
	background-image:url(/images/photo_cedric_lecomte.jpg);
}

.photo_Aurelie_Thetiot{
	background-image:url(/images/photo_aurelie_thetiot_ptt.jpg);
}

.photoTeamInfo_aurelieThetiot{
	background-image:url(/images/photo_aurelie_thetiot.jpg);
}

.txtTeam{
	width:100%;
	margin-top:10px;
}

.txtTeam h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#069;
}

.txtTeam p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.blocInfoTeam{
	background-image:url(/images/fond_infoTeam.jpg);
	width:572px;
	height:200px;
	margin:auto;
	margin-bottom:50px;
}

.btnFermeInfoTeam{
	width:19px;
	height:12px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	background-image:url(/images/btn_ferme.png);
}

.blocInfoTeam span{
	color:#000;
}

.infosTextTeam{
	width:60%;
	height:auto;
	float:left;
	margin-left:40px;
	margin-top:50px;
}

.infosTextTeam h3{
	color:#069;
	font-size:14px;
}

#footer{
	width:100%;
	height:30px;
	margin-top:30px;
	float:left;
}

.blocOngletFooter, .blocOngletFooterHover{
	float:right;
	border:1px #999 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	margin-left:10px;
	color:#666;
}

.blocOngletFooterHover{
	color:#069;
	border:1px #069 solid;

}

.blocOngletFooter:hover{
	color:#069;
	border:1px #069 solid;
}

.ongletNavigation .lienNavigationPageHover{
	color:#069;
}
.blocProduit, .blocProduit_MarginNone{
	width:170px;
	height:auto;
	float:left;
	margin-right:30px;
}

.blocProduit_MarginNone{
	margin-right:0px;
}

.dedicatedServer, .colocation, .ipTransit, .sharedHosting, .domainName{
	background-image:url(/images/produit_dedicatedServer.png);
	width:170px;
	height:357px;
	float:left;
	display:block;
	cursor:pointer;
}

.colocation{
	background-image:url(/images/produit_colocation.png);
}

.ipTransit{
	background-image:url(/images/produits_IPTransit.png);
}


.sharedHosting{
	background-image:url(/images/produits_hebergement.png);
}

.domainName{
	background-image:url(/images/produits_domaine.png);
}

.blocProduit h4, .blocProduit_MarginNone h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	
}

.blocProduit p, .blocProduit_MarginNone p  {
	padding:10px;

}

.txtDedicatedServer, .txtColocation, .txtIPTransit, .txtSharedHosting, .txtDomainName{
	float:left;
	width:100%;
	background-color:#FFF;
	background-image:url(/images/degrade_txtProduit.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:-70px;
}

#blocReferences{
	width:70%;
	height:110px;
	float:left;
	margin-top:30px;
	margin-left:20px;
	border:1px #999 solid;
}

.prev, .next{
	display:block;
	background-image:url(/images/prev_ref.png);
	width:18px;
	height:37px;
	margin-left:10px;
	margin-top:35px;
	float:left;
}

.next{
	background-image:url(/images/next_ref.png);
	margin-left:20px;
}
	
.blocImgreferences{
	width:580px;
	height:70px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.imgReferences, .imgReferencesMarge15{
	display:block;
	float:left;
	margin-left:20px;
	vertical-align:middle;
}

.imgReferencesMarge15{
	margin-top:15px;
}

.titreTableau{
	float:left;
	width:49%;
	margin-top:20px;
	margin-left:10px;
}

.titreTableau h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#069;
	text-align:center;
}

.imgChiffre1{
	width:49%;
	height:200px;
	background-image:url(/images/graphique_chiffrres.jpg);
	float:left;
	margin-top:10px;
	margin-left:10px;
	background-repeat:no-repeat;
}

#adresseAquaray{
	width:100%;
	height:auto;
	margin-bottom:25px;
}

#adresseAquaray span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#069;
}

.blocFormulaire{
	width:100%;
	height:20px;
	margin-bottom:20px;
}

.blocContact1, .blocContact2{
	width:43%;
	height:220px;
	float:left;
}

.blocContact2{
	width:54%;
	margin-left:13px;
}

.titreEmail, .titreMessage{
	width:100px;
	float:left;
	margin-top:1px;
}

.titreMail150{
	width:130px;
	float:left;
	margin-bottom:5px;
}

.titreMessage{
	margin-bottom:5px;
	float:left;
}

#blocEmail, #blocName, #blocSociety, #blocObjetMessage{
	width:140px;
	float:left;
}

#blocObjetMessage{
	width:150px;
}
	
#blocMessageContact{
	clear:both;
}


.blocEnvoyerMessage{
	display:block;
	width:94px;
	height:12px;
	background-image:url(/images/btn_envoyer.jpg);
	float:left;
	margin-left:120px;
	margin-top:5px;
}

.blocEnvoyerMessage span{
	display:none;
}

.titreEmail span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.logoVoolume{
	display:block;
	width:100px;
	height:70px;
	background-image:url(/images/logo_voolume.jpg);
	float:left;
}

.txtVoolume{
	width:80%;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:30px;
}

#aboutVolume{
	display:block;
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-top:20px;
}

.imgLivreVoolume{
	width:150px;
	height:108px;
	background-image:url(/images/livre_voolume.png);
	float:left;
}


.txtAboutVoolume{
	width:73%;
	margin-left:10px;
	float:left;
	margin-top:30px;
}

.lienVoolume{
	font-family:Arial, Helvetica, sans-serif;
	color:#069;
	text-decoration:underline;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:90px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	margin-top:10px;
	display:block;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	position:relative;
	float:left;
	width:570px;
	height:70px;
	margin-right:20px;
}
.lienNavigationPage {
	display: inline-block;
	text-align:center;
}
/*26*2*/
.mn-home {
	width: 50px;
}
.mn-news {
	width: 50px;
}
.mn-figures {
	width: 70px;
}
.mn-success {
	width: 110px;
}
.mn-team {
	width: 50px;
}
.mn-products {
	width: 95px;
}
.mn-references {
	width: 100px;
}
.mn-philosophy {
	width: 100px;
}
.mn-investors {
	width: 86px;
}