/* CSS Document GENERAL*/

@import url("section.css");
@import url("article.css");

body{
	background-color:#EFEFEF;
	color:#fff;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
	padding:0;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 1%;
	margin-left: 1%;
}

html>body { font-size: small; }

:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}


#page{
	color:#000;
	background-color:#fff;
	border:2px solid #000;
}

#access{
left:1%;
position:absolute;
top:0.2em;
width:100%;
margin:0;
padding:0;
color: #666666;
}

#access a {
	color: #666666;
}

#header{
	height: 54px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0em;
	background-image: url(../../images/fond_barre.png);
	padding: 0px;
}

#headerd {
	position: absolute;
	right: 1.5em;
	width : 145px;
	height : 56px;
	background-image:  url(../../images/marianne_couleur_valeur.png);
	left: 779px;
	top: 60px;
	
}

#headergauche {
	height: 54px;
	width: 700px;
	background-image: url(../../images/barre_nav.png);
	left: 0px;
}

#menu {
	padding: 0px;
	margin-left: 0.5em;
	margin-bottom: 0px;
	margin-right: 0.5em;
	margin-top: 0.3em;
}

#menu p{
	list-style-type: none;
	font-size: small;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	vertical-align: middle;
}

#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	padding: 0.2em;
	margin: 0px;
	font-size: x-small;
	
}

#menu a:hover{
	color: #FFFFFF;
	background-color: #999999;
	border: 1px solid #CCCCCC;
}

#chemin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
}

#chemin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 0.2em;
	margin: 0px;
	font-size: x-small;	
}

#chemin a:hover{
	color: #FFFFFF;
	background-color: #999999;
}

#content{
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 21%;
	margin-right: 0.5em;
	margin-top: 1em;

}

#smenu{
left:3%;
position:absolute;
top:9em;
width:15%;
overflow:hidden;
}

#permanent{
margin-bottom:1em;
}

#validator p{
margin-right: 0.5em;
margin-left: 0.5em;
}

#permanent ul{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#CCCCCC;
padding:0;
margin:0;
}

#permanent li{
border-bottom:1px solid #CCCCCC;
list-style:none;
margin:0;
}

#permanent a{
display:block;
text-decoration:none;
color:#FF4646;
background-color:#fff;
padding-left:1em;
}

#permanent a:hover{
background-color:#FFCCCC;
color:#CC0000;
}

#contextuel{
	color:#655f4b;
	background-color:#fff;
	font-size: 12px;
}

#contextuel h2{
	font-size:small;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}

#contextuel h2:first-letter{
color:#CC0000;
background-color:transparent;
}

#contextuel ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#contextuel li{
display:inline;
list-style:none;
}

#contextuel a{
color:#CC0000;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#contextuel a:hover{
background-color:#CC0000;
color:#FFFFFF;
}

#footer{
color:#036;
background-color:transparent;
margin:0 3% 0 21%;
padding:0 0 1em 0;
}


#accueil{
margin-bottom:1em;
}

#accueil ul{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#accueil a:hover{
background-color:#eff4fa;
color:#036;
}

img {
border:0;
}

#cap {
	text-transform: capitalize;
}

#address {
	border: 1px solid #999999;
	padding: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	width: 250px;
}
#error {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	border: 2px solid #FF0000;
	padding: 2px;
}
#image1 {
	float: right;
	margin-right: 5em;
	margin-left: 5em;
	margin-top: 0px;
}
#image2 {
	float: right;
	margin-right: 5em;
	margin-left: 5em;
	margin-top: 0px;
}
#image3 {
	float: right;
	margin-right: 5em;
	margin-left: 5em;
	margin-top: 0px;
}

#center {
	margin-right: 20%;
	margin-left: 5%;
}

/* --------- espace infos --------------------------------------*/
#infos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0000;
	background-color: #FAF5F1;
	border: thin dashed #666666;
	font-weight: bold;
	width: 90%;
	padding: 10px;
	/*list-style-type: square;*/
	list-style: none;
}

#infos li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	color: #CC0000;
	list-style-type: none;
	background-image: url(../../images/puce_infos.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
	margin-left: 80px;
}

#infos img {
	float: left;
}

#infos a {
	color: #CC0000;
	text-decoration: none;
}

li {
	/*background-image: url(../../images/puce_infos.gif);*/
}



#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CC0000;
}

#cadenas_footer {

	vertical-align: middle;
}

#rss {
	font-size: small;
	font-weight: bold;
	color: #FF6600;
}

#rss a {
	text-decoration: none;
	color: #FF6600;
}