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

html,body
{
 background: url(../layout/alternate_bg_body2.gif) left top repeat-y #80C342;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	height: 100%;
	padding-bottom: 5px;	
}


div#page
{
 background-color: transparent;
 height: 100%;
 
}

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

a:hover
{ 
 color:#80C342;
	text-decoration:underline;
}
a img 
{
	border: 0;
}


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

#header
{
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
	padding: 0;
	width: 200px;
	height: 100%;
	background: url(../layout/home2_header2.jpg) left top no-repeat #80C342;
}

#header a span
{
display: none;
}

/* ********************************************* *
*   							MENUS                          *
*************************************************/
#menu 
{ 
	position: absolute;
	left: 200px;
	top: 20px;
 	margin: 0;
	padding: 0 3px 0 5px;
	width: 145px;
	background-color: transparent;	
}
#nav
{
 	margin: 0;
	padding: 0;
	background: url(../layout/alternate_menu1.gif) no-repeat top;
}
/* ******* STYLE GENERAL LISTE MENU ********* */
ul#nav
{
 width: 145px;
	height : 100%;
 margin: 0;
	padding-top: 35px;
 list-style-type: none;
}
/* ******* STYLE GENERAL MENU ON/OFF ********* */
ul#nav a  
{
width: 145px;
	height: 35px;
	text-align: center;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #fff;
  margin: 0; 
  padding: 0px;
  list-style-type: none;


}
ul#nav a:hover
{ 
 width: 145px;
	height: 35px;
   color: #fff;
 background-color: #80C342;	 
	text-decoration: none;

}
/* ******* MENU 0 ********* */
#nav0 
{ 
 display:block; 
 border-bottom: 1px solid #80C342;
 margin:0px; 
 padding:0px;
}

/* ******* MENU 1 ********* */
 #nav1  
{ 
 display:block; 
 border-bottom: 1px solid #80C342;
 margin:0px; 
 padding:0px;

}
/* ******* MENU 2 ********* */
 #nav2  
{ 
 display:block; 
 border-bottom: 1px solid #80C342;
 margin:0px; 
 padding:0px;

}
/* ******* MENU 3 ********* */
 #nav3  
{ 
 display:block; 
 border-bottom: 1px solid #80C342;
 margin:0px; 
 padding:0px;

}
/* ******* MENU 4 ********* */
 #nav4  
{ 
 display:block; 
 border-bottom: 1px solid #80C342;
 margin:0px; 
 padding:0px;

}

/* ******* MENU 5 ********* */
 #nav5  
{ 
 display:block; 
	border-bottom: 1px solid #fff;
 margin:0px; 
 padding:0px;
 height: 100%;

}
/* ********************************************* *
*   							CONTENU                        *
*************************************************/

div#content 
{
  position: absolute;
	left: 355px;
	top: 0px;
	padding: 0 10px 0 10px;
	background-color: #80C342;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;	
}

div#content h2
{
	padding: 4px 10px 0 90px; 
	line-height: 25px;
	font-size: 1.8em;
	color: #900;
	font-style: italic;
	background: url(../layout/alternate_home_jordan1.jpg) #fff no-repeat;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}



.parag
{
 clear: both;
 text-align: left;
 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: 4px solid #fff;
}

.avertissement
{
color: #fff;
}

h3.resume {
 margin:0;
 border-bottom: 1px solid #fff;
 padding:0 0 0 20px;
 width: 90%;
 height: 30px;
 color: #fff;
 font: italic x-large georgia, times, serif ;
 letter-spacing: -1px;
 background: url(../layout/alternate_content_detail.gif) no-repeat left #80C342;
}

h3.detail {
 	clear:both;
 	border-bottom: 1px solid #fff;
	margin:0;
 	padding: 10px 0 10px 20px; 
 width: 90%;
 height: 30px;
 color: #fff;
 font: italic x-large georgia, times, serif ;
 letter-spacing: -1px;
 background: url(../layout/alternate_content_detail.gif) no-repeat left #80C342;
}

.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: #fff ;
	background-color: transparent;
	border-bottom:1px solid #fff;
}

.notecontent
{
 	clear:both;
 	border-top:1px solid #80C342;
	border-bottom:1px solid #80C342;
	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                        *
*************************************************/

div#sidebar 
{
  position: absolute;
	top: 272px;
	left: 205px;
 	margin: 0;
	padding: 0 3px 0 5px;
	width: 135px;
	list-style-type: none;
	margin:0;
	padding: 0;
	background-color: #fff;
	width: 145px;
}

div#sidebar ul 
{
	list-style: none;
	padding: 0;
	margin: 0; /* permet de caler la liste à gauche et les titres les uns après les autres */
}

div#sidebar ul li 
{
	border-bottom: 1px solid #80C342;
	list-style-type: none;
	/*ne pas mettre de largeur sinon dépassement */
}

div#sidebar ul li a 
{
	display: block;
	padding: 5px;
	width: 135px; /* cale la largeur des items dans les listes */
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #fff;
}

 div#sidebar ul li a:hover 
{
	background-color: #80C342;
	color: #FFF;
	width: 135px;
}

div#sidebar div#annexe1, div#annexe2 
{
	display: block;	
	margin-top: 0;
}

div#sidebar div#annexe1 h3, div#annexe2 h3 
{
	display: block;
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#sidebar div#annexe1 h3 span, div#annexe2 h3 span 
{
	display: none;
}

div#sidebar div#annexe1 h3 
{
	background: url(../layout/alternate_menu2.gif) left top no-repeat;
	width: 145px; /* Fixe la largeur des titres de listes */
}

div#sidebar div#annexe2 h3 
{
	background: url(../layout/alternate_menu3.gif) left top no-repeat;
	width: 145px;
}
/* ********************************************* *
*   							FOOTER                         *
*************************************************/
#footer 
{ 
  position: absolute;
	top: 515px;
	width:150px; 
	background-color: transparent;
	font-size:10px;
	font-family: Arial,Helvetica, sans-serif;
	color:#000;
	text-align: left;
	margin: 0;
	padding: 0;
}
div#sidebar ul 
{
	list-style: none;
	padding: 0;
	margin: 0; /* permet de caler la liste à gauche et les titres les uns après les autres */
}

#footer a
{
 width: 200px;
  color:#fff;
	text-decoration: underline ;
		margin: 0;
	padding: 0;
}

.foot1
{
 display: block;
 list-style-type: none;
 	margin: 5px 0 10px 0;
	padding-left: 5px;
 border-left: 1px solid #ffffff ;
}

.foot2
{
 display: block;
 list-style-type: none;
 	margin: 5px 0 10px 0;
		padding-left: 5px;
 border-left: 1px solid #ffffff ;
}

.foot3
{
 display: block;
 list-style-type: none;
 	margin: 5px 0 10px 0;
		padding-left: 5px;
 border-left: 1px solid #ffffff ;
}

/* ********************************************* *
*   							STANDARDS                      *
*************************************************/
#standards
{
  position: absolute;
	top: 630px;
	width:150px; 
	height: 100%;
	background-color: transparent; 
	font-size:10px;
	font-family: Arial,Helvetica, sans-serif;
	color:#000;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

/* ********************************************* *
*   							GALERIE    AQABA               *
*************************************************/
div#galerieaqaba
{
	width: 550px ;
	background-color: transparent;
	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 #fff ;
}

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

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

dl#photo dd
{
	margin: 0 ;
}

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

}