/* Définition des polices */

@font-face {
    font-family: 'ralewayextralight';
    src: url('polices/raleway-extralight-webfont.eot');
    src: url('polices/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/raleway-extralight-webfont.woff2') format('woff2'),
         url('polices/raleway-extralight-webfont.woff') format('woff'),
         url('polices/raleway-extralight-webfont.ttf') format('truetype'),
         url('polices/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------------------------*/
/*-------------------------- Eléments principaux de la page --------------------------*/
/*------------------------------------------------------------------------------------*/

html, body
{
    font-family: ralewayextralight, Verdana, Arial, sans-serif;
    color: #6e6e6e;
	margin: 0px;
	padding: 0px;
}

#bloc_page
{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -moz-flex;		   /* Firefox 18+*/
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
}

@media all and (max-width: 750px)
{
	#bloc_page
	{
		font-size: 14px;
	}
}