/**********************************************/
/* DECOUPAGE DES PRINCIPALES ZONES DE LA PAGE */
/**********************************************/

body 
{
     text-align: center; /* pour corriger le bug de centrage IE */
     margin-top: 0px;
    background:#222 url(../images/bg_body.gif) repeat-x;
    margin-bottom:10px;

}

#conteneur
{
	background-color:#FFFFFF;
	text-align:left;
	width: 985px;
	margin:0 auto;
	padding: 5px 5px 5px 5px;
}


#contenu
{
	margin: 0 215px;
	margin-right: 215px;
}

#contenu2
{
	margin: 0 205px;
	margin-right: 215px;
}

#gauche
{
	float:left;
	width:195px;
	margin-left:-975px;
}

#droite
{
	float:left;
	width:195px;
	margin-left:-195px;
}

#wrapper
{
	float:left;
	width:100%;
}


/**********************************************/
/*                  ENTETE                    */
/**********************************************/
#entete
{
	float:left;
	width:100%;
	height: 180px;
	background-image: url(../images/fond_haut_2.gif);
}

#entete1
{
	float:left;
	width:100%;
	background-color: #444444;
	margin-bottom:15px;
}

#entete2
{
	float:left;
	width:100%;
	/*background: url(../images/bando_2.jpg) no-repeat top;
	background-color: #444444;
	background: url(../images/header_bg.png);*/
	background: url(../images/fond_haut_4.gif);
	margin-bottom:15px;
}

#enteteGalerie
{
	float:right;
	width:400px;
	height: 208px;
	background-color: #666666;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 30px;
	padding-top:5px;
	padding-left:4px;
	padding-right:5px;
}

#enteteExtrait
{
	width:450px;
	height: 100px;
	margin-top: 90px;
	margin-bottom: 5px;
	margin-left: 40px;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif; 
	text-align: justify;
	letter-spacing: 1px;
	color:#EEEEEE;
}



#enteteTitreRando
{
	float:right;
	width:400px;
	height: 50px;
	margin-top: 20px;
	margin-right: 30px;
	padding-top:15px;
	font: 16pxGeorgia, Arial, Helvetica, sans-serif; 
	text-align: justify;
	letter-spacing: 1px;
	color:#EEEEEE;
	border-style: dotted;
	border-width: 2px;
	border-color: #CCCCCC;
}


#enteteTitre
{
	float:right;
	width:500px;
	height: 50px;
	margin-top: 20px;
	margin-right: 30px;
	padding-top:15px;
	font: 16pxGeorgia, Arial, Helvetica, sans-serif; 
	text-align: justify;
	letter-spacing: 1px;
	color:#EEEEEE;
	border-style: dotted;
	border-width: 2px;
	border-color: #CCCCCC;
}

#enteteRecherche
{
	float:right;
	width:500px;
	height: 50px;
	margin-top: 20px;
	margin-right: 30px;
	padding-top:15px;
	font: 16pxGeorgia, Arial, Helvetica, sans-serif; 
	text-align: right;
	letter-spacing: 1px;
	color:#EEEEEE;
}


#titreEntete
{
	float: left;
	padding-top:30px;
	padding-left: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font: 40px Arial, Helvetica, sans-serif; 
}

#logoEntete
{
	float:left;
	padding-top:5px;
	padding-left:2px;
	height:170px;
	width:250px;
}


/**********************************************/
/*                  ENPIED                    */
/**********************************************/

#enpied
{
	clear:left;
	width:100%;
	height: 100px;
	background-image: url(../images/fond_bas_2.gif);
	text-align:right;
}

#logoEnpied
{
	float:left;
}

#liensEnpied
{
	
	padding-top:2.3em;
	color: #000000;
	font: 16px bold Georgia, Arial, Helvetica, sans-serif;
	text-align:center;
}

#tagXiti
{
	float:right;
	padding-top:2.3em;
	padding-right:5px;
}

/**********************************************/
/*           MENU LISTE DES RANDOS            */
/**********************************************/

dt, dd, ul, li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu_rando 
{
	float:left;
	width: 190px;
	background-color: #F0F0F0;
	border-style: solid;
	border-width: 0px;
	border-color: black #CCCCCC #CCCCCC black;
	border-right-width: thin; 
	border-bottom-width: thin;
	padding-left: 0px;
}

#menu_rando dt 
{
	cursor: pointer;
	padding-left: 0px;
	margin-top:3px;
	margin-bottom:8px;
	height: 30px;
	text-align: left;
	font: italic bold 20px/30px Georgia,  Arial, Helvetica, sans-serif;  
	letter-spacing: 2px; 
	text-decoration: none; 
	color: #666666;
	background-image: url(../images/fond_jaune_190x30.gif);
}

#menu_rando ul 
{
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
}

#menu_rando li 
{
	text-align: left;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	margin-top: 0px; 
	text-align: left;
	letter-spacing: 1px;
	padding-left: 3px;
	background-color: #F0F0F0;
}

#menu_rando li a, #menu_rando li a:visited, #menu_rando li a:link
{
	color: #999999;
	text-decoration: none;
	display: block;
}

#menu_rando li a:hover
{
	color: #FFFFFF;
	background-color: #999999;
	text-decoration: none;
}


.titre_rando {
    height:38px;
    background-image: url(../images/fond_titre.png);
}


/**********************************************/
/*              MENU HORIZONTAL               */
/**********************************************/

#menu_actions 
{
	margin-top:10px ;
	padding: 0;
	margin-bottom:10px;
}

#nav 
{
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	/* Création du contexte de formatage */
}
	
#nav li 
{
	float: left ;
	width: 180px ;
	margin-right: 5px ;
	margin-bottom:10px
}
	
#nav li a , #nav li a:visited, #nav li a:link 
{
	display: block ;
	color: #999999 ;
	background: #FFFFFF ;
	text-align: center ;
	text-decoration: none ;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	padding: 5px 0 ;
	border-style: dashed;
	border-width: 1px;
	border-color: #FF6600;
}
	
#nav li a:hover
{
	color: #FFFFFF ;
	background: #CCCCCC;
}


/**********************************************/
/*              MENU ONGLET                   */
/**********************************************/

#menu_onglets 
{
	margin-top:0px ;
	padding: 0;
}

#nav1
{
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	/* Création du contexte de formatage */
}
	
#nav1 li 
{
	float: left ;
	width: 282px ;
}
	
#nav1 li a , #nav1 li a:visited, #nav1 li a:link 
{
	display: block ;
	color: #999999 ;
	background: #FFFFFF ;
	text-align: center ;
	text-decoration: none ;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	padding: 5px 0 ;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
	
#nav1 li a:hover
{
	color: #FFFFFF ;
	background: #666666;
}

/**********************************************/
/*              MENU HORIZON                  */
/**********************************************/

#menuHorizon
{
	width:100%;
	/*height: 27px;*/
	height: 30px;
	margin-top: 105px;
	background: #333333;
	padding-top:0px;
}


#menu_actions2 
{
	margin-top:0px ;
	margin-left:0px;
}

#nav2
{
	list-style: none ;
	margin: 0 ;
	overflow: hidden ;	/* Création du contexte de formatage */	
}
	
#nav2 li 
{
	float: left;
	width: 197px;
	/*margin-right: 5px ;*/
	height:30px;
}
	
#nav2 li a , #nav2 li a:visited, #nav2 li a:link 
{
	display: block ;
	color: #FFFFFF ;
	text-align: center ;
	text-decoration: none ;
	font: 16px/30px Georgia, Arial, Helvetica, sans-serif;
	padding-top: 0px;
    height:30px;
}
	
#nav2 li a:hover
{
	color: #000;
	background: #666;
	height:30px;
}


#stylefour, #styleone{
    /*position:relative; */
    /*display:block;*/
    height:39px;
    font-size:15px;
    font-weight:bold;
    background:transparent url(../images/bgOFF.gif) repeat-x top left;
    font-family:Georgia,Arial,Verdana,Helvitica,sans-serif;
    border-top:0px solid #333;
    margin-top: 105px;
}

#stylefour ul, #styleone ul,  {
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
}
#stylefour ul li, #styleone ul li{
    display:block;
    float:left;
    margin:0;   
}
#stylefour ul li a{
    display:block;
    float:left;color:#666;
    text-decoration:none;
    /*padding:11px 47px 0 48px;*/
    padding:11px 32px 0 32px;
    /*padding:11px 45px 0 45px;*/
    height:23px;
    background:transparent url(../images/bgDIVIDER.gif) no-repeat top right; 
}
#styleone ul li a{
    display:block;
    float:left;color:#666;
    text-decoration:none;
    /*padding:11px 47px 0 48px;*/
    padding:11px 30px 0 30px;
    height:23px;
    background:transparent url(../images/bgDIVIDER.gif) no-repeat top right; 
}

#stylefour ul li a:hover,#stylefour ul li a.current{
    color:#000;
    background:#fff url(../images/bgON.gif) no-repeat top right;  
}

#styleone ul li a:hover,#styleone ul li a.current{
    color:#000;
    background:#fff url(../images/bgON.gif) no-repeat top right;  
}




/**********************************************/
/*           REDEFINITION BALISES             */
/**********************************************/


h1
{
	font:  italic bold 25px Georgia,  Arial, Helvetica, sans-serif;
	text-align: center;  
	letter-spacing: 2px; 
	margin-top: 0px;
	color: #DDDDDD;
	background-position: center;
	margin-bottom:10px;
	height:30px;
}

/*
h1
{
	font:  italic bold 25px Georgia,  Arial, Helvetica, sans-serif;
	text-align: left;  
	letter-spacing: 2px; 
	margin-top: 0px;
	color: #666;
	margin-bottom:10px;
	padding-left:30px;
}
*/
h4
{
	font:  italic bold 20px/30px Georgia,  Arial, Helvetica, sans-serif;
	text-align: center;  
	letter-spacing: 2px; 
	margin-top: 0px;
	color: #000000;
	background-position: center;
	margin-bottom:10px;
	height:30px;
	background-color: #CCCCCC;
}

h2
{
	color: #FFFFFF;
	font-weight: bold;
	font: 40px Arial, Helvetica, sans-serif; 
}

h5
{
	font:  italic bold 16px/35px Georgia, Arial, Helvetica, sans-serif;
	text-align: center;  
	letter-spacing: 1px; 
	margin-top: 0px;
	color: #000000;
	height:35px;
	background-image: url(../images/fond_item1.gif);
	background-repeat: no-repeat;
	background-position: center;
}

h3
{
	font:  italic bold 16px/35px Georgia, Arial, Helvetica, sans-serif;
	text-align: center;  
	letter-spacing: 1px; 
	margin-top: 0px;
	color: #000000;
	height:35px;
	background-image: url(../images/fond_item2.gif);
	background-repeat: no-repeat;
	background-position: center;
}




/**********************************************/
/*           PAVES AFFICHAGE INFOS            */
/**********************************************/

.info0
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-top: 0px; 
	text-align: justify;
	letter-spacing: 0px;
	border: 1px #CCCCCC solid;
	padding: 10px 10px 10px 10px;
	background: #FFF;
}

.info_onglet
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-top: 0px; 
	text-align: justify;
	letter-spacing: 0px;
	border: thin #999999 dotted;
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
}

.info1
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-top: 5px; 
	text-align: justify;
	
}

.info2
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: justify;
	letter-spacing: 1px;
	border: thin #cccccc dotted;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.info3
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #999999;
	background-color: #F0F0F0;
	border-style: solid;
	border-width: 0px;
	border-color: black #CCCCCC #CCCCCC black;
	border-right-width: thin; 
	border-bottom-width: thin;
	padding: 5px 5px 5px 5px;
}

.info4
{
	float:left;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 20px;
	
}

.info5
{
	font: 14px/22px Arial, Helvetica, sans-serif;
	color: #999999;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	border-color: black #CCCCCC #CCCCCC black;
	border-right-width: thin; 
	border-bottom-width: thin;
	padding: 5px 5px 5px 5px;
	text-align: left;
	margin-top:5px;
}

.info6
{
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-bottom: 10px;
	text-align: center;
}

.fond_diapo
{
	background-image: url(../images/fond_diapo_2.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:555px;
	height:415px;
	text-align: center;
	padding-top:25px;
}

.tags
{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #FF6600;
	border-style: dashed;
	/*border-color: black #CCCCCC #CCCCCC black;
	border-right-width: thin; 
	border-bottom-width: thin;*/
	padding: 5px 5px 5px 5px;
	text-align:center
}

.box
{
	color: #999999 ;
	background: #FFFFFF ;
	text-align: center ;
	text-decoration: none ;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	padding: 5px 0 ;
	border-style: dashed;
	border-width: 1px;
	border-color: #FF6600;
	background-color: #CCCCCC;
	margin-bottom:10px;
}

.box_recherche
{
	text-align: left;
	text-decoration: none ;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 80px;
	background-image: url(../images/fond_recherche.png);
	margin-bottom:10px;
	height:52px;
	/*height:52px;*/
}

#champ_recherche {
    width:280px;
    height:40px;
    background-image: url(../images/fond_recherche_input.gif);
    background-repeat: no-repeat;
	background-position: left;
	border: none;
	padding-left:45px;
	padding-top:15px;
	float:left;
    padding-top:8px;
}

#champ_recherche2 {
    width:300px;
    height:32px;
    background-image: url(../images/fond_cherche_1.gif);
    background-repeat: no-repeat;
	background-position: right;
	border: none;
	float:right;
	margin-top:5px;
}

.champ_input_recherche2 {
    width:210px;
    color:#666;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: none !important;
	background-color: transparent;
    text-align:left;
    padding-top:6px;
}

.champ_input_recherche {
    width:250px;
    color:#666;
	font: 16px/25px Georgia, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: none !important;
	background-color: transparent;
    text-align:left;
}

#bouton_recherche {
    margin-top:5px;
    height:40px;
	border: none !important;
	text-decoration: none;
    float:left;
}


.resultat_recherche
{
	margin-bottom: 10px; 
	border-bottom: 1px solid #999999;
	padding-bottom:5px;
	line-height: 22px;
	background-color: #EEEEEE;
	padding-left:5px;
	padding-right:10px;
	height:200px;
}