/* CSS Document */
/************************************************/
/* Creation 20 Janvier 2010 */
/* Par Carlos Alves */
/************************************************/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* supprime le texte-decoration et l'effet encadré des a href */
a { outline:none; text-decoration:none; }

/* idem que pour les href */
object { outline:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* petite astuce pour les bg qui se repetent*/
.clr { clear: both;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0; visibility:hidden;}
.cache { position: absolute; left: 0; top: -5000px; }
.fleft{ float:left;}
.fright{ float:right;}

body{ background:#110d0e;}

/* FONT STYLE */
body{ font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#676767;}


/* TOP STYLE */
div#top{ background:url(../images/top_bg.gif) top left repeat-x; height:34px; width:100%;}
div#inner_top{ width:998px; margin:0 auto; font-size:12px; position:relative; padding:8px 0 0 9px;}
div#inner_top a{color:#d6d6d6;}
div#inner_top a:hover{color:#fb0606;}
div#inner_top ul{ position:absolute; top:8px; left:730px;}
div#inner_top ul li{ float:left; color:#d6d6d6; margin:0 4px 0 0;}
div#inner_top ul li a{color:#d6d6d6;}
div#inner_top ul li a:hover{color:#fb0606;}

/* CONTENT CONTAINER STYLE */
div#content_container{ background:url(../images/content_bg.gif) top left repeat; width:100%; padding: 0 0 20px 0;}
div#slider_container{position:relative; width:965px; margin:0 auto 15px auto;}
div#content{ width:978px; margin:0 auto; padding:10px; background:#ededed;}
div#content h2{ font-size:18px; color:#fb0606; font-weight:bold; margin:10px 0 20px 10px; text-transform:uppercase;}
div#content p{ margin:0 0 20px 10px; color:#000000;}
.border_bot{ border-bottom:5px dashed #fb0606; padding:0 0 20px; width:940px;}
ul#presentation{ margin:0;}
ul#presentation li{ float:left; margin:10px 5px 10px 0; padding:0 5px 0 0; width:313px; color:#000000;}
ul#presentation li h2{ font-size:18px; color:#fb0606; font-weight:bold;}
ul#presentation li blockquote{ font-weight:bold; font-style:italic; margin:10px 0 15px 0;}
ul#presentation li p{ margin:0 0 20px 0;}
div#intro_agenda{ margin:0 0 20px 0; border:2px dashed #fb0606; padding:0 5px;}
div#intro_agenda h3{ font-size:16px; font-weight:bold; font-style:italic; margin:0 0 10px 0; color:#000000;}
div#intro_agenda p{ color:#000000; font-size:14px;}
div#intro_agenda span{ font-weight:bold; font-style:italic; margin:0 0 10px 0; color:#000000; display:block;}
.border_right{ border-right:1px solid #fb0606; height:355px;}

/* LA CARTE STYLE */
#wrapper{
width: 900px;
margin: 0 auto 40px auto;
}
.box{
background: #fff;
}
.box h4{ font-size:16px; margin:10px 0 10px 10px; color:#FB0606;}
.boxholder{
clear: both;
padding: 5px;
background: #fe3232;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: url(../images/greentab.png) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 13px;
padding: 9px 0 0 0;
}
.tabtxt a{ color:#ffffff; font-weight:bold;}
.tabtxt a:hover{ color:#D6D6D6;}

table {
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#000;
	}
table a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
table a:visited {
	color:#444;
	font-weight:normal;
	}
table a:visited:after {
	content:"\00A0\221A";
	}
table a:hover {
	border-bottom-style:solid;
	}
thead th,
thead td,
tfoot th,
tfoot td {
	border:1px dashed #ffffff;
	border-width:1px 0;
	background:#402D29;
	color:#ffffff;
	}
tfoot th span,
tfoot td span{
font-size:10px;
color:#D6D6D6;
	}
th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
tbody th,
td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
tbody th a:link,
tbody th a:visited {
	font-weight:bold;
	}
tbody td,
tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
tbody tr.odd th,
tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
tbody tr:hover td,
tbody tr:hover th {
	background:#ffffee;
	border-color:#f1a7a7;
	}
caption {
	font-family:Georgia,Times,serif;
	font-weight:normal;
	font-size:1.4em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}

/* NAVIGATION STYLE */
div#nav_container{ position:relative; width:998px; margin:0 auto; height:77px;}
div#nav_container h1{ position:absolute; top:-10px; left:400px;}
ul#navigation1{width:412px; position:absolute; top:15px; left:0;}
ul#navigation1 li{ float:left; color:#d6d6d6; font-size:14px; font-weight:bold; margin:0 12px 0 12px; text-align:center;}
ul#navigation1 li a{ line-height:39px; color:#d6d6d6; margin:0 0 0 7px; background:url(../images/nav_bg_off.gif) top left no-repeat; width:101px; height:40px; display:block;}
ul#navigation1 li a:hover{color:#ffffff; background:url(../images/nav_bg_on.gif) top left no-repeat;}

ul#navigation2{width:412px; position:absolute; top:15px; left:575px;}
ul#navigation2 li{ float:left; color:#d6d6d6; font-size:14px; font-weight:bold; margin:0 12px 0 12px; text-align:center;}
ul#navigation2 li a{ line-height:39px; color:#d6d6d6; margin:0 0 0 7px; background:url(../images/nav_bg_off.gif) top left no-repeat; width:101px; height:40px; display:block;}
ul#navigation2 li a:hover{color:#ffffff; background:url(../images/nav_bg_on.gif) top left no-repeat;}
a.linkon{color:#ffffff !important; background:url(../images/nav_bg_on.gif) top left no-repeat !important;}



/* PLAN DU SITE STYLE */
ul#plandusite{margin:15px 10px 15px 70px;}
ul#plandusite li{list-style:square; color:#981112; list-style-position:inside; float:none !important; }
ul#plandusite li a{ color:#981112; text-decoration:none;}
ul#plandusite li a:hover{ color:#676767; text-decoration:underline;}


/* FOOTER STYLE */
div#footer{ background:url(../images/footer_bg.gif) top left repeat-x; width:100%; height:83px; padding:15px 0 0 0;}
div#inner_footer{ width:998px; margin:0 auto;}
div#inner_footer ul{ margin:0;}
div#inner_footer ul li{ float:left; color:#fb0606; margin:0 5px 0 0; font-size:12px;}
div#inner_footer ul li a{ color:#d6d6d6; font-size:12px;}
div#inner_footer ul li a:hover{color:#fb0606;}
div#inner_footer p{ margin:0 0 0 872px; color:#fb0606; font-size:12px;}
div#inner_footer p a{ color:#d6d6d6; font-size:12px;}
div#inner_footer p a:hover{ color:#fb0606;}


/* STYLE FORMULAIRE DE CONTACT */
form#contact_form{ padding:0; margin:0 0 30px 45px;}
form#contact_form h2{ margin:0px; font:bold 30px "Arial"; letter-spacing:-3px; border-bottom:1px #aaaaaa dashed; color:#aaaaaa;}
form#contact_form h2 span{ color:#333333;}
form#contact_form ul{ margin:15px 0 0 0;}
form#contact_form li{ margin-bottom:20px !important; background:none !important; height:35px;}
form#contact_form li input{border:1px solid #FB0606; background:#ffffff;}
form#contact_form li textarea{border:1px #981112 solid; background:#ffffff; }
form#contact_form li label{ display:block; font-weight:bold; margin:0 5px 1px 0; float:left; width:100%; text-align:left;}
form#contact_form li label span{ color:#d82727; font-size:11px; text-transform:none !important; margin:0 0 0 2px; }
form#contact_form li label span img{margin:-2.7px 3px -2.7px -2.7px; float:none !important;}
div#contact_content{ width:570px; float:left; margin:0 0 30px 10px;}
div#contact_content blockquote{font-style:italic; color:#FB0606;}
div#contact_content p{ margin:17px 0 0 0 !important;}
div#contact_content h2{font-size:16px; color:#fb0606; font-weight:bold; margin:20px 0 20px 0 !important; text-transform:uppercase; text-decoration:underline;}
div#contact_content ul{ color:#000000;}
div#contact_content ul li{ float:left;}
div#contact_content ul li ul li{ float:none !important;}
div#contact_content ul li ul li b{ color:#FB0606;}
div#contact_box{ background-color:#110D0E; border:2px dotted #ededed; padding:7px; float:right; width:350px; margin:0 30px 0 0; color:#ffffff;}
div#contact_box h3{ color:#ffffff;}
iframe{ border:2px solid #110D0E;}

/* STYLE EVENEMENTS */
ul#liste_evenements{ margin:10px 0 30px 70px; background-color:#ffffff; color:#000000; padding:5px; width:85%; border:2px dotted #FB0606;}
ul#liste_evenements li{ float:none; margin:0 0 10px 10px ;}
ul#liste_evenements li p{ margin:0 !important;}
ul#liste_evenements li h6{ font-size:14px; font-weight:bold; color:#3F63B5;}
ul#liste_evenements li h5{ color:#FB0606; font-size:16px; text-transform:uppercase;}
ul#liste_evenements li img{ margin:10px}
a#lien{color:#FB0606; text-decoration:underline;}
a:hover#lien{ text-decoration:none;}
