/*style css pour One Page*/

/*balises génériques*/

*{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style-type:none;}
body{
	font-family:Raleway,Arial,Verdana,sans-serif;
	font-size:12px;
	background:url(../img/blackorchid/blackorchid_@2X.jpg) repeat fixed;
}
	
a{text-decoration:none;}
a:hover{text-decoration:underline}


/*classes génériques*/

.clearfix{clear:both;}
.white{color:#fff;}
.orange{color:#ffb22d;}
.red{color:#FF0000;}
.l-grey{color:#c8c8c8;}
.m-grey{color:#7f7f7f;}
.d-grey{color:#4c4c4c;}
.ligne{display:inline;}
.txtC{text-align:center;}
.txtR{text-align:center;}
.txtJ{text-align:justify;}
.txtL{text-align:left;}
.LH20{line-height:20px;}
.LH30{line-height:30px;}
.LH40{line-height:40px;}
.up{text-transform:uppercase;}
.decalage{margin:0 0 0 21%}

/*REMPLISSAGE DU NAVIGATEUR EN HAUTEUR"*/
html,body #left{height:100%;}

/*FONT GENERIQUES"*/
.ral-reg-12{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:12px;
	font-weight: 400;
}
.ral-reg-18{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:18px;
	font-weight: 400;
}
.ral-reg-24{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:24px;
	font-weight: 400;
}
.ral-med-12{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:12px;
	font-weight: 500;
}
.ral-med-18{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:18px;
	font-weight: 500;
}
.ral-med-24{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:24px;
	font-weight: 500;
}
.ral-sbold-12{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:12px;
	font-weight: 600;
}
.ral-sbold-24{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:24px;
	font-weight: 600;
}
.ral-bold-12{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:12px;
	font-weight: 700;
}
.ral-bold-24{
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-size:24px;
	font-weight: 700;
}
#global{
	min-width:550px;
	width:100%;
	margin:0 auto;
}

/*PARTIE GAUCHE id="left"*/
#left{
	width:15%;
	min-width:120px;
	max-width:250px;
	height:100%;
	position:fixed;
	right:10%;
	background:url(../img/squared_metal/squared_metal_@2X.png) repeat fixed;
	z-index:100;
}
#right{
	width:15%;
	min-width:180px;
	max-width:250px;
	height:100%;
	position:fixed;
	right:10%;
	background:url(../img/squared_metal/squared_metal_@2X.png) repeat fixed;
	z-index:100
}

.bkg{}
#nav{margin:80px 0px 0 0;}
#nav2{margin:80px 0px 0 0;}
#pdf{margin:20px 0px 0 0;}
#pdf a{
	text-transform:uppercase;
	/*color:#fff;*/
	line-height:35px;
	max-width:100px;
	text-decoration:none;
}
#pdf a:hover{
	color:/*#ffb22d;*/grey;
}
#nav a{
	text-transform:uppercase;
	/*color:#fff;*/
	line-height:42px;
	max-width:100px;
	text-decoration:none;
}
#nav a:hover{
	color:/*#ffb22d;*/grey;
}
#nav a.active{color:grey;}

/*slider*/
/**********SLIDER***********************/
ul.rslide li a{
	position:relative;
}
a span{
position:absolute;
bottom:0;
left:0;
padding:5px;
color:white;
background-color:rgba(100, 100, 100, 0.5);
padding-bottom:2%;
}

/*PARTIE DROITE id="center"*/
#center{
	width:50%;
	position:absolute;
	left:25%;
	min-width:400px;
	/*background:url(../img/hixs_pattern_evolution/hixs_pattern_evolution.png) repeat fixed;
	background:url(../img/squared_metal/squared_metal_@2X.png) repeat fixed;*/
	/* background:url(../img/skulls.png) repeat;*/
	/*background:url(../img/perforated_white_leather/perforated_white_leather_@2X.png) repeat fixed;*/
	/*background:url(../img/cartographer/cartographer_@2X.png) repeat fixed;
	background:url(../img/escheresque_ste/escheresque_ste_@2X.png) repeat;
	background:url(../img/congruent_outline.png) repeat;*/
}
.page{
	width:100%;
	/*margin-bottom:50px;*/
	padding:1% 2% 1% 0%;
}

.page2{
	width:100%;
	margin-bottom:50px;
	padding:1% 2% 1% 0%;
}

.page h2,p.s-titre{
	text-align:center;
}
p.s-titre{
	display:block;
	border-bottom:10px solid #7f7f7f;
	/*border-image:url(../img/skulls.png) repeat;*/
	padding-bottom:10px;
}
#accueil .ident{
	float:left;
	width: 20%;
	margin:2% 2%;
	/*text-align:center;*/
}
.small{
	width: 100%;
}
/*#accueil img.ident{
	float:left;
	width: 20%;
	margin:20px 0 20px 0;
	
}*/
.content-accueil{
	width: 70%;
	float:left;
	padding-top:20px;
	padding-left:10px
}
.content-accueil p{
	margin:10px 0 10px 0;
	text-align:justify;
}
.deco{
	clear:both;
	/*border-bottom: 1px dashed #7f7f7f;*/
	margin:20px 0 20px 0;
}
/* Droite Accueil #bloc */
#blocs{
	width:100%;
	float:left;
	padding-top:20px;
	padding-left:5px;
}

.bloc{
	float:left;
	width:32%;
	margin-right:1%;
	padding-bottom:10%;
	padding-left:0.5%;
}
.last, .content .last{
	margin-right:0;
}
.bloc-titre{padding-top:10px;text-align:center;margin-bottom:10px;}
.bloc-titre img{
	vertical-align:middle;
	width:100%;
}
.bloc-titre h4{display:inline-block;}

/* Droite Accueil portfolio */
.content{
	padding-top:40px;
	overflow:hidden;
}
.content li{
	width:31%;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:2%;
	margin-left:0.2%;
	height:175px;
}
.content li img{
	width:90%;
	margin:0 5% 0 8%;
}

/* Droite Contact */
.bloc-contact{
	float:left;
	width:63%;
	margin-right:2%;
	padding-top:40px;
}
.bloc-contact p{
	margin:10px 0;
}
label{
	float:left;
	width:20%;
	padding-top:5px;
}
.text{
	color:grey;
	width:76%;
	margin-bottom:20px;
	padding:1%;
}
.submit{
	cursor:pointer;
	border:none;
	background:#ffb22d;
	color:#fff;
	margin-bottom:20px;
	padding:4px;
	margin-left:20%;
}

/* Droite Social */
.bloc-social{
	float:left;
	width:35%;
	padding-top:40px;
	text-align:right;
}
.bloc-social h4{
	margin:0 0 20px 0;
}
.bloc-social p{
	margin:0 0 20px 0;
}
.bloc-social a.orange{
	margin:10px 0;
	display:block;
}

#left{
	left:10%;
}

#portfolioPrint{
	height:850px;
}

#portfolioWeb{
	height:950px;
	margin-top:105px;
	height:950px;
}

/*.rslides_container{
	padding-top:10px;
}*/

#accueil{
	height:950px;
	padding-top:10px;
}

.telmail{
	width: 100%;
	text-align:center;
}