@charset "UTF-8";
/* CSS Document */

body {
	background-image: url('images/fond.jpg');
	background-color: #F9CE00;
}

#toumenu
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;

}


#tout
{
position: absolute;
left: 276px;
top: 132px;
width: 569px;
height: 628px;
    font-family: 'metropolismedium';
font-size: 15px;
color: #663300;
font-weight: normal;
border: none;
font-style: normal;
font-variant:none;
letter-spacing: 0.0001em;
text-decoration: none;
line-height:27px;
z-index: 1;
}

.retraitD01
{
margin-left: 40px;
}

.retraitG01
{
margin-left: -180px;
margin-right: 40px;


}
.titre
{
    font-family: 'metropolisbold';
	font-weight: 0;
	letter-spacing: 0.1em;
	font-size: 20px;
	color: #990000;
}
.tel
{
    font-family: 'metropolismedium';
	font-weight: 0;
	letter-spacing: 0.05em;
	font-size: 17px;
	color: #990000;
}
.inter00
 {
	 	line-height: 10%;
}
.alignD
 {	text-align: right;
}

.sstitre {
    font-family: 'metropolisbold';
	font-size: 17px;
	letter-spacing: 0.1em;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 0;
	color: #C00;
}

.sstitre2 {
    font-family: 'metropolisbold';
	font-size: 15px;
	letter-spacing: 0.1em;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 0;
	color: #C00;
}

.sstitreB
{
    font-family: 'josefin_sanssemibold';
	font-size: 23px;
	letter-spacing: 0.1em;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	color: #C00;
}

#corps01
{
position: absolute;
left: 0px;
top: 500px;
margin-right: 0px;
z-index: 1;
}
#corps01a
{
position: relative;
left: 0px;
top: -160px;
margin-right: 0px;
z-index: 1;
}

.sstitre01 

{	
    font-family: 'josefin_sansregular';
	font-size: 19px;
	font-weight: 600;
	color: #663000;
	letter-spacing: 0.05em;
	margin-left: -40px;
}

.sstitre01B

{	
    font-family: 'josefin_sanssemibold';
	font-size: 17px;
	font-weight: 600;
	color: #663000;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

.Stylecentre {
	text-align:center;

}














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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}