@charset "utf-8";
@import url(fonts.css);

/**
 * html Reset
 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
 {
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin-top: 0;
}
 
 
 /**
 *  html Reset pour les futurs anciens navigateurs
 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul 
 {
	list-style: none;
 }
 
blockquote, q
 {
	quotes: none;
 }
 
blockquote:before, blockquote:after,q:before, q:after 
 {
	content: '';
	content: none;
 }

 table
 {
	border-collapse: collapse;
	border-spacing: 0;
 }
 
 html {
    font-family: sans-serif;
}
 
 body {
	background: #F2F2F2;
    color: #111;
	
	/* Pour Old Standard --> */
	/* font-family: 'Old Standard Regular', serif; */
    /* font-family: 'Old Standard Italic', serif; */
    /* font-family: 'Old Standard Bold', serif; */
	
	/* Pour Lora --> */
    /* font-family: 'Lora Regular', serif; */
    /* font-family: 'Lora Italic', serif; */
    /* font-family: 'Lora Bold', serif; */
    /* font-family: 'Lora Bold Italic', serif; */
	
	/* Pour Raleway --> */
    /* font-family: 'ralewayregular', sans-serif; */
    /* font-family: 'ralewaysemibold', sans-serif; */
    /* font-family: 'ralewaybold', sans-serif; */
    /* font-family: 'ralewayextrabold', sans-serif; */
	
    font-family: "ralewayregular", sans-serif;
    font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 1; /* ou 1.2 pour un peu plus d'espacement */
}

h1 {
    font-family: "ralewayregular",sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

h2 {
    font-family: "ralewayregular",sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: normal;
    line-height: 55px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

h3 {
    font-family: "ralewayregular",sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

h4 {
    font-family: "ralewayregular",sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    line-height: 45px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

h5 {
    font-family: "ralewayregular",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

h6 {
    font-family: "ralewayregular",sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 35px;
    letter-spacing: 0;
    text-transform: inherit;
	text-indent: 0;
	margin: 0;
}

/* Masquer cadres liens Firefox */

/* Masquer contours focus sur tous les navigateurs, mais discret */
a:focus {
  outline: 1px dotted transparent;
}
a:focus:hover {
  outline: 1px dotted #DDD;
}

/* Supprimer complètement le contour focus uniquement sur Firefox */
@-moz-document url-prefix() {
  a:focus {
    outline: none;
  }
}

/*
    a {outline: none;}
    :focus {-moz-outline-style: none;}
 **************************** */

img {
    border:none;
    padding:0px; 
    margin:0px;
    display:inline;
} 

#header {
	border-bottom: solid 1px #DFDFDF;
	position: relative;
	margin:0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 233px;
}

#headerTop {
	background: #2C2A2A;
	position: absolute;
	margin:0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 42px;
}

#entete {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1020px;
	height: 218px;
}

#entete a {
	color: #DDD;
	border: none;
	text-decoration: none;
}

#entete  a:hover {
	color: #DDD;
	border: none;
	text-decoration: none;
}

#entete a+a {
	padding-left: 20px;
}

#enteteNavigationGauche {
	color: #DDD;
	text-align: left;
	line-height: 42px;
	float: left;
	position: relative;
	margin:0px auto;
	padding-left: 0px;
	width: 412px;
	height: 216px;
}

#logo {
	float: left;
	position: relative;
	margin:0px auto;
	padding: 0px;
	width: 194px;
	height: 216px;
}

#enteteNavigationDroiteA {
	color: #DDD;
	text-align: right;	
	line-height: 42px;
	float: left;
	position: relative;
	margin:0px auto;
	padding: 0px 20px 0px 0px;
	width: 308px;
	height: 216px;
}

#enteteNavigationDroiteB{
	float: left;
	position: relative;
	margin:0px auto;
	padding: 0px 20px 0px 0px;
	width: 32px;
	height: 216px;
}

#enteteNavigationDroiteC{
	float: left;
	position: relative;
	margin:0px auto;
	padding: 0px;
	width: 32px;
	height: 216px;
}

#etoile {
	background: url(../images/png/etoile.png) no-repeat;
	position: absolute;
	margin:0px;
	padding: 0px;
	bottom: -25px;
	right: 50px;
	width: 26px;
	height: 17px;
}

#conteneurContenue {
	position: relative;
	margin: 20px auto 30px auto;
	padding: 0px;
	width: 1016px;
	height: 550px;
}

#footer {
	background: #2C2A2A;
	color: #DDD; 
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	line-height: 25px;
	display: none;
	clear: both;
	margin:0px;
	padding: 0px;
	bottom: 0px;
	left: 0px;
	min-width: 1020px;
	width: 100%;
	height: 25px;
}

#footer  a {
	color: #DDD;
	border: none;
	text-decoration: none;
}

#footer   a:hover {
	color: #DDD;
	border: none;
	text-decoration: none;
}