body{
	background: transparent url(img/fond.jpg) repeat left top;
}
#contenu{
	width:995px;
	margin: 0 auto;
	overflow:hidden;
}
#paysage{
	background: transparent url(img/header_paysage.png) no-repeat center top;
	height:143px;
	position:relative;
	width:995px;margin: 0 auto;
}
#paysage h1{position:absolute; left:0%; bottom:0%; margin:0;height:149px;}
#header .nav{
	background: transparent url(img/header_nav.png) repeat-x left top;
	height:56px;
}
#header  ul{
	margin:0 auto; 
	width:995px;
}
#header  ul ul{
display:none;
}
#header .nav li{
	list-style:none;
	float:left;
	margin-right:5px;
}
#header .nav li.contact{
	float:right;
	margin:0;
}
#header .nav li.who a{
	line-height:1.3;
}
#header .nav li a{
	font-size:140%;
	font-weight:bold;
	display:block;
	background: transparent url(img/header_nav_li.png) left bottom no-repeat;
	width:158px;
	height:56px;
	line-height:56px;
	text-align:center;
	letter-spacing:1px;
}
#header .nav li a:link, #header .nav li a:visited{
	color:white;
	text-decoration:none;
}
#header .nav li a:focus, #header .nav li a:hover,#header .nav li a:active{
	text-decoration:underline;
}

#flags{position:relative;margin:0 auto;width:995px;height:25px;}
#flags p{width:92px;margin:0;position:absolute;top:0%;right:0%;}
#flags a{margin-right:10px;}
#flags .germany{margin-right:0;}

a:link, a:visited{color:#921f19;}
a:focus, a:hover{color:#f66019;}
a:active{color:#741419;}

#sidebar, #main{
	background:#f1f5d6 url(img/bg_contenu.png) repeat-x left top;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid black;
	border:1px solid rgba(0,0,0,0.6);
	padding:0 20px 15px;
}
.leftsidebar #main{margin-left:272px;}
.leftsidebar #main h2{margin-top:0.5em;}
#sidebar{
	padding:0 20px 15px;
	width:210px;
	float:left;
}
#main h2{
	padding-left:40px;
	background:transparent url(img/h2_puce.png) left center no-repeat;
	height:32px;
	line-height:32px;
	color:#911c21;
	font-size:200%;
	margin-left:75px;margin-bottom:1em;
}

#main .duodivision h2, .leftsidebar #main h3{
	padding:0;
	background:0;
	font-size:1.25em;
	margin:1em 0 0.5em;
	color:#911C21;
}
#main .duodivision h2 span{color:#911C21;}

#main .separateur{
	background:transparent url(img/separateur.png) center center no-repeat; 
	height:14px;
	margin:15px 0 25px;
}
#main .separateur_simple{
	background:transparent url(img/separateur_simple.png) center center no-repeat; 
	height:5px;
	margin:15px 0 15px;
}

#sidebar .separateur{
	background:transparent url(img/separateur2.png) left top repeat; 
	height:2px;
	margin:10px 0 10px;
}

#sidebar .navigation ul{
	margin:0;
}
#sidebar .navigation ul li{
	background:transparent url(img/puce.png) left center no-repeat;
	list-style:none;
	padding-left:25px;
	position:relative;
	left:-5px;
}
#sidebar .navigation ul li.currentpage{
	font-weight:bold;
}


#footer{
	margin:15px auto 5px;
	background: transparent url(img/footer.png) no-repeat left top;
	height:35px;
	width:995px;
}

#footer p{
	text-align:center;
	color:white;
	height:35px;
	line-height:35px;
	margin:0;
}

#footer p.apropos{
	float:left;
	padding-right:2px;
	background: transparent url(img/footer_separateur.png) no-repeat right top;
}
#footer p.apropos a{
	display:block;
	height:100%;
	margin:0 8px 0 10px;
	color:white;
	font-weight:bold;
}
#footer p.apropos a:hover,#footer p.apropos a:focus{
		color:#ddd;
}
#footer p.andromede{
	float:right;
	padding-left:2px;
	background: transparent url(img/footer_separateur.png) no-repeat left top;
}
#footer p.andromede a{
	display:block;
	padding:5px 10px 5px 10px;
	height:25px;
}

.maronge{color:#b25129;}
.orange{color:#f66019;}

#cal-calendar{margin:0 auto;}
.NewsSummaryLink, .NewsAuthorDate, #NewsTitle, .eventDate, #event h3, .calendar-event h4{display:inline;}
#main .NewsMorelink{text-align:right; font-size:0.9em;}
#main .returnLink{text-align:right;}
.eventDate{margin-left:15px;}
#NewsSummaryContent, p.eventSummary{font-style:italic;}
#main .NewsAuthorDate, #event .eventDate{
margin-left:15px;
	background:#921f19;
	color:white;
	padding:2px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.formatage{overflow:hidden;width:100%;}
.duodivision{
	width:46.5%;
	float:left;
	margin:0 4%;
	text-align:justify;
}
.duodivision.first{margin-left:0;margin-right:0;}
.duodivision.last{margin-right:0;}

.LastNews h3, .ComingSoonEvent h3{
	font-size:1em;
	margin:0.25em 0 0;
}
.LastNews .NewsDate, .ComingSoonEvent .date{
	text-align:right;
}

#breadcrumbs{
	margin-top:5px;
	text-align:right;}
#anneeNavigation{text-align:center;}
#anneeNavigation h3{display:inline;}
#anneeNavigation .calendar-next{margin-left:0px;}
#anneeNavigation{margin-bottom:20px;}
.calendar-list ul, .LastNews ul, .ComingSoonEvent ul{margin:0;}
.calendar-list li, .LastNews li, .ComingSoonEvent li{list-style:none;}

.navigation li{
	margin:2px 0;
}


/*
input[type="text"]:hover, textarea:hover{
	background-color:#DFDFDF;
}*/


/* FORM */
.contactform{width:455px; margin:0 auto;overflow:hidden;}

.contactform div{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.contactform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.contactform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.contactform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}