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

body {
	background-color:#000000;
	cursor:default;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
img {
border:none;
}
img a:hover {
display:inline;
line-height:0;
background-color:none;
}
p {
	padding-top:0px;
	padding-bottom:4px;
	margin:0px;
	margin-left:4px;
}
p a {
	color:#FFFFFF;
	text-decoration:none;
}

p a:hover {
	text-decoration: none;
	color:#000000;
	letter-spacing:1px;
	background-color:#FFFFFF;
}
ul {
	margin: 0;
	padding: 0 0 0 20px;
}
li {
	margin:0px;
	padding: 0px;
}
li a {
	color:#FFFFFF;
	text-decoration:none;
}
li a:hover {
	text-decoration: none;
	background-color:#000000;
}
h1 {
	margin-bottom: 6px;
	font-size: xx-large;
	font-weight: bold;
	border-bottom: 1px dashed #fff;
	padding-bottom:5px;
}
h2 {
	font-weight: bold;
	color:#990000;
	border-bottom-width:1px;
	border-bottom-color:#990000;
	font-size: 1.3em;
	border-bottom-style: solid;
}
h2 a{
	color:#990000;
}
#container {
	width:1024px;
	margin: auto;
	text-align: center;
	padding: 0px;
	background-color:#1E1E1E;
}
#header {
}
#header #topMenu {
height:36px;
}

#header #topMenu a {
position:relative;
float:left;
text-decoration:none;
background-color:#333333;
display:block;
text-align:middle;
padding:5px 15px 5px 15px;
margin:5px 0px 5px 6px;
color:#999999;
font-weight:bold;
border:none;
}
#header #topMenu ul {padding:0px;}
#header #topMenu ul li {display: block; float:left; margin:0;}
#header #topMenu ul ul {display: none;}
#header #topMenu ul li:hover ul.niveau2, li ul.niveau2 li:hover ul.niveau3 {display:block;}
#header #topMenu ul ul.niveau2 li {position:absolute; left:0px; top:-1px; width:100%;}

#header #topMenu a:hover , #header #banner #secondMenu a:hover.sansfond{
	color:#333333;
	background-color:#f0de19;
filter:alpha(opacity=100);   /* Internet Explorer 6     */
opacity:1;                   /* CSS3 et Mozilla récents */
-moz-opacity:1;              /* Mozilla 1.6 et infér.   */
}
#header #banner #secondMenu a {
	display: block;
	padding-top: 6px;
	padding-right: 29px;
	padding-bottom: 7px;
	padding-left: 28px;
	margin: -1px 0px -1px 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#header #banner #secondMenu a.sansfond {
	background-color:#FFFFCC;
filter:alpha(opacity=90);   /* Internet Explorer 6     */
opacity:0.9;                   /* CSS3 et Mozilla récents */
-moz-opacity:0.9;              /* Mozilla 1.6 et infér.   */
}

#header #banner {
	margin: 0px 0px -1px 0px;
	padding: 236px 0px 0px 0px;
	text-align: left;
	background-image:url(../images/wws2010_bannerweb_01.jpg);
}
#header #banner #secondMenu {
	padding: 0px;
	height: 30px;
	border-top:solid;
	border-color:#000000;
	border-width:2px;
	width:700px;
}
#header #thirdMenu {
	width:1024px;
	margin: auto;
}
#header #thirdMenu #bg_menu_vignette {
position: absolute;
margin-top:36px;
width:1024px;
background-color:#000000;
height:200px;
z-index:10;
filter:alpha(opacity=80);   /* Internet Explorer 6     */
opacity:0.8;                   /* CSS3 et Mozilla récents */
-moz-opacity:0.8;              /* Mozilla 1.6 et infér.   */
z-index:10;
}
#header #thirdMenu #bg_menu_vignette #topMenu ul li:hover ul.niveau2 {display:block; }

#header #thirdMenu #menu_vignette {
position: absolute;
margin-top:36px;
filter:alpha(opacity=100);   /* Internet Explorer 6     */
opacity:1;                   /* CSS3 et Mozilla récents */
-moz-opacity:1;              /* Mozilla 1.6 et infér.   */
z-index:100;
}
#header #thirdMenu #menu_vignette img {
width:150px;
height:113px;
}
#header #thirdMenu #menu_vignette a.img {
float:left;
margin: 5px 0px 5px 15px;
padding:0px 0px;
}

#header #thirdMenu #menu_vignette #legende {
font-family:arial;
font-size:10px;
font-weight:bold;
color:#333333;
padding:4px;
text-align:left;
width:160px;
background-color:#FFFFFF;
margin-bottom: -18px;
z-index:1000;
}
#container #content {
float:left;
background-color:#1E1E1E;
}

#container #content #col1 {
float:left;
width:570px;
padding:20px;
margin:0;
background-color:#1E1E1E;

}

#container #content #col2 {
float:left;
width:394px;
padding: 20px 10px 10px 10px;
background-color:#1E1E1E;
}
#container #content #col2 #box {
float:left;
width:370px;
margin:0px 0px 10px 0px;
background-color:#1E1E1E;
	border-top:dotted;
	border-left:dotted;
	border-right:dotted;
	border-bottom:dotted;
	border-color:white;
	border-width:1px;
}
#container #content #col2 #box h1 {
background-color:white;
font-weight:bold;
font-size:1.1em;
margin:-1px -1px 0px -1px;
padding:3px;
}
#signature {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	color:#FFFFFF;
	text-align:center;
	font-size: small;
	margin-top:15px;
}
#signature p {
	padding:5px;
}
#cale {
width:650px;
}

/* !!!!!!!!!!!! Template en div !!!!!!!!!!

#left {
position:relative;
float:left;
padding-top:10px;
width:20%;
height:500px;
min-width:120px;
background-color:#990000;
z-index:1;
}
#left_title {
font-size:1.3em;
border-bottom:dotted;
border-bottom-color:#FFFFFF;
}
#separate_left {
position:relative;
float:left;
padding-top:10px;
width:3%;
height:500px;
background-image:url(../images/menugaucheleft.png);
background-position:left;
background-repeat:repeat-y;
background-color:#CC6600;
z-index:2;
}
#separate_right {
position:relative;
float:left;
padding-top:10px;
width:3%;
height:500px;
background-image:url(../images/menugaucheright.png);
background-position:right;
background-repeat:repeat-y;
background-color:#CC6600;
z-index:2;
}
#center {
	position:relative;
	float:left;
	padding-top:10px;
	width:54%;
	height:500px;
	background-color:#CC6600;
	z-index:1;
	overflow: hidden;
}
#right {
	position:relative;
	float:left;
	padding-top:10px;
	width:20%;
	height:500px;
	background-color:#666666;
	z-index:1;
	}*/

/* !!!!!!!!!! Template en table !!!!!!!!!!!! */
.table_left {
/*background-color:#999999;/*#523B1B*/
/*vertical-align:top;
padding-top:0px;*/
/*border-left:solid;
	border-width:1px;
	border-color:#333333;*/
		background-color:#1E1E1E;

}
.table_left h2 {
	color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	margin-left:4px;
}
.table_center {
	background-color:#333333; /* #E4B90B */
	vertical-align:top;
	padding-top:20px;
	padding-bottom:60px;
	text-align: left;
	padding-left:5px;
}
.table_right {
	background-color:#333333;/*#523B1B*/
	padding-top:20px;/*	border-right:solid;
	border-width:1px;
	border-color:#333333;*/
	vertical-align: top;
}
.table_right_menu {
	background-color:#211505;
	height:auto;
	padding-bottom:10px;
	vertical-align: top;
}
.separate_left {
/*background-image:url(../images/border_table_left.jpg);
background-position:left;
background-repeat:repeat-y;*/
background-color:#333333;/*#333333;#E4B90B*/

}
.separate_right{
/*background-image:url(../images/border_table_right.jpg);
background-position:right;
background-repeat:repeat-y;*/
background-color:#333333;/*#E4B90B*/
}
/*a.menuleft {
text-decoration:none;
background-color:#666666;  //#990000
display:block;
text-align:left;
width:auto;
border-bottom:solid;
border-bottom-color:black;
border-bottom-width:1px;
padding:5px;
margin:0px;
color:#FFFFFF;
}*/

a.menuleft {
float:left;
text-decoration:none;
background-color:#333333;
display:block;
text-align:middle;
border-right:solid;
border-right-color:#CCCCCC;
border-right-width:1px;
padding:5px 15px 5px 15px;
margin:5px 4px 5px 0px;
color:#999999;
font-weight:bold;
}
a.menuleft:hover {color:black;
background-color:white;
}
.menuleft active {color:black;
background-color:white;
}
#menuright {
float:left;
	border-top:dotted;
	border-left:dotted;
	border-right:dotted;
	border-bottom:dotted;
	border-color:white;
	border-width:1px;
	margin-bottom:15px;
	width:370px;
}
#menuright a {
text-decoration:none;
display:block;
text-align:left;
padding:10px;
border-bottom:dotted;
border-color:white;
border-width:1px;
color:#FFFFFF;
}
#menuright a:hover {
color:#666666;
background-color:white;
}
a.menuright active {color:black;
background-color:white;
}
#menuright h1 {
background-color:white;
font-weight:bold;
font-size:1.1em;
margin:0;
padding:3px;
}

#infos {
	margin-left:10px;
	margin-bottom:15px;
	margin-right: 10px;
}
.infos_title {
font-size:1.3em;
font-weight:bold;
text-align:center;
color:#CCCCCC;
background-color:#990000;
}

#infos_container {
font-size:1em;
font-family:Verdana;
padding:4px;
border:solid;
border-width:1px;
border-color:#990000;
background-color:#CCCCCC;
cursor:default;
}
.infos_title2 {
font-size:1em;
font-weight:bold;
color:#660000;
padding-top:20px;
cursor:default;
}
.infos_content {
font-size:0.9em;
color:#333333;
padding-top:3px;
cursor:default;
}
.infos_content a {
color:#FFFFFF;
text-decoration:none;
}
.infos_content a:hover {
letter-spacing:1px;
color:#000000;
background-color:#FFFFFF;
}
#diaporama {
	margin:auto;
	border:solid;
	border-color:#666666;
	border-width:1px;
	width:170px;
}
#diaporama img {
/*margin:2px;
width:120px;*/
}
#grande_affiche {
	position: absolute;
	left:20%;
	height:90%;
	top: 0px;
	z-index: 3000;
	visibility: hidden;
}

.cadre_petite_affiche a:hover #grande_affiche {
	visibility: visible;
}
#compteur {
position:absolute;
left:-6px;
top:-6px;
z-index:3;
visibility:hidden;
}
#news_vignette {
width:530px;
font-family:Arial;
background-color:#FFFFFF;/*#FFFFCC F3DC90 E0BB0B*/
border:solid;
border-width:1px;
border-color:#666666;
margin-bottom:10px;
padding:10px;
text-align:left;

}
#news_vignette li {
text-align:left;
}
#news_vignette h1 {
	font-size:1.9em;
	font-weight:bold;
	color:#333333;
	margin: 4px 0 2px 4px;
	z-index:1;
	float:left;
}

#news_vignette_item {
padding-bottom:15px;
margin-bottom:10px;
border-bottom:dotted;
border-color:#999999;
border-width:1px;
z-index:1;
}
#news_vignette_item h2 {
	font-family:Arial;
	font-size:1.2em;
	font-weight:bold;
	margin-left:6px;
	margin-bottom:6px;
	color: #333333;
	border-bottom: none;
	text-align:left;
}
#news_vignette_item h3 {
margin-left:10px;
}
#news_vignette .date {
font-size:0.8em;
padding: 1px;
display:inline;
line-height:4em;
color:#666666;
border-style:dotted;
border-color:#CCCCCC;
border-width:1px;
margin: 22px 0 0 6px;
z-index:1;
}
#news_vignette p {
	font-size:1em;
	color:#333333;
	margin: 4px 0 0 6px;
	text-align:left;
}
#news_vignette a {
color:#000066;
text-decoration:none;
}
#news_vignette a.plusdinfos  {
float:right;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#EAEAEA;
font-size:10px;
padding:4px;
color:#333333;
}
#news_vignette a:hover {
letter-spacing:normal;
color:#FFFFFF;
background-color:#003399;
text-decoration:underline;
}
#news_vignette a:hover.plusdinfos   {
background-color:#f0de19;
color:#333333;
letter-spacing:0;
}
#news_vignette a.touteslesnews{ font-size:1.2em; color:#333333; margin-left:350px; display:block; }
#news_vignette  a:hover.touteslesnews { background:none; color:#999999; }

#news_vignette img {
float:left; border:solid; border-color:#333333; border-width:1px;margin:0px 10px 0px 0px;
}
#news_vignette_menu {
float:right;
right:4px;
}
#news_vignette_menu img {
border:none;
display:inline;
line-height:0;
}
#animationflash {
padding-bottom:15px;
text-align:left;
}
/*     class du ZOOM sur index      */
#zoom { text-align:center; }
.preview { margin: 0 8px 8px 0; }
.preview img { position: relative; }
.previews { position: relative; }
.large-preview { margin: 0 15px 0 0; float: left; position: relative; }
.preview img a { border:none; }