/* ------------- Définition des éléments standards ----------------- */

a {
	text-decoration:none;
}

a:link { /*link color*/
color: #FFA421
}

a:visited { /*visited link color*/
color: #9E5D00
}

a:hover { /*hover link color*/
color: #FFFFFF
}

a:active { /*active link color*/
color: #FFFFFF
}

body {
	background-repeat: no-repeat;
	background-color:#000000;
	background-position: bottom;
	background-attachment: fixed;
	background-image: url(fond-dark.jpg);
	background-size: cover;
	font-family: BadhouseBold;
	font-weight: normal;
	text-align: left;
	font-size: x-large;
	color:#F0F0A8;
	text-shadow:#000 1px 1px 0px;
	text-decoration:none
	margin:0px;
	line-height:130%;
}

div {
	align: left;
	position:relative;
	height:auto;
} 

img {
	border:#000 1px; 
} 

table {
	align:left;
	width:1000;
}


tr {
	width:100%;
}

p {	/* annule la fusion des marges */
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:8px;
}

/* ------------------------------------------------------------------------------------- */
/*              Définition des éléments spécifiques à l'ensemble du site                 */
/* ------------------------------------------------------------------------------------- */

div.maindiv {
  width:1000px;
  margin-left:135px;
  background-repeat:no-repeat;
  padding-top:40px;
}

.nomodif img {
	box-shadow: none; 
}
	
.nomodif table tr td a {
		padding:0px;
		box-shadow: none; 
		text-shadow: none;
}
	
div.fiche850 {
	width:1000px;
	overflow: hidden;
	padding-bottom: 80px;
}

div.fichedouble{
	width:1000px;
	overflow: hidden;
}


div.fichegauche {
	width:50%;
	float: left;
}

div.fichedroite {
	width:50%;
	float: right;
}
	
div.bottomright	{
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
}


/* --------------------- trucs d'habillage du menu principal --------------------------*/



/*
div.cacheecran
{
	position:fixed;
	z-index:100;
	height:1335px;
	width:1500px;
	background-image:url(cacheecran.png);
	background-position:left;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	pointer-events:none;
}

img.cacheecran
{
	box-shadow:none;
}

div.cachenoirbas
{
	position:fixed;
	background-color:#000;
	height:100%;
	width:1500px;
	z-index:100;
	top:1335px;
	left:0px;
}

div.cachenoirdroite
{
	position:fixed;
	background-color:#000;
	height:100%;
	width:100%;
	z-index:100;
	top:0px;
	left:1500px;
}



table.titrerubrique {
	padding-left:5px;
	padding-right:5px;
	cellspacing:0px;
	border:0px;
	height:20px;
	width:850px;
	position:absolute;
	top:0px;
	left:0px;
}
*/

/* ------------------------ titres des rubriques ----------------------*/

div.titrerubrique /* contient les divs du titre rubrique et les div des images png transparente par dessus */
{
	width:1000px;
	height:60px;
	/*background-image: url(fondtitres.png);*/
	background-repeat: no-repeat;
	padding-bottom:20px;
}


div.titrerubrique650 /* largeur 650 contient les divs du titre rubrique et le div de l'image png transparente par dessus */
{
	width:850px;
	height:60px;
/*	background-image: url(fondtitres650.png);*/
	background-repeat: no-repeat;
	background-position:top;
}

div.titrerubriquetxt /* contient le texte du titre de la rubrique aligné à gauche */
{
	position:absolute;
	top:20px;
	left:0px;
	display: inline;
	font-size: 30px;
	color:#FFF;
}


div.titrerubriquesmalltxt /* contient le texte du titre de la rubrique aligné à gauche en plus petit */
{
	position:absolute;
	top:20px;
	left:0px;
	display: inline;
	font-size: 24px;
	color:#FFF;
}

div.titrerubriquesoustitretxt /* contient le texte du sous-titre de la rubrique aligné à droite */
{
	position:absolute;
	top:20px;
	right:2px;
	font-size: 24px;
	text-align: right;
}

div.titrerubriquesoustitresmalltxt /* contient le texte du sous-titre de la rubrique aligné à droite version écrite en petit*/
{
	position:absolute;
	top:20px;
	right:2px;
	font-size: 18px;
	text-align: right;
}	

div.titrerubriqueimg /* png par dessus le titre */
{
	position:absolute;
	overflow:hidden;
	left:0px;
	top:-3px;
	width: 100%;
}

div.titrerubriquesmallimg /* png par dessus le titre plus petit */
{
	position:absolute;
	overflow:hidden;
	left:0px;
	top:-3px;
	width: 100%;
}

div.titrerubriquesoustitreimg /* png par dessus le sous-titre */
{
	position:absolute;
	overflow:hidden;
	right:0px;
	top:-3px;
	width: 100%;
}

div.titrerubriquesoustitresmallimg /* png par dessus le sous-titre small */
{
	position:absolute;
	overflow:hidden;
	right:0px;
	top:-3px;
	width: 100%;
}


div.titretransparent {
	height:42px;
	font-size: 24px;
	color:#FF0;
	width: 1000px;
}
div.soustitretransparent {
	height:42px;
	font-size: 24px;
	text-align:right;
	position:absolute;
	right:0px;
	top: 0px;
}

div.titretransparent425 {
	height:42px;
	font-size: 24px;
	color:#FF0;
	width: 425px;
}

/* ------------------------- éléments section main -------------------------- */

div.mainglobaldiv{ /* conteneur global de la section main */
	width:850px;
	overflow: hidden;
	height:100%;
}

div.maindivleft{ /* conteneur de la colonne gauche */
float:left;
width:300px;
}

div.mainficheleft{ /* conteneur de fiche de la colonne gauche */
	padding-bottom:30px;
}

div.mainficheleftseparator{ /* séparateur sous la fiche gauche */
	background-image:url(cm/main/barre-350.png);
	background-repeat:none;
	background-position:bottom;
	height:50px;
}

div.maindivright{ /* conteneur de la colonne droite */
float:right;
width:700px;
}

div.mainficheright{ /* conteneur de fiche de la colonne droite */
	padding-bottom:30px;
}

div.mainficherightseparator{ /* séparateur sous la fiche droite */
	background-image:url(cm/main/barre-600.png);
	background-repeat:none;
	background-position:bottom;
	height:50px;
}

div.mainbottomright	{
	bottom:0px;
	right:0px;
	text-align:right;
	margin-top:20px;
}

div.mainfooter{ /* conteneur des logos réseau sociaux en bas */
text-align:center;
}

div.mainfootercell{ /* cellules des réseaux sociaux */
width:16%;
display:inline-block;
}

.mainfooter img {
	box-shadow:none;
}

.maintitle{
	font-size:24px;
	color:#FFF;
}

/* ------------------------------------------------------------------------------------- */
/*                                   Définitions par ID                                  */
/* ------------------------------------------------------------------------------------- */


#footer 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* ------------------------------------------------------------------------------------*/
/*                                  Styles de texte                                    */
/* ------------------------------------------------------------------------------------*/

.soustitretransparent{
	color:#FFF;
}



/* ------------------------------------------------------------------------------------*/
/*                              Définition des polices                                 */
/* ------------------------------------------------------------------------------------*/


	
@font-face {
  font-family: 'BadhouseBold';
  src: url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.eot');
  src: url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.eot?#iefix') format('embedded-opentype'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.svg#BadhouseBold') format('svg'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.ttf') format('truetype'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.woff') format('woff'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BadhouseLight';
  src: url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.eot');
  src: url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.eot?#iefix') format('embedded-opentype'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.svg#BadhouseLight') format('svg'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.ttf') format('truetype'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.woff') format('woff'),
       url('https://download.lepeupledelherbe.net/fonts/BadhouseLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}