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

body {
	margin			: 0;
	padding			: 0;
	background		: #A60000 url('../img/fond.jpg');
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #3d1400;
	text-align		: center;
}

#global{
	position		: relative;
	margin			: auto;
	width			: 980px;
	text-align		: left;
	overflow		: hidden;
	background		: #fff;	
}

.bandeau{
	background		: #000;	
	width			: 980px;
	height			: auto;
	text-align		: left;
}

#top{
	position		: relative;
	background		: #000 url('../img/bg-top.gif') repeat-x bottom;
	height			: 55px;
	text-align		: center;
}

#logo{
	position		: absolute;
	right			: 0;
	top				: 42px;
	z-index			: 10000;
	height			: 49px;
	width			: 365px;
}

#logo2{
	position		: absolute;
	right			: 0;
	top				: -13px;
	z-index			: 100;
	height			: 49px;
	width			: 365px;
}

p{
	margin			: 0 0 10px 0;
	padding			: 0;
}

/***************** LIENS ********************/

a{
	color			: #000000;
	text-decoration	: none;
}

a:hover{
	text-decoration	: underline;
}

/***************** HAUT ACCUEIL *************/

#haut{
	position		: relative;
	height			: 345px;
	width			: 980px;
	background		: /*url('../img/only.jpg') no-repeat*/ #a60000 /*890px 35px*/;
	font-size		: 14px;
	text-align		: justify;
}

.link-only{
	position		: absolute;
	top				: 35px;
	right			: 0;
	width			: 90px;
	height			: 56px;
	z-index			: 99999;
	cursor			: pointer;
}

.img-haut{
	float			: left;
	margin			: 0;
}

#une{
	height			: 340px;
	width			: 415px;
	float			: left;
	padding			: 0 10px 0 10px;
}

p.bigtitre{
	padding			: 32px 0 0 0;
	text-decoration	: none;
	color			: #f3b12c;
	font-family		: "tahoma";
	font-size		: 18px;
}

h1{
	text-decoration	: underline;
	font-weight		: bold;
	color			: #FFFFFF;
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif;
	font-size		: 14px;
	margin-top		: 5px;
}

h1 .date{
	font-size		: 10px;
	margin			: 7px 0 0 5px;
	text-decoration : none;
}

/**************** CONTENT ********************/

hr{
	border			: 0;
	margin			: 10px 0 10px 0;
	height			: 1px;
	background-color: #000000;
	color			: #000000;
	width			: 620px;
	clear			: both;
}

/*---------- left ----------------------*/

#left{
	position		: relative;
	float			: left;
	width			: 650px;
	padding			: 10px;
}

#cache{
	position		: absolute;
	z-index			: 50000;
	top				: 9px;
	right			: 10px;
}

.cache{
	position		: absolute;
	top				: 10px;
	right			: 10px;
}

.info{	
	text-decoration	: none; 
	color			: #000000; 
	font-family		: "tahoma"; 
	font-size		: 18px; 
}

h2{	
	text-decoration	: underline; 
	font-weight		: bold; 
	color			: #d3410c; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 13px;
	margin-top		: 0;
}

h2 .date{
	font-size		: 10px;
	margin			: 7px 0 0 5px;
	text-decoration : none;	
}

.article{
	float			: left;
	width			: 290px;
	margin			: 0 20px 10px 0;
	text-align		: justify;
	background		: #f6f6f6;
	padding			: 5px;
}

/*---------- right ----------------------*/

#right{
	position		: relative;
	float			: left;
	width			: 300px;
	text-align		: center;
}

#right a img{
	border			: 0;
}

.video_bigtitre  { 
	font-size		: 16px;
	color			: black;
	font-weight		: 600; 
}

a.orange{
	text-decoration	: none;
	color			: #d3410c;	
}

a.orange:hover{
	text-decoration	: underline;
	color			: #a63309;
}

/********** FOOTER **************************************/

#bas {
	background		: none;
	text-align		: center;
	color			: #FFFFFF;
	clear			: both;
	width			: 980px;
	margin			: auto;
}

#condition {
	text-align		: center;
	font-size		: 12px;
	color			: #FFFFFF;
	clear			: both;
}
#condition a {
	color			: #FFFFFF;
	text-align		: center;
}

/************ RUBRIQUE ************************************/

.lib_rub{
	color			: #CC6600;
	font-style		: italic;	
}

a.a-rub{
	float			: left;
	width			: 100%;
	display			: block;
	margin			: 0 5px 5px 0;
}

a.a-rub:hover{	
	text-decoration	: none;
	color			: #d3410c;
}

a .img-rub{
	float			: left;
	clear			: both;
	border			: 0;
	margin			: -2px 5px 0 0;
}

h3{
	margin-top		: 5px;
	text-decoration	: underline; 
	font-weight		: bold; 
	color			: #d3410c; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 14px; 	
}

/****************** CONTACT *******************************/

label{
	display			: inline-block;
	width			: 100px;
	float			: left;
	clear			: both;
	padding			: 3px;
}

.champ{
	float			: left;
	border			: 1px solid #ffcc33;
	background		: #ffcc33;
	color			: #000;
	padding			: 3px; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 11px;
	margin-bottom	: 2px;
	width			: 200px;
}

.envoyer{
	float			: left;
	border			: 1px solid #ffcc33;
	background		: #ffcc33;
	color			: #000;
	padding			: 3px; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 11px;
	margin-bottom	: 2px;
	width			: auto;
	cursor			: pointer;
}

textarea.champ{
	width			: 400px;
}

/******************* NEWSLETTER **********************************/

#newsletter{
	background		: url('../img/bt-newsletter.jpg');
	width			: 300px;
	height			: 92px;
	margin			: 10px auto;
}

#newsletter input.champ{
	float			: left;
	width			: 195px;
	border			: 0px;
	background		: #fff;
	color			: #000;
	padding			: 3px; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 13px;
	margin			: 33px 0 0 50px;
}

#newsletter input.envoyer{
	color			: #fff;
	float			: left;
	border			: 0;
	background		: #000;
	width			: 28px;
	height			: 28px;
	margin			: -23px 0 0 255px;
}

#bt-blog{
	background		: url('../img/bt-blog.jpg');
	width			: 300px;
	height			: 146px;
	cursor			: pointer;
}

/***************** BLOG ****************************************/

#sujet-blog{
	position		: relative;
	/*background		: #ffe0cb;*/
	padding			: 5px;
	border-bottom	: 1px dotted #e5630d;
}

#blog{
	position		: relative;
	background		: #f4f4f4;
	padding			: 5px;
	border-bottom	: 0px dotted #CCCCCC;
}

#blog h2, #sujet-blog h2{
	color			: #e7722c;
	font-size		: 16px;
	text-decoration	: none;
	margin			: 0;
}

#blog .date, #sujet-blog .date{
	color			: #666;
}

.blabla{
	color			: #633a1a;
	font-size		: 14px;
	font-style		: italic;
}

.a-blog{
	color			: #666;
}

#form_com{
	margin			: 0;
	padding			: 10px;
	border			: 1px dotted #CCCCCC;
}

#form_com label{
	width			: 120px;
}

.chp-blog{
	border			: 1px solid #e55b10;
	background		: #e55b10;
	color			: #000;
	padding			: 3px; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 11px;
	margin-bottom	: 2px;
	width			: 180px;
}

#form_com textarea{
	width			: 270px;
}

.envoi-blog{
	border			: 1px solid #000;
	background		: #000;
	color			: #fff;
	padding			: 3px; 
	font-family		: "Arial", Trebuchet MS, Helvetica, sans-serif; 
	font-size		: 11px;
	margin			: 5px 0 0 0;
	width			: 278px;
	cursor			: pointer;
}

.false{
	background		: url('../img/supp.gif') no-repeat top right #ffcc33;
	
}

h4{
	margin-top		: 0px;
}

.auteur{
	color			: #e5630d;
}

.date{
	font-size		: 9px;
	font-style		: italic;
}

/***************** JEU CONCOURS ****************************************/

#jeu-coucours{
	padding			: 5px;
	border			: 1px solid #ccc;
	margin			: 0 0 10px 0;
	height			: auto;
}

#jeu-coucours img{
	float			: left;
	margin			: 0 10px 0 0;
}

p.titre-concours{
	text-decoration	: none; 
	color			: #000000; 
	font-family		: "tahoma"; 
	font-size		: 18px;	
	margin			: 0 0 5px 0;
}

.play{
	display			: block;
	font-size		: 14px;
	text-decoration	: none;
	color			: #d3410c;	
	clear			: both;
	text-align		: right;
}