/*FORMATAGE DE BASE*/

body {
	background:url(../data/bg1.gif);
	margin:20px;
	font-family: verdana;
	font-size:12px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	}


ul,li {
	margin:0;
	padding:0;
	list-style:none;
	}

a { outline: none; text-decoration:none; color: #30ab00;}
a:hover{ color:#30ab00;}
p { font-size: 11px; color: #004400; margin: 0 15px 0 5px;}


/*******************************************************************************/

div#base {
	width: 800px;
	margin:0 auto;
	}
	
div#banniere {
	width: 100%;
	height: 60px;
	padding-top: 10px;
	background-color: #30ab00;
	}
	
div#logo {margin-left:60px;border: none;}
div#logo a{cursor: default;}

div#line{
	width: 760px;
	height: 18px;
	margin-top:17px;
	font-size:10px;
	letter-spacing:0.09em;
	background-color:#fff;
	padding: 0 20px;
	color:#004400;
	}
div#line .nom{float:left;}
div#line .nom2{float:right;}

div#langues { font-variant:small-caps; font-size:14px; width: 130px; float:left; margin-top:5px; background-color: #fff; padding: 5px; padding-left:20px;}
div#langues a {color:#004400;}
div#langues a:hover {color:#30ab00;}
div#langues .active_lang {color:#30ab00;}
div#langues .lang_sep{color: #004400;}
	

/*MENU*/
div#gauche{
	width:155px;
	float:left;
	margin-top:5px;}

div#accordeon{
	width: 155px;
	float:left;}

div#accordeon li {
	display: inline;
	font-size:12px;
	width:100%;}

div#accordeon a {
	background-color:#fff;
	color:#004400;
	display: block;
	padding:5px;
	padding-left:20px;}

div#accordeon a:hover {color:#fff; background-color:#30ab00;}

div#accordeon .active {color:#30ab00;}
.m {color:#004400;}
.sm {color:#30ab00;}
	
/*CONTENU*/

div#travaux{
	width: 580px;
	height: auto;
	background-color: #fff;
	padding: 30px;
	margin-left: 160px;
	}
	
p.header{font-family: georgia; font-style:italic; font-size:15px; color: #30ab00;}

img {margin-right:15px;}

.vignette{margin: -15px 30px 15px 190px;}

/*NEWS*/
div#headernews{
width:605px;
margin:5px 0 0 160px;
padding:30px 0 5px 35px;
background-color:#FFF;
font-family: georgia;
font-style:italic;
font-size: 15px;}

div#news{width: 580px; margin-left:160px; padding:30px; background-color:#FFF;}
.date{margin:10px 5px; font-weight:bold;}

/*ABOUT*/
.about{margin-top: 20px; color: #004400; font-size:11px;}
.about2{width:350px; margin:-140px 0 0 190px; color: #004400; font-size:11px;}

/*VIDEO*/
.legende { margin:10px 0 50px 50px; width:480px;}
.video{margin-left:50px;margin-top:20px;}





/*FOOT*/
div#foot{margin-left: 160px; width:605px; padding:5px; padding-left:30px; margin-top:5px; background-color:#fff;font-size:10px; color: #004400;}