/* = The 1Kb Grid = */
.grid_2 { width:160px; }
.grid_4 { width:200px; }
.grid_5{ width:350px; }
.grid_8 { width:600px; 
background-image:url(logovertical2.jpg);
background-repeat:no-repeat;
background-position:right top;
}
.grid_12 { width:840px; }
.column {
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
text-align:left; /* iexplorer */
	
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
/* Typo et couleurs */
/* Général */
body { 
margin: 20px 0 0 0; 
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:center; /* iexplorer pour centrer les div, voir row pour rétablir alignement left */
border: 0px solid #000;
}

img {border : 0px;}

.hr1 {/* ligne bleu */
height: 3px;
margin: margin: -0.5em 0;
padding: 0;
color: #0d2b88;
background-color: #0d2b88;
border: 0;
}
	.hr2 {/* ligne orange */
height: 1px;
margin: 0;
padding: 0;
color: #e98e73;
background-color: #e98e73;
border: 0;
}

h1 { font-family :  Times New Roman; font-size : 24px; color: #EF482D; }


A {
  color: #434343;
  text-decoration: none;
  border:0;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

table {

font-size:11px;
}

h2 {font-family :  Times New Roman;  font-size:11px; color:#0D2B88;font-weight:bold; padding:0.5em; }

/* Objets, formes */

/* titres entourés */
.moncadre {
font-family:Verdana,Arial;
font-size:11px; 
font-weight:bold; 
color:#0D2B88;
margin:0 auto;
padding:3px;
border:1px solid #0D2B88;
}

/* menu général */
ul.menu, .menu li, .menu a {padding:0px ; margin:0px ; font:  "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
.menu {

	list-style: none;
	width: 185px;
}

.menu  li a {
	
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	display:block; 
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	height:1.5em;
	
}

.menu li a:hover {

	background: #ffffff url("hover.gif") left center no-repeat;
	color: #000000;

}

.rouge {
	background-color: #f0482d;
}

.noir {
	background-color: #000000;
}

.gris1 {
	background-color: #646464;
}

.gris2 {
	background-color: #969696;
}
.gris3 {
	background-color: #C0C0C0;
}

/* formulaire de login */
form.login {

background: black ;
color: #ffffff;
width: 185px;
font-size:11px;
padding:0px;
margin:0px; 
}

/* formulaire de recherche détaillée */
form.recherche {
 
padding:10px;
width:550px
 }
 
.aligner {
display:block;
width:170px;
float:left;
}
.fieldlook{border: 1px solid #e98e73;}
.legendlook{color: #0d2b88;}
.coteacote{text-align:left;display:inline;vertical-align:top;width:159px; border: 1px solid #e98e73;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	#cadre_agenda
{
	
}