@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	color:black;
	background-color:white;
}
* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	border:none;
}
a:hover {
	text-decoration:none;
}
#loading_bar {
	text-align:center;
	position:fixed;
	left:10%;
	bottom:0%;
	right:10%;
	display:none;
	z-index:200;
	padding:1% 0;
}
/*------------------------------------------------------------------
---------------------------Splashscreen-----------------------------
------------------------------------------------------------------*/
.bloc_fixed { /*Class reglant la position des blocs de fond*/
	position:fixed;
	left:0%;
	top:0%;
	bottom:0%;
	right:0%;
	display:block;
}
#bloc_index_fond_logo{
	background:url(interface/splash/sous_logo.png) no-repeat center;
	margin-bottom:120px;
}
#bloc_index_logo {
	background:url(interface/splash/logo.png) no-repeat center;
	margin-bottom:120px;
}

#bloc_index_fond_tagline{
	background:url(interface/splash/sous_tagline.png) no-repeat center;
	margin-top:240px;
}
#bloc_index_tagline{
	background:url(interface/splash/tagline.png) no-repeat center;
	margin-top:250px;
}

#btn_index_accueil a{
	position:fixed;
	width:220px;
	height:240px;
	margin-left:-110px;
	margin-top:-170px;
	left:50%;
	top:50%;
	display:block;
}
#btn_index_accueil a:hover{
	background:url(interface/splash/entrer.png) no-repeat bottom center;
}

/*
-----------------------BLOCS DE POSITIONNEMENT------------------------
-------------------------entete et copyright--------------------------
*/
#bloc_entete_no_css {
	position:fixed;
	z-index:0;
}
#bloc_logo {
	position:fixed;
	top:1%;
	left:1%;
	margin-left:10px;
	margin-top:10px;
	z-index:100;
}
#bloc_logo img{
	border:none;
}
#bloc_logo_fond {
	position:fixed;
	top:2%;
	left:2%;
	margin-top:-40px;
	margin-left:-45px;
	z-index:90;
}
#bloc_tagline {
	position:fixed;
	top:1%;
	left:3%;
	margin-top:0px;
	margin-left:150px;
	z-index:80;
}
#bloc_tagline_fond {
	position:fixed;
	top:2%;
	left:4%;
	margin-top:-30px;
	margin-left:80px;
	z-index:70;
}
#bloc_copyright {
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6;
	position:fixed;
	bottom:0%;
	right:0%;
	font-size:60%;
	background-color:white;
	color:black;
	z-index:99;
	padding:2px 4px;
}
/*
-------------------------menu principal-------------------------
*/
#bloc_main-menu {
	position:fixed;
	top:3%;
	left:1%;
	margin-top:140px;
	z-index:80;
}
#bloc_main-menu_fond {
	position:fixed;
	top:4%;
	left:2%;
	margin-top:85px;
	margin-left:-40px;
	z-index:70;
}
#bloc_main-menu a img {
	border:none;
}
/*---bouton accueil---*/
#btn_accueil a {
	background:url(interface/accueil.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_accueil a:hover {
	background:url(interface/accueil.png) bottom right no-repeat;
}
#btn_accueil_actif a {
	background:url(interface/accueil.png) right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_accueil_actif a:hover {
	background:url(interface/accueil.png) right no-repeat;
}
/*---bouton portfolio---*/
#btn_portfolio a {
	background:url(interface/portfolio.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_portfolio a:hover {
	background:url(interface/portfolio.png) bottom right no-repeat;
}
#btn_portfolio_actif a {
	background:url(interface/portfolio.png) right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_portfolio_actif a:hover {
	background:url(interface/portfolio.png) right no-repeat;
}
/*---bouton blog---*/
#btn_blog a {
	background:url(interface/blog.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_blog a:hover {
	background:url(interface/blog.png) bottom right no-repeat;
}
#btn_blog_actif a {
	background:url(interface/blog.png) right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_blog_actif a:hover {
	background:url(interface/blog.png) right no-repeat;
}
/*---bouton contact---*/
#btn_contact a {
	background:url(interface/contact.png) top right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_contact a:hover {
	background:url(interface/contact.png) bottom right no-repeat;
}
#btn_contact_actif a {
	background:url(interface/contact.png) right no-repeat;
	width:100px;
	height:30px;
	display:block;
}
#btn_contact_actif a:hover {
	background:url(interface/contact.png) right no-repeat;
}

/*
---------------------------sous menu---------------------------
*/

.btn_js {
	display:block;
}

#bloc_sous-menu {
	_border:1px solid red;
	display:block;
	position:fixed;
	margin-top:260px;
	margin-left:-40px;
	left:2%;
	top:6%;
	z-index:60;
}
#bloc_sous-menu h3 {
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6;
	background-color:white;
	font-size:90%;
	display:inline-block;
	color:#000;
	margin-top:5px;
	margin-bottom:1px;
	padding:0 5px 0 40px;
}
#bloc_sous-menu a {
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6;
	font-size:100%;
	display:inline-block;
	color:black;
	background-color:white;
	margin-bottom:1px;
	padding:0 10px 1px 45px;
	line-height:95%;
}
#bloc_sous-menu a:hover {
	background-color:silver;
	color:black;
}
#bloc_sous-menu .active a {
	background-color:#000;
	color:white;
}
/*
----------------------------Accueil------------------------------
*/
#bloc_contenu_acc {
	display:block;
	position:absolute;
	left:10%;
	top:6%;
	margin-top:65px;
	right:0;
	z-index:50;
	text-align:center;
}
#bloc_contenu_acc p {
	color:#444;
	text-align:left;
	padding-top:2%;
	font-size:110%;
}
#bloc_contenu_acc a {
	color:#5a2;
}
#bloc_contenu_acc a:hover {
	background-color:#5a2;
	color:white;
}
#bloc_contenu_acc .pres {
	text-align:right;
	margin-left:100px;
	margin-bottom:3%;
}
#bloc_contenu_acc h3 {
	display:inline-block;
	line-height:95%;
	color:white;
	background-color:#5a2;
	font-size:180%;
	padding:1.5% 3%;
	margin-right:10%;
	margin-bottom:-1%;
	min-width:100px;
}
#bloc_contenu_acc .desc {
	color:#666;
	background-color:#ddd;
	margin-right:15%;
	margin-left:auto;
	padding:1.5% 1% 1% 1%;
	min-width:400px;
}
#bloc_contenu_acc .acc_img {
	height:100px;
	overflow:hidden;
	margin:5px 0;
	border:none;
}
#bloc_contenu_acc .acc_img img{
	padding:1% .5%;
	border:none;
}

/*
---------------------------PORTFOLIO---------------------------
*/
#bloc_contenu {
	display:block;
	position:absolute;
	left:10%;
	top:6%;
	margin-top:65px;
	right:0;
	z-index:50;
	text-align:center;
}
#bloc_contenu p {
	text-align:center;
}
#bloc_contenu a {
	color:#5a2;
}
#bloc_contenu a:hover {
	background-color:#5a2;
	color:white;
}
#bloc_contenu .pres {
	text-align:right;
	margin-left:100px;
	margin-bottom:3%;
}
#bloc_contenu h3 {
	display:inline-block;
	line-height:95%;
	color:white;
	background-color:#5a2;
	font-size:180%;
	padding:1.5% 3%;
	margin-right:10%;
	margin-bottom:-1%;
	min-width:100px;
}
#bloc_contenu .desc {
	color:#666;
	background-color:#ddd;
	margin-right:15%;
	margin-left:auto;
	padding:1.5% 1% 1% 1%;
	min-width:300px;
	max-width:500px;
}
#bloc_contenu img, #bloc_contenu object {
	display:block;
	margin:auto;
	margin:2% auto 0 auto;
}
/*
----------------------Form--------------------------------
*/
form {
}
input {
}
input[type=text] {
}
input[type=submit] {
}
input[type=reset] {
}
input[type=submit]:hover, input[type=reset]:hover {
}
textarea {
}