/*************************** BALISES *********************************/
noscript p {
text-align: center;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
background: #000000 url('../img/bg_body2.jpg') no-repeat top center;
}
body#accueil {
background: #000000 url('../img/bg_body.jpg') no-repeat top center;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
color:#76E600;
}
h2{
color:#9bc331;
font-size:24px;
font-weight:bold;
background: url('../img/bg_h3.png') no-repeat bottom left;
height:72px;
}
h3{
font-size:20px;
color:#9bc331;
font-weight:bold;
}
h4{
color:#9bc331;
font-weight:bold;
}
a {
}
input[type=text] {
	margin:2px 0 0 0;
	background-color: #fff;
	border: 1px solid #666666;
}
textarea {
	background-color: #fff;
	border: 1px solid #666666;
}
input[type=submit] {
	margin: 1em 0;
}
table {
border-collapse: collapse;
}
acronym, abbr {
border-bottom: 1px dotted black;
}
/***************************** BALISES END *****************************/
/**************************** LAYOUT ***********************************/
#ville_anim{
/*
	position:absolute;
	top:0;
	left: 50%;
	width:1105px;
	height:84px;
	margin-left: -475px;*/
}
#header {
	position:absolute;
	left: 50%;
	top:85px;
	width:827px;
	height:127px;
	margin-left: -460px;
}
#wrapper {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	margin-top:212px;
}
#main {
float: left;
width: 960px;
max-width: 960px;
height: 499px;
background: url('../img/bg_main.jpg') no-repeat top left;
}
#content{
float:left;
width: 700px;
height: 469px;
margin:62px 0 0 23px;
}
#content p, #content li {
line-height: 140%;
text-align:justify;
}
#content ul {
padding: 1em;
}
#content ul li{
margin-top:5px;
padding-left:15px;
background: url('../img/bg_li_texte.jpg') no-repeat top left;
}
#content .entry{
margin:25px 0;
}
#content a{
color:#76ee00;
text-decoration:none;
}
#content a:hover{
color:#bebebe;
text-decoration:none;
}
/**************************** LAYOUT END ***********************************/

/*********************** NAV *********************************/
#nav{
width: 658px;
height: 20px;
position: absolute;
top:0;
left:18px;
}
#accueil #nav{
left: auto;
right:18px;
}
#accueil #nav li{
background: none;
}
#nav li{
margin-top:1px;
width: 93px;
height: 11px;
float:left;
text-align:center;
padding:5px 0 0 1px;
}
#nav li a{
display: block;
color:#fff;
text-decoration:none;
position: relative;
z-index:10;
}
#nav li a:hover{
color:#76ee00;
text-decoration:none;
}
#nav li.backLava {
background-color: #666666;
position: absolute;
}
#nav li.selectedLava a {
color:#fff;
}
#sidebar{
float:left;
width: 189px;
height: 500px;
margin:24px 0 0 15px;
}
#actualites #sidebar {
background: url('../img/sidebar_actu.jpg') no-repeat top left;
margin:25px 0 0 19px;
}
#contact #sidebar{
background: url('../img/sidebar_contact.jpg') no-repeat top left;
margin:25px 0 0 19px;
}
#sidebar ul{
padding:20px 3px;
text-align:center;
width:183px;
margin:20px 0 0 0;
}
#sidebar ul li{
display:block;
height:35px;
padding-top:10px;
background: url('../img/bg_li_sidebar_norm.jpg') no-repeat top left;
}
#sidebar ul li.activeSlide, #sidebar ul li:hover{
display:block;
background: url('../img/bg_li_sidebar.jpg') repeat;
height:35px;
padding-top:10px;
}
#sidebar ul li a{
display:block;
width: 184px;
height: 45px;
color:#ffffff;
text-decoration:none;
}
#sidebar ul li a:hover{
display:block;
color:#000000;
text-decoration:none;
}

/**************************** NAV END ***********************************/

/*********************** CONTENT *********************************/
#accueil #header {
	position: absolute;
	left: 50%;
	top:85px;
	margin-left: -489px;
	width:950px;
	height:127px;
}
#accueil #actualites {
position: absolute;
left: 153px;
top:148px;
width:302px;
height:301px;
background: url('../img/actu_accueil.png') no-repeat 0 0;
}
#accueil #actualites h2 {
font-size:15px;
}
#accueil #actualites ul{
width:223px;
height:188px;
margin:77px 0 0 33px;
}
#accueil #actualites ul .entry{
margin:20px 0 0 0;
}
#accueil #actualites ul .entry a{
color:#76ee00;
text-decoration:none;
}
#accueil #actualites ul .entry a:hover{
color:#bebebe;
text-decoration:none;
}
#info #content div {
display: none;
}
#missions #content div {
display: none;
}
#references #content h3 {
padding: 0;
}
#references #content h4 {
font-size: 120%;
}
#references #pagination {
text-align: center;
padding-bottom:5px;
margin-left: 20px;
clear: both;
}
#references #pagination a:link, #references #pagination a:visited, #references #pagination a:hover {
color: #9BC331;
border: 1px solid #9BC331;
text-decoration: none;
padding: 3px 4px;
margin: 3px;
font-size: 16px;
}
#references #pagination a:hover {
color: #fff;
border-color: #fff;
}
#partenaires img {
float:right;
}
#partenaires .scrolling-horiz {
width:500px;
height:450px;
overflow: auto;
padding-right:200px;
}
#partenaires .scrolling-horiz li{
height:93px;
}
#partenaires h4 {
padding: 1em;
background: url('../img/bg_li_texte.jpg') no-repeat center left;
font-size: 16px;
}
#partenaires div.partenaire {
display: none;
padding: 1em;
}
#partenaires #fancy_content h4 {
background-image: none;
}
#partenaires #fancy_content p {
font-size: 14px;
line-height: 150%;
}
#partenaires #fancy_content p.logo {
float: left;
margin: 0 1em;
}
#partenaires #fancy_content p a {
color: #fff;
}
#partenaires #pagination {
text-align: center;
padding-bottom:5px;
}
#partenaires #pagination li {
list-style-type: none;
}
#partenaires #pagination a:link, #partenaires #pagination a:visited, #partenaires #pagination a:hover {
color: #9BC331;
border: 1px solid #9BC331;
text-decoration: none;
padding: 3px 4px;
margin: 3px;
font-size: 16px;
}
#partenaires #pagination a:hover {
color: #fff;
border-color: #fff;
}
#references h2 {
clear: both;
}
#references div.photo {
margin:15px 0 10px;
width: 700px;
height:100px
}
#references div.photo img{
display: block;
float: left;
margin-right:20px;
}
#references #content div.scrolling-horizontal {
width: 690px;
height: 450px;
overflow: auto;
overflow-x: hidden;
padding-right: 10px;
display: none;
}
#actualites #content ul {
height: 320px;
overflow: auto;
}
#contact fieldset {
width: 280px;
}
#contact fieldset label {
display: block;
float: left;
clear: both;
width: 90px;
line-height: 28px;
margin-right: 6px;
text-align: right;
}
#contact fieldset label.ta {
width: auto;
text-align: left;
}
#contact fieldset input[type=text], #contact textarea {
width: 140px;
height: 21px;
padding: 4px 3px 0;
font: 13px Arial;
}
#contact textarea {
width: 190px;
height: 240px;
overflow: auto;
}
#contact acronym {
margin-left: 3px;
font: bold italic 16px Georgia;
color: #E17628;
border: none;
}
#contact .errors {
margin:0;
height: 50px;
overflow: auto;
}
#formulaire{
width: 560px;
}
#map{
width: 351px;
height: 351px;
background:url('../img/map.jpg') no-repeat top left;
}
#contact a{
color:#76ee00;
text-decoration:none;
}
#contact a:hover{
color:#bebebe;
text-decoration:none;
}
/*********************** CONTENT END *********************************/

/*********************** CLASSES *********************************/
.ajax-loading {
background: #000 url('../img/ajax-loader.gif') no-repeat center center;
}
.pagination {
	clear: both;
	margin-top: 2em;
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	color: #777;
	border: 1px solid #989898;
	background: #CFCFCF;
	text-decoration: none;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.aligne_centre {
	text-align: center;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.nobg {
	background: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/