

@font-face {
 font-family: "Graublau Sans Web";
  src: url(../fonts/GraublauWeb.otf) format("opentype");
}

@font-face {
  font-family: Graublau Sans Web;
  src: url(../fonts/GraublauWebBold.otf) format("opentype");
  font-weight: bold;
  
}



body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
background: #c0d0d0;
margin-left:15px;
margin-top:0px;
color:4f4f4f;
}

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

.hide {display:none;}

img {border:none;}
#langue img {float:right;margin-top:5px;}


table {
	position:fixe;
	margin-right:auto;
	margin-left:auto;
	margin-top:0%;
	display:block;
	height:100%;
	width:1000px;
}

td {vertical-align:top;}

b {font-weight:bold;}


/* zone du champs de recherche */

#search .recher { 
	font-size: 0.7em;
	color:#555;
	border: solid 1px #326966;
	padding:2px 3px 2px 3px;
}

#search .bouton_recher { 
	background: top left url(../images/bout_ok.gif) no-repeat; 
	width:25px;
	height:18px;
	display:block;
	border:none;
	border:none;
	cursor:pointer;
}


#search input {
	font-size:0.70em;	
	padding:2px;
}

#search input[type=submit], input[type=reset] {
	border:1px outset #E2C8C0;

	cursor:pointer;
	background:left url(../images/fdBoutValid_ess.jpg) repeat-x; 
	color:#FFF;
 }
 
#search input[type=submit]:hover, input[type=reset]:hover {
	border:1px outset #7a7f7b;
	background:left url(../images/fdBoutValid_ess.jpg) repeat-x; 
	color:#FFF;
 }

#search input[type=submit]:active, input[type=reset]:active {
	border:1px inset #7a7f7b;
	background:left url(../images/fdBoutValid_ess.jpg) repeat-x; 
	color:#FFF;
 }


/* zone de gauche */

#gauche, #centre, #deco, #droite, #droite_2col
{ margin:0%;padding-bottom:20px;}

#centre, #deco {background:#FFF; }
#deco {text-align:right; }
#droite, #droite_2col {background:#326966;}

#coinG, #coinD, #coinD2, #NavUtil
{float:left; margin:0%;}


	/* nav langue */
#langue ul li{margin:0;padding:0 0 0 2px;}
#langue li a{
	color:#326966;
	text-decoration:none;
}

#langue li a:hover, #langue .on{
	color:#A23532;
	text-decoration:none;
}

	/* nav */
#nav {background:#326966;}

#nav ul{
	
	font-size: 0.8em;
	color:#fff;
	list-style-type: none;
	padding:0px;
}

#nav li{
	padding:5px 0px 5px 5px;
	border-bottom: solid 1px #fff;
}

#nav li a{
	color:#fff;
	text-decoration:none;
}

#nav li a:hover, #nav .on{
	background:right url(../images/carreNav.gif) no-repeat; 
	text-decoration:none;
	display:block;
}

	/* nav utilitaires */
	
#coinG {
	margin:0px;
	padding:0px;
	background: top url(../images/coinG_util.gif) no-repeat;  
	display:block;
	width:21px;
	height:26px;
}


#coinD, #coinD2  {
	margin:0px;
	padding:0px;
	display:block;
	width:21px;
	height:26px;
}

#coinD {background: top url(../images/coinD_util.gif) no-repeat; display:block;}
#coinD2 {background: top url(../images/coinD2_util.gif) no-repeat; display:block;}


#NavUtil {
	background:#326966; 
	height:26px;
	text-align:right;
}

#NavUtil ul{
	
	font-size: 0.7em;
	color:#fff;
	list-style-type: none;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#NavUtil li{
	padding:0px 5px 0px 5px;
	margin:0px;
	display:inline;
}

#NavUtil li a{
	color:#fff;
	text-decoration:none;
}

#NavUtil li a:hover, #NavUtil .on{text-decoration:underline;}

	/* deco zone de gauche */
	
#fdGP{
	background: top url(../images/fdGP.gif) repeat-x;  
	display:block;
	width:302px;
	height:300px;
}

#fdGPAcc{
	background: top url(../images/fdGP.gif) repeat-x;  
	display:block;
	width:318px;
	height:300px;
}


	/* zone centrale */
	
.chapeau, .infosFiche_nom, .infosFiche {margin-left:Opx;}
.decalT2 { 
margin:40px 0px 15px 0px;
	display:block;
	
}
.decalT2 img{margin-top:5px;margin-right:5px;float:left;}
	/* deco zone de droite */

#Menu_Accueil a{text-decoration:none;color:#326966}
#Menu_Accueil a:hover{text-decoration:underline;}
dd {margin:0;padding:0;}
dl span { margin-top:5px;font-size:0.77em;}
dd p {font-family: "Graublau Sans Web",arial,sans-serif;}
#menu_droite  {margin-bottom:20px;}
	
#menu_droite  ul  {

	color:#fff;
	margin:0px 10px 0px 20px;
	padding:0px 0px 10px 15px;
	display:block;
	list-style-type: square;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#menu_droite   h3 {font-size: 0.7em;}

#menu_droite   ul {
	font-size: 0.75em;
	padding-top:10px;
}
#menu_droite   ul a{color:#FFF; text-decoration:none;}
#menu_droite  ul a:hover{text-decoration:underline;}
/*	
.doc {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.7em;
	color:#FFF;
	padding:0px;
	margin:20px 0px 20px 5px;
	width:154px;
	display:block;
}

.doc a{
	color:#FFF;
	padding:0px 0px 0px 25px;
	margin:0px;
	text-decoration:none;
	display:block;
}

.doc a:hover{text-decoration:underline;}
*/
.icoPdf {
	background:left top url(../images/icoPdf_ess.gif) no-repeat;
	display:block;
	margin:10px;
	padding-left:3px;
}
.FBL {border:1px solid #3f3f3f;padding:15px;font-size:90%;color:3F3F3F;}
.Intro_Bloc {border-top:1px solid #37a9a1;background:#c0d0d0;padding:5px;font-size:95%;color:black;}

a.Lien_Bloc {
font-family:georgia,"Bookman Old Style",serif;
	font-size: 120%;display:block;
	color:#326966;
	font-weight:normal;
	display:block;
	margin:10px 0px 0px 0px;text-decoration:none;}
a.Lien_Bloc:hover {text-decoration:underline;}
a.Lien_Bloc:visited {opacity:0.7;}
.intro_dossier {border-top:1px solid #37a9a1;border-bottom:1px solid #37a9a1;font-size:92%;}
.PageDossier_TotalFiches {font-size:110%;color:#326966;font-weight:bold;}
.Lien_TitreListe {font-size:95%;color:#326966;font-weight:bold;font-style:italic;}
