body {
	font-size: 15px;
	background: #171819;
	color: #d4d4d4;
}
.content-center{
	width: 1136px;
	margin: 0 auto;	
}

.clearfix:before, .clearfix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after{ clear: both;}

.left  {float: left}
.right {float: right}

/*
HEADER
-----------------------------------------------------
*/
header#header_page{
	height: 70px;
	margin: 0;
} 

header#header_page a.logo{
	background:url(../img/logo.jpg) no-repeat;
	width: 141px;
	height: 41px;
	display:block;
	float: left;
	text-indent: -9999px;
	margin: 10px 0 0 25px;

}

header#header_page div.side-logo {
	display: inline-block;
	margin: 22px 0 0 10px;
}


/*
NAVBAR
--------------------------------------------------
*/
header .navbar ul{
	color: black;
	font-size: 17px;
	display: inline-block;
	margin: 37px 0 0 0;
}

header .navbar li{
	display: inline-block;
	margin: 0 25px 0 0 ;
}

header .navbar ul li a{
	color: #d4d4d4;
}

header .navbar ul li a:hover, header .navbar ul li.active a{
	color: #0099FF;
}

/*
CONTENU
---------------------------------
*/


/*
Carousel
----------------------------------
*/
section#carrousel div.content-center{
	height: 511px;
	width: 1136px;
	border: 1px solid #bdbdbd;
	border-radius: 5px;

}


section#carrousel .slides{
	position:relative;
}

section#carrousel .slides .slides_container{
	height: 511px;
	width: 1136px;
}


section#carrousel .caption{
	position: absolute;
	top :420px;
	left : 25px;
	width: 320px;
	height: 60px;
	background-color: rgba(0,0,0,0.30);
	border-radius : 3px;
	padding : 4px 15px 0;
	color : #fff;
	
}

section#carrousel .slides .slide .caption p.title{
	font-size: 24px;
	margin: 0;
}

section#carrousel .slides .slide .caption p.technique{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

section#carrousel .slides .slide a{
	display: block;
}



section#carrousel .slides .slide img{
	height:511px ;
	width:1136px ;
	background-position: center;
}

section#carrousel ul.pagination{
	position: absolute;
	z-index: 6;
	top: 460px;
	right: 60px;	
}

section#carrousel ul.pagination li{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	
}

section#carrousel ul.pagination li a{
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/puce.gif) top;
	text-indent: -99999px;
}

section#carrousel ul.pagination li.current a, section#carrousel ul.pagination li a:hover{
	background-position: bottom;
}



/*
A PROPOS
------------------------------
*/

section#apropos div.content-center{
	height: 511px;
	width: 1136px;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	background: url(../img/apropos.png); 

}


section#apropos .cadre{
	padding: 5px 20px;

}

section#apropos h2{
	color:#0099FF;
}

section#apropos p{
    color: #393939;
	font-family: "Lucida Sans", geneva;
}

section#apropos H3{
    color: #878787;
	font-family: "Lucida Sans", geneva;
}

section#apropos .cadre .left{
	width: 420px;
	height: 345px;
	
}

section#apropos .cadre .right{
	width: 675px;
	margin: 20px 0;
	
}

section#apropos .cadre .clients p{
    width: 1000px;
    margin: 0 30px;
    color: #848484;
}

/*
CONTACT
-----------------------------
*/

section#contact div.content-center{
	height: 511px;
	width: 1136px;
	border: 1px solid #bdbdbd;
	border-radius: 5px;

}

input{
    border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px ;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 80px;
    outline: medium none;
    padding: 0 10px;
    width: 200px;
}


section#contact .cadre{
	padding: 25px;

}

section#contact .cadre .left{
	margin: 20px;
	width: 400px;
	background: url(../img/apropos_sep.gif) no-repeat right center;
}

section#contact h2{
	color:#0099FF;
}

section#contact .right{
	width: 620px;
}

section#contact div.input{
	width: 300px;
	float:left;
}

section#contact input#ContactName {   
	border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px ;
    height: 30px;
    margin: 10px 80px 10px 0;
    outline: medium none;
    padding: 0 10px;
    width: 220px;  
    background-color: #f3f3f3; 
}

section#contact input#ContactEmail{   
	border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px ;
    height: 30px;
     margin: 10px 80px 10px 0;
    outline: medium none;
    padding: 0 10px;
    width: 220px;
    background-color: #f3f3f3; 
    
}
section#contact div.input.textarea{
	width: 540px;
}

section#contact textarea#ContactMessage{
    border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px ;
    margin: 10px 0;
    width: 540px;
    height: 200px;
    background-color: #f3f3f3; 
}
section#contact div.submit{
	display: inline-block;
	height: 50px;
	width: 220px;
}

section#contact div.nottification.succes{
	color:#0099FF;
}

section#contact div.submit input{
    background: #DDD;
    cursor: pointer;
   }

section#contact div.submit input:hover{
    background: #FFF;   
}


section#contact .required{
	color: #d7d7d7;
	display: inline-block;
}

/*
SECTION ADMIN
-------------------------------------------------
*/

div#connexion.content-center{
	height: 511px;
	width: 1136px;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
}

div#connexion.content-center .login{
    height: 250px;
    width: 250px;
    margin: 100px auto;
}

#connexion h2{
    margin-left: 35px;
	color: #0099FF;
}


#connexion label{
    margin: 7px 0;
	width: 110px;
	display: inline-block;
}

#connexion .submit input{
    margin-top: 40px;
    width: 222px;
	background-color: rgba(230,231,231,0.8);
	border: none;
	padding: 3px 6px;
	border-radius: 5px;
	color: #313131;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-family: Arial, sans-serif;
	cursor: pointer;
}

#connexion form .submit input:hover{
	background-color: rgba(230,231,231,1);}

#connexion form.search div.input, form.search div.submit{
	display: inline;
	margin: 0;
}
#connexion .message{
	color: red;
	height: 25px;
	margin-left: 30px;
}

/*
SECTION GALERIE
--------------------------------
*/
section#galerie .menu{
	width: 100%;
	height: 40px;
	margin-bottom: 25px;
}

section#galerie .titre{
	width: 200px;
	float: left;
	color: #0099FF;
}

section#galerie .menu ul{
	display: inline-block;
}

section#galerie .menu li{
	display: inline-block;
	margin: 10px 0 0 5px;
}

section#galerie .menu li a{
	color: #d4d4d4;
	border: #171819 solid 1px;
	border-radius: 5px;
	padding: 3px;

}

section#galerie .menu li a:hover, header .navbar ul li.active a{
	color : black;
	border: #0099FF solid 1px;
	border-radius: 5px;
	background: #0099FF ;
	padding: 3px;
	
}


section#galerie .menu .categories p{
	width: 150px;
}
section#galerie .bloc{
	float: left;
	margin: 10px;
}

section#galerie .bloc a{
	text-decoration: none;
}
   
section#galerie .bloc a h3{
	background:#0099FF none repeat scroll 0 0;
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	left:0;
	margin:0;
	width:140px;
	display:block;
	padding:5px;
	position:absolute;
	text-transform:uppercase;
}   
   
   

section#galerie .bloc a:hover{
	background:#0099FF none repeat scroll 0 0;
/*
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	left:0;
	margin:0;
	width:140px;
	display:block;
	padding:5px;
	position:absolute;
*/
}	

/*
section#galerie a:hover{
	background-position:bottom left;
	background:#0099FF none repeat scroll 0 0;
}
*/

section#galerie h3{
	position: relative;
}   
   
/*
SECTION CONTENT
-----------------------------
*/
section#content{
	height: 200px;
}

section#content div.column{
	display: inline-block;
	height: 168px;
	width: 264px;
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	margin: 17px 0 0 0;
}

section#content div.column.col1{
	margin-right: 16px;
}

section#content div.column.col4{
	margin-left: 16px;
}


/*
FOOTER
----------------------------------
*/

footer#footer_page{
	color: #4c4e51;
	font-size: 11px;
	height: 33px;
	margin-top: 15px;
	text-align: center
}

footer#footer_page a{
	color: #4c4e51;
}



footer .column_left{
	display: inline-block;
	background: url(../img/footer_sep.gif) no-repeat right center;
	vertical-align: top;
	width: 125px
}
footer .column_right{
	display: inline-block;
	margin: 0 10px;
}

footer .column_right p{
	margin: 0;
}