body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}

body {
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#333333;
position:relative;
background: #202020;
}


#all{
width:900px;
margin:0 auto;
position:relative;
}

header {
height:55px;
padding:0;
margin:20px 0 0 0;
}

header #logo {
float:left;
height:70px;
text-decoration:none;
font-size:50px;
}

nav{
float:right;	
background:#9d9d9d;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;	
margin:10px 0 0 0;
}



/*
nav ul{
list-style:none;
margin:0;
padding:0;
}*/

nav ul {
	list-style:none;
	height:40px;
	padding:0; margin:20px 0 0 0;
	border-top:1px solid #2a323f;
	border-bottom:1px solid #2a323f;
	background: #485160;
	background: -moz-linear-gradient(top, #485160 0%, #39414c 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485160), color-stop(100%,#39414c)); 
	box-shadow: 0 2px 4px #424346;
	-moz-box-shadow: 0 2px 4px #424346;
	-webkit-box-shadow: 0 2px 4px #424346;
	margin:0;
	padding:0;
}


nav ul li{
float:left;
}
/*
nav ul li a{
margin:0;
padding:0;
float:left;
padding:10px 20px 10px 20px;
color:#fafafa;
text-decoration:none;
text-shadow: 0 1px 1px #6e6e6e;
}

*/
nav ul li a {
	float:left;
	padding:0 20px 0 20px; margin:0;
	padding:0px 20px 2px 20px;
	height:40px;
	line-height:40px;
	color:#e0e1e3;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 10px 10px #101215;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	
}

/*
nav ul li a:hover{
background:#333333;
}*/

nav ul li a:hover {
	
	background: #202020;
	background: -moz-linear-gradient(top, #87CEFA 0%, #4c5766 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87CEFA), color-stop(100%,#4c5766)); 
	color:#fff;
}

nav ul li:first-child a:hover {
background:#333333;
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px; 
-webkit-border-top-left-radius: 5px;	
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px; 
-webkit-border-bottom-left-radius: 5px;	
}
nav ul li:last-child a:hover {
background:#333333;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px; 
-webkit-border-top-right-radius: 5px;	
border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;	
}

/*css pour les tags*/
nav_t ul {
	list-style:none;
	margin:20px;
	padding:0;
	width:500px;
}

.nav_t ul li a span:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:1;
	background: -moz-radial-gradient(1em 50%, circle, white .35em, rgba(255,255,255,0) .4em);
	background: -o-radial-gradient(1em 50%, circle, white .35em, rgba(255,255,255,0) .4em);
	background: -ms-radial-gradient(1em 50%, circle, white .35em, rgba(255,255,255,0) .4em);
	background: -webkit-radial-gradient(1em 50%, circle, white .30em, rgba(255,255,255,0) .4em);
}
.nav_t ul li {
	float:left;
	padding:2px;
	overflow:hidden;
	height:35px;
}
.nav_t ul li a{	
	color:#223645;
	text-decoration:none;
	text-shadow:0px 1px 1px #ffdb91;
	font-weight:bold;
	padding:6px 10px 6px 25px;
	margin:5px 10px 5px 0;
	float:left;
	position:relative; 183152
	background:#BD8D46;
	background: -moz-linear-gradient(top, #BD8D46 0%, #febe50 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BD8D46), color-stop(100%,#febe50));
	box-shadow: 0 2px 2px #d9d7da;
	-moz-box-shadow: 0 2px 2px #d9d7da;
	-webkit-box-shadow: 1px 2px 2px #d9d7da;
	border:1px solid #d19632;
	border-left:none;
	-moz-border-bottom-right-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	border-bottom-right-radius: 3px;
	-moz-border-top-right-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	border-top-right-radius: 3px;
}

.nav_t ul li a:before  {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: -18px;  
	top: -7px;  
	border: 17px solid;  
	border-color: #c8c8c8 transparent transparent transparent;  
}  
.nav_t ul li a:after   {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: -18px;  
	bottom: -7px;  
	border: 17px solid;  
	border-color: transparent transparent #c8c8c8 transparent;  
}  

.nav_t ul li a:hover{
	color:#d8ebff;
	text-shadow:0px 1px 1px #42aaf4;
	border:1px solid #42aaf4;
	background:#94c9fd;
	background: -moz-linear-gradient(top, #94c9fd 0%, #50a3fc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94c9fd), color-stop(100%,#50a3fc));
}
.nav_t ul li a:active{
	margin:6px 10px 5px 0;
	box-shadow: 1px 1px 2px #d9d7da;
	-moz-box-shadow: 1px 1px 2px #d9d7da;
	-webkit-box-shadow: 1px 1px 2px #d9d7da;
	color:#fff;
}

/*Fin css pour les tag*/


article {
width:820px;
position:relative;
float:left;
margin:120px 0 0 0;
padding:40px;
background: #c8c8c8;
background: -moz-linear-gradient(top, #c8c8c8 0%, #9e9e9e 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#9e9e9e));
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;	
}
article h2{
font-size:30px;
padding:0; margin:0;
}
article p{
font-size:12px;
line-height:20px;
padding:0; margin:0;
}
article#bloc1 img{
float:right;
margin-left:40px;
}
article#bloc2 img{
margin-top:35px;
}
article#bloc3 figure {
width:200px;
padding:0 0 0 130px; 
margin:40px 0 0 40px;
float:left;
background: url("images/picture3.png") 0 0 no-repeat;
}

article#bloc4 {
padding:40px 400px 40px 40px;
width:460px;
}
article#bloc4 p{
margin-bottom:15px;
}

article#bloc4 .contact_form {
width:310px;
position:absolute;
right:40px;
top:40px;
}
article#bloc4 .contact_form input,
article#bloc4 .contact_form textarea{
background:#e6e6e6;
padding:8px;
width:300px;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;	
margin:0 0 10px 0;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
}
article#bloc4 .contact_form textarea{
height:100px;
}
article#bloc4 .contact_form input[type=submit] {
background:#5c5c5c;
width:120px;
color:#e6e6e6;
float:right;
cursor:pointer;
}

/******* FORM validation part*******/  


article#bloc4 .contact_form input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  

article#bloc4 .contact_form textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
article#bloc4 .contact_form div{  
    margin-bottom: 10px;  
}  
article#bloc4 .contact_form  span{  
    margin-left: 10px;  
    color: #fefef1;  
    font-size: 11px;  
    font-style: italic;  
}  
article#bloc4 .contact_form div span.error{  
    color: #e46c6e;  
}  
article#bloc4 .contact_form #send{  
    background: #202020;  
    color: #fff;  
    font-weight: 700;  
    font-style: normal;  
    border: 0;  
    cursor: pointer;  
}  
article#bloc4 .contact_form #send:hover{  
    background: #79a7f1;  
}  
article#bloc4 #error1{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  

article#bloc4 .error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
article#bloc4 #error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
article#bloc4 #error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
article#bloc4 #error ul li strong{  
    color: #e46c6d;  
}  
article#bloc4 #error.valid ul li strong{  
    color: #93d72e;  
}  

.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
/******* /FORM *******/ 



footer {
font-size: 1.2em;
background-color:#000000; 
height:70px;
text-align:center;
text-shadow:1px 1px 1px #ccc;
width:900px;
float:left;
/*padding:20px 0 0 0;*/
padding: 20px 0px 0 0;
clear: both;
}
/*
footer {
	background-color:black; 
	width:100%; 
	height:90px; 
	color:#fff; 
	text-shadow:2px 2px 2px #ccc; 
	text-align:center; 
	padding-top:20px;
	
}*/

footer a:hover {
	color:#CF6;
	-webkit-transition-property: color;
	-webkit-transition-duration: 1s;
	-moz-transition-property: color;
	-moz-transition-duration: 1s;
	transition-property: color;
	transition-duration: 1s;
}

footer a{
font-weight:bold;
color:#5c5c5c;
}