/* pages */
body {
	background-color: #291B60;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px;
	padding: 0;
	vertical-align: middle;
}

h1 {
	margin: 0;
	padding: 16px 0 2px 0;
	color: #291B60;
	text-transform: uppercase;
	font-size: 16px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #291B60; 
	text-decoration: none; 
	text-transform: uppercase;
	margin: .5em 0 ;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	color: #000;

}
p {
	font-size: 11px;
	line-height:14px; 
	margin:6px 20px 12px 20px; 
	color: #000;
}

p.center {
	text-align: center;
}

ul, li {
	color: #000;
	font-size: 11px;
}
a {
	color: #291B60; 
	text-decoration: none; 
}

img {
	border: none;
}
hr.clear {
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	background: #fff;
	color: #fff;
	border: none;
}

body, table {font-family: Arial, Helvetica, sans-serif; font-size:13px;}



#header, #menu, #content, #prefoot, #footer, #header1, #prefoot1, #footer1 {
	text-align: left; 
	width:800px; 
	margin:0 auto; 
	padding:0
}
#image{
	background-image: url(imgs/map_europe.gif);
	background-repeat: no-repeat;
	height: 500px;
	width: 500px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #00FF33;
}
#header {height:108px; background:#4F4B85 url(../gfx/header.jpg) top left no-repeat;}
#menu {position:absolute; width:800px; left:50%; margin-left:-399px; height:28px}
#prefoot {height:32px;  background:#291A5F url(../gfx/bg_prefoot.gif) top left repeat-y; border-top:1px solid #FFFFFF}
#footer {height:46px; width:798px; background-color:#291A5F; border-top:1px solid #FFF; color:#FFF; text-align:center!important}


/*menu*/
dl, dt, dd, ul, li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#menu dl {
	float: left; 
	width: 114px; 
	line-height:26px
}
#menu dt {
	cursor: pointer; 
	text-align: center; 
	font-weight: bold; 
	background: #291A5F; 
	border: 1px solid #FFF; 
	margin:0; 
	font-size:12px;
}
#menu dd {
	display: none; 
	border: 0px solid #FFF; 
	line-height:26px; 
	font-size:12px;
}
#menu li {
	text-align: center; 
	background: #ACACAC; 
	border-bottom: 1px solid #FFF; 
	font-weight:bold;
}
#menu li a, #menu dt a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	line-height: 28px;
}
#menu li a#convention  {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	line-height: 20px;
}
#menu li a:hover, #menu dt a:hover {background:#F2B100}
a.active{background:#F2B100}
a.hover{color: 000000;}


/*Content*/

#content-container {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 422px;
	overflow: hidden;
	background: #FFF;
}

#content {
	display: block;
	width: 798px;
	margin: 1px;
	height: 393px;
	background-color:#FFF;
	padding-top:28px;
}



div.events {
	width: 254px;
	margin: 0 0 0 5px;
	float: left;
	background: #fff;
}
div.events h3{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #291B60; 
	text-decoration: none; 
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding: 0;
}
div.events p{
	margin: 10px 0 5px 5px;
	font-size: 11px;
}
div.events .info{
	display: block;
	text-align: right;
	font-weight: bold;
	margin: 20px 0 0 0;
	font-size: 11px;
}
div.events .info a{
	text-decoration: none;
}
div.event {
	background: #c9c6de;
	margin: 1px;
	padding: 5px;
}
div.event h4 {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}
div.event p {
	margin: 0;
	padding: 0;
}

#content h1 {font-size:14px; margin: 0 20px; padding:15px 0 0 0}
#content h2 {font-size: 12px; font-weight:bold; margin:12px 20px 0 20px; width:80%}
#content ul {margin: 12px 20px 5px 20px; padding:0 0 0 20px}
#content ul li {list-style: square}
#content ol {margin: 12px 20px 5px 20px; padding:0 0 0 20px}
#content ol li {list-style:circle}
#content table {border-collapse:collapse}


#prefoot span {color:#291A5F; font-size:13px; line-height:32px; margin-left:5px}
#prefoot span.left {float:left; color:#FC0; font-size:12px; font-weight:bold; margin-left:13px}

#footer p, #footer1 p {font-size:11px; margin:0 auto; padding:9px 0; color: #FFF;}
#footer a:link, #footer a:visited, #footer1 a:link, #footer1 a:visited {color:#FFF; text-decoration:none}

.invisible {display:none}
.bold {font-weight:bold}



/* home page */
#conteneur{
	width:800px;
	border:1px solid #FFFFFF;
	background-color: #4F4B85;
}
#menu_index {
	width:800px;
	left:50%;
	height:28px
}
#menu_index dl {float: left; width: 133px; line-height:26px}
#menu_index dt {cursor: pointer; text-align: center; font-weight: bold; background: #291A5F; border: 1px solid #FFF; margin:0; font-size:12px;}
#menu_index dd {display: none; border: 0px solid #FFF; line-height:26px; font-size:12px;}
#menu_index li {text-align: center; background: #ACACAC; border-bottom:1px solid #FFF; font-weight:bold}
#menu_index li a, #menu dt a {color: #FFF; text-decoration: none; display: block; height: 100%; border: 0 none;}
#menu_index li a:hover, #menu dt a:hover {background:#F2B100}
#header1 {
	height:340px;
	background-image: url(../gfx/header1.jpg);
	background-repeat: no-repeat;
}

#photos{
	position:relative;
	height:106px;
	background-image: url(../gfx/photos.jpg);
	background-repeat: no-repeat;
}
/
#prefoot1 {height:32px; width:802px; background:#291A5F; border:1px solid #FFF}
#prefoot1 span {color:#FFF; font-size:13px; line-height:32px; margin-right:15px}
#prefoot1 span.left {float:left; color:#FC0; font-size:12px; font-weight:bold; margin-left:12px}
#footer1 {height:46px; width:802px;background-color:#291A5F; color:#FFF; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; text-align:center!important;}


.titre {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #291B60; text-decoration: none; text-transform: uppercase;}
.texte {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-style: normal;	color: 000000;	text-decoration: none;	text-align: justify;}
.liens { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #291B60; text-decoration: none; }
.liens:visited {color: #291B60;}
.liens:hover {color: #000000;}
.Style1 {font-size: 16px}
.img {position: fixe; float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 12px; margin-left: 0px;}
ul#lien a{
	height: 108px;
	width: 800px;
	position: absolute;
}
/*********************/


/*========================
   Mise en page LC
=========================*/

img.left {
	float: left;
	margin: 24px 10px 20px 0;
}

#content-container-liquid {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background: #FFF;
}

#content-liquid {
	width:790px;
	background-color:#FFF;
	padding-top:28px;
	margin: 0 0 0 10px;
}
#content-liquid p {
	font-size: 11px;
	line-height:120%; 
	margin:6px 0 12px 0; 
	color: #000;
}
#main {
	float: right;
	width: 532px;
	margin: 0 12px;
	padding: 0;
}
#colonne {
	float: left;
	width: 220px;
	margin: 0;
	padding: 13px 0 0 0;
}