header, nav, section, article, aside, footer, hgroup {
    display: block;
}
nav {
    margin: auto;
    width: 100%;
}
a {
    color: #434343;
    text-decoration: underline;
}
a:hover {
    color: #ff9c00;
}
ul {		margin:0;	padding:0;}
li{		list-style: none;	}
body {
    background-color: #fff;
    background-repeat: repeat;
    color: #333;
    font-family: "Roboto",arial,basic;
    font-size: 15px;
    margin: auto;
}
h1 {    line-height: 35px;    margin: 15px 0 7px;}
h2{		padding: 10px 0;}

/*********/
/*input, textarea{
    padding: 8px;
    margin: 5px;
    border-radius: 3px;
    font-family: Roboto;
	font-size: 14px;
	width: 100%;
	max-width: 500px;
}*/
input[type=submit] {
    margin-bottom: 20px;
    color: white;
    background: #fa5400;
    border-color: #fa5400;
    text-transform: uppercase;
    max-width: 180px;
    cursor: pointer;
}
input[type=submit]:hover{ background: #e14b00; }

/****************************************************************	HEADER	*/
.largeur{	max-width: 1000px; 		margin: 0 auto; position: relative; }
#entete {
    background-color: #fff;
    margin: auto;
    max-height: 95px;
    width: 100%;
    z-index: 10;
	margin-bottom: 35px;
}
.header_screen {
    margin: auto;
}
#entete .logo{    }
#entete .logo img {
    background-color: #fff;
	height: 55px;
	margin-top: 5px;
	padding-left: 5px;
}
#menu {
    background-color: #3c7faf;
    top: 0;
    z-index: 5;
	float:left;
	font-size:16px;
}
nav#menu ul {
    list-style: outside none none;
    margin: auto;
    padding: 0;
    position: relative;
}
nav#menu li.sous_menu_1 {
    display: inline-block;
    font-size: 1em;
    font-variant: normal;
    font-weight: normal;
	padding: 5px 20px;
	margin-right: 30px;
    text-decoration: none;
}
nav#menu > ul > li {
    margin: auto;
}
nav#menu li, nav#menu li.sous_menu_1 a {
    color: #fff;
}
nav#menu > ul > li > a {
    color: #434343;
    font-size: 0.95em;
    text-align: center;
    width: 100%;
}
nav#menu a {
    color: #434343;
    display: block;
    font-size: 1em;
    padding: 1px 0;
    text-decoration: none;
}

nav#menu ul li a {
    border-bottom: 2px solid #3c7faf;
}
nav#menu ul li a:hover {
    border-bottom: 2px solid #fff;
}
/*		Menu Mobile */
.top-menu {
    background: #3c7faf;
    cursor: pointer;
    float: right;
    height: 100%;
    padding: 14px 8px 10px 9px;

}
.ico-resp{
	background-image: url("../img/menu.png");
	width:25px;
	height:25px;
}
/*			ADAPTATION MOBILE : Header		*/
@media (max-width: 800px) {
	#entete {	font-size: 13px;}
}
@media (max-width: 500px) {
	nav#menu li.sous_menu_1 {		min-width: 100%;	padding:5px 0; 		margin:0;}
	#entete .logo img {				height: 40px;	}
	.top-menu {				display: block;}
	.menu-resp {					display: none;}
	.header_screen {			border-bottom: 5px solid #3c7faf;}
}
@media (min-width: 500px) {
	.top-menu {				display: none;}
}

.nav-mobile-open .ico-resp{	 		background-image: url("../img/croix.png"); }
.nav-active{	display: block;}

/*****************************************						**********************************	MAIN	*/
#page{	font-size: 15px;		line-height: 1.4;		padding:4px;}
#main{
	margin-top: 5px;
	float: left;
	border-right: 1px solid #d7d7d7;
	padding: 5px;
	padding-right: 20px;
	width: 680px;	}

img {max-width: 100%;	height: auto;}

/*											ADAPTATION MOBILE : Header		*/
@media (max-width: 990px) {
	#main {		border-right:0;		width: 90%;		padding:4%;	}
	#skyscraper{	border-top: 1px solid#d7d7d7;		}
}
@media (max-width: 800px) {
#main {			border-right:0;}
}
#clear{clear:both;}
/************************************							************************	FOOTER	*/
#footer{
	margin-top: 20px;
	width: 100%;
	background: #333;
	color: #fff;
	float:left;
}
#footer a{		color: #ddd;		text-decoration: none;}
#footer h4{ 		font-size: 14px;	margin: 5px 0;		text-transform: uppercase;}
#content-foot{ 	padding:15px 5px;	}
.Grande_col{
	width: 400px;
	margin-bottom: 20px;
	float: left;
	font-size: 13px;
	}
.col-footer{
	width: 215px;
	float:left;
	margin: 0 30px 30px 0;
	font-size: 12px;
	text-align: center;
	}
#footer ul {	
	font-size: 12px;
	font-weight: 300;
	margin: 10px 0 30px 0;
	text-transform: uppercase;
}
#footer li{
	padding:5px 0;
	border-top: 1px solid #ddd;
}

/*			ADAPTATION MOBILE : Footer		*/
@media (max-width: 800px) {
.Grande_col{	width: 95%;}
.col-footer{	width: 95%;}
#footer ul {		font-size: 14px;}
}
/************************************							************************	SKYSCRAPER	*/
#skyscraper{
	margin-top: 7px;
	float: left;
	width: 200px;
	padding: 30px 20px;
}
#skyscraper  a{		color: #444;		text-decoration: none;}
#skyscraper h4{ 		font-size: 14px;	margin:0;		text-transform: uppercase;}

#skyscraper ul {	
	font-size: 12px;
	font-weight: 300;
	margin: 10px 0 30px 0;
	text-transform: uppercase;
}
#skyscraper li{
	padding:5px 0;
	border-top: 1px solid #ddd;
}
#skyscraper li:hover {    background: #f6f6f6;	}
/*			ADAPTATION MOBILE : Footer		*/
@media (max-width: 800px) {
#skyscraper ul {		font-size: 14px;}
}
/******************************************************		ARTICLE 		**/
.mosaique{
	max-width: 1000px; 		margin: 5px auto;		margin-bottom: 15px;
}
.cellule{
	text-align: center;
	float: left;
	font-weight: bold;
	font-size: 15px;
	min-width: 200px;
	text-transform: uppercase;
	margin: 20px 5px 20px 0;
}
.cellule img{	max-width: 245px;	}
.cellule  .description{		text-transform: none;		font-weight: 300;	}
.mouvement .cellule{			width: 85%;			text-align: center;		}
.mouvement .cellule img {	max-width: 95%;		max-height: 170px;}
figure {		text-align: center;			margin: 0;	}
figcaption {
	color: #666;
	font-size: 13px;
	text-align: center;
}
iframe {			/*Pour adaptation video youtube */
    height: 270px;
    width: 95%;
}
/*			ADAPTATION MOBILE : Article		*/
@media (max-width: 700px) {
	.cellule{		float: none;}
	.cellule img{	max-width: 95%;	}
}
/**** Barre de partage*/
.partages {
    border-top: 1px solid #d7d7d7;
    color: #777;
    font-size: 12px;
    padding: 10px 0;
	text-align: center;
}
.partages a {    	padding: 0 5px;	}
.partages img { 		vertical-align: top;}
.sociaux{		}
.sociaux a {
    color: white;
    display: inline-block;
    height: 15px;
    padding: 7px 8px 9px 35px;
    text-decoration: none;
    width: 60px;
	margin: 0 5px 5px;
}
.facebook{	background: #3b5998 url("../img/facebook-ico.png") no-repeat scroll 10px center;	}
.twitter{	background: #5bc0de url("../img/twitter-ico.png") no-repeat scroll 8px center;	}


/************/
/* BOUTIQUE */

 /* Gestion colonnes */
	.col25{		width: 25%;	}
	.col30{		width: 30%;	}
	.col33{		width: 33%;	}
	.col40{		width: 40%;	}
	.col50{		width: 50%;	}
	.col60{		width: 60%;	}
	.col66{		width: 66%;	}
	.col70{		width: 70%;	}
	.col80{		width: 80%;	}
	.col100{	width: 100%;}

	.row {	float: left; width: 100%;}
	
	.col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col80, .col100  {		float: left;	box-sizing: border-box;}	
	
	@media (max-width: 800px) {
		.col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col80  {		width: 100%;	}
	}
	.clear{clear: both;}
/***/
.left{	float: left;	}
	.right{	float: right;	}
/*** MISE EN PAGE ***/
	.center{		text-align: center;	}
	.left_text{		text-align: left;	}
	.right_text{	text-align: right;	}

	
	.largeur850{max-width: 850px ;}
/**********/
.nav{    font-size: 12px;    color: #888;    padding: 0 5px;	width: 90%;}
.nav a{    color: #888; text-decoration: none; }
/**/
.vente_produit h2{    text-transform: uppercase; color: #000;font-weight: 800; padding: 0;  }
.product{padding: 20px 0;}
.apercu_product{ padding: 5px;}
.img_product{ border: 1px solid #ddd; }

.info_product{padding: 5px;}
.info_product{padding-left: 30px;}


.titre_produit{    margin: 0px;    text-transform: uppercase;}
.cat_produit{
	margin:0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #777;
}
.prix_produit{
    margin: 10px 0;
    font-weight: 600;
    font-size: 20px;
    color: #000;
	display: inline-block;
}
.livraison_produit{	font-size: 11px;	display: inline-block;	color: #111;	padding: 0 20px;}

.desc_produit{ 	border-top: 1px solid #ddd;    padding: 10px 0;    color: #444;    font-size: 13px;}
.desc_produit strong{ font-weight: 500;}

.bouton1{
    border: 0;
    padding: 10px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Roboto;
    color: #fff;
    background: #fa5400;
    border-radius: 3px;
	cursor: pointer; 
}
.bouton1:hover{background:#e14b00}

.details_produit{      margin:80px 0 50px; font-size: 13px; }

.details_produit h3{    text-transform: uppercase;  padding: 0; font-weight: 300;  }

.padcoltxt{padding: 20px;}
.info_livraison{ 	background: #f5f5f5; padding: 20px; font-size: 13px}
.etoile_produit{position: absolute; top:15px; right:0; text-align: right; }
.etoile_produit img{max-width: 65px;}

.ligne-gris{border-top: 1px solid #ddd; margin-bottom:30px;}
.note{padding: 20px;}
.apercu_avis{    color: #333;    font-weight: 600;    font-size: 30px;    text-transform: uppercase; padding: 7px;}

.liste_avis{ text-align: left;}
.liste_avis h3{ text-transform: uppercase; margin:0; padding:0; }
.avis{position: relative;    padding: 20px;    border-bottom: 3px solid #ddd;}
.avis .date_avis{    font-size: 13px;    color: #999;    position: absolute;    right: 20px;    top: 15px;}

.padSection{ margin: 50px 0;}

.largeur{position: relative;}

/**/