/* CSS Document */

html {
        overflow-y: scroll;
}




body {
	margin: 0px;
	padding: 0px;
	background-color: #166f40;
	background-image: url(../images/fd.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}




a {
	color: #F7941D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}





#content {
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	background-color: #34932B;
	background-image: url(../images/fd-content.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#nav {
	width: 670px;
	float: left;
	text-align: left;
}


#nav a {
	color: #F7941D;
	text-decoration: underline;
}

#nav a:hover {
	text-decoration: none;
}

#header {
	height: 266px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.jpg);
	padding: 0px;
}
#header ul {
	text-align: center;
	float: right;
	width: 555px;
	padding-top: 8px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 15px;
}

#ColArt {
	width:100%;
}

#ArtTop {
	margin-left:200px;
	margin-right:10px;
}

#MenuSec {
	width: 200px;
	float: left;
}
#MenuSec ul {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#MenuSec li {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 9px;
	background-color: #E6F4E3;
	padding-top: 9px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(../images/coin.gif);
	background-repeat: repeat-y;
}
#MenuSec a {
	color: #32912B;
	background-color: #E6F4E3;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#acces {
	width: 181px;
	margin-left: 22px;
	margin-top: 230px;
	height: 36px;
	z-index: 1;
	visibility: visible;
	position: absolute;
	background-image: url(../images/btn-plan.jpg);
	text-align: center;
}

#MenuSec a:hover {
	color: #F7941D;
}


#DerArt {
	margin:0 auto;
	width:675px;
}
.line {
	background-image: url(../images/ombre.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	width: 100%;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

h4 {
	color:#000000;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	text-decoration:none;
}


#header li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
#header  a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #c2e33d;
	margin-right: 5px;
	margin-left: 5px;
}
#footer {
	width: 760px;
}
#header a:hover {
	color: #c2e33d;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #ffcc00;
	margin-right: 5px;
	margin-left: 5px;
}
#footer {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background-color: #34932B;
	background-image: url(../images/fd-footer.jpg);
	background-repeat: repeat-y;
	text-align: center;
	height: 40px;
	padding-top: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
#footer a {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
}
h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #28821C;
	line-height: normal;
	text-decoration: none;
}
.legende {
	font-size: 9px;
	font-style: italic;
	padding-left: 5px;
}






.box{
	text-align: justify;
}



#titrevert {
	background-image: url(../images/picto-flech.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top : 10px;
}



#titrevert a {
	font-weight: bold;
	color: #28821C;
	text-decoration: none;
}
#titrevert a:hover {
	color: #F7941D;
	text-decoration: none;
	font-weight: bold;

}

#box-news {
	width: 325px;
	float: left;
	margin-bottom: 15px;
}



#date_pres_article
{
	color: #B4B4B4;
}

#box-news .title{
	font-size: 13px;
	font-weight: bold;
	color: #6bc128;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

#box-news .title a {
	color: #32912B;
	text-decoration:none;
}

#box-news .title a:hover {
	color: #F7941D;
	text-decoration:none;
}

#colone {
	width: 200px;
	float: left;
}
#colone ul {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#colone li {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 9px;
	background-color: #E6F4E3;
	padding-top: 9px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(../images/coin.gif);
	background-repeat: repeat-y;
}
#colone a {
	color: #32912B;
	background-color: #E6F4E3;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#acces {
	width: 181px;
	margin-left: 22px;
	margin-top: 230px;
	height: 36px;
	z-index: 1;
	visibility: visible;
	position: absolute;
	background-image: url(../images/btn-plan.jpg);
	text-align: center;
}

#colone a:hover {
	color: #F7941D;
}


#coltwo {
	width: 460px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	margin: 0px;
	padding-top: 0px;
}

/*SOMMAIRE2*/

#box-news2 {
	float:left;
	padding:12px 15px 10px 12px;
	width:650px;
}



#date_pres_article2 {
	color: #B4B4B4;
	margin-bottom:5px;
	font-size:10px;
}

#box-news2 .title{
	font-size: 18px;
	font-weight: bold;
	color: #32912B;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	text-align: left;
}

#box-news2 .title a {
	color:inherit;
	text-decoration:none;
}

#box-news2 .title a:hover {
	text-decoration:none;
}

#box-news2 img{
height:90px;
margin:3px 0 0 3px;
width:120px;
position:relative;
}

#box-news2 a, a:hover{
	text-decoration:none;
}

#box-news2:hover{
background:none repeat scroll 0 0 #EAEAEA;
color:#333333;
text-decoration:none;
}

#LogoArtSom {
	width:128px;
	height:98px;
	background-image: url(../images/ombre_som.png);
}

#DivLogoArtSom {
float:left;
margin-right: 10px;
}


.panorama-viewport {
width:455px;
}

#spip_out a {
	color:#000;}