@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;
  
}


/*border: solid 1px #000000;*/

body{
background: #C0D0D0;
margin-left:15px;
margin-top:0px;
}

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

.hide {display:none;}

img {border:none;}

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-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	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 #C0D0D0;

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

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



/* zone de gauche */

#gauche, #centre, #deco, #droite, #droite_2col
{ margin:0%;}

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

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


	/* nav langue */

#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-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	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-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	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 {margin-left:45px;}
.decalT2 {
	margin:40px 0px 15px 45px;
	display:block;
	
}

	/* deco zone de droite */

#menu_droite  {margin-bottom:20px;}
	
#menu_droite  ul  {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	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.gif) no-repeat;
	display:block;
	margin:10px;
	padding-left:3px;
}

/* boutton d'action du site */
.actionbutton {
padding:2px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wotpa/images/fdBoutValid.jpg) repeat-x scroll left center;
border:1px outset #C0D0D0;
color:#FFFFFF;
cursor:pointer;
}
.actionbutton:hover {
border:1px outset #326966;
}

/* pour permettre de saisir des table sans bordure */
.sansbords td {
	border : 	0px !important;
}