/* 
Nom du programme:	Feuille_De_Style.css
Description:		Ce programme est la feuille de style CSS qui régit l'aspect du site.
*/





/***************************************
			All
***************************************/

* 
{
   margin : 0;
   padding : 0;
}

/***************************************
			Body
***************************************/

body  
{
	width : 100%;
	height : 100%;
	background-color : #0081FD;
	font : 100% Verdana, Arial, Helvetica, sans-serif;
	text-align : center;
	color : #000000;
}

/***************************************
			Container
***************************************/

#conteneur 
{
	background-color : #FFFFFF;
	position : absolute;
	top : 1% ;
	bottom : 1%;
	left : 3%;
	right : 3%;
	width : 94%;
	text-align : justify;
}

/***************************************
			Header
***************************************/

#conteneur #top_header 
{ 
	text-align : center;
}

#conteneur #header #banner img
{
	width : 600px;
	height : 116px;
	
}

#banniere
{
   width:780px;
   margin:0 auto;
}
 

/***************************************
			Ravelling Text
***************************************/

#conteneur #ravellingtext
{	
	clear : left;
	margin-top : -20px;
	padding-bottom : 5px;
	width : 100%;
}

#conteneur #ravellingtext #filetext
{
	color : #EE9B00;
	width : 100%;
}


/***************************************
			Sidebar
***************************************/

#conteneur #sidebar
{
	float: left;
	width: 18%;
	font-family: Monotype Corsiva;
}

#conteneur #sidebar h3, .DeuxCol #conteneur #sidebar p
{ 
	margin-left : 10px; 
	margin-right : 10px; 
}

/***************************************
			Navigator
***************************************/

#conteneur #sidebar #navcontainer a
{
	padding: 5px 0px 0px 5px;
	width: 1OO%;
}

#conteneur #sidebar #navcontainer #navlist
{
	font-weight: 100;
	font-size: 20px;
	text-align: left;
	margin-left: 5px;
	border-bottom: 1px solid #808080;
	width: 100%;
}
	
#conteneur #sidebar #navcontainer #navlist a
{
	text-decoration : none;
	color : #000000;
	font-weight : 100;
}

#conteneur #sidebar #navcontainer #navlist li
{
	font-weight: 500;
	font-size: 18px;
	padding-left: 15px;
	list-style : none;
	background: transparent url(../Image/fr_logo.gif) no-repeat 0 .5em;
}


/***************************************
			Contents
***************************************/

#conteneur #contenu
{
   padding-right : 5px;
   margin-left : 2%;
   margin-right : 2%;
   height : 60%;
   width : 75%;
   overflow-y : scroll;
   position:relative;
}


#conteneur #contenu #fond
{
   height : 100%;
   width : 99%;
   position:absolute;
	top : 0;
}

#conteneur #contenu #fond_double
{
   height : 220%;
   width : 99%;
   position:absolute;
	top : 0;
} 

#conteneur #contenu #fond_septuple
{
   height : 700%;
   width : 99%;
   position:absolute;
	top : 0;
} 

#conteneur #contenu #paragraphe 
{
	text-align:center;
   position:relative;
   height:100%;
   width:99%;
   vertical-align:middle;
	margin-left : 5px;
}

#conteneur #contenu #texte
{
	text-align: left;
	position: relative;
	height: 90%;
	width: 98%;
	margin-top : 10px;
	margin-left: 5px;
	vertical-align: middle;
	font-size : 14px;
}

#conteneur #contenu #texte a
{
	text-decoration: none;
}

#conteneur #contenu #texte .titre
{
	color : #FF6803;
	font-size : 20px;
}

#conteneur #contenu #texte .sous-titre
{
	color : #FF4500;
	text-decoration : underline;
	font-size : 18px;
	text-indent : 80px;
}

#conteneur #contenu #texte p
{
	text-indent : 35px;
}

#conteneur #contenu #texte #page
{
	text-align: center;
	color: #FF4500;
	font-family: Monotype Corsiva;
	font-size: 30px;
	text-decoration: underline;
	font-weight: bolder;
}

#conteneur #contenu table img
{
	border : 0;
}

#conteneur #contenu #texte label
{
   display : block;
	width : 102px;
	float : left;
}

#conteneur #contenu #texte #contact_label
{
	float : left;
}

#conteneur #contenu #texte #droits
{
	text-align : center;
	text-indent : 0;
	font-size : 10px;
}

#conteneur #contenu #offre, #conteneur #contenu #annonce
{
	width : 100%;
}

#conteneur #contenu #offre #date, #conteneur #contenu #annonce #date
{
	width : 20%;
	height : 10%;
}

#conteneur #contenu #retour
{
	margin-left : 50%;
}

#conteneur #contenu #choisir li
{
	font-weight: 500;
	font-size: 15px;
	padding-left: 30px;
	list-style : none;
	background: transparent url(../Image/fr_logo.gif) no-repeat 0 .5em;
}

#conteneur #contenu #texte #ie p
{
	text-indent : 0;
	margin-left : 20px;
}

/***************************************
			Footer
***************************************/

#conteneur #footer
{
	position : absolute;
	bottom:0; 
	left:0;
	width : 100%;
	background-color: #DDDDDD;
	text-align: center;
	font-size : 13px;
}


/***************************************
			Number of page
***************************************/


#numero_page 
{
	position : absolute;
	top : 5px;
	right : 5px;
}

#numero_page a 
{
	color : #0081FC;
}

#numero_page a:hover 
{
	color: #FF0000;
	font-size: large;
}



/***************************************
			Others
***************************************/


.clearfloat 
{ 
	clear:both; 
	width: 0; 
	height: 0; 
	font-size: 0px; 
	line-height: 0px; 
}

a img
{
	border : 0;
}

#red
{
	color : #FF4500;
}