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

body {
	background-color:#dde5eb;
	background-image:url(../images/body_background.gif);
	background-repeat:repeat-x;
	width:940px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
}
#bodyAccueil {
	display:block;
	width:940px;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background-color:#FFFFFF;
}
.stabilisateur {
	clear:both;
}
#entete {
	background-image:url(../images/head_bg.png);
	height:103px;
	padding-left:11px;
}
#entete span {
	display:none;
}
#entete #logo {
	float:left;
	background-image:url(../images/logo.png);
	width:157px;
	height:92px;
}
#entete #contactezNous {
	float:left;
	margin-left:100px;
	margin-left:311px !important;
	margin-top:10px;
	width:226px;
}
#entete #contactezNous .title {
	background-image:url(../images/contact/title_contactez_nous.png);
	background-repeat:no-repeat;
	background-position:center;
	width:226px;
	height:20px;
}
#entete #contactezNous .phoneMaroc {
	background-image:url(../images/contact/phone_maroc_00212_35_52_60_40.png);
	width:226px;
	height:24px;
	margin-top:18px;
}
#entete #contactezNous .phoneFrance {
	background-image:url(../images/contact/phone_france_0033.png);
	width:226px;
	height:24px;
	display:none;
}
#entete .hr {
	float:left;
	background-image:url(../images/contact/hr.png);
	width:3px;
	height:62px;
	margin-top:24px;
	margin-left:10px;
	margin-right:10px;
}
#entete #skype {
	float:left;
	margin-top:10px;
}
#entete #skype .title {
	background-image:url(../images/contact/title_via_skype.png);
	background-repeat:no-repeat;
	background-position:center;
	width:190px;
	height:20px;
	margin-bottom:7px;
}
ul span {
	display:none;
}
ul.menu {
	height:66px;
	background-image:url(../images/menu/mn_bg.png);
}
ul.menu a {
	display:block;
	width:156px;
	height:66px;
}
li {
	float:left;
	width:156px;
	height:66px;
	list-style:none;
	cursor:pointer;
}
#accueil_ac {
	background:url(../images/menu/mn_accueil_ac.png) no-repeat 0 0;
	width:156px;
}
#services_ac {
	background:url(../images/menu/mn_service_ac.png) no-repeat 0 0;
	width:156px;
}
#solutions_ac {
	background:url(../images/menu/mn_solutions_ac.png) no-repeat 0 0;
	width:156px;
}
#agence_ac {
	background:url(../images/menu/mn_agence_ac.png) no-repeat 0 0;
	width:156px;
}
#references_ac {
	background:url(../images/menu/mn_references_ac.png) no-repeat 0 0;
	width:156px;
}
#contact_ac {
	background:url(../images/menu/mn_contact_ac.png) no-repeat 0 0;
	width:156px;
}
#accueil {
	background:url(../images/menu/mn_accueil.png) no-repeat 0 0;
	width:156px;
}
#services {
	background:url(../images/menu/mn_service.png) no-repeat 0 0;
	width:156px;
}
#solutions {
	background:url(../images/menu/mn_solutions.png) no-repeat 0 0;
	width:156px;
}
#agence {
	background:url(../images/menu/mn_agence.png) no-repeat 0 0;
	width:156px;
}
#references {
	background:url(../images/menu/mn_references.png) no-repeat 0 0;
	width:156px;
}
#contact {
	background:url(../images/menu/mn_contact.png) no-repeat 0 0;
	width:156px;
}
#accueil:hover {
	background:url(../images/menu/mn_accueil.png) no-repeat 0 -66px;
	width:156px;
}
#services:hover {
	background:url(../images/menu/mn_service.png) no-repeat 0 -66px;
	width:156px;
}
#solutions:hover {
	background:url(../images/menu/mn_solutions.png) no-repeat 0 -66px;
	width:156px;
}
#agence:hover {
	background:url(../images/menu/mn_agence.png) no-repeat 0 -66px;
	width:156px;
}
#references:hover {
	background:url(../images/menu/mn_references.png) no-repeat 0 -66px;
	width:156px;
}
#contact:hover {
	background:url(../images/menu/mn_contact.png) no-repeat 0 -66px;
	width:156px;
}
#capsule {
	background-image:url(../images/bg_purcentage.png);
	background-repeat:repeat-x;
	height:358px;
}
#capsule #externalisationOffshore .pourcentage {
	float:left;
	background-image:url(../images/offshore/img_cercle.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:257px;
	height:257px;
	margin-left:23px;
	padding-top:52px;
}
#capsule .texte {
	float:left;
	width:580px;
	margin-left:20px;
	padding-top:42px;
}
#capsule .texte .txt {
	width:580px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	line-height: 3;
}
#capsule .texte .btnContactezIndex {
	float:right;
	background-image:url(../images/btn_contactez_nous_index.png);
	width:188px;
	height:41px;
	cursor:pointer;
}
#capsule .texte .btnContactezIndex span {
	display:none;
}
#capsule .texte .btnContactezIndex a {
	display:block;
	width:190px;
	height:35px;
}
#btnExporez a {
	display:block;
	width:188px;
	height:41px;
}
#capsule #externalisationOffshore h2 {
	background-image:url(../images/offshore/h2_jusqua_70.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:308px;
	height:49px;
	padding:0px;
	margin:0px;
}
#capsule #externalisationOffshore h2 span {
	display:none;
}
#capsule #externalisationOffshore h3 {
	background-image:url(../images/offshore/h3_economie_sur_votre_production_web.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:547px;
	height:36px;
	margin-top:5px;
}
#capsule #externalisationOffshore h3 span {
	display:none;
}
#capsule #developpementWeb {
	display:block;
}
#capsule #externalisationOffshore {
	display:none;
}
#capsule #developpementWeb .devweb {
	float:left;
	background-image:url(../images/devweb/img_devweb.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:257px;
	height:257px;
	margin-left:23px;
	padding-top:52px;
}
#capsule #developpementWeb h2 {
	background-image:url(../images/devweb/h2_creation_site_web.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:481px;
	height:49px;
	padding:0px;
	margin:0px;
}
#capsule #developpementWeb h2 span {
	display:none;
}
#capsule #developpementWeb h3 {
	background-image:url(../images/devweb/h3_ecommerce_site_vitrine_blog_integration.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:613px;
	height:36px;
	margin-top:5px;
}
#capsule #developpementWeb h3 span {
	display:none;
}
#capsule #creationGraphique {
	display:none;
}
#capsule #creationGraphique .affiche {
	float:left;
	background-image:url(../images/creagrafic/img_affiche.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:281px;
	height:286px;
	margin-left:23px;
	padding-top:40px;
}
#capsule #creationGraphique h2 {
	background-image:url(../images/creagrafic/h2_creation_graphique.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:481px;
	height:49px;
	padding:0px;
	margin:0px;
	margin-top:50px;
}
#capsule #creationGraphique h2 span {
	display:none;
}
#capsule #creationGraphique h3 {
	background-image:url(../images/creagrafic/h3_identite_visuelle_logo_affiche_print.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:565px;
	height:36px;
	margin-top:23px;
}
#capsule #creationGraphique h3 span {
	display:none;
}
#capsule #referencement {
	display:none;
}
#capsule #referencement .seo {
	float:left;
	background-image:url(../images/referencement/img_seo_google_yahoo_live_search.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:285px;
	height:304px;
	margin-left:23px;
	padding-top:35px;
}
#capsule #referencement h2 {
	background-image:url(../images/referencement/h2_referencement.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:481px;
	height:49px;
	padding:0px;
	margin:0px;
	margin-top:50px;
}
#capsule #referencement h2 span {
	display:none;
}
#capsule #referencement h3 {
	background-image:url(../images/referencement/h3_votre_site_en_premiere_page_de_google.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:565px;
	height:36px;
	margin-top:23px;
}
#capsule #referencement h3 span {
	display:none;
}
ul.sousmenu {
	height:83px;
	display:block;
	padding-left:3px;
	background-color:#FFFFFF;
}
ul.sousmenu #btnExternalisationOffshore {
	background:url(../images/mn_externalisation_offshore.gif) no-repeat 0 0;
	width:234px;
	height:83px;
}
ul.sousmenu #btnDeveloppementWeb {
	background:url(../images/mn_developpement_web.gif) no-repeat 0 -83px;
	width:234px;
	height:83px;
}
ul.sousmenu #btnCreationGraphique {
	background:url(../images/mn_creation_graphique.gif) no-repeat 0 0;
	width:234px;
	height:83px;
}
ul.sousmenu #btnReferencement {
	background:url(../images/mn_referencement.gif) no-repeat 0 0;
	width:234px;
	height:83px;
}
#corps {
	padding-top:40px;
	padding-left:30px;
}
#corps span {
	display:none;
}
#corps #quiSommesNousBloc {
	float:left;
	width:560px;
	padding-right:20px;
}
#corps #quiSommesNousBloc h2 {
	background-image:url(../images/h2_qui_sommes_nous.png);
	width:215px;
	height:33px;
}
#corps #quiSommesNousBloc p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	padding-top:20px;
	color:#333;
}
#corps #referenceBloc {
	float:left;
	width:305px;
}
#corps #referenceBloc h2 {
	background-image:url(../images/h2_nouveautes.png);
	background-repeat:no-repeat;
	width:143px;
	height:33px;
	padding-bottom:10px;
}
#corps #referenceBloc .iPhone {
	float:left;
	background-image:url(../images/web.jpg);
	width:83px;
	height:146px;
	margin-right:5px;
}
#corps #referenceBloc p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding-top:10px;
	color:#333;
}
#corps #referenceBloc #btnExporez {
	background-image:url(../images/btn_explorez.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:93px;
	height:31px;
	padding-left:210px;
	padding-top:40px;
}

#corps .photos {
    float:left;
    background-image: url(../images/agence/bg_photo.png);
    border:1px solid #d5d5d5;
    border-right:0px;
    width: 609px;
    height: 474px;
    margin-top: 42px;
}

#corps .photos #load {
    background-image: url(../images/agence/cadre_photo.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    width: 572px;
    height: 437px;
    padding-top: 20px;
    padding-left: 20px;
}

#corps .photos #load img {
    margin-top: 15px;
    margin-left: 15px;
}

#corps .photoMenu {
    float:left;
    border:1px solid #d5d5d5;
    width: 269px;
}

#corps .photoMenu h2 {
    background-image: url(../images/agence/h2_visite_guidee.png);
    height: 41px;
    border-bottom:1px solid #cfd3d7;
}

#corps .photoMenu .liste {
    padding-top: 20px;
    padding-left: 20px;
    height: 454px;
}

#corps .photoMenu .liste img {
    padding-right: 10px;
    cursor:pointer;
}

#scrol {
	background-image:url(../images/scrol/bg_scrol.png);
	height:241px;
	background-position:bottom;
	background-repeat:repeat-x;
	margin-top:40px;
}
#scrol #flech_left {
	float:left;
	background-image:url(../images/scrol/scrol_flech_left.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	width:24px;
	height:39px;
	padding-left:18px;
	padding-top:100px;
	cursor:pointer;
}
#scrol .scrol_counteur {
	float:left;
	overflow:hidden;
	position:relative;
	width:800px;
	height:190px;
	margin-left:18px;
	margin-top:20px;
	padding-top:15px;
}
#scrol .scrol_counteur .scrol_produit {
	float:left;
	position:absolute;
	width:182px;
	height:176px;
	margin-left:15px;
}
#scrol #flech_right {
	float:left;
	background-image:url(../images/scrol/scrol_flech_right.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	width:24px;
	height:39px;
	padding-left:18px;
	padding-top:100px;
	cursor:pointer;
}
#nuage {
}
/* Contactez nous */
#formulaireContact {
	float:left;
	width:540px;
}
#formulaireContact h2 {
	background-image:url(../images/contact/h2_contactez_nous.png);
	background-repeat:no-repeat;
	width:183px;
	height:23px;
	padding-bottom:40px;
}
#formulaireContact .msgError {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pxpx;
	color:#FF0000;
	text-align:center;
	margin-bottom:20px;
}
#formulaireContact label {
	float:left;
	text-align:right;
	width:148px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:5px;
	padding-right:20px;
}
#formulaireContact input {
	background-image:url(../images/contact/input.png);
	background-repeat:no-repeat;
	width:342px;
	height:36px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
}
#formulaireContact textarea {
	background-image:url(../images/contact/textarea.png);
	background-repeat:no-repeat;
	width:342px;
	height:186px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
}
#formulaireContact input.submit {
	background-image:url(../images/contact/btn_envoyer.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFFFFF;
	width:93px;
	height:31px;
	border:0px;
	cursor:pointer;
	padding-left:500px;
}
#corps .hr {
	float:left;
	background-image:url(../images/contact/hr.png);
	background-position:right;
	background-repeat:repeat-y;
	width:3px;
	height:468px;
	padding-left:70px;
}
#nosCoordonnes {
	float:left;
	padding-left:30px;
	width:250px;
}
#nosCoordonnes h2 {
	background-image:url(../images/contact/h2_nos_coordones.png);
	background-repeat:no-repeat;
	width:193px;
	height:23px;
	padding-bottom:40px;
}
#nosCoordonnes .adresse {
	background-image:url(../images/contact/adresse.gif);
	width:239px;
	height:83px;
}
#nosCoordonnes .telephone {
	background-image:url(../images/contact/telephone.gif);
	width:239px;
	height:57px;
}
#nosCoordonnes .fax {
	background-image:url(../images/contact/fax.gif);
	width:239px;
	height:27px;
}
#nosCoordonnes .email {
	background-image:url(../images/contact/email.gif);
	width:239px;
	height:42px;
}
/* Réferences */

#refernces h2 {
	background-image:url(../images/refrence/h2_realisation.png);
	width:136px;
	height:25px;
}
#refernces #tab {
	background-image:url(../images/refrence/bg_menu_realisation.png);
	background-repeat:repeat-x;
	background-position:bottom;
	width:876px;
	height:46px;
	padding-top:20px;
}
#refernces #tab #logoType {
	float:left;
	background:url(../images/refrence/tab_logotype.png) 0 0;
	background-repeat:no-repeat;
	width:101px;
	height:40px;
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}
#refernces #tab #Ecommerce {
	float:left;
	background:url(../images/refrence/tab_ecommerce.png) 0 0;
	background-repeat:no-repeat;
	width:101px;
	height:40px;
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}
#refernces #tab #Tout {
	float:left;
	background:url(../images/refrence/tab_afficher_toutes_les_rea.png) 0 0;
	background-repeat:no-repeat;
	width:211px;
	height:40px;
	margin-top:5px;
	margin-left:220px;
	cursor:pointer;
}
#refernces .refLogo {
	float:left;
	width:182px;
	height:176px;
	margin-left:20px;
	margin-top:20px;
}
#refernces #lesLogoTypes {
	margin-left:20px;
}
#refernces #lesEcommerces {
	margin-left:20px;
}
#refernces .refSite {
	float:left;
	width:182px;
	height:176px;
	margin-left:20px;
	margin-top:20px;
}


/* Les Solutions */
#lesSolutions h2 {
	background-image:url(../images/solutions/h2_solutions.jpg);
	background-repeat:no-repeat;
	width:102px;
	height:21px;
	padding-bottom:30px;
}
#lesSolutions #emailMarketing {
	float:left;
	width:393px;
	border:1px solid #ccc;
	margin-right:87px;
	margin-bottom:54px;
}
#lesSolutions #emailMarketing h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#lesSolutions #generationTrafic {
	float:left;
	width:393px;
	border:1px solid #ccc;
}
#lesSolutions #generationTrafic h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#lesSolutions #outilsTtracking {
	float:left;
	width:393px;
	border:1px solid #ccc;
	margin-right:87px;
}
#lesSolutions #outilsTtracking h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#lesSolutions #systemePaiement {
	float:left;
	width:393px;
	border:1px solid #ccc;
}
#lesSolutions #systemePaiement h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#lesSolutions .Contenu {
	padding-top:30px;
	padding-left:20px;
	padding-bottom:20px;
}
#lesSolutions .Contenu img {
	float:left;
	padding-right:17px;
}
#lesSolutions .Contenu h4 {
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#lesSolutions .Contenu p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333px;
	width:317px;
}
#lesSolutions .Contenu .btnContactSolution {
	background-image:url(../images/solutions/btnContactSolutions.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:350px;
	height:27px;
	padding-top:5px;
	cursor:pointer;
}


/* Les Services */
#LesServices h2 {
	background-image:url(../images/services/h2_services.jpg);
	background-repeat:no-repeat;
	width:102px;
	height:21px;
	padding-bottom:30px;
}
#LesServices #developpementWeb {
	float:left;
	width:393px;
	border:1px solid #ccc;
	margin-right:87px;
	margin-bottom:54px;
}
#LesServices #developpementWeb h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#LesServices #externalisationOffshore {
	float:left;
	width:393px;
	border:1px solid #ccc;
}
#LesServices #externalisationOffshore h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#LesServices #creationGraphique {
	float:left;
	width:393px;
	border:1px solid #ccc;
	margin-right:87px;
}
#LesServices #creationGraphique h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#LesServices #referencement {
	float:left;
	width:393px;
	border:1px solid #ccc;
}
#LesServices #referencement h3 {
	background-image:url(../images/solutions/bg_h2.jpg);
	background-repeat:repeat-x;
	height:25px;
	border-bottom:1px solid #ccc;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
}
#LesServices .Contenu {
	padding-top:30px;
	padding-left:20px;
	padding-bottom:20px;
}
#LesServices .Contenu img {
	float:left;
	padding-right:17px;
}
#LesServices .Contenu h4 {
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#LesServices .Contenu p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333px;
	width:317px;
}
#LesServices .Contenu .btnContactService {
	background-image:url(../images/solutions/btnContactSolutions.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:350px;
	height:27px;
	padding-top:5px;
	cursor:pointer;
}