/*************************************/
/*** Définition de la CSS du SITE ****/
/*************************************/
/*** L'ordre des éléments suit l'affichage du site ***/
/*** de haut en bas, de droite à gauche            ***/
MyBody {
background : url("../ressources/Fond/$file/bg.gif");
   background-color : #6a5b5a;  
}
/***************************************************************************/
/***                                                                     ***/
/***  DEBUT DEFINITION BANDEAU ENTETE                                    ***/
/***                                                                     ***/
/*** cadre général ***/
#head {
  text-align: left;
	margin: 0 auto;
	padding: 0;
	margin-top : 10px;
  width: 900px;
   background-color : #6a5b5a;  
}
/*** la partie "entete" affiche le haut du site (logo) ***/
#entete {
   margin: 0;
	padding: 0;
   background-color : #fff;
   color : #000;
background : url("../ressources/Entete/$file/back.gif");
   background-repeat:no-repeat;	
   background-position : bottom left;
	border-top : 0px solid #00488e;
  color : ##867d77;
}
/*** Logo ***/
img.logo {
margin : 10px;
}
/*** Titre dans l'entete ***/
#entete h1{
	margin: 0;
	padding: 0;
  font-size : 2em;
}
/*** Titre dans l'entete ***/
#entete h2{
	margin: 0;
	padding: 0;
	margin-top:25px;
	padding-right : 10px;
  font-size : 1.2em;
  color : rgb(0,158,219);
}
/*** Zone Drapeaux - Accueil - Lien ***/
.navigation {
  margin-top : 0px;
  width:100%;
  font-size : 0.7em;
  margin-bottom : 2px;
  font-family : arial, helvetica, sans-serif;
  color : #6a5b5a;
}
/*** Image dans la Zone Drapeaux - Accueil - Lien ***/
.navigation img{
  border : 0;
  padding : 0;
  margin : 0;
  vertical-align:middle;
}
/*** lien Drapeaux - Accueil - Lien ***/
.navigation a {
  color : #6a5b5a;
  text-decoration : none;
}
/*** champ de saisie pour la recherche - Zone Drapeaux - Accueil - Lien ***/
.navigation input {
  font-family : arial, helvetica, sans-serif;  
  font-size : 0.9em;
}
/***************************************************************************/
/***                                                                     ***/
/***     DEBUT DEFINITION BANDEAU MENU                                   ***/
/***                                                                     ***/
/*** Les CSS s'imbriquent ainsi :                                        ***/
/***                                                                     ***//*** Bandeau                                                             ***/
/***  |__bandemnu                                                        ***/
/***      |__menu                                                        ***/
/***          |__dl                                                      ***/
/***          |   |__dt                                                  ***/
/***          |      |__dd                                               ***/
/***          |          |__ul                                           ***/
/***          |             |__li                                        ***/
/***          |                 |__a                                     ***/
/***          |__dl                                                      ***/
/***          |   |__....                                                ***/
/*** bandeaux global ***/
#bandeau {
	margin: 0;
	padding: 0;
	
background-color : #3F3F3F;
   background : #444;
   color : #fff;
}
/*** titre dans bandeaux ***/
#bandeau h2 {
	margin: 0;
	padding: 0;
	margin-left : 10px;
}
/*** Style de base pour les rubriques du menu ***/
#bandemenu {
  height : 25px;
background : url("../ressources/Fond/$file/bandeau-nav.gif");
   background-repeat:no-repeat;	
   background-position : bottom left;
  
  border-bottom : 2px solid #00488e;
  text-align:left;
  position : relative;
}
/*** placement du menu, à modifier selon vos besoins  ***/
#menu {
  position: absolute; 
  z-index:100; 
  width: 100%; /* correction pour Opera */
}
/*** Largeur d'une rubrique de menu ***/
#menu dl {
margin: 0;
  padding: 0;
  float: left;
  width: 120px;
}
/*** Définition de base du style d'une rubrique ***/
#menu dt {
  font-family : arial, helvetica, sans-serif;
  font-weight:bold;
  font-size : 12px;
  cursor: pointer;
  text-align: left;
  text-decoration : none; 
  margin-top : 5px;
  margin-left : 10px;
  border-right : 1px solid rgb(255,255,255);
  height : 25px;
}
/*** Style du sous menu déroulant ***/
#menu dd {
  display: none;
  background : #00305f;
  text-align: left;
  font-size : 12px;
  margin: 0;
  padding: 0;
}
/*** Style de base pour les sous menus ***/
#menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
/*** définition pour les sous menu ***/
#menu li {
  list-style-type: none;
  width:100%;
  margin : 0;
  padding : 2px;
  padding-left : 10px; 
  padding-right : 2px;
  text-align: left;
}
/*** définition pour les liens dans les sous menu ***/
#menu li a, #menu dt a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
  color : #009ee0;
}
/*** ? ***/ 
.itemmenu{
margin-top : 10px;
}
/***                                                                     ***/
/***       FIN DEFINITION BANDEAU MENU                                   ***/
/***                                                                     ***/
/***************************************************************************/
/***                                                                     ***/
/***  FIN DEFINITION BANDEAU ENTETE                                      ***/
/***                                                                     ***/
/***************************************************************************/
/***************************************************************************/
/***                                                                     ***/
/***  DEBUT DEFINITION BANDEAU BODY (corps du site)                      ***/
/***                                                                     ***/
/*** Le body est la zone d'affichage                                     ***/
body {
   font-size : 0.9em;
	margin: 0;
	padding: 0px;
	text-align: center;
   font-family : arial, helvetica, sans-serif;
   background : #6a5b5a;
}
#body img {
  padding:4px;
margin : 2px;
  border:1px solid #ddd;
}
#body h4 {
color : rgb(10,139,203);
border-bottom : 1px solid rgb(10,139,203);
font-family : arial, helvetica, sans-serif;
font-size : 0.8em;
text-transform: uppercase;
padding : 0;
margin : 0;
letter-spacing : 1;
}
#body h1 {
padding : 0;
margin : 0;
margin-top : 10px;
margin-bottom : 15px;
font-family :arial, helvetica, sans-serif;
font-size : 2.1em;
font-weight:normal;
color : #777;
letter-spacing : -2px;
}
#body {
font-family : arial, helvetica, sans-serif;
	margin: 0;
	padding: 10px;
  width : 630px;
  float:left;
}
#body font {
font-size : 14px;
font-family : arial, helvetica,sans-serif;
line-height: 1.4;
}
li {
margin-bottom : 10px;
}
#content {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
           background : #fff;
}
#image {
  border-top : #fff solid 1px;
  border-bottom : #fff solid 1px;
  height : 252px;
}
#page {
	margin: 0;
	padding: 0;
}
/*** zone réservé au bloc ***/
#bande {
  width : 230px;
  margin: 0;
	padding: 10px;
	float:left;
}
.encart {
  width : 210px;
  margin-bottom : 10px;
  background : url("../ressources/Bloc/$file/bloc_fondbas.gif");
  background-repeat:no-repeat;	
  background-position : bottom left; 
  background-color : #efefef;
}
.encart h3 {
	margin: 0;
	padding: 0;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	font-size : 1em;
	background : url("../ressources/Bloc/$file/bloc_fond.gif");
  background-repeat:no-repeat;	
}
.encart p {
	margin: 0;
	padding: 10px;
}
.encart a {
  color : rgb(10,139,203);
}
.encart font {
font-size : 11px;
}
/***                                                                     ***/
/***  FIN DEFINITION BANDEAU BODY (corps du site)                        ***/
/***                                                                     ***/
/***************************************************************************/
/***************************************************************************/
/***                                                                     ***/
/***  DEBUT DEFINITION BANDEAU FOOTER (pied du site)                     ***/
/***                                                                     ***/
/*** Zone générale ***/
#footer {
  clear :both;
  background :#6a5b5a ;
}
/*** Style d'affichage ***/
#footer p{
	margin: 0;
	padding: 0;
	padding-left : 10px;
	padding-bottom : 0px;
   background : url("../ressources/Entete/$file/footer.gif");
   background-repeat:no-repeat;	
   background-position : bottom left;
	border-top : 2px solid #00488e;
  color : #6a5b5a;
}
/***                                                                     ***/
/***  FIN DEFINITION BANDEAU FOOTER (pied du site)                     ***/
/***                                                                     ***/
/***************************************************************************/
/***************************************************************************/
/***                                                                     ***/
/***  DEBUT DEFINITION BANDEAU PLAN FOOTER (plan du site)                ***/
/***                                                                     ***/
table.plantb {
margin: 0 auto;
width : 800px;
}
.plantb tr {
vertical-align : top;
}
.plantb td{
width : 140px;
padding : 5px;
color : #AAA;
}
.plantb h1 {
margin :  0;
padding : 0;
font-family : arial;
font-size : 11px;
font-weight:normal;
height : 30px;
border-bottom : 1px dotted #AAA;
}
.plantb h2 {
margin :  0;
padding : 0;
font-family : arial;
font-size : 9px;
font-weight:normal;
margin-left : 5px;
margin-top : 5px;
}
.plantb a{
color : #aaa;
}
div#plan{
background : url('../fondplan.gif') repeat-x top left;
margin : 0;
width: 100%;
margin-top : 10px;
color : #AAA;
}
td.tdnull{
width : 5px;
}
/***                                                                     ***/
/***  FIN DEFINITION BANDEAU PLAN FOOTER (plan du site)                  ***/
/***                                                                     ***/
/***************************************************************************/
.galerie {
text-align : center;
padding-bottom : 10px;
}
.galerie img{
border : 0;
text-decoration : none;
padding : 2px;
border : 1px solid #ddd;
margin-bottom : 5px;
}
a img {
border:0;
}
h2.news {
font-family : arial, helvetica, sans-serif;
font-size : 14px;
margin : 0;
padding : 0;
}
.article{
padding : 10px;
padding-top : 0px;
  font-family : arial, helvetica, sans-serif;  
  font-size : 0.8em;
  margin-bottom : 5px;
}
.article p{
margin : 0;
padding : 0;
font-size : 0.9em;
}
.article a{
font-weight : bold;
}
.viewlink {
  font-size : 10px;
  border:0;
}
img.viewlink {
float:left;
}
.viewlink b{
clear:both;
  margin : 0;
  padding : 0;
}
div.reference {
font-size : 11px;
padding-bottom : 10px;
}
.reference li {
margin-bottom : 5px;
}
#body a {
color : rgb(10,139,203);
font-weight:bold;
}
a.newmessage {
color:#31CD31;
font-size : 10px;
display:block;
width : 80%;
border-top : 1px solid #ddd;
margin : 0px;
padding : 5px;
}
#contact td{
font-size : 12px;
font-family : tahoma;
}
#contact tr{
vertical-align:top;
}
#contact table {
margin-left : 10px;
}
#contact input, #contact textarea {
font-family : arial;
font-size : 12px;
font-weight : bold;
width : 300px;
}
a.sendmessage {
display : block;
width : 200px;
text-align:center;
margin-top : 10px;
padding : 5px;
border : 1px solid #ddd;
background-color : #eee;
}
a.sendmessage:hover{
background-color : #d9d9d9;
}