html, body{height:100%;}
body
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
	margin:0;
	background:#fafafc;
}
/*image resposive */
img{display:inline-block;max-width:100%;height:auto;margin:0;padding:0;}

p, h1, h2, h3, h4, h5, fieldset {padding:0;margin:10px;}

fieldset{text-align:left;border:none;}

label{text-align:left;}

.ok_button{
	text-align:center;
	background:#558297;
	color:#fff;
	width:100px;
	margin:auto;
	font-size:15px;
	border:0;
	padding:5px;}

h1, h2, h3, h4, h5{color:#558297;}

form p {padding:5px;}

article label{width:200px;display:block;float:left;}



#bloc_page
{    
	width:100%;
    margin: auto;
}

header {
	display: inline-block;
	width:100%;
	border:px solid #000;
	margin:0;
	background:#2b77ff;
		background:#805b31;
		background:#558297;
		background:#26A3AB;
		background:#479dd8;
		background:#26A3AB;

	padding:0;
	text-align:center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	overflow: hidden;
	}

#tel{display:none;text-align:right;font-size:14px;margin:20px 10px 0px;float:right;color:#fff;}

#logo
{
	border:0px solid #fff; 
	padding:0;
	margin:10px;
	float:left;
	font-size:2em;
	font-weight:bold;
	text-align:left;
	    font-family: 'century';

}
.spanlogo{color:#EB580C;}
.spanlogo2{font-size:0.5em;}


#banniere{padding:81px 0 0px 0 ;text-align:center;}
#banniere p{float:left;color:#fff;font-size:1.6em;border:0px solid #fff;width:300px;margin:auto;}
/* Navigation */

nav
{
    display: inline-block;
	border:0px solid #fff;
	margin-top:20px;}

nav ul,footer ul, #tel ul
{	padding:0;
  	list-style-type: none;
}

nav li, footer li
{	vertical-align:top;

    display: inline-block;
    margin:0 15px 0 0px;
}

a, nav a
{
   font-size: 1.1em; 
    color: #181818;
	color:#fff;
    padding-bottom: 3px;
    text-decoration: none;
}

aside a{color:#000;}

nav a:hover
{
    color: #aaa;
    border-bottom: 3px solid #aaa;
}
.smenu li {display:block;margin:0;color:#aaa;}
.smenu a{color:#aaa;font-size:1em;}
.smenu a:hover{color:#fff;}

section{
	padding:0 0 10px 0;  	
	border:0px solid #000;
  	display: inline-block; 
	width:100%;
	margin:0;
	text-align:center;
	}
article
{
    display: inline-block;
    vertical-align: top;
	margin:5px  ;
	width: auto;
	padding:10px;
	text-align:left;
	margin:0 100px 0 100px;

	
	/*
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 0 0 3px #656565;    
	border-radius: 2px;
	*/
}
article p, article li{		font-size:1em;}
article a{color:#26A3AB;}

#accueil article
{
    display: inline-block;
    vertical-align: top;
	margin:5px  ;
	width: 260px;
	padding:10px;
	text-align:left;
}
#contact fieldset {text-align:center;}
#contact article{max-width:400px;}
#contact article p{text-align:left;}

footer{
	clear:both;
	display: inline-block;
	text-align:center;
	width:100%;
	background:#2b77ff;
		background:#805b31;
		background:#558297;
		background:#26A3AB;

	color: #fff;
	padding:0;
	
}
.spanconception{font-size:.7em;}
/* parametre responsive <= 420px */
@media screen and (max-width: 420px) {
	ul{text-align:center;}
    ul li{display: block;}
   #banniere{display:none;}
   body{background:green;}
}
/* parametre responsive <= 800px */
@media screen and (max-width: 800px) {
		nav{margin:0;}

	footer ul{text-align:center;}
   footer  ul li{display: block;}
   #tel,#banniere{display:none;}

#logo{font-size:1em;}
nav a {font-size:0.9em;}
#accueil{padding:93px 0 0 0;}

   
   .
}