/**********************************************************
  * Redéfinition de valeurs par défauts de tout élément 
  **********************************************************/

* {
margin: 0;
padding: 0;
border: 0;
}
/******************************************************
 *    Définition du style général de la page
 ******************************************************/
html{
	height : 100%;
    background-color : #d2d2d2;
	color : #000;
}

body{
    width: 815px;
	height : 615px;
    margin: auto;
    background-color : #fff;
	color : #000;
}
		
#conteneur{
	position: relative;
	top : 10px;
    width : 100%;
	height : 80% ;
}

#left_cont{
    width : 8em;
	height : 300px;
    float : left;
    padding : 0.5em 0 8em 1em;
    margin : 0 3em 0 1em;
	background-image: url("Images/Arab_NB.jpg");
    background-repeat : no-repeat;
}

#contenu{
    height : 460px;
    padding-top : 0.5em;
	overflow: auto;
	text-align : left;
}

/******************************************************
 *    Définition du style de l'en-tête
 ******************************************************/

#en-tete{
    text-align : center;
	font-size : 1.8em;
	font-weight : bold;
	font-style : italic;
	font-family : 'Times New Roman', times, serif;
	color : #663334;
    background-color : #fff;
	height : 104px;
    width : 815px;
}


/******************************************************
 *    Définition du style du pied-de-page
 ******************************************************/

#pied_de_page{
    width : 815px;
    border-top : 1px solid #99c;
	color : #888;
	background-color : #fff;
}

#pied_de_page p{
	font-size : 0.8em;
	text-align : right;	
}

/******************************************************
 *    Définition de style pour le menu
 ******************************************************/

#menu ul{
    list-style-type : none;
}

#menu li{
    display : block; /*Nécessaire pour un comportement correct sous IE 6*/
    height : 2.9em;
}

#current{
    font-weight : bolder;
	font-size : 1.1em;
}

#menu li a{
    display : block;
    height : 1.5em;
    line-height : 1.5em;
    padding : 0.2em;
	margin-bottom : 1em;
	border : 1px solid #ddd;
    text-decoration: none;
	text-align : center;
	color : #663334;
    background-color : #f7f3f4;
}

#menu a:hover {
	background-color: #a78a8a;
	color : #663334;
}

/******************************************************
 *    Définition de style pour la validation
 ******************************************************/
#valid {
	position : relative;
	top: 285px;
	text-align: center;
	font-size: small;
}

#valid a {
	display: block;
}

#valid img {
	border: none;
}

/******************************************************
 *    Définition de style pour le contenu general
 ******************************************************/
#contenu h1{
    text-align: center;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size : 1.5em;
	margin-bottom : 1.5em;
	color : #663334;
    background-color : #fff;
}

#contenu h2{
    text-align: left;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size : 1em;
	margin-top : 0.3em;
	padding-left : 0.5em;
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
	margin-bottom : 1.2em;
	width : 15em;
}

#contenu p
{
 text-indent : 3em;
 padding-bottom : 1.5em;
 padding-right : 0.5em;
}

#contenu p:first-letter 
{
  font-size: 200%;
  font-style: italic;
  font-weight: bold;
}

#contenu em
{
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}

/***************************************************
  * Définition de style particulier pour la page restauration 
  ***************************************************/

.illus img
{
  padding : 0.5em
}

.illus span
{
    display : block;
	font-size : 0.8em;
	font-style : italic;
	font-family : "Times New Roman" , times, serif;
	margin-left : 0.5em;
	margin-bottom : 2em;
}


/***************************************************
  * Définition de style particulier pour la page contact
  ***************************************************/
  
h1.contact
{
    text-align : center;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size : 1.5em;
	margin-bottom : 0.5em;
	color : #663334;
    background-color : #fff;
}
  
p.contact
{
    padding-bottom : 1.5em;
    padding-right : 0.5em;
}

p.contact span
{
    display : block;
	font-size : 1.2em;
	font-weight : bold;
	font-style : italic;
	font-family : "Times New Roman" , times, serif;
	margin-bottom : 0.5em;
}

form.contact span{
    display : block;
    margin : 0.5em;
}

form.contact input,textarea{
    font-family: "Times New Roman", Times, serif;
    font-size : 0.8em;
    border : 1px solid #ddd;
    padding : 0.1em;
}

form.contact label.lbl_Left
{
    display : block;
    float : left;
    width : 12em;
    color : #663334;
	background-color : #fff;
    padding : 0.1em;
    font-size : 0.7em;
    font-family : "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

form.contact br{
 display : none;
}

form.contact label.lbl_Radio
{
    padding-right : 1em;
    padding-bottom : 0.3em;
    font-size : 0.8em;
    font-family : "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

legend.contact
{
    padding : 0 0.5em;
    margin : 0 0.5em;
    font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-style : italic;
    font-size : 1em;
}

fieldset.contact
{
    width : 30em;
    color : #663334;
	background-color : #fff;
	border : 1px solid #ddd;
    margin-bottom: 2em; /* Une marge pour séparer les fieldset */
    padding : 0.5em 0;
}


/************************************************************
  * Définition de style particulier pour la page confirmation
  ***********************************************************/
p.confirmation
{
	padding-top: 1em;
	padding-left : 3em;
	padding-bottom : 2em;
}