/*
 Général
*/
:root
	{
	--border-test			: 0px;
	--largeur				: 900px;
	--header-haut			: 85px;
	--header-gauche			: 60px;
	--header-droit			: 230px;
	--header-centre			: calc(var(--largeur) - var(--header-gauche) - var(--header-droit));
	--largeur-demi  		: calc(var(--largeur) / 2);	
	--largeur-section		: var(--largeur);
/* Header*/

	}
body 
	{
	background		: white;
	margin-left		: auto;
	margin-right	: auto;
	width			: var(--largeur);
	font-family		: "Times New Roman";
	color			: #646464;
	font-size 		: 16px;
	border			: 0px solid black;
	}
header
	{
	display 		: inline-block;
	width			: var(--largeur);
	height			: var(--header-haut);
	}

main
	{
	display 		: inline-block;
	width			: var(--largeur);
	}
footer
	{
	float		: left;
	display 	: inline-block;
	width		: var(--largeur);
	height		: 50px;
	}
*
	{
	margin		: 0px;
	padding		: 0px;
	box-sizing	: border-box;  
	border		: 0px solid red;
	outline		: none;	
	}
a, abbr, textarea, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, button, img
	{
    margin 			: 0;
    padding			: 0;
	border			: var(--border-test) solid red;
	}
body
*
	{
	outline		: none;
	}
/*
 Pour généraux
*/
.bouton
	{
	border				: 1px solid #8e8e8e;
	text-align			: center;
	justify-content		: center;
	align-items			: center;
	vertical-align		: middle;
	background-repeat	: no-repeat;
	background-position	: center;
	background-color	: #0000ff;
	border-radius		: 10px;
	color				: #fff;
	display				: flex;
	font-size			: 18px;
	font-weight			: bold;
	height				: 28px;
	font-family			: "Helvetica";
	margin				: 5px auto;
	}
.bouton:hover
	{
	background-color: #1e90ff;
	border			: #87cefa;
	}
#bloc_page
	{
	width			: var(--largeur);
	margin			: 0px auto;
	}
/*
 Pour header
*/
#img-se-connecter
	{
	height 			: 45px;
	padding-left 	: 10px;
	padding-top 	: 15px;
	}
.header-gauche
	{
	float		: left;
	width		: var(--header-gauche);
	height		: var(--header-haut);
	padding-top	: 2px;
	}
.header-centre
	{
	float		: left;
	width		: var(--header-centre);
	height		: var(--header-haut);
	padding-top	: 2px;
	}
.header-droit
	{
	float		: left;
	width		: calc(var(--header-droit) - 10px);
	height		: var(--header-haut);
	padding-top	: 2px;
	}
#image-logo
	{
	width		: 55px
	}	
img.image-titre
	{
	height					: 80px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	}
@font-face
	{
	font-family: 'Tangerine';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/tangerine/v17/IurY6Y5j_oScZZow4VOxCZZM.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
.nom-societe
	{
	font-family		: 'Tangerine';
	font-size		: 48px;
	font-weight		: 800;
	padding-left	: 0px;
	color			: #ffd700;
	}
.nom-broderie
	{
	font-size		: 20px;
	font-weight		: 400;
	padding-left	: 0px; 
	color			: black;
	}
.float-left
	{
	float			: left;
	}
/*
 Fin pour header
*/
/*
 Pour Footer
*/
#copyright
	{
	text-align		: right;
	}