@CHARSET "UTF-8";
/* RESET */
/* Thx to Eric Meyer : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
img, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus
{
}
body
{
	line-height: 1;
	color: black;
	background-image: url('../images/interface/bottom_background.jpg');
	background-position: top center;
	background-color: #480900;
}
ol, ul

{
	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	/* text-align: left; */
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

/* GENERAL STYLE */
html
{
	height: 100%;
}
body
{
	color: black;
	height: 100%;
	margin-left: 0;
	margin-right: 0;
	background-color: #480900;
	font-size: 100%;
	line-height: 1.1em;
	background-position: top center;
}
body, div, input
{
	font-family: Verdana, Arial;
}
em
{
	font-style: italic;
}
strong, b
{
	font-weight: bold;
}
a, label
{
	color: #B9141B;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1, h2, h3
{
	line-height: 1em;
	font-weight: bold;
	font-family: Arial, Verdana;
	color: white;
}
h2
{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	background-color: #CC1F1B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
h3
{
	background-color: #CC1F1B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1.2em;
}

p
{
	margin-top:1em;
}

.error_msg
{
	color: #AA4400;
	font-weight: bold;
}



/* PAGINATION */
#overall
{
	
	margin-left: auto;
	margin-right: auto;
	width: 982px;
	min-height: 1130px;
}

#header
{
	width: 982px;
	height: 250px;
}

#content
{
	width: 982px;
	min-height: 813px;
	margin-bottom:20px;
}

#module_left
{
	float: left;
	width: 220px;
	min-height: 550px;		
	position:absolute;
}
/*
#menu
{
	width: 220px;
	min-height: 210px;
	margin-bottom: 20px;	
}*/

#newsletter
{
	width: 221px;
	height: 93px;	
	margin-bottom: 20px;
	margin-top: 20px;
}

#partenaires
{
	width: 221px;
	min-height: 213px;
}

#middle
{
	width: 500px;
	margin-left: 241px;	
}

#middle ul, #middle ol 
{
	list-style-type: circle;
	padding-left: 20px;
}

#edito
{
	width: 500px;
	margin-bottom: 20px;
}

#actualite
{
	/*left: 240px;
	top: 480px;*/
	width: 500px;
	min-height: 490px;
}
#carousel
{
	 background-color: #000;
	 padding: 5px;
	 height:		238px;
}

#storyContainer
{
	position:	relative;	
}

.storydiv
{
	position:	absolute;
	top:		0px;
	left:		52px;
}

#story2, #story3, #story4, #story5, #story6, #story7, #story8
{
    display:	none;
}

#bottom
{
	left: 240px;
	width: 500px;
	margin-bottom: 20px;
	height: 9px;
}

#module_right
{
	float: right;
	width: 220px;
	min-height: 597px;
}

.module_right
{
	width: 221px;
}

#forum
{
	width: 221px;
	height: 180px;
	margin-bottom: 20px;
}

#famille
{
	width: 221px;
	height: 190px;
	margin-bottom: 20px;
}

#tournois
{
	width: 221px;
	height: 190px;
	margin-bottom: 20px;
}

#images
{
	width: 221px;
	height: 190px;
}

#footer
{
	width: 982px;
}

tbody tr td
{
	padding-bottom: 5px;	
}

tbody tr td input
{
	margin-left: 15px;
}

#commentaire
{
	margin-left: 15px;
}

/* IMAGES */
#body
{
	background-image: url('../images/interface/bottom_background.jpg');
	background-repeat: repeat-y;
}

#background
{
	background-image: url('../images/interface/background.jpg?2');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
}

#title_newsletter
{
	background-image: url('../images/interface/titles/title_newsletter_module.jpg');
	width: 221px;
	height: 39px;
}
#title_news_liste
{
	background-image: url('../images/interface/titles/title_news.jpg');
	width: 221px;
	height: 39px;
}

.news_title li a span
{
	text-decoration:none;
}

.news_title li a span:hover
{
	text-decoration:underline;
}

#title_partenaires
{
	background-image: url('../images/interface/titles/title_partenaires_module.jpg');
	width: 221px;
	height: 40px;
}
#title_partenaire_module
	{
	background-image :url('../images/interface/titles/title_partenaire_module.png');
	width: 221px;
	height: 40px;
}

#title_forum
{
	background-image: url('../images/interface/titles/title_billeterie_dr.jpg');
	width: 221px;
	height: 39px;
}

#title_famille
{
	background-image: url('../images/interface/titles/title_poker.jpg');
	width: 221px;
	height: 39px;
}

#title_tournois
{
	background-image: url('../images/interface/titles/title_tournois.jpg');
	width: 221px;
	height: 39px;
}

#title_clip
{
	background-image: url('../images/interface/titles/title_clip.jpg');
	width: 221px;
	height: 39px;
}

#title_edito
{
	background-image: url('../images/interface/titles/la_une.gif');
	width: 499px;
	height: 38px;
}
#title_edito_clip
{
	background-image: url('../images/interface/background_content.jpg');
	background-repeat: repeat-y;
	width: 499px;
	height: 38px;
	
}
#title_billetterie
{
	background-image: url('../images/interface/titles/title_billetterie.jpg');
	width: 221px;
	height: 40px;
}
#title_actualite
{
	background-image: url('../images/interface/titles/title_actualite.jpg');
	width: 499px;
	height: 39px;
}

.module_left_content
{
	background-image: url('../images/interface/background_module_left.jpg');
	background-repeat: repeat-y;
}

.module_right_content
{
	background-image: url('../images/interface/background_module_right.jpg');
	background-repeat: repeat-y;
}

	
.content_middle, #actualite
{
	background-image: url('../images/interface/background_content.png');
	background-repeat: repeat-y;
}

#actualite .content_middle, #actualite 
{
	min-height: 490px;
	font-size: 13px;
}

#footer
{
	background-image: url('../images/interface/footer.jpg');
}

/* EDITO */
#edito
{
	font-family: Arial, Verdana;
	font-size: 67%;
	line-height: 1.5em;
	word-spacing: 0.01em;;	
}

#edito .content_middle
{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}


/* NEWSLETTER */
#newsletter .module_left_content
{
	font-size: 70%;
	padding-left: 12px;
	padding-bottom: 4px;	
}

#button
{
	position: absolute;
	margin-top: -3px;
	margin-left: 5px;
	border: none;
}

/* PARTENAIRES */
#partenaire_module
	{
	margin-top:20px;
	margin-bottom: 20px;
	width:221px;
	height: 200px;
}

#partenaires
{
	text-align: center;
}
#partenaires .module_left_content
{
	padding-top: 10px;
	padding-bottom: 5px;	
}
#partenaires img
{
	display: block;
	margin: 0 auto 20px auto;
}


/* ACTUALITES */
#actualite .content_middle
{
	padding-top: 15px;
	padding-left: 10px;
}

.news_text a, .text_id a
{
	color: #CC1F1B;	
}

.news
{
	background-color: #FBD4B0;
	min-height: 100px;
	width: 480px;
	padding-top: 5px;
	margin-bottom: 5px;
}

.news_only
{
	background-color: #FBD4B0;
	min-height: 125px;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.news .news_img, .news_only .news_img
{
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 94px;
	min-height: 94px;
}

.news .news_title, .news_only .news_title
{
	color: white;
	font-weight: bold;
	/*background-image: url('../images/interface/titles/background_title.jpg');*/
	background-color: #D02921;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 110px;
	width: 344px;
}
.news .news_title a, .news_only .news_title a
{
	color: white;
}
.news_title a:hover
{
	text-decoration: none;	
}
.news .news_text, .news_only .news_text
{
	margin-top: 5px;
	padding-bottom: 1px;
	margin-right: 10px;
	margin-left: 130px;
}

.news .text_id, .news_only .text_id
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 13px;	
}


/* RAW CONTENT */
.news .raw_content_news_title
{
	color: white;
	font-weight: bold;
	/*background-image: url('../images/interface/titles/background_title.jpg');*/
	background-color: #D02921;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 450px;
}

#raw_content
{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}

.raw_content_text_id
{
	padding-top: 10px;	
}


/* MODULE milieu */
#forum .right_img, #famille .right_img, #tournois .right_img, #images .right_img
{
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* FOOTER */
#footer
{
	padding-top: 10px;
	text-align: center;
	color: #CE241D;
	font-size: 75%;
	height: 60px;
}

#footer a
{
	color: #CE241D;
}

#footer a:hover
{
	text-decoration: underline;
}

/*
** FORMULAIRES
*/
input, textarea, select
{
	font-family: Arial;
	font-size: 12px;
	border:1px solid #333333;
	background-color: #EBF0FA;
	color: #222222;
	letter-spacing: 1px;
}
input.image
{
	border: none;
	background: none;
}
input.submit, input.button, input.inputsubmit
{
	border:1px outset #333333;
	background-color: #DDDDDD;
	font-weight:bold;
	letter-spacing: 1px;
}
input.checkbox
{
	
}
input.radio
{
	
}
input.text
{

}
textarea
{
	font-size: 12px;
}


#menu_deroulant
{
	background-position: 0 -90px;
	background-image: url('../images/interface/background_sous_menu.jpg');
	background-color: black;
	width: 168px;
	font-size: 75%;
	padding-left: 53px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
	color: white;
}
#menu_deroulant a
{
	font-weight: bold;
	color: white;	
}
#menu_deroulant li
{
	list-style: circle;
}
#liste_news ul{
	list-style:disc;
	color: red;
	padding-left: 8px;
	line-height: 0.9em;

	}
#liste_news li {
  font-size: 100%;
  display: list-item;
  list-style-type: disc;
	/*background-image: url(../images/interface/puce.gif);*/
	padding-left: 5px;
	line-height: 0.9em;
	padding-top: 1px;
	margin: 0;
}


#facebook
{
	width: 221px;
	height: 93px;	
	margin-bottom: 20px;
	margin-top: 20px;
}
#title_facebook
{
	background-image: url('../images/interface/titles/title_facebook.jpg');
	width: 221px;
	height: 39px;
}

/* VIEWER */
#box1{
	position:absolute;
}

.mask{
	position:relative;
	width:490px;
	height:302px;
}

.mask_right{
	position:absolue;
	width:221px;
	height:140px;

}
.mask_right img{
	position:relative;
	display:block;
	margin-left: 5px;
	}

#tabs
	{
	z-index: 3;
	position: absolute;
	cursor:  pointer;
	left: 452px;
	top: 20px;
}
.t1,.t2,.t3,.t4,.t1a,.t2a,.t3a,.t4a
{
	background: url("../images/photos_carrousel/tabs.png") no-repeat;
	height: 31px;
	width: 27px;
	margin-bottom: 5px;
	z-index:5;
}
.t1{background-position: 0 0;}
.t2{background-position: 0 -31px;}
.t3{background-position: 0 -62px;}
.t4{background-position: 0 -93px;}
.t1a{background-position: -27px 0;}
.t2a{background-position: -27px -31px;}
.t3a{background-position: -27px -62px;}
.t4a{background-position: -27px -93px;}
#carousel_image_contener
	{
	position:relative;
}
.carousel_image
	{
	border: 1px solid black;
	position: absolute;
	left:0;
	width: 450px;
	height: 300px;
	}
#carousel_image1
	{
	z-index:2;
	}
#carousel_image2
	{
	z-index:2;
	display:none;
	}
#carousel_image3
	{
	z-index:1;
	}
#carousel_image4
	{
	z-index:1;
	}
/* MENU */

#globalnav {
	position:relative;
	height: 242px;
	width: 221px;
}

/*#globalnav span {visibility:none}*/
/*#globalnav {list-style: none;}*/

#globalnav a#menu_accueil {
	margin:0;
    display: block;
    height: 31px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px 0px;
}
#globalnav  a#menu_infos_pratiques {
	margin: 0;
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -32px;
}
#globalnav  a#menu_exposants {
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -63px;
}
#globalnav  a#menu_animations {
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -93px;
}
#globalnav  a#menu_partenaires {
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -123px;
}
#globalnav  a#menu_billeterie {
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -153px;
}
#globalnav  a#menu_presse {
    display: block;
    height: 31px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -182px;
}
#globalnav  a#menu_espacepro {
    display: block;
    height: 30px;
    width: 221px;
	background: transparent url('../images/interface/menu/new_menu.png') no-repeat 0px -213px;
}

#globalnav  a#menu_accueil:hover {background-position: -221px 0px;}
#globalnav a#menu_infos_pratiques:hover 	{background-position: -221px -32px;}
#globalnav a#menu_exposants:hover 		{background-position: -221px -63px;}
#globalnav a#menu_animations:hover 		{background-position: -221px -93px;}
#globalnav a#menu_partenaires:hover 		{background-position: -221px -123px;}
#globalnav a#menu_billeterie:hover 		{background-position: -221px -153px;}
#globalnav a#menu_presse:hover 			{background-position: -221px -182px;}
#globalnav a#menu_espacepro:hover 		{background-position: -221px -213px;}


/* Exposants */

.exposant_list
{
	width: 100%;
	min-height: 20px;
	/*background: transparent url("../images/interface/exposant_list_bg.png") bottom repeat-x;*/
	padding-bottom: 20px;
}

.exposant_colonne
{
	float: left;
	width: 150px;
	min-height: 20px;
	text-align: left;
}


#page_exposant h2
{
	margin-bottom: 0;
}

.table_exposant
{
	width: 100%;
	border-spacing: 0;
}

.table_exposant td
{
	border-top: none;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	/*width: 30%;*/
	font-size: 12px;
	/*font-weight: bold; */
	padding: 10px 10px 0 10px;
}
.table_exposant td.anchor
{
	height:20px;
	padding:0;
	border-top:0;
}
.table_exposant div
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
}
.table_exposant li
{
	display: list-item;
	/* background: url("../images/interface/puce_orange.png") 0px 2px no-repeat;
	list-style: none; */
	padding-left: 1.25em; 
	color: #000;
	text-align: left;
}
.table_exposant a
{
	color: #000;
}
.table_exposant a:hover
{
	color: #FF7800;
	text-decoration: none;
}

.table_exposant h2
{
	text-align: left;
	margin: 0;
}

