html, body
{
width : 98%;
height : 100%;
background-image: url(doc/fond_cgf.jpg);
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:95%;
font-weight:600;
text-align: center;
vertical-align: top;
border-style: none;
border-width: 0px;
margin: 0;
padding: 0;

}
table
{
width : 100%;
background-image: url(doc/fond_cgf.jpg);
font-family: Trebuchet MS, Helvetica, Arial, Courier, sans-serif;
font-size:95%;
font-weight:600;
text-align: center;
vertical-align: top;
border-style: none;
border-width: 0px;
}


input, select
{
	font-size:1em;
}

.global
{
	text-align : center;
	vertical-align:text-top;
	width : 100%;
	background-image: url(doc/fond_cgf.jpg);
	border-style: groove;
	border-color: blue;
	border-width: 1px;
}
.global:after { content: ""; display: block; height: 0; clear: both; }

.titre
{
	color:green;
	font-weight:800;
	vertical-align: top;
}

.baratin p
{
	font-size:85%;
	color: navy;
	text-align: justify;
}

.baratin td
{
	color: navy;
	text-align: justify;
}

.baratin th
{
	color: navy;
	text-align: center;
	font-weight:800;
}

.liste
{
	text-align: left;
}

.titre_liste
{
	text-align: right;
	vertical-align: 50%;
	font-weight:800;

}

.head1
{
font-size: 120%;
font-weight:800;
}

.head2
{
	font-size:large;
	font-weight:800;
}

.fichpdf
{
	width : 80%;   /*  indispensable pour GECKO  */
	height : 100%;
	border-collapse: collapse;
	border-style: solid;
	border-color: blue;
	border-width: 1px;
	float : left;

}
.fichpdf:after { content: ""; display: block; height: 0; clear: both; }


.italic{
  font-style: italic;
}

/*------------------------------------------*/
.conteneur_de_boites {
	width: 800px;
	margin-left: auto;
	margin-right: auto;

}
.conteneur_de_boites:after { content: ""; display: block; height: 0; clear: both; }

.boite {
	width: 185px;
	padding-bottom: 10px;
	margin : 0px 5px 0px 5px;
	background: transparent url(doc/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
	float: left ;
}
.boite:after { content: ""; display: block; height: 0; clear: both; }

.boite h2 {
	color:green;
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(doc/haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	font-weight:800;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	text-align: center;
}

/*------------------------------------------*/

.boite_2 {
	width: 400px;
	padding-bottom: 10px;
	margin-bottom : 10px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(doc/milieu-bas_2.png) no-repeat;
	background-position: center bottom;
	font-size: 90%;
}
.boite_2:after { content: ""; display: block; height: 0; clear: both; }

.boite_2 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(doc/haut_2.png) no-repeat;
	background-position: center top;
	text-align: center;
	font-size:120%;
}
.boite_2 p {
	font-weight:800;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-align: center;
}
/*------------------------------------------*/
.boite_3 {
	width: 800px;
	padding-bottom: 10px;
	margin-bottom : 10px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(doc/milieu-bas_3.png) no-repeat;
	background-position: center bottom;
	font-size: 90%;
}
.boite_3:after { content: ""; display: block; height: 0; clear: both; }

.boite_3 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(doc/haut_3.png) no-repeat;
	background-position: center top;
	text-align: center;
	font-size:120%;
}
.boite_3 p {
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.boite_le_lien {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom : 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
}
.boite_le_lien:after { content: ""; display: block; height: 0; clear: both; }
.boite_le_lien p {
	font-weight:800;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*-------------------------------------------*/
.cadre_tut
{
	text-align : center;
	width : 100%;
	border-style: groove;
	border-color: blue;
	border-width: 2px;
}
.cadre_tut:after { content: ""; display: block; height: 0; clear: both; }


.cont_piti {
	width: 100%;
	float: left;

}
.contpiti:after { content: ""; display: block; height: 0; clear: both; }

.pitiboite_G {
	float: left ;
	text-align : left;
}
.pitiboite_G:after { content: ""; display: block; height: 0; clear: both; }

.pitiboite_D {
	color: navy;
	margin-left: 50px;
	clear: left ;
	text-align : left;
}
.pitiboite_D:after { content: ""; display: block; height: 0; clear: both; }


/*--------------------------------------------*/
.sty_pays  /*pour la carte des cantons*/
{
	position:absolute;
	top:0px;
	left:0px;
	background-color:yellow;
  	color : Black;
  	text-align : left;
  	margin-left : 0px;
  	font-size: 70%;
}
/*------------------------------------------*/
#menu {
position: relative;
padding: 0;
margin: 1px;
width: 98%; /* correction pour Opera */
border-style: groove ;  border-width: 1px; border-color: blue ;
}
#menu dl {
float: left;
width:18%;
text-align: left;
margin: 0;
font-weight: bold;
}

#menu dt {
border-style: groove ;  border-width: 0.1em; border-color: white ;
margin: 1px;
text-align: left;
font-size: 90%;
}


#menu dd {
border-style: groove ;  border-width: 0.1em; border-color: white ;
margin: 1px;
font-size: 90%;
list-style: none;
}

#menu ul {
margin: 0px;
padding: 1px;
}


#menu li {
list-style: none;
}


#menu li a {
position: relative;
text-decoration: none;
text-align: left;
}

#menu:after { content: ""; display: block; height: 0; clear: both; }


/* pour les liens hypertexte (balise <a>)*/

a  {   color:blue ;   text-decoration:none;  }
a:hover  {   color:#FF9900;   text-decoration:underline;  }

.boite_2 a{color:green; text-decoration:none;  }
.boite_2 a:hover  {   color:#FF9900;   text-decoration:underline;}

.boite_2 p a{color:black; text-decoration:none;  }
.boite_2 p a:hover  {   color:#FF9900;   text-decoration:underline;}

/*------------------------------------------------*/
/* pour les liens hypertexte spéciaux (balise <a> class infobulle)*/

a.infobulle {
position: relative;
text-decoration: none;
border-bottom: 1px gray dotted;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 500;
}
a.infobulle:hover span {
display: inline;
position: absolute;
width      :  220px;
top: -2em;
left: -10em;
border: 1px solid #bbb;
background: #ffc;
text-align: center;
color: black;
padding: 2px;
}
/*---------------------------------------------------------*/
/*Visibilité*/
.hidden {
   display: none;
}

.visible {
   display: inline;
}