﻿

#upline
{
	color:#DDDDDD;
	font-family:Arial;
	font-size:10px;
	padding-right:186px;
	text-align:right;	
}
img
{
	border-style:none;
}

body{
	background-image:url(/images/mobile/bg-mobile.png);
	background-position:center 0;
	background-repeat:no-repeat;
	margin:0;
}

#Phoceis-mobile{
	margin: 0 auto;
	padding:0 10px 10px;
	width:978px;
	height:800px;
}

#header{
	/*float:left;
	background-image:url(/images/header-phoceis-mobile.png);
	height:145px;
	width:979px;*/
	background-image:url(/images/mobile/header-phoceis-mobile.png);
	height:145px;
	width:978px;
}

#btn-mobile{
	float:left;

	margin-top:81px;
	background-image:url(/images/mobile/mobile_btn_commun.png);
	height:59px;
	width:178px;
	
}

#btn-ssii{
	margin-top:91px;
	float:left;
	background-image:url(/images/ssii_btn-in_mobile.png);
	height:55px;
	width:178px;
	cursor:pointer;
	opacity:0.7;
}

.rotationgauche:hover
{
-moz-transform: rotate(-10deg);
-webkit-transform:rotate(-10deg);
}

.rotationdroite:hover
{
-moz-transform: rotate(+10deg);
-webkit-transform:rotate(+10deg);
}

#menu-commun{
	margin-top:110px;
	margin-right:25px;
	float:right;
	width:350px;
	height:15px;
}

.menu-commun a{
	/*text-decoration:inherit;
	color:inherit;
	font-size:inherit;*/
	color:#999999;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:20px;
}

/*#menu-commun a:hover{
	text-decoration:inherit;
	color:inherit;
	font-size:inherit;
}*/


#menu-accueil{
	float:left;
	width:70px;
	height:15px;
}


#menu-clients{
	float:left;
	width:70px;
	height:15px;
}

#menu-agence{
	float:left;
	width:80px;
	height:15px;
}

#menu-contact{
	float:left;
	width:80px;
	height:15px;
}

#menu-newsletter{
	float:left;
	width:95px;
	height:15px;
}



#contenu{
	/*padding:15px;*/
	background-color:#FFF;
	height:535px;
	width:979px;
	float:left;
	margin-top:-1px;
}

#menu-gauche{
	margin-top:29px;
	margin-left:20px;
	float:left;
	width:195px;
	height:210px;
}

#image{
	background-color:#C9F;
	float:left;
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:243px;
	height:300px;
}

#texte{
	background-color:#CCF;
	float:left;
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:450px;
	height:300px;
}

#slide{
	/*background-image:url(/images/filet-slide-ref.png);*/
float:left;
height:100px;
margin-left:82px;
margin-top:20px;
width:592px;
list-style:none;
overflow:hidden;
}

#fleche-gauche-slider{
	margin-left:6px;
	margin-top:30px;
	background-image:url(/images/fleche-gauche-slide.png);
	height:31px;
	width:11px;
	float:left;
}

#fleche-droite-slider{
	margin-right:6px;
	margin-top:30px;
	background-image:url(/images/fleche-droite-slide.png);
	height:31px;
	width:11px;
	float:right;
}


.btn-menu-commun{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.btn_ssii{
	padding-left:40px;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
}

.btn_mobile{
	padding-left:40px;
	padding-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FFF;
}

.menu-commun{
	font-size:13px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	line-height: 20px;
}

.menu-commun a{
	color:inherit;
font-family:inherit;
text-decoration:inherit;
}

a {
color:White;
font-family:Arial;
text-decoration:none;

}

/*.menu-commun a:hover{
	text-decoration:inherit;
	color:inherit;
}*/

.titre-reference{
background-image:url("/images/mobile/bg-titre-mobile.png");
background-repeat:no-repeat;
color:White;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
line-height:30px;
margin-left:-20px;
padding-left:30px;
}

.texte-reference{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	display:block;
}

.texte-reference-slide{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	text-align: center;
}

.icone-slider{
	margin-top:10px;
	float:left;
	height:90px;
	width:111px;
}

.licone{
	margin-left:27px;
}


.social
{
	height:155px;
	left:0;
	position:fixed;
	top:150px;
	width:48px;
	z-index:10000;
	border-style:none;
	
}

#clic
{
	width:200px;
	height:100px;
	float:left;
	cursor:pointer;
	margin-top:20px;
}

.carousselmob
{
	    position: relative;
    visibility: hidden;
    left: -5000px;

}

.carousselmobi {

}

.carousselmobi li
{
	margin:0;
	padding:0;
	list-style:none ;
}

/* --------------Modifs par jeremy---------------------------------  */

#footer{
	float:left;
	background-image:url(/images/mobile/footer-phoceis-mobile.png);
	height:46px;
	width:979px;
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:11px;
	color:White;
	padding-top:10px;
	text-align:center;
}

#conteneur-icone{
float:left;
margin-left:88px;
margin-top:50px;
width:179px;
}

#icone{
	float:left;
}

#media{
	float:left;
	margin-top:30px;
	width:250px;
}

#jaime-facebook{
	float:left;
	cursor:pointer;
}

#retwit{
	float:left;
	margin-top:7px;
}

#appstore{
	margin-left:10px;
	float:left;
	cursor:pointer;
}

#qr-code-off{
	cursor:none;
	margin-left:20px;
	float:left;
}

#btn-details{
	cursor:pointer;
	float:left;
}

#resume{
	float:left;
	margin-top:50px;
	margin-left:30px;
	float:left;
	width:360px;
}

#sociaux{
	float:left;
	width:123px;
	height:70px;
}

.main_content_mobile
{
float:left;
height:535px;
background:url("/images/mobile/bg-telephone.jpg") no-repeat scroll 0 0 transparent;
width:764px;
}

.main_content_mobile_tel
{
float:left;
height:535px;
background:url("/images/mobile/bg-telephone.jpg") no-repeat scroll 0 0 transparent;
width:764px;
}

.main_content_mobile_dev
{
float:left;
height:535px;
background:url("/images/mobile/bg-developpement.jpg") no-repeat scroll 0 0 transparent;
width:764px;
}

.jaay_content_mobile
{
	margin-top:20px;
	width:693px;
	float:left;
	padding-left:20px;
	padding-right:20px;
}

#jay_gros_titre
{
background:url("/images/mobile/bg-titre-mobile.png") no-repeat scroll 0 0 transparent;
color:white;
float:left;
font-size:26px;
font-weight:bold;
height:34px;
margin-bottom:10px;
padding-left:30px;
width:422px;
}

#jay_moyen_titre
{
color:#999999;
float:left;
font-size:18px;
width:422px;
margin-left:20px;
margin-bottom:10px;
	
}

#jay_petit_titre
{
	font-size:18px;
}

#jay_title
{
	
	font-family:Arial, Helvetica, sans-serif;
	color:orange;
	margin-left:20px;
	
}

#jay_icone
{
	float:left;
	width:200px;
	margin-top:41px;

}
#jay_texte
{
	

	color:#999999;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	float:left;
	width:422px;
	margin-left:20px;

}

#petit_jaay
{
	float:right;
margin-right:-102px;
margin-top:10px;
}

#home_mobile
{
	height:400px;

}

.presse_titre a
{
	color:#a6c410;
	font-family:Arial !important;
	font-size:14px !important;
	
}

.presse_titre a:hover
{
	color:#a6c410;
	text-decoration:none;	
}

.presse_date
{
	font-style:italic;
	font-size:13px;
	font-family:Arial;
	color:Gray;
}



.presse_body
{
	color:#999999 !important;
display:block;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
margin-bottom:10px;
margin-top:5px;
text-align:justify;
}

.presse_body a
{
	color:#999999 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:13px !important;
	text-decoration:none !important;
	font-weight:bold;
}

#rss-picto{
	margin-top:5px;
	margin-right:5px;
	background-image:url('/images/rss_picto.png');
	background-repeat:no-repeat;
	float:right;
	width:24px;
	height:24px;
}

.home_mobile *
{
	font-size:12px;
	font-family:Arial;
}

.dev_mobile *
{
	font-size:12px;
	font-family:Arial;
}


#homepage_title
{
background:url("/images/mobile/bg-titre-mobile2.png") no-repeat scroll 0 0 transparent;
color:White;
font-family:Arial;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
margin-left:154px;
margin-top:29px;
padding-left:30px;
width:490px;
}

#homepage_left
{
	width:590px;
	float:left;
}

#homepage_left_liste
{
color:#999999;
font-family:Arial;
font-size:15px;
font-weight:bold;
line-height:15px;
margin-left:171px;
}

#homepage_left_intro
{
color:#999999;
font-family:Arial;
font-size:13px;
line-height:20px;
margin-left:170px;
width:404px;
}

#homepage_left_text
{
color:#999999;
font-size:12px;
margin-top:20px;
}

#homepage_left_titles
{
color:#A8C510;
float:left;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding-right:25px;
text-align:right;
width:147px;
}

#homepage_left_description
{
float:left;
font-family:Arial;
width:403px;
}

#homepage_left_texts
{
	float:left;
font-family:Arial;
width:281px;
}

#homepage_left_text1
{
	margin-top:20px;
}
#homepage_left_text2
{
	margin-top:20px;
}
#homepage_left_text3
{
	margin-top:20px;
}
#homepage_left_text4
{
	margin-top:20px;
}

#homepage_left_title_1
{
height:91px;
margin-top:20px;
}
#homepage_left_title_2
{
	height:65px;
}
#homepage_left_title_3
{
	height:50px;
}
#homepage_left_title_4
{
	height:50px;
}

#homepage_left_images
{
color:#A8C510;
float:left;
font-family:Arial;
font-size:18px;
font-weight:bold;
padding-right:15px;
text-align:right;
width:152px;
}

#img_apple
{
	height:30px;
margin-top:20px;
}

#img_android
{
	height:30px;
margin-top:20px;
}

#img_windows
{
	height:30px;
margin-top:20px;
}

#img_blackberry
{
	height:30px;
margin-top:35px;
}

#text_apple
{
	margin-top:20px;
}

#text_android
{
	margin-top:20px;
}

#text_windows
{
	margin-top:20px;
}

#text_blackberry
{
	margin-top:20px;
}

/*.homepage_left_p
{
	float:left;
}

#homepage_left_p1_Titre
{
color:#A8C510;
display:block;
float:left;
font-family:Arial;
font-size:18px;
font-weight:bold;
height:48px;
padding-right:25px;
text-align:right;
width:134px;
}
#homepage_left_p2_Titre
{
color:#A8C510;
display:block;
float:left;
font-family:Arial;
font-size:18px;
font-weight:bold;
height:48px;
padding-right:25px;
text-align:right;
width:134px;
}
#homepage_left_p3_Titre
{
color:#A8C510;
display:block;
float:left;
font-family:Arial;
font-size:18px;
font-weight:bold;
height:48px;
padding-right:25px;
text-align:right;
width:134px;
}
#homepage_left_p4_Titre
{
color:#A8C510;
display:block;
float:left;
font-family:Arial;
font-size:18px;
font-weight:bold;
height:48px;
padding-right:25px;
text-align:right;
width:134px;
}

#homepage_left_p1_Texte
{
	display:block;
float:left;
width:281px;
font-family:Arial;
}
#homepage_left_p2_Texte
{
	display:block;
float:left;
width:281px;
font-family:Arial;
}
#homepage_left_p3_Texte
{
	display:block;
float:left;
width:281px;
font-family:Arial;
}
#homepage_left_p4_Texte
{
	display:block;
float:left;
width:281px;
font-family:Arial;
}*/

#homepage_right
{
float:right;

margin-right:-36px;

padding-top:137px;
	}
	

#menu-commun_sous-menu a
{
	margin-left:5px;
}

#img_platform_IOS
{
	height:30px;
	width:40px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}

#img_platform_android
{
	height:30px;
	width:40px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}

#img_platform_windows
{
	height:30px;
	width:40px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}

#img_platform_blackberry
{
	height:30px;
	width:40px;
	float:left;
	margin-left:10px;
	cursor:pointer;
}

#choixPlateforme
{
	margin-left:182px;
	width:490px;
}

#choixPlateforme_texte
{
float:left;
font-family:Arial;
font-size:13px;
line-height:30px;
	
}

.main_content_mobile_plat
{
	background:url("/images/mobile/bg-os.png") no-repeat scroll 0 0 transparent;
	float:left;
height:535px;
width:764px;
}

.plat_descr
{
	margin-left:264px;
	margin-top:100px;
}

.plat_petit_titre
{
	color:#A6C410;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	padding-left:20px;
}

.plat_descr_text
{
	color:#999999;
	font-family:Arial;
	font-size:13px;
	margin-top:15px;
	padding-left:18px;
	width:390px;	
}

.main_content_mobile_ipad_old
{
	float:left;
	height:535px;
	width:764px;	
}

.main_content_mobile_ipad {
background:url("/images/mobile/bg-ipad.png") no-repeat scroll 0 0 transparent;
float:left;
height:535px;
width:764px;
}

#ipad_title
{
	background:url("/images/mobile/bg-titre-mobile2.png") no-repeat scroll 0 0 transparent;
	color:White;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:154px;
	margin-top:29px;
	padding-left:30px;
	width:490px;
}

#ipad_old_left
{
	margin-left:174px;
	width:532px;
}

#ipad_left {
color:#999999;
margin-left:174px;
margin-top:41px;
padding-left:11px;
width:499px;
color:#999999;
font-size:13px;
font-weight:bold;
font-family:Arial;

}

#ipad_left a
{
text-decoration:underline;
color:#999999;
font-weight:bold;
font-size:15px;
font-family:Arial;
}


#ipad_text_title
{
color:#999999;
font-family:Arial;
font-size:15px;
font-weight:bold;
margin-left:213px;
margin-top:10px;
}

#ipad_text_descr
{
color:#999999;
font-family:Arial;
font-size:13px;
margin-left:212px;
margin-top:10px;
width:490px;
}

#ipad_video
{
	margin-left:100px;
}

#ipad_actus_title
{
background:url("/images/mobile/bg-titre-mobile2.png") no-repeat scroll 0 0 transparent;
color:White;
font-family:Arial;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
margin-left:185px;
margin-top:29px;
padding-left:30px;
width:490px;
}
