/* Fichier CSS --> c'est le fichier qui permet de créer la présentation de notre page web 'defaut.css'  */

/*Corps de la page */
body
{
   width:  800px;
   margin:  auto; 
   margin-top:  0px;
   background-color: #EFEFEF;   
}


/*Entête ou banderole */
#header
{
   height:  150px;
   width:  800px; 
}

/*/////////////////////////////////////////////////////////////////////////////////*/


/*Menu rapide */
#menu_rapide
{
    height:  22px;
	list-style-type: none;
	margin:  0px;
	padding-left:  0px;
    border:  1px solid #9b9c9d;
    border-top:  none;		
	background:  url("../photos_images/structure/menu_bord.png") repeat-x top right;
	background-color:  #e6ecf8;
	width: 798px;
}

/*Menu rapide, liste puces */
#menu_rapide li
{
	height: 14px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family:  Arial, 'Times new roman', Times, serif;
	font-size:  11px;
}

/*Menu rapide, liste puces liens */
#menu_rapide a
{
	color:  #444444;
	font-style:  normal;
	text-decoration:  none;
	font-weight:  bold;
}

#menu_rapide a:hover
{
	color:  #111111;
}
#menu_rapide img
{
	vertical-align: middle;
	border:  none;
	margin-bottom: 2px;
}

/*Lien rapide */
.lien_rapide_g
{
    float:  left;	
	border-left: 1px solid #9b9c9d;
}
.lien_rapide_d
{
    float:  right;	
	border-left: 1px solid #9b9c9d;
}
#accueil
{
	border-left:  none;
}
#prestations
{
	border-right:  1px solid #9b9c9d;
}
/*/////////////////////////////////////////////////////////////////////////////////*/

/*Menu principal */
#menu
{
   clear:  both;
   float:  left;
   width:  208px;
   background:  url("../photos_images/structure/menu_d.png") repeat-y top left;
   background-color: #e5e5e5;
   border:  1px solid #9b9c9d;
   border-top: none;
   margin-bottom:  3px;
   margin-top: 0px;
}
#menu img
{
	text-align: left;
	border:  none;
	margin-left: 2px;
	display:  inline;
	padding:  1px;
}
.entete_sous_menu
{ 
   width:  193px;
   margin:  6px; 
   margin-bottom:  0px;
   padding-top:  2px;
   padding-bottom:  2px;
   border:  1px solid #9b9c9d;
   background:  url("../photos_images/structure/menu_bord.png") repeat-x top right;
   background-color:  #e6ecf8;
   line-height: 13px;
}

.entete_sous_menu p
{ 
   
   display:  inline;
   font-family: Arial, 'Times new roman', Times, serif;
   font-size: 11px;
   font-weight:  bold; 
   margin-top: 5px;
   margin-bottom:  0px;
   margin:  10px;  
 
}
/*uniquement menu admin */
#entete_sous_menu_admin
{ 
   width:  193px;
   margin:  6px; 
   margin-bottom:  0px;
   margin-top: 10px;
   padding-top:  2px;
   padding-bottom:  2px;
   border:  1px solid #9b9c9d;
   border-top: none;
   background:  url("../photos_images/structure/menu_bord.png") repeat-x top right;
   background-color:  #e6ecf8;
   line-height: 13px;
}
#entete_sous_menu_admin p
{ 
   font-family: Arial, 'Times new roman', Times, serif;
   font-size: 11px;
   font-weight:  bold;
   display:  inline; 
   margin:  10px;    
}
.sous_menu
{ 
   width:  183px;
   background-color:  #f7f8f9;
   border:  1px solid #9b9c9d;
   border-top:  none;
   margin:  6px;
   padding:  0px;
   padding-left: 10px ;
   padding-top:  6px;
   padding-bottom: 10px ;
   margin-top: 0px;
}


/*Menu principal - listes à puces*/

.sous_menu li
{
    font-family:  Arial, 'Times new roman', Times, serif;
    font-size:  11px;
    list-style-type:  none; 	
	line-height: 18px;
}
.sous_menu H3
{
	color:  #555555;
	font-style:  normal;
	text-decoration:  none;
	font-size:  12px;
	font-weight:  bold;
	line-height: 30px;
	display:  inline;
}
.sous_menu a
{
	color:  #555555;
	font-style:  normal;
	text-decoration:  none;
}

.sous_menu a:hover
{
	color:  #111111;
	font-weight:  bold;
}

.sous_menu em a
{
    line-height: 15px;
    margin-left:  5px;	
}
.sous_menu img
{
    vertical-align: middle;
}

/*/////////////////////////////////////////////////////////////////////////////////*/


/*Indique le chemain du site */

/*Corps de page web */
#corps 
{
   margin-top: 0px;
   margin-left:  212px;
   margin-bottom:  5px;   
   border:  1px solid #9b9c9d; 
   border-top:  none; 
   padding: 10px;
   padding-top: 2px;
   background-color:  #ffffff;
   min-height:  400px;
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  12px;
   color:  #1f1f1f;
}
#corps a
{
    color:  #325393;
    font-style:  none;
    text-decoration:  none;
}
#corps a:hover
{
	color:  red;
}
#situation
{
   text-align: right;
   border-bottom:  1px solid #e7e9ed;  
   padding-top : 0px;
   margin-top: 0px;  
   margin-bottom: 8px;  
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  11px;
}

#situation a
{
    color:  #325393;
    font-style:  none;
    text-decoration:  none;
}
.titre_a
{
   text-align:  left;
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  13px;
   color:  #808080;
   margin-bottom:  20px; 
}
.titre_a_span
{ 
   background:  url("../photos_images/structure/titre.png") repeat-x top right;
   background-color:  #e2edfc;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;  
}

fieldset
{
   width:  400px;
   margin: auto ;
   margin-bottom:  5px;
   padding: 10px;
   text-align: center;
   line-height: 20px;
}
legend 
{
   font-family: Arial Black, Arial, Georgia, "Times New Roman", Times, serif;
   color:  #1a4d7f;
   font-size: 15px;
}
.form_error
{
  background:  url("../photos_images/structure/info.png") no-repeat bottom right;
  background-color: #c7d6e3;
  padding: 10px;
  font-family: Arial, 'Times new roman', Times, serif;
  font-size: 12px; 
  margin-bottom:  20px;
  margin-top:  10px;
  border: 1px solid #9b9c9d;     
  text-align: center;
  color:  #314061; 
}


/*pied de page web */
#pied
{
   clear:  both;
   background-color:  #c7d6e3; 
   text-align:  center;
   padding: 2px; 
   border: 1px solid #9b9c9d;     
}

#pied p
{
   display:  inline;
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  11px;
}
#pied a
{
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  11px;
   color:  #000000;
   font-style:  normal;
   text-decoration:  none;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* Calendrier */

#case_du_jours
{
 border: 1px solid red;
 font-weight: bold;
 font-family:  Arial, 'Times new roman', Times, serif;
 font-size:  12px;
}

.case_remplie
{
 background-color:  #244f91 ;
 font-family:  Arial, 'Times new roman', Times, serif;
 font-size:  12px;
 text-align: center;
 color: #e7e7e7 ;
}
.case_remplie a
{
  color: #e7e7e7 ;
}

.case_vide
{ 
 background-color:  #e5ebf7 ;
 font-family:  Arial, 'Times new roman', Times, serif;
 font-size:  12px;
 text-align: center;
 color: #192e56 ;
}

#jour
{
 color: #4a4a4a;
 font-family:  Arial, 'Times new roman', Times, serif;
 font-size:  11px;
}

#cal_entete
{
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: center;
 font-family:  Arial, 'Times new roman', Times, serif;
 font-size:  12px;
}
#cal_entete a
{
 color:  #325393;
}
#cal_entete a:hover
{
 color:  red;
}

#cal_corps
{
 margin-top: 0px;
}
.cal_calendrier
{
 width: 155px;
}
#remonter img
{
	vertical-align: middle;
	margin-bottom: 1px;
	border: none;
}
#remonter 
{
    text-align: right;
	font-family:  Arial, 'Times new roman', Times, serif;
    font-size:  10px;
	color:  #325393;
	margin: 0px;
}
#remonter a
{
	font-family:  Arial, 'Times new roman', Times, serif;
    font-size:  10px;
	color:  #325393;
	text-decoration:  none;
}
#retour 
{
	text-align: center;
	font-family:  Arial, 'Times new roman', Times, serif;
    font-size:  12px;
	color:  #325393;
}
#retour a
{
    color:  #325393;
	font-style:  normal;
	text-decoration:  none;
	text-align: center;
	font-family:  Arial, 'Times new roman', Times, serif;
    font-size:  12px;
}
#retour a:hover
{
    color:  red; 
}
.message_faux
{
   color: red;
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  11px;
   text-align: center;
}
.message_vrai
{
   color: green;
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  11px;
   text-align: center;
}
.sitemap_sous_lien
{
	margin-left: 14px;
}
.sitemap_ul
{
	margin-left: 90px;
}
#titre_p
{
   font-family:  Arial, 'Times new roman', Times, serif;
   font-size:  17px;
   background:  url("../photos_images/structure/titre.png") repeat-x bottom right;
}