/* ********************************************* *
*   							GENERIQUES                     *
*************************************************/

body
{
	margin: 5px 0 5px 0;
	padding: 0px ; /* pour Opera qui met des valeurs par défaut */
	text-align: center ; /* permet de centrer avec IE */
	background-image: url(../layout/bg.gif); background-repeat: repeat; 
	font-family: Tahoma, Helvetica, sans-serif; 
	color:#333;
	font-size: 0.7em ;
}

div#page
{
	width: 743px;
	margin: 0 auto; /* centre les blocks */
	text-align: left; /* rétablit l'alignement à gauche */
	background-color: #fff;
	color:#333;
	border:  7px solid #fff ;
	padding:0px;
}

a
{
 text-decoration:none; 
 color:#800;
 background-color: transparent;
}

a:hover
{ 
	text-decoration:underline;
}
a img 
{
	border: 0;
}



/* ********************************************* *
*   							ENTETE                         *
*************************************************/

#header
{
 	width: 743px;
	height:250px;
	margin: 0px;
	padding:0px;
}
#header a span
{
display: none;
}

.header0
{
 background: url(../layout/home_jordan0.jpg) no-repeat left top;
}
.header1
{
 background: url(../layout/home_jordan1.jpg) no-repeat left top;
}
.header2
{
 background: url(../layout/home_jordan2.jpg) no-repeat left top;
}
.header3
{
 background: url(../layout/home_jordan3.jpg) no-repeat left top;
}
.header4
{
 background: url(../layout/home_jordan4.jpg) no-repeat left top;
}
.header5
{
 background: url(../layout/home_jordan5.jpg) no-repeat left top;
}

/* ********************************************* *
*   							MENUS                          *
*************************************************/
div#menu 
{ 
	width:743px; 
	margin:0px;
	padding:0px;
}
/* ******* STYLE GENERAL LISTE MENU ********* */
ul#nav
{
 width:743px; 
 margin:0;
 padding: 0;
 list-style-type: none;
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 0.8em ;
 text-align: right;
 font-weight: bold ;
 letter-spacing: 2px ; 
}
/* ******* STYLE GENERAL MENU ON/OFF ********* */
ul#nav a  
{
 width:743px;
 height: 13px;
 text-decoration: none;

}
ul#nav a:hover
{ 
	width:743px;
	height: 13px;
	 color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
/* ******* MENU 0 ********* */
#nav0 
{ 
 display:block; 
 color: #fff;
 background-color: #555;
 margin:0px; 
 padding:0px;
}

/* ******* MENU 1 ********* */
 #nav1  
{ 
 display:block; 
 color: #fff;
 background-color: #C30;
 margin:0px; 
 padding:0px;
}
/* ******* MENU 2 ********* */
 #nav2  
{ 
 display:block; 
 color: #fff;
 background-color: #ef941a;
 margin:0px; 
 padding:0px;
}
/* ******* MENU 3 ********* */
 #nav3  
{ 
 display:block; 
 color: #fff;
 background-color: #fc3;
 margin:0px; 
 padding:0px;
}
/* ******* MENU 4 ********* */
 #nav4  
{ 
 display:block; 
 color: #fff;
 background-color: #cc3;
 margin:0px; 
 padding:0px;
}

/* ******* MENU 5 ********* */
 #nav5  
{ 
 display:block; 
 color: #fff;
 background-color: #9c0;
 margin:0px; 
 padding:0px;
}
/* ********************************************* *
*   							CONTENU                        *
*************************************************/

#content 
{
 float: left;
 width:600px;
 background-color: #fff;
 text-align: left;
 margin:0; 
 padding: 0 0 15px 0; 
}

div#content h2
{
	padding: 15px 10px 0 0; 
	line-height: 25px ;
	font-size: 1.6em ;
	color: #880000 ;
	background-color: #fff;
	border-bottom: 1px solid #800 ;
}

.parag
{
 clear: both;
 text-align: justify;
 vertical-align: middle;
 padding: 10px 0 10px 0;
 margin : 10px 0 10px 0;
}

.gauche
{
 float: left;
 padding: 0;
 margin-right: 5px;
 margin-bottom: 10px;
 border: 1px solid #000;
}

h3.resume
{
 padding: 10px 0 0 0; 
	line-height: 10px ;
	text-align: justify;
	font-size: 1.6em ;
	color: #cc3 ;
	background-color: #fff;
}

h3.detail
{
 	clear:both;
 	border:0;
	margin:0;
 	padding: 10px 0 5px 0; 
	text-align: left;
	line-height: 10px ;
	font-size: 1.6em ;
	color: #cc3 ;
	background-color: #fff;
}

.note
{ 	
 clear:both;
	margin:0;
 	padding: 0; 
	text-align: left;
	line-height: 10px ;
	font-family: "Courier New",verdana, arial, helvetica, sans-serif;
	font-size: 1em ;
	font-weight: bold;
	color: #800 ;
	background-color: #fff;
}

.notecontent
{
 	clear:both;
 	border-top:1px dotted #555;
	border-bottom:1px dotted #555;
	margin: 0;;
 	padding: 5px; 
	text-align: left;
	line-height: 10px ;
	font-family: "Courier New",verdana, arial, helvetica, sans-serif;
	list-style-type: none;
	font-size: 1em ;
	color: #555 ;
	background-color: #fff;
}



/* ********************************************* *
*   							SIDEBAR                        *
*************************************************/
#sidebar
{
  float: right;
	width: 120px;
	margin:50px 0 0 0; 
	padding:0;
  text-align: right;
	background-color: #F7F6E4;
}

#annexe1
{
 width: 120px;
}

#annexe2
{
 width: 120px;
}

.annexe
{
 width: 120px;
 background-color: #F7F6E4;
 margin:0; 
 padding:0;

}

ul.annexe 
{
 font-size:0.8em; 
 font-family: Verdana,  Helvetica, sans-serif; 
 color:#000; 
 
 text-align: right ;
 list-style-type: none;
 line-height: 25px ;
  
}
ul.annexe a
{
 font-size:10px; 
 font-family: Verdana,  Helvetica, sans-serif; 
 background-color: #F7F6E4;
 color:#800; 
 text-align: right ;
 list-style-type: none;
}
h3.annexe
{
 font-family: Tahoma, Helvetica, sans-serif; 
 font-size : 1em;
 color:#cc3;
 border-bottom: 1px solid #cc3;
 background-color: #fff;
}
/* ********************************************* *
*   							FOOTER                         *
*************************************************/
#footer 
{ 
 clear:both;
	width:740px; 
	height:15px;
	background-color: #555; 
	font-size:9px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color:#fff;
}

#footer a
{
  color:#fff;
	text-decoration: underline ;
}

.foot1
{
 padding : 2px 20px 5px 20px;
 float: left;
 list-style-type: none;
 border-right: 1px solid #ffffff ;
}
.foot2
{
padding : 2px 20px 5px 20px;
 float: left;
 list-style-type: none;
 border-right: 1px solid #ffffff ;
}
.foot3
{
padding : 2px 20px 5px 20px;
float: left;
list-style-type: none;

}
/* ********************************************* *
*   							STANDARDS                      *
*************************************************/
#standards
{
  clear:both;
	width:740px; 
	height:73px;
	background-color: #f5f5f5; 
	font-size:10px;
	font-family: Arial,Helvetica, sans-serif;
	color:#000;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}
.xhtml
{
padding : 5px 20px 5px 200px;
float: left;
}
.css
{
padding : 5px 200px 5px 20px;
float: right;
}

/* ********************************************* *
*   							GALERIE    AQABA               *
*************************************************/
div#galerieaqaba
{
	width: 550px ;
	background-color: #F7F6E4 ;
	border: 1px solid #dcb ;
	padding: 10px ;
	margin: 10px 0 ;
	text-align: center ;
	font: 0.9em Tahoma, Helvetica, sans-serif;
}

div#galeriemini a img
{
  float: left ;
	padding: 0 ; 
	margin: 2px 1px ;
	border: 1px solid #000 ;
}

dl#photo
{
	clear: both;
	margin: 0 auto ;
	padding: 15px 0 20px 0;
}

dl#photo dt
{
	font: 1em Tahoma, Helvetica, sans-serif; 
	color: #000 ;
	padding: 10px 0 0 0;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 8px solid #fff ;

}