body{
background:#fff;
padding:0px;

}
.banniere {
	max-width: 100%;
	height: auto;
	}
.conteneur
{
background:#efeded;
margin:0 auto 0 auto;
}

.classement 
{
text-align:center;
color:white;
background:#000;
border:1px solid #fff;
font-size:2em;
}
.titre 
{
float:left;
width:99%;
text-align:center;
border:solid black 1px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:0.2em 0;
padding:0px;
color:white;
font-size:3em;
font-weight:bold;
padding:0.2em 0;
background:#013143;
background-image:-moz-linear-gradient(#013143,#000000);
background-image:-webkit-linear-gradient(#013143,#000000);
background-image:-o-linear-gradient(#013143,#000000);
background-image:-ms-linear-gradient(#013143,#000000);
background-image:linear-gradient(#013143,#000000);
}
/*--------------------------------------------CORPSS--------------------------------------*/
.corps
{
margin:0 auto 0 auto;
padding:0px;
max-width:1280px;
min-width:300px;
background:white;
}
/*-----------------------------------------GAUCHE-----------------------------------*/
.corps .gauche 
{
margin:0 auto 0 auto;
padding:0 1px 0 1px;
}
/*-------------------------Menu-------------------------*/
.menu 
{
background:gray;
margin:0px;
padding:0px;
color:white;
}
.menu ul
{
padding:0px;
}
.ul_mobil
{
display:none;
}
.menu h1
{
margin:0px;
}
.menu .titre_page
{
float:left;
}
.menu .lien_menu 
{
float:left;
margin:0 auto 0 auto;
width:100%;
background:#7d7d7d;
background-image:-moz-linear-gradient(#7d7d7d,#c0c0c0,#7d7d7d);
background-image:-webkit-linear-gradient(#7d7d7d,#c0c0c0,#7d7d7d);
background-image:-o-linear-gradient(#7d7d7d,#c0c0c0,#7d7d7d);
background-image:-ms-linear-gradient(#7d7d7d,#c0c0c0,#7d7d7d);
background-image:linear-gradient(#7d7d7d,#c0c0c0,#7d7d7d);

position:relative;
}

.deconnexion 
{
background:red;
}
.deconnexion a
{
color:white;
text-decoration:none;
}
.lien_menu li 
{
list-style:none;
display:inline;
font-family:Andalus;
font-size:18pt;
margin:0 2px 0 2px;
padding:0 5px 0 5px;
border:1px solid white;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#000;
}
.lien_menu li  a 
{
color:#000;
text-decoration:none;
}
/*li et a hover*/
.lien_menu li:hover
{
list-style:none;
display:inline;
font-family:Andalus;
font-size:18pt;
margin:0 2px 0 2px;
padding:0 5px 0 5px;
background:#7f8080;

border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px #fff;
}
.lien_menu li  a:hover 
{
color:#fff;
text-decoration:none;
padding:0;
margin:0;
}
/*fond menu */

.menu .fond_menu
{
background:black;
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px #fff;
}
.menu .fond_menu a
{
color:#fff;
text-decoration:none;
padding:0;
margin:0;
}

/*-----------------------MOBIL----------------------*/

.div_mobil
{
margin:2px 0 2px 0;
background:gray;
border:1px solid #fff;
}
.menu .fond_menu
{
background:black;
border:1px solid #fff;
box-shadow:4px 4px 2px #fff;
}
.menu .fond_menu a
{
color:#fff;
text-decoration:none;
padding:0;
margin:0;
}
.div_mobil a
{
text-decoration:none;
color:white;
font-size:2em;
}
.fond_menu_mobil 
{
background:black;
}
.menu_mobile_cacher{
display:none;
}
.paramettre 
{
float:right;
margin:0 1em 0 0;
}
.menu_texte
{
float:left;
padding:1em 0.5em 0 0;
}
.menu_image 
{
float:left;
}
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------CONTACT--------------------------------------------------*/
.contact_salarie
{

}
.conteneur_appel
{
float:right;
padding-top:0.5em;
}
.num_appel
{
float:left;
margin:0.5em 0 0 0;
}
.img_appel
{
float:left;
}

/*--------------------------------------------------------------------------------------------------*/
.remplir 
{
border:2px solid #12c769;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:center;
margin:5px 5px 5px 5px;

background:#c72d2d;
background-image:-moz-linear-gradient(#fc7373,#c72d2d,#fc7373);
background-image:-webkit-linear-gradient(#fc7373,#c72d2d,#fc7373);
background-image:-o-linear-gradient(#fc7373,#c72d2d,#fc7373);
background-image:-ms-linear-gradient(#fc7373,#c72d2d,#fc7373);
background-image:linear-gradient(#fc7373,#c72d2d,#fc7373);
}
.produit{
border:solid black 2px;
margin:20px 0;
}
.conteneur_lehibe
{
padding:2%;
position:relative;
}
.lehibe{
width:98%;
border:solid black 2px;
margin:0 auto 0 auto;
cursor:pointer;
background:black;
}
.champ 
{
border:2px solid #12c769;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height: 2.5em;

}
.fond_blanc 
{
background:white;
}
#centre_mdp
{
text-align:center;
}
.centrer 
{
text-align:center;
margin:0.3em 0 0 0;
}
.pas_de_marge
{
margin:0px;
}


.conteneur_sary p{
text-align:center;
}
/*---------------------------------------ADMIN-------------------------------*/

/*-------------------------------------------PAGE IMAGE-------------------------------------------*/
.prix_image{
width:95%;
}
/*------------------------------------IMAGE------------------------------------*/
.conteneur_image .prix{
float:left;
}
.texte_caracteristique{
float:left;
width:60%;
}
.texte_prix{
float:left;
width:30%;
text-align:right;
}
.entete_gauche{
float:left;
margin:0 0 0 0.5em;
font-size:2em;
}
.entete_droite{
float:right;
margin:0 0.5em 0 0;
font-size:2em;
}

.colone1{
float:left;
}
.colone2{
float:left;
width:20%;
}

/*---------------------------------------------------CONTENEUR---------------------------------*/
.conteneur_marchandise
{
float:left;
width:31%;

border:solid black 1px;

-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:0.1%;
padding:0px;
}
.conteneur_marchandise_pdf
{
width:100%;

border:solid black 1px;

-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:0 0 20px 0;
padding:0px;
}
.sary_pdf
{
max-width:90%;
}

.conteneur_marchandise .prix{
background:white;
padding:0 0 0 0.5em;
}
.conteneur_marchandise .ref{
float:left;
font-style:italic;
margin:0 3px 0 3px;
}
.conteneur_marchandise .nom{
float:right;
font-style:italic;
margin:0 10px 0 10px;
}
.conteneur_image
{
height:25%;
margin:0 0.03%;
margin-top:0px;
overflow: hidden;
}
.image_lehibe
{
margin:0 0.03%;
margin-top:0.5em;
}
.sary_carre{
height: 100%;
}
/*-----------------------------------ADMIN------------------------------*/
.conteneur_marchandise_admin
{
width:100%;

border:solid black 1px;

-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:0.1%;
padding:0px;
}
.sary_admin{
width: 90%;
border:solid black 2px;
}
/*----------------------------------------------------------------------------*/
.ref0{
text-align:center;
margin:0px;
}
.ref1{
text-align:center;
margin:0px;
}

.ref_produit{
color:#fff;
background:#000;
padding:0 3px 0 3px;
font-size:1.5em;
}
.nom_produit{
color:green;
text-align:right;
font-size:1.5em;
}

.ref_pdf{
color:#fff;
background:#000;
padding:0 3px 0 3px;
font-size:1.5em;
}
.nom_pdf{
color:green;
text-align:right;
font-size:1.5em;
}
.clear 
{
clear:both;
}
.fond_tsisy
{
background:red;
}
.input_caracteritque 
{
width:100%;
}
.form
{
padding:0 0 0 1%;
}
.contact
{
background:#424240;
}
/*********************  NAVIGATION  ************************/
.navigation
{
width:70%;
}
.pre_sui 
{
width:50%;
float:right;
}
.prec 
{
width:40%;
text-align:center;
float:left;
}
.suiv 
{
text-align:center;
width:40%;
float:right;
}
.fleche 
{
max-width: 100%;
height: auto;
}
.bouton_type
{
float:left;
}
/*-------------------------------------------------------Bouton----------------------------------------------------*/
.conteneur_bouton_mod_sup 
{
width:8%;
float:left;
}
.lien_modifier
{
color:#fff;
text-decoration:none;
}
.conteneur_menu a .bouton_connexion 
{
float:right;
font-family:Andalus;
font-size:18pt;
margin:0 0.5em 0 0;
color:white;
text-align:center;
background:#03af56;

border:1px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow:4px 4px 2px gray;
}
.bouton_modifier
{
float:left;
font-family:Andalus;
font-size:18pt;
margin:4px;

color:white;
background:red;

padding:0 5px 0 5px;
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px #fff;
}
.bouton_rouge
{
float:left;
font-family:Andalus;
font-size:18pt;
margin:0 2px 0 2px;
width:35%;
color:white;
text-align:center;
background:red;

border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px gray;
}
.bouton_rouge a
{
text-decoration:none;
color:white;
font-weight:bold;
}
.bouton_bleu
{
float:left;
font-family:Andalus;
font-size:18pt;
margin:0 2px 0 2px;
width:35%;
color:white;
text-align:center;
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px gray;

background:#618db2;
background-image:-moz-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-webkit-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-o-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-ms-linear-gradient(#7db1d1,#618db2,#336394);
background-image:linear-gradient(#7db1d1,#618db2,#336394);
}
.bouton_bleu a
{
text-decoration:none;
color:white;
font-weight:bold;
}
.bouton_noir
{
display:inline;
font-family:Andalus;
font-size:18pt;
margin:4px;

color:white;

padding:0 5px 0 5px;
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px gray;

background:black;

}
.bouton_bleu2
{
float:left;
font-family:Andalus;
font-size:18pt;
margin:4px;
color:white;
text-align:center;
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px #fff;

background:#618db2;
background-image:-moz-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-webkit-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-o-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-ms-linear-gradient(#7db1d1,#618db2,#336394);
background-image:linear-gradient(#7db1d1,#618db2,#336394);
}
.bouton_rouge2
{
float:left;
font-family:Andalus;
font-size:18pt;
margin:4px;
padding:0 4px 0 4px;
color:white;
text-align:center;
background:red;

border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:4px 4px 2px #fff;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
.num_appel
{
float:left;
}
.img_appel
{
float:left;
margin:0 0 0 20px;
}
.precedent{
background:#618db2;
background-image:-moz-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-webkit-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-o-linear-gradient(#7db1d1,#618db2,#336394);
background-image:-ms-linear-gradient(#7db1d1,#618db2,#336394);
background-image:linear-gradient(#7db1d1,#618db2,#336394);
color:white;
max-width:20%;
text-align:center;
padding:10px 0 10px 0;
}
.bouton{
background:#12c769;
height:2.5em;

border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/*---------------------------RECHERCHER-----------------------------*/
	
	.refnom 
	{	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	.bouton_rechercher 
	{
	background:#618db2;
	background-image:-moz-linear-gradient(#7db1d1,#618db2,#336394);
	background-image:-webkit-linear-gradient(#7db1d1,#618db2,#336394);
	background-image:-o-linear-gradient(#7db1d1,#618db2,#336394);
	background-image:-ms-linear-gradient(#7db1d1,#618db2,#336394);
	background-image:linear-gradient(#7db1d1,#618db2,#336394);
		
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
.titre_login 
{
text-align:center;
}
.fond_vert
{
background:#00a651;
}
.fond_bleu
{
background:#013143;
}
.fond_orange
{
background:#f26522;
}
/*--------------------------CONNEXION CLIENTS--------------------------*/
.contact_client 
{
margin:0 auto 0 auto;
width:80%;
}
/*---------------------------------------------------------------*/
/*Annuler les flot du menu*/

@media (max-width:925px){
	.corps .droite {
	display:none;
	float:none;
	width:95%;
	}
	.corps .gauche {
	width:98%;
	box-shadow:0px 0px 0px #000;
	margin:0 0 0 0.4%;
	}
	.sary_carre{
	max-width: 100%;
	height: auto;
	}
	.conteneur_marchandise .image{
	width:99%;
	margin:0px;
	padding:0 0 0 0.2%;
	}
	
	.conteneur_marchandise .prix{
	float:left;
	margin:5px 0;
	font-size:1.2em;
	}
	.conteneur_marchandise .ref{
	float:none;
	}
	.conteneur_marchandise .nom{
	float:none;
	}
	.precedent{
	max-width:50%;
	}
	.deconnexion 
	{
	float:none;
	padding:5px;
	background:red;
	}
	.ul_normal
	{
	display:none;
	}
	.ul_mobil
	{
	display:block;
	}
	.conteneur_bouton_mod_sup 
	{
	float:none;
	width:95%;
	}
	.re
	{
		
	padding:0.5em;	
	}
	.refnom 
	{
	height:3em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	.bouton_rechercher 
	{
	height:3em;
	}
	.ref_pdf{
	font-size:0.5em;
	}
	.nom_pdf{
	font-size:0.5em;
	}
	.entete_gauche{
	margin:0px;
	}
	.entete_droite{
	margin:0px;
	}
	
}