/* CSS Document */
body {	background:#303030;	color:#000;	font-family:Arial, sans-serif;	font-size:11px;	}
.href { cursor:pointer; text-decoration:underline; }
* {margin:0; padding:0;}
ul {list-style:none;}
img {border:none;}
a {color:#000;}
td {font-family:Arial, sans-serif;	font-size:11px;}

.bold{font-weight:bold;}
.clear{font-size:1px; height:1px; clear:both;}

/*
* proprietes par defaut des champs de formulaire
*/

input, select
{
	font-size:11px;
/*	color:#686868;*/
}

/**/
#conteneur
{
	width:895px;
	position:absolute;
	left:50%;
	margin-left:-448px;
}

#contenu
{
	background:url(../images/illu_main.gif) no-repeat left top;
	clear:left;
	border:#989898 1px solid;
	/*height:434px;*/
	height:600px;
	margin-top:0px;
	padding:0 0 3px 0;
}

#cont_main_1
{
	width:645px;
	margin:2px 0 0 6px;
	margin-left:2px;
	padding:3px 0 0 0;
	float:left;
	_margin:4px 0 0 4px;
}

#cont_main
{
	background:#595959;
	margin:6px 5px 0px 6px;
	padding:4px 0 8px 3px;
	position:relative;
	/*_width:882px;*/
	height:580px;
}

#cont_cata
{
	position:relative;
	background:#fff;
	margin:0 6px 0 7px;
	padding:0 0 6px 0;
	height:570px;
}

/***************** HEADER (index) ************************/

#header
{
	background:url(../images/illu_header.jpg) no-repeat 0 41px;
	height:105px; margin-top:2px;
}
/**#header img{float:left;}**/

.orange { color:#FF7E00;	font-size:12pt;	font-weight: bold;}
.blanc	{ color:#FFFFFF; font-size:12pt; font-weight: bold; }
.right	{ margin-left:90px;}

/************* TITRES ******************/
.s_titre	{	
	color:#FF7E00;
	font-weight:bold;
	font-size:12px;	}

.ss_titre {	
	color:#FF7E00;
	font-weight:bold;
	font-size:11px;	
	padding-left:20px; }

.t_sous_rub
{
	color:#fff;
	font-size:11px;
	font-weight:normal;
	background:#FF7E00;
	padding:2px 20px 2px 0px;
	text-indent:12px;
	margin:0 0 3px 0;
	position:relative;
	_height:1%;
}
/************* FRAMES ******************/

#main_frame
{
	margin-top:0px;
	width:100%;
	height:605px;
	/*EX  height:438px;   */
	_height:600px;
	overflow:hidden;
}

/************* CONTENU ***************/

/********* NO UTILISER *********

.BlancTransp
{
background-color:#FFFFFF;
filter:alpha(opacity=80);
border:#989898 1px solid;
}

.img_transparent
{
opacity: .8;
filter:alpha(opacity=80);
-moz-opacity: .8;
}
*********** FIN NO UTILISER ***********/

.margin_left_40	{	margin-left:40px; padding-bottom:10px;	}

.lienGras
{	
margin-left:15px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; text-decoration:underline;
cursor:pointer; 	font-weight:bold;
}

/************* Titre blanc sur fond orange ******************/
#cont_main h1
{
	color:#fff;
	font-size:13px;
	font-weight:normal;
	background:#FF7E00;
	text-indent:20px;
	margin:0 0 3px 0;
	padding:5px 0 5px 0;
	position:relative;
	height:25px;
	_height:25px;
	_zoom:1;

}

#cont_main p
{
	margin:5px 10px;
	text-align:justify;
}
/* encadres box1 */

.box, .box1,  .box3		{ float:left; 	padding-bottom:6px;	margin:5px 10px; }

.box1 	{ 	width:500px; height:500px; overflow:auto;}
.box2	{ 	width:300px;	background:#E7E6E5 url(../images/cornerBG_gb.gif) no-repeat left bottom; margin-left:520px;	margin-top:10px;  }
/**.box2	{ 	width:300px;	border:1px solid #4E4E4E; margin-left:520px;	margin-top:10px;  }**/
/**.box	{ 	width:825px; height:155px; overflow:auto; border:1px solid #4E4E4E;	}
.box3	{ 	width:825px; height:330px; overflow:auto; border:1px solid #4E4E4E;	}
**/
.box	{ 	width:825px; height:155px; overflow:auto; background:#E7E6E5 url(../images/cornerBG_gb.gif) no-repeat left bottom;	}
.box3	{ 	width:825px; height:330px; overflow:auto; 	}
.box1 h2
{ 
	font-size:12px;
	margin:5px 0;
	padding:5px 0 2px 10px;
	_zoom:1;
	background-image: url(../images/flecheBG_p.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 25px;
	background-position: 4px 2px;
}

 .box h2, .box2 h2, .box3 h2
{
	color:#fff;
	font-size:11px;
	font-weight:normal;
	background:#FF7E00 url(../images/cornerHG_ob.gif) no-repeat left top;
	padding:2px 0px 2px 10px;
	text-indent:12px;
	margin:0 0 0px 0;
	position:relative;
	_height:1%;
	_zoom:1;
}


/*
* Boutons formulaire
*/

.btn_ok, .btn_rech
{
	background:#4F4F4F;
	color:#fff;
	font-weight:bold;
	font-size:11px;
    cursor:pointer;
	border:none;
	font-style:normal;
	padding:0px 1px;
}
.btn_utils
{
	background:#4F4F4F;
	color:#fff;
	font-weight:bold;
	font-size:11px;
    cursor:pointer;
	text-decoration:none;
	margin-right:15px;
	padding:1px 4px 1px 8px;
}

/*
* Arrondis blocs
*/

.hg {	position:absolute;	left:0;		top:0;	}

.hd {	position:absolute;	right:0;	top:0;	}

.bg {	position:absolute;	left:0;		bottom:0;	}

.bd {	position:absolute;	right:0;	bottom:0;	}


/** TABLEAU DE RESULTATS **/
#cont_items table	{	border-collapse:collapse; 	border-left:1px solid #000000;	border-right:1px solid #000000;	}
#cont_items table td, #cont_items table th	{	border:#000 1px solid;	border-left:none;	}
#cont_items thead th	{	background:#B1BEDE;	text-align:center;	font-size:11px;	font-weight:bold;	padding:6px 6px;	}
#cont_items table td	{	padding:4px 6px;	}
#cont_items table .last	{	border-right:none;	}

/* tableau de resultat */

/****************   Couleur pagination    **************/

.countResult	{		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;	font-style:normal;	font-weight:bold;	color:#FF7E00;	height:20px; margin-top:2px; margin-left:2px;	}
.countPagina	{		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;	font-style:normal; 	color:#FF7E00;	height:20px; position:absolute; top:0px; right:20px;	}


.posPhoto { text-align:center; }
.bordBas1{ border:1px solid #000000;_border-bottom:0px solid #000000; }

/*** FIN tableau de resultat ***/
/*********** démo **********/
.s_nav_d
{
	width:194px;
	background:url(../images/ar_snav_top.gif) #E7E7E7 no-repeat 0 top;
	float:left;
	margin:8px 8px 0 8px;
	_margin-left:4px;
	padding-top:10px;
}
.s_nav_d ul
{
	background:url(../images/ar_snav_bot.gif) no-repeat 0 bottom;
	padding-bottom:14px;
}

.s_nav_d ul li
{
	margin:0 22px 0 22px;
	border-bottom:#919191 1px solid;
	padding:6px 0 6px 8px;
	background:url(../images/puce_snav.png) no-repeat 0 14px;
}
/******** ONGLET *****************/
.rech_cata_onglet{
	margin:5px 12px 0 12px;
	zoom:1;
}

.rech_cata_onglet li
{
	float:left;
	margin:0 4px 0 0;
	background:url(../images/ar_onglet_nav_cata.png) no-repeat right;
	padding:0 4px 0 0;
}

.rech_cata_onglet li a
{
	color:#000;
	font-weight:bold;
	font-size:11px;
	display:block;
	float:left;
	border-top:1px solid #000;
	text-decoration:none;
	height:19px;
	padding:4px 14px 0 14px;
}

.rech_cata_onglet .rech_cata_onglet_act
{
	background:url(../images/ar_onglet_nav_cata_act.png) no-repeat right;
}

.rech_cata_onglet .rech_cata_onglet_act a
{
	color:#FF7E00;
	border-top:1px solid #FF7E00;
}

.lbl
{
	display:block;
	float:left;
	width:180px;
	text-align:right;
	margin-right:5px;
}
.data
{
	width:350px;
}
.pour
{
vertical-align:top;
	font-size:11px;
	font-weight:bold;
	color:#FF7E00;
margin:-5px 0;
}

/******** FIN ONGLET démo *****************/

/***************** NAVIGATION PRINCIPALE index ***********************/

#nav_gen
{
    margin-top:10px;!importante
	_margin-top:0px;!importante
	height:24px;
	z-index:999;
}

#nav_gen li
{
	float:left;
	background:url(../images/fd_item_nav.jpg) repeat-x right;
	padding:0 0 0 20px;
	margin:0 3px 0 0;
	height:24px;
	width:auto;
	position:relative;
}

#nav_gen li.last
{
	margin-right:0;
	padding-left:22px;
}

#nav_gen li a
{
	background:url(../images/ar_onglet_nav.png) no-repeat right top;
	padding:5px 20px 0 0;
	font-weight:bold;
	color:#000;
	display:block;
	_float:left;
	height:24px;
	_height:24px;
	white-space:nowrap;
	text-decoration:none;
	font-size:11px;
}

/**/
/*
*  navigation Découvrir
*/

.nav_decouvrir, .nav_decouvrir1, .nav_decouvrir2, .nav_decouvrir3, .nav_decouvrir4
	{	margin:0px 0 8px 20px;	}

.nav_decouvrir li	{	
	background:url(../images/puce_nav_decouv.gif) no-repeat 0 3px;
	padding:0 10px 0 20px; 	margin:4px 0;	text-align:justify;	}

.nav_decouvrir1 li	{
	background:url(../images/puce_nav_decouv1.gif) no-repeat 0 3px;
	padding:0 10px 0 20px; 	margin:4px 0;	text-align:justify;	}

.nav_decouvrir2 li	{
	background:url(../images/puce_nav_decouv2.gif) no-repeat 0 3px;
	padding:0 10px 0 20px; 	margin:4px 0;	text-align:justify;	}

.nav_decouvrir3 li	{
	background:url(../images/puce_nav_decouv3.gif) no-repeat 0 3px;
	padding:0 10px 0 20px; 	margin:4px 0;	text-align:justify;	}

.nav_decouvrir4 li {
	background:url(../images/puce_nav_decouv4.gif) no-repeat 0 3px;
	padding:0 10px 0 20px; 	margin:4px 0;	text-align:justify;	}

.s_titre_decouvrir, .s_titre_decouvrir1, .s_titre_decouvrir2, .s_titre_decouvrir3, .s_titre_decouvrir4
	{	font-size:12px;	font-weight:bold; margin:10px 0;	}

.s_titre_decouvrir 	{	color:#FF7E00;	}
.s_titre_decouvrir1 {	color:#A6CE39;	}
.s_titre_decouvrir2	{	color:#A491C5;	}
.s_titre_decouvrir3	{	color:#52B1BE;	}
.s_titre_decouvrir4	{	color:#D2A46E;	}


/**/   /** HOME **/

.col
{
	width:280px;
	float:left;
	background:#f100;
	_margin-left:6px;
	font-size:10px;
}

.col2
{
	/*width:300px;*/
	width:308px;
	float:left;
	margin-left:37px;
	_margin-left:17px;
}

#encadre
{
	background:url(../images/fd_main.png) repeat-y left;
	width:640px;
	position:relative;
	_background:#D6D6D6; /* fond uni pour IE6 */
}

#ar_encadre
{
	background:url(../images/ar_encadre.jpg) no-repeat right center;
}

.dec
{
	background:transparent url(../images/decouv.png) no-repeat;
	_background:url(../images/decouv.jpg) no-repeat; /* image non transparente pour IE6 */
	width:286px;
	height:121px;
}

.dec_it
{
	background:transparent url(../images/decouv_it.png) no-repeat;
	_background:url(../images/decouv_it.jpg) no-repeat; /* image non transparente pour IE6 */
	width:286px;
	height:121px;
}

.chap
{
	background:url(../images/deg_noir.png) repeat-y left;
	_background:url(../images/deg_noir_ie6.png) repeat-y left;  /* image non transparente pour IE6 */
	padding:10px 20px;
	color:#fff;
	width:260px;
	font-size:11px;
	font-weight:bold;
}

.car
{	margin:2px 0 0 20px;	}

.car li
{
	background:url(../images/puce1.png) no-repeat 0 5px;
	padding:0 0 0 12px;
	margin:0 0 0 0;
}

/*
* Sous navigation home
*/

.s_nav
{
	margin:0px 0 8px 20px;
}

.s_nav li
{
	background:url(../images/puce_fl.png) no-repeat 0 3px;
	padding:0 0 0 13px;
	margin:2px 0;
}

.s_nav li a
{
	color:#F75F05;
	font-weight:normal;
}


/*
* Formualaire acces pro home
*/

#acc_pro
{
	background:url(../images/ar_form.gif) no-repeat right top;
	margin:15px 0 0 0;
}
.acces {color:#000; font-size:23px; padding-left:10px;  font-family:Verdana, Arial, sans-serif;}
#encadre form
{
	background:url(../images/illu_acces.jpg) no-repeat #FF7E00 left bottom;
	padding:0 0 8px 0;
	position:relative;
	width:274px;
}

#encadre form .lbl_acc_pro
{
	margin:10px;
}

#encadre form p
{
	margin:2px 0;
}

#encadre form p label
{
	display:block;
	width:120px;
	text-align:right;
	float:left;

}

#encadre form p input
{
	margin-left:12px;
	width:90px;
}

#encadre form .btn_ok
{
	background:#fff;
	color:#000;
	width:22px;
}

#encadre form a
{
	color:#000;
	display:block;
	margin:55px 0 0 132px;
	width:90px;
}

/*
* Bloc demo home
*/

.demo
{
	background:url(../images/illu_demo.jpg) no-repeat;
	padding:0 0 6px 154px;
	margin-top:20px;
}

.demo h2
{
	font-size:12px;
	background:url(../images/picto_fl.png) no-repeat;
	padding:6px 0 10px 26px;
	margin:0 0 0 0;
}

.demo a
{
	color:#000;
	font-weight:bold;
	display:block;
	margin:8px 0 0 0;
	padding:0 0 8px 0;
}

.banner
{
	margin:2px 0 0 0;
}



/*
* Blocs rubriques home
*/

#cont_rubs
{
	float:right;
	width:240px;
	/*height:440px;*/
	height:500px;
	overflow-y:auto; 
	overflow-x:hidden; 
	position:relative;
	/*border:1px solid #0066CC; */
}

.bloc_rub
{
	position:relative;
	width:233px;
	border-top:1px solid #303030;
	padding:0 0 5px 0;
	margin:6px 0 0 0;
}

.gar	{background:url(../images/top_rech_gar.gif) #EBEBEB no-repeat;}
.veh	{background:url(../images/top_rech_gar.gif) #EBEBEB no-repeat;}
.rech	{background:url(../images/top_rech_gar.gif) #EBEBEB no-repeat;}
.voy	{background:url(../images/top_rech_gar.gif) #EBEBEB no-repeat; height:179px; margin-bottom:0px}

.gar h2	 	{margin:5px 0 0 20px; position:relative; background:#FF7E00; height:20px;  }
.veh h2		{margin:5px 0 0 18px; position:relative; background:#FF7E00; height:20px; }
.rech h2	{margin:5px 0 0 20px; position:relative; background:#FF7E00; height:20px; }
.voy h2		{margin:5px 0 0 20px; position:relative; background:#FF7E00; height:20px; }

.gar h2	 a 	{margin-left:30px; color:#ffffff; font-size:12px; cursor:pointer; text-decoration:underline; 	font-weight: lighter; font-weight:bold;}
.veh h2 a	{margin-left:50px; color:#ffffff; font-size:12px; cursor:pointer; text-decoration:underline; 	font-weight: lighter; font-weight:bold;}
.rech h2 a 	{margin-left:30px; color:#ffffff; font-size:12px; cursor:pointer; text-decoration:underline; 	font-weight: lighter; font-weight:bold;}
.voy h2 a 	{margin-left:30px; color:#ffffff; font-size:12px; text-decoration:none; font-weight: lighter; font-weight:bold;}

.pic_inf	{	position:absolute;	right:6px;	top:2px;	}
.pic_sup	{	position:absolute;	left:-15px;	top:-4px;	}

.bloc_rub p {	margin:6px 10px; }

.veh form { margin:12px 0 -2px 10px; }

.veh div input { margin-right:4px; }

.veh div label { margin-right:30px; }

.veh .btn_ok
{
	background:#FF7E00;
	color:#fff;
	width:22px;
	text-align:center;
}

.veh select
{
	width:155px;
	margin:6px 6px 0 0;
}

.veh .more
{
	display:block;
	margin:8px 0 0 85px;
}

.rech .link_rech
{
	margin:10px 0 0 90px;
	display:block;
}

.voy .illu_voy
{
	float:right;
	margin:6px 20px 0 0;
}

.voy .liste_voy
{
	width:90px;
	float:left;
	margin:3px 10px 0px 10px;
}

.voy .liste_voy ul
{
	margin-left:6px;
}

.voy .liste_voy p
{
	font-weight:bold;
	font-size:11px;
	margin:0 4px 0 0;
	width:65px;
}

/** FIN HOME **/

/********************** FOOTER *********************/
#footer p		{	color:#fff;	float:left;	padding-left:330px; }

#footer ul		{	float:right;	/*padding-right:10px;*/}
#footer ul li 	{	display:inline;	color:#fff;	margin:0 2px; }
#footer ul a	{	color:#fff; cursor:pointer;}

/******************* FOOTER **************************/