/*
* créer le 07/11/2009
* modification le 07//11/2009
*/

/*////////////////////////////////////////////////
* Css General
////////////////////////////////////////////////*/

/*
* Css pour le bbcode 
*/

/*Les balise simple */
/* les générique */
.italique { font-style: italic; }
.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }

/* les alignement */

.gauche { text-align: left; }
.droite { text-align: right; }
.centrer { text-align: center; }
.justifier { text-align: justify; }

/* les couleurs */

.rouge-foncée { color: darkred; } /* rouge foncée  */
.rouge { color: #b10c0d; } /* rouge  */
.orange { color: orange; } /*  orange */
.marron { color: brown; } /* marron  */
.jaune { color: yellow; } /* jaune  */
.vert { color: green; } /* vert  */
.olive { color: olive; } /* vert foncée  */
.vert-foncée { color: cyan; } /* turquoise  */
.bleu { color: blue; } /* bleu  */
.bleu-foncée { color: darkblue; } /* bleu foncée  */
.violet-foncée { color: indigo; } /*  violet foncée */
.violet { color: violet; } /* violet  */
.blanc { color: white; } /*  blanc */
.noir { color: black; } /*  noir */

/* les taille de polices */

.tres_petit { font-size: x-small; }
.petit { font-size: small; }
.normal { font-size: medium; }
.grand { font-size: large; }
.tres_grand { font-size: x-large; }

/* les largeur */

.largeur_80{
	width: 80px;
}
	
body{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("../design/img/fond.jpg");
   color: #000000;
}

/*Les titres*/

h1{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:'Trebuchet MS' ,'Times New Roman', Times, serif;
	color: #c20a01;
}
	
h2{
	margin-left: 20px;
	margin-top:5px;
	margin-bottom:35px;
	font-family:'Trebuchet MS' ,'Times New Roman', Times, serif;
	color: #c20a01;
}

h3{
	margin: 0px;
	margin-left: 40px;
	font-family:'Trebuchet MS' ,'Times New Roman', Times, serif;
	color: #c20a01;
}
	
h4{
	margin-left: 50px;
	margin-top:5px;
	margin-bottom:35px;
	font-family:'Trebuchet MS' ,'Times New Roman', Times, serif;
	color: #c20a01;
}
	
h5{
	margin-left: 70px;
	margin-top:5px;
	margin-bottom:35px;
	font-family:'Trebuchet MS' ,'Times New Roman', Times, serif;
	color: #c20a01;
}
	
/*les tableau*/

table{
	border-collapse: collapse;
	border: 1px solid #8e0101;
	margin: auto;
	text-align: center;
}
	
th{
	border: 1px solid #8e0101;
	padding: 3px;
}
	
td{
	border: 1px solid #8e0101;
	padding: 3px;
}

/*Les formulaires*/

form{
	border: 2px solid #8e0101;
	margin: 8px;
	padding: 8px;
}
	
input{

}
	
textarea{

}

	
/*les liens*/

a{
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bolder;
}

a:hover{
	color: #9f0000;
}

/* Les boites */

/*Les grande ( san-taille) */

.boite_titre{
	background-color: #b10c0d;
}

.boite
	{
		border: 3px solid #b10c0d;
		margin-right: 20px;
		margin-bottom: 20px;	
		
	}
	

/*les boite 350px  */
.boite_titre_350{
	background-color: #b10c0d;
}

.boite_gauche
	{
		width: 350px;
		margin-left: 20px;
		margin-bottom: 20px;
		border: 3px solid #b10c0d
	}

.boite_droite
	{
		float: right;
		width: 350px;
		margin-right: 20px;
		margin-bottom: 20px;
		border: 3px solid #b10c0d
	}

/*Quelque effet intéréssent */

.arrondi {
	border-radius: 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	-khtml-border-radius : 10px;
}



/*////////////////////////////////////////////////
* Css Design
////////////////////////////////////////////////*/

/* Le menu admin */

.zone-administration{
	border: 2px solid #b10c0d;
	padding: 10px;
	margin: 10px;
	text-align: center;
}

.zone-administration a{
	margin-left: 10px;
	margin-right: 10 px;
}

/* L'en-tête */

#en_tete
{
   width: 796px;
   height: 200px;
   background-image: url("../design/img/ban.jpg");
   background-repeat: no-repeat;
   border-left: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
   border-top: 2px solid #ffffff;
   border-bottom: 1px solid #ffffff;
}
/* Les messages */

#message{
	
	
	text-align: center;
	font-weight: bolder;
	color: #000000;
	
	background-color: #b10c0d;
    
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#message_corp{
	padding: 5px;
	background-color: #ffffff;
	margin: 3px;
}
/* Le menu */

#menu
{
   
}

.element_menu
{
   background-color: #b10c0d;
   padding: 5px;
   text-align: center;
   border-left: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
}


/* Quelques effets sur les menus */

.element_menu a
{
   color: #ffffff;
   text-decoration: none;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bolder;
}

.element_menu a:hover
{
   color: #ffe179;
}

/*les sous menu

.sous_menu {
	text-align: center;
}

.sous_menu a {
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}*/

/* Le corps de la page */

#corps{
	background:url("../design/img/haut_corp.jpg") no-repeat;
	padding: 20px 5px;
	margin: 0px;
	color: #000000;
	background-color: #ffffff;
   
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page, #pied_de_page1, #information_temps
{
   padding: 5px;

   text-align: center;

   color: #ffffff;
   background-color: #b10c0d;

   
   border-left: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: 2px solid #ffffff;
}

#pied_de_page a ,#pied_de_page1 a, #information_temps a
{
color: #ffffff;
   text-decoration: none;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bolder;
}


#pied_de_page a:hover, #pied_de_page1 a:hover, #information_temps a:hover
{
color: #ffe179;
}

#renseignement
	{
		width: 440px;
		height: 20px;
		margin: auto;
		margin-top: 2px;
		background-image: url("../design/img/bas.gif");
	}
	
/*////////////////////////////////////////////////
* Css Spécifique a certain mode
////////////////////////////////////////////////*/

/* 
* Mod Plan d'accès
*/

.carte_geographique {
	border: 2px solid #b10c0d;
}


/* 
* Mod specialite
*/
.miniature
	{
		width: 100px;
		border: 1px solid #8e0101;
	}
	
.specialites_table
	{
		border: none;
	}
	
.specialites_table th
	{
		border: none;
	}
	
.specialites_th_image
	{
		width: 110px;
	}
	
.specialites_th_description
	{
		text-align: left;
		width: 500px;
		padding: 5px;
	}
	
.specialites_th_prix
	{
		width: 130px;
	}