/* CSS Document */

/* -------------------------RESET------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0;padding:0;font-size:13px;}

td { font-size:13px; }

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* -------------------------------------------------------  */

* { font-family: Arial, Helvetica, sans-serif;}

BODY {
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
	background:#000000 url(/design/background.gif) center top no-repeat;
	color:#ccc;
}

BODY#splash{
		background:#000000 url(/design/splash.jpg) center top no-repeat;
		padding-top:150px;
}

#flash{text-align:center;}

.languagesSplash{
	padding:10px 0 7px 0;
	color:#929292;
	text-align:center;
}

.languagesSplash A:link , .languagesSplash A:visited{
	display:inline-block;
	padding:5px 10px;
	color:#929292;
	text-decoration:none;
}	

.languagesSplash A:hover , .languagesSplash A:active{
	background:url(/design/splash.gif) top center no-repeat;	color:#fff;
}

TABLE{ border-collapse:0; border:0;}

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0}

UL{list-style-type: none; padding:0;margin:10px 0;}

UL LI{
	background: url(/design/puce.gif) no-repeat 0px 8px;
	padding:2px 0 2px 8px;
	margin:0 0 0 20px;
}

hr.clear {
	border:medium none;
	clear:both;
	height:10px;
	margin:0;
	padding:0;
	visibility:hidden;
}

HR {
	border:medium none;
	clear:both;
	height:1px;
	margin:10px 0;
	padding:10px 0;
	background:none;
	border-bottom:1px solid #333;
}


INPUT , TEXTAREA{
	padding:2px;
	margin:2px;
	border:1px solid #e2001a;
	font-size:10px;
}

INPUT.button , INPUT.formbutton{
	border:1px solid #e2001a;
	background:URL(/design/search-back.gif) center center;
	padding:5px 10px;
	font-size:12px;
	color:#e2001a;
	font-weight:bold;
	text-align:center !important;
}

INPUT.formbutton{
	margin:10px 10px 0 2px;
	text-align:left;
}

INPUT.formbutton:hover , INPUT.button:hover{color:#000;}

A, A:visited{color:#ebe3b8;}
A:hover, A:active{color:#ebe3b8;}

#container{
	position:relative;
	margin:0 auto;
	width:955px;
}

#topHeader{
	padding:15px 0;
	position:relative;
}

#languages{
	position:absolute;
	top:30px;
	right:50px;
	width:200px;
	height:20px;
	
	text-align:right;
}

#languages A:link , #languages A:visited{
	color:#91918f;
	border:1px solid #222222;
	padding:1px;
	margin:0 1px;
	font-size:9px;
	text-decoration:none;
}

#languages A:active , #languages A:hover , #languages A.sel{
	color:#fff;
	border:1px solid #fff;
}

#tools{
	position:absolute;
	top:33px;
	right:95px;
	width:45px;
	height:20px;
	
	text-align:right;
	
	font-size:11px;
}

#tools A:link , #tools A:visited{
	width:11px;
	height:9px;
	display:inline-block;
	
}

#tools A.sitemap{
	background:url(/design/sitemap.gif) center center no-repeat;
	
}
#tools A.sitemap:hover{
	background:url(/design/sitemap_hover.gif) center center no-repeat;
}

#tools A.print{
	background:url(/design/print.gif) center center no-repeat;
}

#tools A.print:hover{
	background:url(/design/print_hover.gif) center center no-repeat;
}

#tools A.contact{
	background:url(/design/mail.gif) center center no-repeat;
	
}

#tools A.contact:hover{
	background:url(/design/mail_hover.gif) center center no-repeat;
}

#banner{
	height:152px;
	position:relative;
	z-index:1;
}


/* ---------------------------------------------------------------------------------- Home  */

#bannerHome{
	height:260px;
	position:relative;
	z-index:1;
}

.contentHome{
	padding:0 0 10px 0;
}

.homeLeft{
	width:728px;
	position:relative;
	height:350px;
	float:left;
}

.homeRight{
	width:187px;
	height:395px;

	padding:15px;
	float:right;
	background:url(/design/home-right.gif) no-repeat left top;
	
	color:#fff;

}

.blockHome , .blockHome:link , .blockHome:visited{
	display:block;
	
	width:148px;
	height:191px;
	
	padding:10px;
	
	float:left;
	margin-right:14px;

	text-decoration:none;
	
	color:#a9a9a9;

/*	overflow:hidden;*/
}


.blockHome TEXTAREA{	

	padding:0;
	margin:0;

	width:145px !important;
	height:115px !important;	
	border:1px dashed #666;

	font-size:13px;
	font-weight:normal;
	color:#a9a9a9;
	background:transparent;
}

.blockHome:active , .blockHome:hover{}

.blockHome SPAN{
	display:block;
	font-size:18px;
	color:#fff;
	margin:0 0 10px 0;
}

.blockHome SPAN INPUT{

	padding:0;
	margin:0;

	width:145px !important;
	border:1px dashed #666;


	font-size:18px;
	color:#fff;
	background:transparent;
}

.blockHome:hover SPAN{	/*color:#bfb895;*/}

.blockHome:hover STRONG{color:#e20018}

.blockHome:hover STRONG TEXTAREA{color:#e20018}

.blockHome STRONG{
	display:block;
	color:#fff;
	margin:0 0 10px 0;
	
	color:#bfb895;
}

.blockHome STRONG TEXTAREA{	

	padding:0;
	margin:0;

	width:145px !important;
	height:30px !important;	
	border:1px dashed #666;

	font-size:13px;
	font-weight:bold;
	color:#bfb895;
	background:transparent;
}


.affiches{
	position:absolute;
	top:234px;
	width:690px;
	height:170px;
	padding:15px;
	background:url(/design/home-bottom.gif) no-repeat left top;
	left:0px;
}

.affiches H2{
	color:#bfb895;
	font-size:18px;
}
#bh1{background:url(/design/home_01.gif) no-repeat left top;}
#bh2{background:url(/design/home_02.gif) no-repeat left top;}
#bh3{background:url(/design/home_03.gif) no-repeat left top;}
#bh4{background:url(/design/home_04.gif) no-repeat left top;}

#bh1:hover{background:url(/design/home_01_h.gif) no-repeat left top;}
#bh2:hover{background:url(/design/home_02_h.gif) no-repeat left top;}
#bh3:hover{background:url(/design/home_03_h.gif) no-repeat left top;}
#bh4:hover{background:url(/design/home_04_h.gif) no-repeat left top;}

/* ---------------------------------------------------------------------------------- Home  */

IMG.ban{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.menu{
	position:absolute;
	z-index:3;
	height:16px;
	width:926px;
	left:4px;
	bottom:4px;

	padding:7px;
	clear:both;

	border:0px dashed pink;
}

.menu A:link , .menu A:visited{
	color:#fffee2;
	text-decoration:none;
	background:transparent;
	padding:2px 5px;
	font-size:14px;
}

.menu A:hover , .menu A:active , .menu A.sel{
	color:#fffee2;
	text-decoration:none;
	background:#590009;
	padding:2px 5px;
	font-size:14px;
}

.menu IMG{
	margin:0 3px;
	vertical-align:middle;
	position:relative;
	top:-2px;
}

.breadcrumps{
	color:#8a8a8a;
	font-size:10px;
	padding:5px 0;
}

.breadcrumps A:link , .breadcrumps A:visited{
	color:#8a8a8a;
	text-decoration:none;
}

.breadcrumps A:hover , .breadcrumps A:active{
	text-decoration:underline;
}

.left{
	float:left;
	width:200px;
}

.leftMenu{
	background:url(/design/menu-left.gif) no-repeat top left;
	width:167px;
	padding:17px 3px 3px 3px;

	min-height:250px;
	
	margin-bottom:50px;
}

.leftMenu A:link , .leftMenu A:visited {
	display:block;
	color:#b2ac8b;
	padding:10px 5px 10px 25px;
	background:url(/design/puce-menu-1.gif) no-repeat 10px 15px;
	font-size:13px;
	text-decoration:none;
	border-bottom:#2b2b2b solid 1px;
	border-top:#3a3a3a solid 1px;
}

.leftMenu A:hover , .leftMenu A:active , .leftMenu A.sel{ 
	color:#fff !important;
	background:url(/design/puce-menu-2.gif) no-repeat 10px 15px !important;
}

.leftMenu A.first{border-top:none;}
.leftMenu A.last{border-bottom:none;}

.leftMenu #carnet_zone A{
	display:inline;
	background:transparent;
	border:0px;
	padding:0px 0px 0px 0px;
}

.leftMenu #carnet_zone IMG { float:left; margin-right:3px; }


.content{
	float:right;
	width:750px;
	padding-bottom:25px;
}


.content2{
	float:right;
	width:950px;
	padding-bottom:25px;
}

.pola{
	width:247px;
	height:283px;
	padding:27px 0 0 28px;
	
	
	background:url(/design/back-cadre.gif) no-repeat 0 0;
}

.copy{
	color:#bfb895;
	font-size:11px;
	text-align:right;
}

.contRight{
	width:275px;
	float:right;
}

.contLeft{
	width:445px;
	float:left;
}

.content2 .contLeft{width:645px}

H1{
	font-size:20px;
	color:#fff;
	padding:0 0 10px 0;
}

#bottom{
	padding:10px 0 7px 0;
	background:url(/design/line.gif) repeat-x top center;
	color:#929292;
	text-align:center;
	
}

#bottom A:link , #bottom A:visited{
	color:#929292;
	text-decoration:none;
}

#bottom A:hover , #bottom A:active{
	color:#fff;
}

.conn{margin-top:20px;padding:4px;font-size:14px;}
.conn .imgComm {position:relative;left:-7px;display:block;}

.conn A:link , .conn A:visited{color:#929292}
.conn A:hover , .conn A:active{color:#fff;}

.conn A.purple:link , .conn A.purple:visited{color:#e2001a;text-decoration:none;}
.conn A.purple:hover , .conn A.purple:active{color:#fff;text-decoration:underline;}








A.event:link , A.event:visited{display:block;color:#999;text-decoration:none;clear:both;}

A.event:hover , A.event:active{color:#fff!important}

A.event IMG.imgNewsHeader{margin:0 10px 0 0;border:3px solid #fff;background:#fff !important;}
.homeRight A.event:hover IMG.imgNewsHeader ,  A.event:hover IMG.imgNewsHeader{border:1px solid #e20018;padding:2px;}

A.event .date{font-size:9px;color:#999;}

A.event:hover .date{font-size:9px;color:#e20018;}

A.event H2{font-size:14px;font-weight:bold;color:#ccc}
A.event:hover H2{color:#e20018;}

A.event .header{color:#999}

.homeRight A.event{margin-bottom:10px;min-height:65px;}

.homeRight A.event H2{font-size:12px;font-weight:normal;color:#999}
.homeRight A.event:hover H2{color:#e20018;}

A.allNews:link , A.allNews:visited{
	display:block;
	text-align:right;
	text-decoration:none;
}

A.allNews:hover , A.allNews:active{text-decoration:underline;}

/* ==============================================
COPYRIGHT
============================================== */

#copyright{
	padding:10px 0 7px 0;
	background:url(/design/line.gif) repeat-x top center;
	text-align:right;
	color:#4f4f4f;
	font-size:10px;
}

#copyright A, #copyright A:visited{color:#4f4f4f;text-decoration:none;}
#copyright A:hover, #copyright A:active{color:#fff;}


/* ==============================================
RECHERCHE
============================================== */

.wt_img{
	border:#ccc solid 1px;
	padding:3px;
}

.wt_img:hover{
	border:#e2001a solid 1px;
}

.wt_thumb {
	width:185px;
	height:130px;
	text-align:left;
	float:left;
}

.BlckSearch{
	background:#acacac URL(/design/search-back.gif) repeat-x center top;
	color:#333;
	padding:10px;
}

#subtd INPUT {
	border:1px solid #e2001a;
	background:URL(/design/search-back.gif) center center;
	padding:5px 10px;
	font-size:12px;
	color:#e2001a;
	font-weight:bold;
}

.carnet_img{
	border:#ccc solid 1px;
	padding:3px;
}

.wt_resultBlck{
	border:1px solid #333;
	padding:5px;
	margin:0 0 10px 0;
}

.wt_result:link , .wt_result:visited{
	text-decoration:none;
	color:#ccc;
}

.wt_result:hover , .wt_result:active{
	
}

.wt_result H1{
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

.wt_over , .wt_over A:link , .wt_over A:visited{
	color:#adadad;
	overflow: hidden;
	height: 66px;
	text-decoration:none;
}

.addCarnet{
	text-align:right;
	padding:3px 0;
	clear:both;
}

.addCarnet A:link , .addCarnet A:visited{
	text-decoration:none;
	background:#990012 !important;
	border:1px solid #990012;
	color:#ccc;
	padding:2px 4px;
	clear:both;
	margin:5px 0;
	display:inline !important;
}

.addCarnet A:hover , .addCarnet A:active{
	background:#e2001a !important;	
	color:#000;
}

.wt_nav{
	padding:2px 0;
	border:dotted #e2001a;
	border-width:1px 0;
	margin:10px 0;
}

.wt_nav A:link , .wt_nav A:visited{
	text-decoration:none;
	color:#999;
}

.wt_nav A:hover , .wt_nav A:active{
	color:#e2001a
}

.wt_next{}
.wt_prev{}

.leftMenu H1{
	font-size:12px;
	padding:0 5px;
	position:relative;
	top:-5px;
	font-weight:bold;
}

#carnet_zone{
	padding:0 5px;
}

#carnet_zone TD{font-size:9px;vertical-align:top;padding:3px 0 ;}

#carnet_zone TD IMG{padding:1px}

#carnet_zone .wt_resultBlck TD IMG.carnet_img{
	padding:3px;
}

.table_cat{
	width:100%;
}

.table_cat TD{padding:0;margin:0;}
.table_cat UL{padding:0;margin:0;}
.table_cat UL LI{padding:3px 0;margin:0;background:none;}
.table_cat UL LI A:link , .table_cat UL LI A:visited{color:#ccc;text-decoration:none;}
.table_cat UL LI A:hover , .table_cat UL LI A:active{color:#e2001a;text-decoration:none;}

.clearBoth{
	color:#ccc;
	background:#ccc;
	height:1px;
	padding:0;
	margin:10px 0;

	clear:both;
}

.formTable INPUT{
		border-color:#e2001a
}


.event hr.clear {
	height:1px;
}


/* supprimer pour réactiver le choix des langues */ #tools {right:0;}