/* CSS Document */

@font-face {
    font-family: 'RockwellLightRegular';
    src: url('../_fonts/rock.eot');
    src: url('../_fonts/rock.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/rock.woff') format('woff'),
         url('../_fonts/rock.ttf') format('truetype'),
         url('../_fonts/rock.svg#RockwellLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*------------------------------------------------------*/

*{
	margin:0;
	padding:0;	
}

html{
	height:100%;
	font-size:14px;
	line-height:160%;
}

body{
	min-width:320px;
	background:#596972; 
	background:#D8D8D8;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;	
	position:relative;
	min-height:100%;
	
	
	color:#325f77;
}

body.checkSize{
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;	
}

.clear{
	float:none; 
	clear:both;
	height:0;
	line-height:0;
	font-size:0.0001em;
	overflow:hidden;
}

#cache{
	width:0;
	height:0;
	overflow:hidden;	
}

a img{
	border:none;	
}

li{
	list-style:none none outside;	
}



/*--------------------------------------------------------*/


#root{
	position:relative;
}

.wBloc{
	margin:auto;	
	/*width:1000px;*/
	max-width:1000px;
	/*min-width:580px;*/
	text-align:left;
	position:relative;
	padding:0 30px 0 30px;
	
	
}



#header{
	background:#0F5B95 url(../_img/header_bg.jpg?noCache=1) repeat center top;	
	height:105px;
	text-align:center;
	color:#FFF;
	overflow:hidden;
}

#header a.logo:link,
#header a.logo:visited{
	display:block;
	text-align:left;
	font-family: 'RockwellLightRegular';
	text-decoration:none;
	color:#FFF;
	padding:8px 0 0 65px;
	background:url(../_img/logo_small.png) no-repeat 0 -2px;
	height:48px;
	
	float:left;
	margin:20px 0 20px 0;
	
}

#header a.logo:link h2,
#header a.logo:visited h2{
	font-size:1.6rem;
	font-weight:normal;
}

#header a.logo:link h3,
#header a.logo:visited h3{
	font-size:1.2rem;
	font-weight:normal;
	color:#06B2E9;

}

#header .shortcuts{
	float:right;
	margin:15px 0 0 0;	
}

#header .shortcuts a:link,
#header .shortcuts a:visited{
	display:inline-block;
	width:51px;
	height:51px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:30px 30px;
	width:36px;
	height:36px;
	
	background-color:#06b2e9;
	
}

#header .shortcuts a.developpement{
	background-image:url(../_img/dev_icon2.png);	
}
#header .shortcuts a.integration{
	background-image:url(../_img/inte_icon2.png);	
}
#header .shortcuts a.devflash{
	background-image:url(../_img/flash_icon2.png);	
}
#header .shortcuts a.animflash{
	background-image:url(../_img/anim_icon2.png);	
}
#header .shortcuts a.mobile{
	background-image:url(../_img/mobile_icon2.png);	
}
#header .shortcuts a.design{
	background-image:url(../_img/design_icon2.png);	
}
#header .shortcuts a.photo{
	background-image:url(../_img/photo_icon2.png);	
}
#header .shortcuts a.traduction{
	background-image:url(../_img/translate_icon2.png);	
}






#menu{
	background:#FFF;	
	border-bottom:#dbdbdb 1px solid;
	padding:15px 0;
}

#menu.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:900;	
}

#menu .wBloc{
	position:relative;	
}

#menu ul{
	margin:0;
}

#menu li{
	display:inline;	
	margin:0 30px 0 0;
}

#menu li a:link,
#menu li a:visited{
	text-decoration:none;	
	color:#325f77;
	font-size:1.15rem;
	font-family: 'RockwellLightRegular',Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#menu li.selected a:link,
#menu li.selected a:visited,
#menu li a:hover,
#menu li a:active{
	color:#06B2E9;
}

#body{
	background:#f3f3f3 url(../_img/body_bg.png);
	min-height:300px;	
	padding:50px 0 50px 0;

	color:#3E3E3E;
}

#body.withArianne{
	padding-top:20px;
}

.arianne{
	margin:0 0 30px 0;
	font-size:0.9rem;
	color:#999;
}

#body .arianne a:link,
#body .arianne a:visited{
	color:#999;
}

#footer{
	padding:40px 0 40px 0;
	position:relative;
	color:#A3A3A3;
}

#footer a.facebook{
	background:url(../_img/fbPageBtn.png) no-repeat center center;
	display:inline-block;
	width:33px;
	height:33px;	
	margin-top:10px;
}

#footer .nav{
	color:#FFF;
	text-align:center;
	padding:20px 0 0 0;
}

#footer .nav a:link,
#footer .nav a:visited{
	color:#FFF;
	text-decoration:none;	
}

#footer .nav a:hover,
#footer .nav a:active{
	color:#666;
	
}


#body h1{
	font-family: 'RockwellLightRegular',Arial, Helvetica, sans-serif;
	font-size:30px;
	/*text-transform:uppercase;*/
	font-weight:normal;
	margin:0 0 40px 0;
}

#body h2{
	font-family: 'RockwellLightRegular',Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0 0 25px 0;
	/*color:#06B2E9;*/
}

#body h3{
	font-family: 'RockwellLightRegular',Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	margin:0 0 25px 0;
}

#body h4{
	font-family: 'RockwellLightRegular',Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#CCC;
	margin:0 0 15px 0;
}

#body a:link,
#body a:visited{
		color:#06B2E9;
		text-decoration:none;
}

#body a:hover,
#body a:active{
	text-decoration:underline;
}

p,
ul{
	margin:0 0 30px 0;	
}


#slideHome{
	background:#000;
	position:relative;
	color:#FFF;
	overflow:hidden;
}


.cvInner{
	
}

.cvInner li{
	margin:0 0 20px 0;
}

.cvInner li em{
	font-style:normal;
	display:inline-block;
	width:110px;	
}

.cvInner li strong{
	display:inline-block;	
}

.cvInner li strong a{
	font-weight:normal;	
}

.cvInner li span{
	display:block;
	padding:0 0 0 115px;	
}

a.presta:link,
a.presta:visited{
	display:block;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
	background-repeat:no-repeat;
	background-position:0 35px;
}

a.presta.developpement{
	background-image:url(../_img/dev_icon.png);
}
a.presta.integration{
	background-image:url(../_img/inte_icon.png);
}
a.presta.mobile{
	background-image:url(../_img/mobile_icon.png);
}
a.presta.devFlash{
	background-image:url(../_img/flash_icon.png);
}
a.presta.animflash{
	background-image:url(../_img/anim_icon.png);
}
a.presta.design{
	background-image:url(../_img/design_icon.png);
}
a.presta.photo{
	background-image:url(../_img/photo_icon.png);
}
a.presta.traduction{
	background-image:url(../_img/translate_icon.png);
}


a.presta:hover,
a.presta:active{
	text-decoration:none !important;
	
}

a.presta:link h4,
a.presta:visited h4{
	color:#06B2E9 !important;
}

a.presta:link .desc,
a.presta:visited .desc{
	color:#666;
	display:block;
	padding:0 0 0 60px;
}

a.presta:link .more,
a.presta:visited .more{
	margin:0 0 0 60px;
}

a.presta:hover .more,
a.presta:active .more{
	text-decoration:underline;
}




#contactForm{
	margin:0 0 20px 0;
	display:block;	
}

#contactForm .line{
	position:relative;
	clear:both;
	margin:0 0 15px 0;	
}

#contactForm .line label{
	float:left;
	width:120px;
	color:#666;
}

#contactForm .line.error label{
	color:#900 !important;	
}
#contactForm .line.error .saisie{
	color:#900 !important;	
	border-color:#900 !important;	
}

#contactForm .line .saisie{
	border:1px solid #FFF;
	background:#FFF;
	padding:5px 10px;
	color:#666;
	width:500px;	
	font-size:1rem;
	
	border-radius: 2px;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
}


#contactForm .btnSend{ 
	cursor:pointer;
	color:#FFF;
	background:#596972 url(../_img/send_icon.png) no-repeat 3px center;
	padding:10px 20px 10px 50px;
	float:left;
	
	border-radius: 2px;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
}

#contactForm .btnSend:hover{ 
	background-color:#06A3D3;
}

.sendConfirm{
	color:#090;
	display:none;
}


.projet{
	display:inline-block;
	width:290px;
	height:320px;
	margin:0 30px 30px 0;
	float:left;
	background:#FFF;
	position:relative;	
}

.projet:hover{
	background:#666;
	color:#FFF;	
}

.projet:hover .technos,
.projet:hover .supp{
	color:#CCC;
}

.projet .header{
	margin:0 0 5px 0;	
	
}

.projet .title{
	margin:0 0 10px 0;	
	font-family: 'RockwellLightRegular';
	font-size:1.1rem;
	padding:0 10px;
}

.projet .desc{
	margin:0 0 5px 0;
	font-size:0.85rem;
	padding:0 10px;
}

.projet .technos{
	font-size:0.75rem;
	/*font-family:"Courier New", Courier, monospace;*/
	color:#666;
	padding:0 10px;
	
}

.projet .supp{
	font-size:0.75rem;
	/*font-family:"Courier New", Courier, monospace;*/
	color:#666;
	padding:0 10px;
}

.projet .supp a:link,
.projet .supp a:visited{
	color:#666;
	color:#CCC !important;
	text-decoration:none;
}

.projet .link{
	position:absolute;
	bottom:10px;
	left:10px;	
}

.projet .link a:link,
.projet .link a:visited{
	color:#145C7A;
}

.projet .link a:hover,
.projet .link a:active{
	color:#000;
}

.projetContent{
	margin:0 auto 30px auto;	
}

.projetContent iframe{
	border:none;	
}

.clientsList{
	text-align:center;
	background:#FFF;
	padding:20px 0;
}

.clientsList h3{
	color:#999;	
}

.clientsList img{
	display:inline-block;
	margin:2px;	
	width:80px;
	height:50px;
}

#photoSlider{
	background:#000;
	position:relative;
	height:750px;
	overflow:hidden;
}

.photoSlider_container{
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;	
	z-index:5;
}

.photoSlider_container img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	/*width:100%;*/
	/*height:100%;*/

}


#photoSlider .btnNext,
#photoSlider .btnPrev{
	position:absolute;
	z-index:100;
	width:100px;
	height:100%;
	top:0;	
	cursor:pointer;
}

#photoSlider .btnNext{
	right:0;	
	background:url(../_img/next_arrow.png) no-repeat center center;
}

#photoSlider .btnPrev{
	left:0;	
	background:url(../_img/prev_arrow.png) no-repeat center center;
}


.projet_home{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;	
}

.projet_home .bg{
	/*height:100%;	*/
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.projet_home .legend{
	background:url(../_img/infos_bg.png);
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:10;
	padding:10px 0;	
}

.projet_home .degradee_left{
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	height:100%;	
	width:89px;
	background:url(../_img/degradee_left.png) repeat-y;
}

.projet_home .degradee_right{
	position:absolute;
	z-index:2;
	right:0;
	top:0;
	height:100%;	
	width:89px;
	background:url(../_img/degradee_right.png) repeat-y;
}

.projet_home .title{
	margin:0 0 10px 0;	
	font-family: 'RockwellLightRegular';
	font-size:1.5rem;
	padding:0 10px;
}

.projet_home .desc{
	margin:0 0 5px 0;
	font-size:0.85rem;
	padding:0 10px;
}

.projet_home .technos{
	font-size:0.75rem;
	/*font-family:"Courier New", Courier, monospace;*/
	color:#666;
	padding:0 10px;
	
}

.projet_home .supp{
	font-size:0.75rem;
	/*font-family:"Courier New", Courier, monospace;*/
	color:#666;
	padding:0 10px;
}

.projet_home .supp a:link,
.projet_home .supp a:visited{
	color:#666 !important;
	text-decoration:none;
}

.projet_home .link{
	
}

.projet_home .link a:link,
.projet_home .link a:visited{
	color:#06B2E9;
}

.projet_home .link a:hover,
.projet_home .link a:active{
	color:#FFF;
}


#slideHome .btnNext,
#slideHome .btnPrev{
	position:absolute;
	z-index:900;
	width:100px;
	height:100%;
	top:0;	
	cursor:pointer;
}

#slideHome .btnNext{
	right:0;	
	background:url(../_img/next_arrow.png) no-repeat center center;
}

#slideHome .btnPrev{
	left:0;	
	background:url(../_img/prev_arrow.png) no-repeat center center;
}