body {
	width: 999px;
	color:#6F6F6F;
	height:100%;
	margin: auto;
	background-image: url(images/fond-gris.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.blanc{
	color: #FFF;
	font-weight:bold;
	font-size: 10px;
	}

.orange{
	color:#ED7C14;}
.lettre-E{
	color:#ED7C14;
	font-size: medium;
	
}
.commeH2{
	font-size: medium;
	font-weight:bold;
	
}
a:link,a:visited,a:active{
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}a:hover{color:#FF6633;}


.puceorange ul
{
	list-style-position: inside;
	float: left;

}
.puceorange li
{
	list-style-image: url(images/puce-orange.png);
	margin: 6px 0 0 0; /*haut, de la droite, du bas, de la gauche*/
	/*position: 10px;*/
	
}
h1 {font-size: large;}
h2 {font-size: medium;}
h3 {font-size: small;}

#englobe {
height: 100%;
width: 100%;
}

#hautdepage a {display:block; width:14px;
height: 10px;
background-image:url(images/haut.png);
}
#hautdepage a:hover{display:block; width:14px;
height: 10px;
background-image:url(images/hautsurvol.png);
}


/* bandeau */

#bandeau
{
   width: 999px;
   height: 312px;
   margin-bottom: 10px;
}

/* menu */

#menu {
    background-color: #FFFFFF;
	font-size: 12px;
     float: left;
    width: 100%;
	border-top: 8px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
}

#menu ul {
    color: #FF6633;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
    margin: 0;
    padding: 0 0 0 1%;  
}

#menu ul li {
    display: inline;
}

#menu a {
    background-color: #FFFFFF;
    border-right: 1px solid #FF6633;
    color: #999999;
    float: left;
    padding: 0.3em 12px;
    text-decoration: none;
}

#menu a:hover {
   color: #FF6633;
   font-weight: bold;
}
/* ariane */

#ariane {
    color: #FFFFFF;
	font-size: 10px;
     float: left;
    width: 100%;
	margin-top: 4px ;
	padding-left: 40px ;
}



#principal_accueil {
	background-color: #FFFFFF;
	font-size: small;
	float: left;
	width: 650px;
	margin-top: 4px;
	margin-bottom: 40px;
	margin-right: 31px;
	border-top: 8px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
	padding: 12px 20px 2px 20px;  /*haut, de la droite, du bas, de la gauche*/
	
}
#principal {
	background-color: #FFFFFF;
	font-size: small;
	float: left;
	width: 959px;
	margin-top: 4px;
	margin-bottom: 40px;
	margin-right: 31px;
	border-top: 8px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
	padding: 12px 20px 2px 20px;  /*haut, de la droite, du bas, de la gauche*/
}
#principalpano {
	background-color: #FFFFFF;
	font-size: small;
	float: left;
	width: 100%;
	margin-top: 4px;
	border-top: 8px solid #FFFFFF;
	
	padding: 0px 0px Opx 0px;
}
#principalgeo {
	background-color: #FFFFFF;
	font-size: small;
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 40px;
	border-top: 8px solid #FFFFFF;
	padding: 0px 0px Opx 0px;
}
#includeswf {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding: 0px 0px Opx 0px;
}

/* bloc Sommaire à puces*/

.blocpuce-top-box {
float: right;
	width: 363px;
	background: url(images/blocpucetop.png) no-repeat;
height: 13px;
}
.blocpuce-content-box {
float: right;
	width: 363px;
	background: url(images/blocpucemilieu.png) repeat-y;

}
.blocpuce-bottom-box {
float: right;
	width: 363px;
	background: url(images/blocpucebas.png) no-repeat;
height: 13px;
}

/* Pied de page */

#piedpage {
	font-size: 10px;
	float: none;
	width: 999px;
	clear: both;
	text-align: left;
}

#piedpage ul {
	color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    
}

#piedpage ul li {
	display: inline;
}

#piedpage a {
    border-right: 1px solid #FF6633;
    color: #000000;
    float: none;
    padding: 0px 5px;
    text-decoration: none;
	margin:0;
}

#piedpage a:hover {
   color: #FF6633;
   font-weight: bolder;
}
.textegris {
	color: #C0C0C0;
}
#contact {
	
	margin-top: 4px;
	margin-bottom: 24px;
	
	float: left;
	width: 999px;
	clear: both;
}

/* Pied de page */

#piedpage2 {
	font-size: 10px;
	float: none;
	width: 999px;
	clear: both;
	text-align: center;
}

#piedpage2 ul {
	color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    
}

#piedpage2 ul li {
	display: inline;
}

#piedpage2 a {
    border-right: 1px solid #FF6633;
    color: #000000;
    float: none;
    padding: 0.1em 12px;
    text-decoration: none;
	margin:0;
}

#piedpage2 a:hover {
   color: #FF6633;
   font-weight: bolder;
}
.textegris {
	color: #C0C0C0;
}
.toutpetit {
	font-size: 1px;
	padding: 0;
}
/* Infobulle image au survol*/
a.imag{
	position: relative;
	z-index: 1;
	background-color: #ECECEC;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
bottom: 14px;
left: 22px;
}

/* Infobulle image au survol liens*/
a.imag2{
position: relative;
z-index: 1;
background-color: #ECECEC;
}
a.imag2:hover{
cursor: help;
z-index: 2;
}
a.imag2 span{
display: none;
}
a.imag2:hover span{
display:block;
position:absolute;
z-index: 3;
bottom: 18px;
left: -23px;
}
/* Infobulle image "centrée" au survol liens*/
a.imagcenter{
	position: relative;
	z-index: 1;
	outline: none;
	background-color: #ECECEC;
}
a.imagcenter:hover{
	cursor: help;
	z-index: 2;
}
a.imagcenter span{
display: none;
}
a.imagcenter:active span, a.imagcenter:focus span{
display:block;
position:absolute;
z-index: 3;
bottom: -200px;
left: 20px;
}
.mediumh2 {
	font-size: medium;
	font-weight: bold;
}
table.bordure {
	border: 1px solid #6F6F6F;
}
td.bordure {
	border: 1px solid #6F6F6F;
}
td.espace /* Les cellules normales */
{
   padding: 8px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.fontxsmall {
	font-size: x-small;
}
.inputbox{
	background-color : #F2F2F2;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	}
.textbox{
	background-color : #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	}.pluslarge {
	font-size: large;
	font-weight:bold;
}