/* Mise en forme des liens */
/*-------------------------*/
body{
}

.portail {
  background: #FFD423 url(fond.jpg);
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.gedbody  {
	padding: 15;
	background:#7e0000 url(fond_GED.jpg);
  	background-repeat: repeat-x;
	background-position: top center;
}

.listedocbody  {
    font-family: Arial, Serif;
	padding: 15;
	background:#FFF000;
	
}

/* Mise en forme des formulaire */
input.form_bandeau {
	border: thin dotted;
	font-size: 10px;
	background-color: transparent;
}

.tab_bandeau_bas {
  font-family: Arial, Verdana, Serif;
  font-size: 11px;
  color: #bc2c01;
  border-top: 2px dotted #bc2c01;
  width:90%;
  height:70px;
}

.liste_bord_haut {
  border-top: 1px dotted #bc2c01;
}

.liste_bord_bas {
  padding-bottom: 5px;
  border-bottom: 2px dotted #bc2c01;
}

.maev_charte {
  background: #ffffff url(bg_maev_charte.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  -moz-opacity: 0.95;
  filter:alpha(opacity: 95);
  opacity: 0.95;
}

.enteteMaevSpace {
  background: #ffea3c url(4.jpg);
  background-repeat: no-repeat;
  padding: 5px;
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.piedMaevSpace {
  height:70px;
  background: #ffea3c url(4.jpg);
  background-repeat: no-repeat;
  padding: 5px;
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.calendrier  {
  background-image : url(vcalendar.png);
}

#fi-button-msg {
   border: 2px thin dotted #ccc;
   width:350px;
   padding: 5px 10px;
   background: #eee;
   float: left;
}

/* ---------------------------------------------------------------------------------------------------------*/
/*                      Mise en forme des tableaux et fieldsets                                                   */
/*---------------------------------------------------------------------------------------------------------*/

#textarea-diff{
  width: 720px;
  height: 200px;
  padding: 10px;
  border: 2px solid #ddd;
}


.doc_lie {
  background-image : url(cadre_doc_lie.png);
}

table.list {
	margin: 0 auto;
	width: 100%;
	clear: both;
    font-size:11px;
    font-family: Arial, Sans Serif;
    font-weight:bold;
}

table.list thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
    color:#ffffff;
	background-color:#000000;
	text-align:center;
}

.list tr.odd {
	background-color:#FFFFCC;
}

.list tr.even {
	background-color:#FF6699;
}

.list tr.odd td {
  text-align:center;
}

.list tr.even td {
  text-align:center;
}

/* ---------------------------------------------------------------------------------------------------------*/
/*                      Mise en forme des blocs div  page centrale                                              */
/*---------------------------------------------------------------------------------------------------------*/

#container {
  width:800px;
  /*min-height:300px;*/
  height: 300px;
    /*
  -moz-opacity: 0.8;
  filter:alpha(opacity: 80);
  opacity: 0.8;*/
  position:relative;
  background:url(fond_blanc.jpg);
  background-repeat:repeat-y;
  background-position:top center;
}

#bandeau_haut {
	font-family: Arial, Verdana, Serif;
	height:30px;
	width:800px;
	position: relative;
	text-align:right;
    background-color:#bc2c01;
}

#info_asso {
 font-size:11px;
 color:#FFFEA0;
 width:250px;
 height:30px;
 position:relative;
 left:30px;
 text-align:left;
 float:left;
 /*background-color:#ffff00;*/
}

#contacts {
 font-size:11px;
 color:#820000;
 width:550px;
 height:30px;
 position:relative;
 float:left;
 text-align:right;
 /*background-color:#ff0000;*/
}


#banniere {
 height:75px;
 float:left;
 position:relative;
 background-color:#bc2c01;
}

#menu_01 {
 width:800px;
 height:185px;
 float:left;
 position:relative;
 background:url(fond_menu_02.jpg);
 background-repeat:repeat-y;
 background-position:top center;
 background-repeat:no-repeat;
 background-color:#ffffff;
}

#maev_menus {
  position: relative;
  float:right;
}
 
#maev_menus .maev_menu  {
	float: left;
	display: block;
	width: 165px;
	height: 120px;
	padding-top:45px;
    padding-left:20px;
	text-align:left;
}

#maev_menu_red {
  /*background-color: red;*/
  background:url(menu_02_01.jpg);
  background-repeat:no-repeat;
}
#maev_menu_orange {
  /*background-color: orange;*/
  background:url(menu_02_02.jpg);
  background-repeat:no-repeat;
}
#maev_menu_yellow {
  /*background-color: yellow;*/
  background:url(menu_02_04.jpg);
  background-repeat:no-repeat;
}
#maev_menu_green {
  /*background-color: green;*/
  background:url(menu_02_03.jpg);
  background-repeat:no-repeat;
}

#maev_menu_txt_01{
  border-top: 1px dotted #ffffff;
  visibility:hidden;
}

#maev_menu_txt_02{
  border-top: 1px dotted #ffffff;
  visibility:hidden;
}

#maev_menu_txt_03{
  border-top: 1px dotted #ffffff;
  visibility:hidden;
}

#maev_menu_txt_04{
  border-top: 1px dotted #ffffff;
  visibility:hidden;
}

#menu_02 {
 height:28px;
 float:left;
 left:100px;
 position:relative;
}

#fond_contenu  {
  width:800px;
  position: relative;
  background:url(fond_blanc.jpg);
  background-repeat:repeat-y;
}

#contenu {
  width:700px;
  position: relative;
  text-align:justify;
}

#bandeau_bas {
 width:800px;
 height:175px;
 position:relative;
 background:url(bandeau_bas.jpg);
 background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------*/
/*                      Mise en forme des blocs div  cadres ext                                                   */
/*---------------------------------------------------------------------------------------------------------*/

#membre{
 background:url(case_membre.jpg);
 font-family: Arial, Verdana, Serif;
 font-size:10px;
 font-weight:bold;
 color:#820000;
 width:110px;
 height:143px;
}

#news_maev {
  border-left:3px dotted #bc2c01;
  border-bottom:1px dashed #bc2c01;
  width:500px;
  min-height:150px;
  background:url(logo_news_maev.png);
  background-position:bottom right;
  font-size:11px;
  font-family: Arial, Verdana, Serif;
}

#info_mada{
  border-left:3px dotted #009900;
  border-bottom:1px dashed #009900;
  width:500px;
  min-height:150px;
  background:url(logo_news_maev.png);
  background-position:bottom right;
  font-size:11px;
  font-family: Arial, Verdana, Serif;
}

#espace_doc{
  border-left:3px dotted #CC3300;
  border-bottom:1px dashed #CC3300;
  width:500px;
  min-height:150px;
  background:url(logo_news_maev.png);
  background-position:bottom right;
  font-size:11px;
  font-family: Arial, Verdana, Serif;
}

#media{
 border : 2px groove #820000;
 font-family: Arial, Verdana, Serif;
 font-size:11px;
 font-weight:bold;
 color:#820000;
 width:165px;
 height:128px;
}

#merchandising{
 background:url(case_merchandising.png);
 font-family: Arial, Verdana, Serif;
 font-size:11px;
 font-weight:bold;
 color:#820000;
 width:208px;
 height:167px;
 margin-top:140px;
 text-align:left;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	



/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 550px;	 
	height:450px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:550px;
	height:450px;
	background:#333 url(h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
	padding : 8px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}