 /** ***************** **/
/** Dans tous les CSS **/
/** ***************** **/

/** Supprimes les pointillés des Flash et des Liens **/
a:focus, object:focus, img:focus{
	outline: 0;
}
/** Pour les Boutons images AVEC lien **/
a:hover, object:hover{
	cursor: pointer;
	cursor: hand;
}
/** Pour les Boutons images SANS lien **/
.lnk{
	cursor: pointer;
	cursor: hand;
}
/** Pour les champs obligatoires **/
.red{
	color: #f00;
}
.beige{
	color: #8C7148;
}
img{
	border:0;
}
a:link, a:visited, a:hover, a:active{
	color:#FFFFFF;
	text-decoration: none;
	border:none;
}
li.gris > a:link, li.gris > a:visited, li.gris > a:active, b.gris > a:link, b.gris > a:visited, b.gris > a:active{
	color: #313131;
	text-decoration: none;
	border:none;
}
li.gris > a:hover, b.gris > a:hover{
	color: #313131;
	text-decoration: underline;
	border:none;
}
body{
	background-color: #313131;
	color: #313131;
	font-family: verdana;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
	max-height: 900px;
	/** Pour la classe "text_relais" **/
	/**   Propriétés du conteneur   **/
	/** <body> dans le cas présent  **/
	/*position: relative; 
	min-height: 100%;*/
}

A.gris {
  text-decoration: none;
  color: #313131;
  font-weight: bold;
}

A.gris:link {
  text-decoration: none;
  color: #313131;
}

A.gris:visited{
  text-decoration: none;
  color: #313131;
}

A.gris:hover {
  text-decoration: underline;
  color: #313131;
}

A.gris:active {
  text-decoration: none;
  color: #313131;
}

.justify{
	text-align: justify;
}
	
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

.gras{
	font-weight: bolder;
	
}

/** ***************** **/
/** Dans tous les CSS **/
/** ***************** **/

#container{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1023px;
	 text-align: center;

}

#header{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1023px;
	height: 147px;
	text-align: center;

}

#global{
	position: relative;
	width: 1023px;
	height: 491px;
	margin: 0 auto;
	text-align: center;

}

#visuel{
	position: relative;
	background-image: url(images/visuel.jpg);
	width: 403px;
	height: 491px;
	float: left;

}

#texte{
	position: relative;
	background-color: #ffffff;
	width: 620px;
	height: 491px;
	max-height: 491px;
	float: right;
	text-align: left;
	
}

.texte{
	font-family: verdana;
	text-align: justify;
	color: #313131;	
	padding: 25px;
	font-size: 13px;

	
}

.mentions{
	font-family: verdana;
	text-align: justify;
	color: #313131;	
	padding: 25px;
	font-size: 13px;
	height: 350px;
	overflow: auto;
	
}

.doc{
	font-family: verdana;
	text-align: justify;
	color: #313131;	
	padding: 10px;
	font-size: 13px;
	
}

.bienvenue{
	font-family: verdana;
	text-align: justify;
	color: #808080;	
	font-size: 20px;
	font-weight: bold;
	
}

.gris{
	font-family: verdana;
	color: #6b6b6b;	
	font-weight: bold;
	
} 

.table{
	width: 95%;
	background-color: #ececec;
	padding: 5px;
	
} 

.table100{
	width: 95%;
	background-color: #ececec;
	padding: 5px;

}

#footer{
	position: relative;
	width: 1023px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	font-family: verdana;
	font-size: 13px;
	padding: 10px;
}

.footer{
	color: #ffffff;
	font-family: verdana;
	font-size: 13px;

}
ul.footer li { 
	display: inline;
	text-decoration: none;

}
ul.footer {
	list-style-type: none; 
}

ul.footer li a{ 
	display : inline;
	text-decoration: none;
	font-family: arial;
}