/** ***************** **/
/** 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:#053367;
	text-decoration: underline;
	border:none;
}

li.bleu > a:link, li.bleu > a:visited, li.bleu > a:active, b.bleu > a:link, b.bleu > a:visited, b.bleu > a:active{
	color: #053367;
	text-decoration: none;
	border:none;
}
li.bleu > a:hover, b.bleu > a:hover{
	color: #053367;
	text-decoration: underline;
	border:none;
}


body{
	background-repeat: repeat-x;
  	background-image : url(images/fond.jpg);
  	background-color: #e1e1e1;
  	font-family: verdana;
  	font-size: 14px;
	color: #053367;
	margin: 0;
	padding: 0;
	text-align: center;
	/** Pour la classe "text_relais" **/
	/**   Propriétés du conteneur   **/
	/** <body> dans le cas présent  **/
	/*position: relative; 
	min-height: 100%;*/
}

#texte{
	font-size: 14px;
	font-family: verdana;
	color: #053367;
	text-align: justify;
	padding: 20px;
	z-index: 2;
}

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

.tableau100{
    width: 100%;
    vertical-align: top;
    text-align: center;
} 

.tableaulien{
    width: 95%;
    text-align: center;
    height: 450px;
    float: right;
} 



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

#conteneur {
position: relative;
 margin:0 auto;
 width:1000px;
 text-align: center;
  z-index: 1;
  height: 100%;
}

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

.rouge{
 color: #c5181c;
 font-size: 14px;
 font-weight: bold;
 font-family: verdana;	
}


/** Header **/

#header{
 position: relative;
 width:1000px;
 height: 213px;
 text-align: center;
 margin:0 auto;
}


/** colonne gauche **/

#colonne_gauche {
position: relative;
 width:293px;
 float: left;
 margin:0 auto;
 height: 100%;
}

#decompte {
 position: relative;
 background-image: url(images/decompte.jpg);
 width:293px;
 height: 89px;
 float: left;
 margin:0 auto;
}

#galerie {
 background-image: url(images/fond_galerie.jpg);
 width:293px;
 height: 185px;
 text-align: center;
 margin:0 auto;
 float: left;
}

#actu {
 background-image: url(images/fond_actu.jpg);
 width:293px;
 height: 282px;
 text-align: center;
 margin:0 auto;
 float: left;
 color:#FFFFFF;
}

#actu_en {
 background-image: url(images/fond_actu_en.jpg);
 width:293px;
 height: 282px;
 text-align: center;
 margin:0 auto;
 float: left;
 color:#FFFFFF;
}

/** centre **/

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

}

#centre {
position: relative;	
 background-image: url(images/fond_texte.jpg);
 background-repeat: no-repeat;
 min-height: 556px;
 width:707px;
 text-align: justify;
 margin:0 auto;
 float: right;


}

#actu_accueil {
 position: absolute;
 top:200px; 
 left: 20px;
 width:350px;
 text-align: justify;
      /*border:1px solid black;*/

}
#class_accueil {
 position: absolute;
  top:200px;
  left:700px;
 width:300px;
 text-align: justify;
     /*border:1px solid black;*/

}

/** footer **/

#footer{
position: relative;
 margin:0 auto;
 text-align: center;
 width: 1000px;
 height: 50px;
 top: 0px;
 float: right;
}
#footer2{
position: relative;
 margin:0 auto;
 text-align: center;
 width: 1000px;
 height: 50px;
 top: 0px;
}

