/*css document*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color: #c0c0c0;
}
* html body{
	/*font-size: 11pt;*/
}
*+html body{
	/*font-size: 11pt;*/
}
#header {
height: 118px;
background-color:#73766f;
background-image:url("../images/bandeau.jpg");
background-position:right;
background-repeat:no-repeat;
}
#conteneur {
position: relative;
width: 958px;
height: 600px;
margin: 0 auto; 
background-color:#ffffff;
}

a{
	text-decoration:none;
}

*+html a{
	text-decoration:none;
}
p a.lien_tt_actu{
	color:#73766F;
	float:right;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	margin-right:13px;
}
p a.lien_tt_actu:hover{
	color:#BFCE00;
}
img.vignete{
	float:left;
	margin:0px 10px 0px 0px;
}

.actu_date{
	font-size:10px;
	color:#73766F;
	font-style:italic;
	margin:15px 0px 0px 0px;
	padding:0px;
}
/*########################centre page#####################*/

#centre {
margin-left: 193px;
margin-right: 150px;
}

#type_contenu{
margin-top:20px;
margin-left:30px;
width:93px;
height:22px;
background-image:url("../images/bg_titre.gif");
background-repeat:no-repeat;
}
#type_contenu p{
margin-left:25px;
padding-top:3px;
color:#ffffff;
}
#contenu_page{
margin:30px 0px 0px 30px;
width:510px;
height:430px;
overflow:hidden;
color:#73766f;
text-align:justify;
padding-right:10px;
}

#contenu_page a img, #contenu_page_actu a img{
	margin-left:5px;
	text-decoration: none;
}

* html #contenu_page a{
	text-decoration: none;
}
* html #contenu_page_actu a{
	text-decoration:none;
}
* html #contenu_page a:hover{
	color:#BFCE00;
	text-decoration:underline;
}
* html #contenu_page_actu a:hover{
	color:#BFCE00;
	text-decoration:underline;
}

#contenu_page_actu a p{
	color:#73766f;
}
#contenu_page_actu a p:hover{
color:#BFCE00;
text-decoration:underline;
}
img{
	border:0px solid white;
}
#contenu_page p.actu, #contenu_page_actu p.actu {
padding-bottom:10px;
border-bottom: 1px solid #e1e6da;
color:#73766f;
}
#contenu_page h1, #contenu_page_actu h1{
margin:0px;
margin-bottom:5px;
color:#bfce00;
font-size:18px;
}

#contenu_page h2, #contenu_page_actu h2{
margin:0px;
color:#73766f;
font-size:14px;
}
#contenu_page_actu img.vignete{
float:left;
margin-bottom:26px;
/*padding-right:10px;*/
}

.icones{
	position:absolute;
	top:147px;
	right:150px;
}
#titre_article{
	margin:20px 0px 0px 25px;
}
#titre_article h1{
	margin:0px;
	margin-bottom:5px;
	color:#bfce00;
	font-size:20px;
}
#titre_article h2{
	margin:0px;
	margin-top:5px;
	color:#73766f;
	font-size:14px;
}

/*#########################partie gauche#######################*/
#gauche {
background-color:#73766f;
position: absolute;
left:0;
top:0;
width: 193px;
height:600px;
}
#bord_gauche{
position: relative;
float:left;
height:600px;
width: 23px;
left:0;
top:0;
background-image:url("../images/bord_left.gif");
}
#contenu_gauche{
position: relative;
height:600px;
width: 170px;
float:left;
}
#contenu_gauche a img{
	text-decoration: none;
	border:none;
}
.img_logo{
margin:2px 0px 20px 5px;
}

/*############################partie droite####################*/
#droite {
position: absolute;
right:0;
width: 190px;
}
#bloc_langue{
position: relative;
margin-top:30px;
height:20px;
width:90px;
margin-left:100px;
}
#bloc_langue p{
float:left;
}
#bloc_langue img{
margin-left:4px;
float:left;
}
#bloc_calendrier{
position: relative;
width:179px;
height:174px;
margin-top:10px;
right:3px;
background-color: #ebe6d6;
}
*+html #bloc_calendrier{
	margin-top:50px;
}
* html #bloc_calendrier{
	margin-top:50px;
}
#bloc_calendrier select, #bloc_calendrier form{
margin-left:8px;
}
#bloc_calendrier form{
margin-top:20px;
}
#bloc_calendrier img{
margin-top:10px;
-margin-top:-10px;
margin-left:10px;
}
#bloc_calendrier_titre{
position: absolute;
color:#ffffff;
width:179px;
height:31px;
background-image:url("../images/bg_titre_left.gif");
background-repeat:no-repeat;
}
#bloc_calendrier_titre p,#bloc_login_titre p{
margin-left:35px;
margin-top:5px;
}
#bloc_bas, #bloc_bas2 {
position: absolute;
width:179px;
height:10px;
bottom:0;
background-image:url("../images/bord_arrondi_bas.gif");
background-repeat:no-repeat;
background-position:bottom;
}
#bloc_login{
position: relative;
width:179px;
height:100px;
margin-top:20px;
right:3px;
background-color: #ebe6d6;
}
*+html {
	margin-top:0px;
}
#bloc_login form{
position: absolute;
margin-left:5px;
margin-top:25px;
-margin-top:0px;
}
input:focus{
	border: #bfce00 1px solid;
}
.form2{
	width:150px;
	position: absolute;
	margin-left:5px;
	margin-top:-5px;
}
#bloc_login input{
-margin-bottom:0px;
}
#bloc_login label{
-margin-bottom:0px;
display:none;
}
#bloc_login p{
font-size:10px;
color:#000000;
margin:0;
}
#bloc_login p a{
font-size:10px;
color:#73766F;
margin:0;
}
#bloc_login p a:hover{
color:#BFCE00;
}
#bloc_login #bloc_login_titre p{
position: absolute;
color:#ffffff;
left:35px;
top:5px;
font-size:11px;
}
#bloc_login p.deconection{
font-size:11px;
width:100%;
position: absolute;
top:30px;
text-align:center;
}
.deconection a{
text-decoration:none;
color:#73766F;
}
.deconection a:hover{
color:#BFCE00;
}
.check, .reponse_formulaire{
display:none;
}
.forml {
  width:120px;
  margin-left:4px;
  padding:0px;
  font-size: 11px;
}
fieldset {
  margin:0px;
  padding:0px;
  border:none;
}
/*hack ie6*/
* html fieldset{
	margin-top:30px;
}
fieldset legend{
  display:none;
}
.spip_bouton{
position:absolute;
left:140px;
top:36px;
}

#input_left{
	position:relative;
	float:left;
	width:125px;
	margin-top:-10px;
}
#bt_ok{
position:relative;
float:left;
margin-left:10px;
margin-top:-10px;
}
#bloc_login_titre{
position: absolute;
color:#ffffff;
width:179px;
height:28px;
background-image:url("../images/bg_titre_left_login.gif");
background-repeat:no-repeat;
}
#logo_annime{
text-align:center;
width:170px;
margin-top:10px;
}

/*#########################pied page##########################*/
#pied {
position: absolute;
bottom:0;
height: 30px;
width:765px;
background-color: #ebe6d6;
padding:0;
margin:0;
margin-left: 193px;
font-size:11px;
}
#pied_left{
position: relative;
float:left;
width:500px;
margin-left:30px;
margin-top:10px;
color:#73766f;
font-size:10px;
}
/* hack ie6*/
* #pied_left{
 margin-left:10px;
}
#pied_right{
padding:0;
margin:0;
position: relative;
float:left;
height:25px;
background-image:url("../images/bg_bt_pied_page.gif");
background-repeat:no-repeat;
background-position:bottom;
margin-top:5px;
width:220px;
color: #ffffff;
}
/*hack ie6*/
* html #pied_right {
	margin-top:8px;
}
#pied_right p{
margin-top:6px;
margin-left:12px;
}
#pied_right a{
text-decoration: none;
color: #ffffff;
}
/*hack ie6*/
* html #pied_right p{
	margin-bottom:4px;
}


/*##############################menu gauche############################*/
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
padding-left:10px;
padding-right:10px;
/*hack ie6*/
-padding-right:0px;
}
.menugauche li, .menugauche li a{
color: #ffffff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
list-style-type: none;
cursor: pointer;
margin:0px 0px 8px 0px;
}


.menugauche li a.innov{
	color:#BFCE00;
	display:block;
	background-image:url(../images/bg_innov.gif);
	width:133px;
	height:20px;
	padding:3px 0px 0px 25px;
	margin-left:-6px;
}


*+html .menugauche li {
	margin:0px 0px 8px 0px;
}
*+html .menugauche li a{
	margin:0px 0px 5px 0px;
}

.menugauche li ul li, .menugauche li ul li a{
padding:0;
margin: 0 2px;
color: #bfce00;
font-size: 10px;
text-decoration: none;
list-style-type: none;
margin-top: 4px;
cursor: pointer;
width:158px;
margin-left:0px;
/*display:inline;*/
/*hack ie6*/
-width:150px;
}
.menugauche li ul li a{
display:block;
/*hack ie6*/
-width:150px;
}
.menugauche li ul{
	margin:0px;
	padding:0px;
}
.menugauche li ul li a:hover {
text-decoration: none;
background-image:url("../images/puce_menu.gif");
background-repeat:no-repeat;
background-position:right;
}
.active {
text-decoration: none;
background-image:url("../images/puce_menu.gif");
background-repeat:no-repeat;
background-position:right;
}


p {margin: 0 0 10px 0;}
/*#################scroll###########################*/
#contentClip{
	margin:2px 0 0 0;
	position:relative;
	height:395px;
	width:490px;
	clip:rect(0px,490px,425px,0px);
	visibility: visible; 
	z-index: 5; 
	/*overflow: hidden;*/
	
	overflow-x:hidden;
	overflow-y:auto;
	
	padding:0 27px 0 0;
	float:left;
}

#up{
	position:absolute;
margin-left:496px;
margin-top:-10px;
visibility:visible;
display:none;
}
* html #up{
margin-left:-14px;
}
*+html #up{
margin-left:-14px;
}
#down{
	visibility:visible;
	display:block;
margin-left:496px;
bottom:0px;
margin-top:395px;
height:8px;
width:9px;
z-index:1000;
display:none;
}
* html #down{
	position:absolute;
	margin:0px 0px 35px -14px;
}
* html #up{
	position:absolute;
	margin:-13px 0px 0px -14px;
}
#contentClip #content{
	position: relative;
	width:490px;
}
#contentClip #content{
	padding:0 0 10px 0;
}
#scroller{
  /*position:absolute;*/
	width:10px;
	visibility:hidden;
	padding:1px 0 0 0;
	float:left;
	margin-left:10px;
	display:none;
}
#scroller #ruler{
	position: absolute;
	width:11px; 
	height:395px;

 	background-image:url(../images/fd_ruler.gif);
	background-repeat:repeat-y;
}

#scroller #ruler #drag{
  position:absolute; 
  left:1px; 
  top:1px;
  width:7px; 
  height:20px;
  background-color:#A2A2A2;
  z-index:1;
  margin: 0 0 0 1px;
}

#breadcrumb{
	margin:0px;
	padding:0px;
	margin:5px 0px 0px 0px;
	width:730px;
	height:20px;
	position:absolute;
	right:5px;
	text-align:left;
	color:#73766f;
}

#breadcrumb a{
	text-decoration:none;
	color:#73766f;
}
#content ul li a{
	text-decoration:none;
	color:#73766f;
	font-size:14px;
	margin-top:15px;
}
#content ul li{
	margin-top:15px;
}
#content ul li a:hover, p.spip_documents a:hover{
	text-decoration:underline;
	color:#BFCE00;
}
p.spip_documents a{
	text-decoration:none;
	color:#73766f;
	font-weight:bold;
}


/*#########################contenu page actualite#######################*/
#contenu_page_actu{
	margin:5px 0px 0px 30px;
width:510px;
height:335px;
overflow:hidden;
color:#73766f;
text-align:justify;
padding-right:10px;
}
#contenu_page_actu #contentClip{
	height:310px;
	clip:rect(0px,490px,340px,0px);
}
#contenu_page_actu #down{
margin-top:300px;
}

#contenu_page_actu #scroller #ruler{ 
	height:300px;
}

/*######################### autre element #######################*/
table.spip{
	border:1px solid #cccccc;
	margin-bottom:10px;
}
table.spip tr td{
	padding:5px;
}
table tr.row_even{
	background-color: #EBE6D6;
}
table tr.row_odd{
	background-color: #ffffff;
}
table tr.row_first{
	background-color: #A2A2A2;
	/*background-color: #63766F;*/
	color:black;
	text-align:center;
}