body
{
   width: 1200px;
   margin: auto;
   margin-top: 5px;
  
   font-family: 'Lato', sans-serif;
   /*background-image: url("images/fond.png");*/
}

a img
	{border: 0;}


/* Formulaires*/

input[type=text], input[type=password], input[type=flat], input[type=number]
{ 

    padding: 5px 10px;
    margin: 8px 0;
    box-sizing: border-box;
	border-radius: 4px;
	border: 2px solid #6e8978;
	font-size : 16px;
	font-family: 'Lato', sans-serif;
	
}
input[type=text]:focus , input[type=password]:focus
{
    background-color: #cccccc;
}

input[type=text].qte_panier, input[type=password].qte_panier, input[type=flat].qte_panier, input[type=number].qte_panier
{
	text-align:left;
	width:calc(100% - 20px);
}
textarea
{
    width: 100%;
    height: 150px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 2px solid #6e8978;
    border-radius: 4px;
	font-size : 16px;
	font-family: 'Lato', sans-serif;	

}
textarea:focus
{
    background-color: #cccccc;

}

select
{
    
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
	border: 2px solid #6e8978;
	font-size : 16px;
	font-family: 'Lato', sans-serif;
	margin: 8px 0;
  
}
select:focus
{
    background-color: #cccccc;

}


input[type=button], input[type=submit], input[type=reset] {
    background-color: #6e8978;
    border: none;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 4px;
	font-size : 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
    
}	

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background-color: #d7deda;
	color:#6e8978;
	
}	
	
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;text-transform:uppercase;}	
	
	
/* L'en-tête */


#en_tete
{
   width: 1200px;
   height: 100px;
}
#entete_gauche
{
	width : 200px;
	float : left;	
}
#entete_droite
{
	width : 1000px;
	margin-left: 200px;	
	padding-top: 60px;
}


/* Le corps de la page */

#corps
{
	
   width : 1200px; 
   min-height: 400px;
   margin-left: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
   color: black;
   background-color: white;
   text-align: justify;
   
   
}


#corps a
{
   font-weight : bold;
   color : #6e8978;
   text-decoration : none;
}
#corps a:hover
{
 
   color : #6e8978;
   text-decoration : underline;
}
#corps a:visited
{
   color : #6e8978;
   text-decoration : none;
}
#corps a img
	{border: 0;}


#corps h1
{
   color: #6e8978;
   text-align: left;

}

#corps h2
{
   height: 30px;
   color: #6e8978;
   text-align: left;

}

#corps h3
{
   height: 15px;
   color: #6e8978;

}

#corps table
{
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-size: 13px;
}

#corps tr.cmd_part
{
	
	background-color : #f6e977;
	padding: 5px;
	
}
#corps tr.disc
{
	
	background-color : #e05d44;
	padding: 5px;
	
}
#corps tr.thermometre
{
	
	border :  1px solid black;
	
}
#corps th
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	padding: 5px;
	text-align: center;
}
#corps th.total
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	padding: 5px;
	text-align: right;
}
#corps th.large
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	width : 230px;
}
#corps th.moyen
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	width : 100px;

}
#corps th.pmoyen
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	width : 50px;

}
#corps th.petit
{
	border :  1px solid black;
	background-color : #6e8978;
	color : white;
	width : 30px;

}

#corps td
{
	border :  1px solid black;
	color : black;
	padding: 5px;
	
}
#corps td.pluslarge
{
	border :  1px solid black;
	width : 400px;
}
#corps th.remarque
{
	border :  1px solid black;
	width : 700px;
}
#corps th.xlarge
{
	border :  1px solid black;
	width : 425px;
}
#corps td.large
{
	border :  1px solid black;
	width : 230px;
}
#corps td.moyen
{
	border :  1px solid black;
	width : 100px;

}
#corps td.pmoyen
{
	border :  1px solid black;
	width : 50px;

}
#corps td.petit
{
	border :  1px solid black;
	width : 30px;

}
#corps td.cat_prod
{
	border :  1px solid black;
	color: black;
	text-align : center;
	background-color : #c0af2b;
	font-weight : bold;

}
#corps td.sans_bord
{
	border :  none;
	background-color : white;
	color : black;
	padding: 5px
}
#corps td.sans_bord_accueil_g
{
	border :  none;
	background-color : white;
	color : black;
	padding-right: 15px;
	width : 600px;
	vertical-align : top;
}
#corps td.sans_bord_accueil_d
{
	border :  none;
	background-color : white;
	color : black;
	padding-left: 15px;
	width : 600px;
	vertical-align : top;
	border-left :  1px solid #6e8978;
}
#corps td.thermo_rempli
{
	
	background-color : red;
	border-right :  none;
	border-left :  none;
	border-top :  1px solid #6e8978;
	border-bottom :  1px solid #6e8978;
	text-align: right;
	color: white;
	
}
#corps td.thermo_rempli_vert
{
	
	background-color : green;
	border-right :  none;
	border-left :  none;
	border-top :  1px solid #6e8978;
	border-bottom :  1px solid #6e8978;
	text-align: right;
	color: white;
	
}
#corps td.thermo_vide
{
	
	background-color : white;
	border-right :  none;
	border-left :  none;
	border-top :  1px solid #6e8978;
	border-bottom :  1px solid #6e8978;
	
}
#corps td.thermo_g
{
	
	background-color : white;
	border-right :  1px solid #6e8978;
	border-left :  none;
	border-top :  none;
	border-bottom :  none;
}
#corps td.thermo_d
{
	
	background-color : white;
	border-right :  none;
	border-left :  1px solid #6e8978;
	border-top :  none;
	border-bottom :  none;
	
	
	
}
#formulaire_gauche
{
	width : 200px;
	float : left;	
	padding-top:15px;
}
#formulaire_droite
{
	width : 700px;
	margin-left: 200px;	
	padding-top: 1px;
}



#split_gauche
{
	width : 580px;
	float : left;
	
	
}
#split_droite
{
	width : 580px;
	margin-left: 580px;	
	padding-top: 1px;
	padding-left: 20px;
	border-left:1px solid black;
	
}
#sous_page_scroll
{
	max-height : 400px;
	overflow-y : scroll;
	
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{	
   background-color:#6e8978;
   padding:10px 0;
   font-size: 11px;
   color : #fff;



}
#pied_de_page a
{

   color : #fff;
   text-decoration : none;
}
#pied_de_page a:hover
{
 
   color : #fff;
   text-decoration : underline;
}

.gauche{float:left;width:49%;padding-left:1%}
.droite{float:right;width:49%;padding-right:1%;text-align: right;}

.clear{clear:both;}