/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#010100;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a{text-decoration:none;color:#010100;}
a:hover{text-decoration:underline;}
a img{border:none;}


/*----ORANGE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.orange{background:#ede4dd url(../medias/img/orange_fond_body.gif) repeat-x left 44px;}
.orange a:hover{text-decoration:underline;color:#fd700e;}
.orange .fdGauche{z-index:1;position:absolute;left:0;top:0;width:50%;padding:131px 0 0 0;height:88px;background:url(../medias/img/orange_fd_h1.gif) repeat-x left bottom;}
.orange .sRubTitle.active, .orange .listeColonne li.active, .orange .listeColonne li.active a{color:#fd700e;}
.orange .p_standard a, .orange .liste_standard a{color:#fd700e;}
.orange .encarMore{background:#fd850b url(../medias/img/orange_fd_more.gif) no-repeat left bottom;}
.orange .p_savoir_plus a{color:#fd700e;}
.orange #sousTetiere .sousTitre{background-color:#fd8c18;background-image:url(../medias/img/orange_fond_body.gif);}
.orange #colGauche .innerBlock input.submit{background-image:url(../medias/img/orange_btn_ok.gif);}
.orange .sRubTitle a:hover, .orange .sRubTitle.active a{background:#fd850b;}
.orange .mainTitle{color:#fd700e;border-bottom-color:#fd700e;}
.orange .titre_niveau3{color:#fd700e;background-image:url(../medias/img/orange_puce_n3.gif);}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----VERT----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.vert{background:#ede4dd url(../medias/img/vert_fond_body.gif) repeat-x left 44px;}
.vert a:hover{text-decoration:underline;color:#8e911b;}
.vert .fdGauche{z-index:1;position:absolute;left:0;top:0;width:50%;padding:131px 0 0 0;height:88px;background:url(../medias/img/vert_fd_h1.gif) repeat-x left bottom;}
.vert .sRubTitle.active, .vert .listeColonne li.active, .vert .listeColonne li.active a{color:#8e911b;}
.vert .p_standard a, .vert .liste_standard a{color:#8e911b;}
.vert .encarMore{background:#8e911b url(../medias/img/vert_fd_more.gif) no-repeat left bottom;}
.vert .p_savoir_plus a{color:#8e911b;}
.vert #sousTetiere .sousTitre{background-color:#8e911b;background-image:url(../medias/img/vert_fond_body.gif);}
.vert #colGauche .innerBlock input.submit{background-image:url(../medias/img/vert_btn_ok.gif);}
.vert .sRubTitle a:hover, .vert .sRubTitle.active a{background:#8e911b;}
.vert .mainTitle{color:#8e911b;border-bottom-color:#8e911b;}
.vert .titre_niveau3{color:#8e911b;background-image:url(../medias/img/vert_puce_n3.gif);}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----ROSE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.rose{background:#ede4dd url(../medias/img/rose_fond_body.gif) repeat-x left 44px;}
.rose a:hover{text-decoration:underline;color:#e411a1;}
.rose .fdGauche{z-index:1;position:absolute;left:0;top:0;width:50%;padding:131px 0 0 0;height:88px;background:url(../medias/img/rose_fd_h1.gif) repeat-x left bottom;}
.rose .sRubTitle.active, .rose .listeColonne li.active, .rose .listeColonne li.active a{color:#e411a1;}
.rose .p_standard a, .rose .liste_standard a{color:#e411a1;}
.rose .encarMore{background:#e411a1 url(../medias/img/rose_fd_more.gif) no-repeat left bottom;}
.rose .p_savoir_plus a{color:#e411a1;}
.rose #sousTetiere .sousTitre{background-color:#e411a1;background-image:url(../medias/img/rose_fond_body.gif);}
.rose #colGauche .innerBlock input.submit{background-image:url(../medias/img/rose_btn_ok.gif);}
.rose .sRubTitle a:hover, .rose .sRubTitle.active a{background:#e411a1;}
.rose .mainTitle{color:#e411a1;border-bottom-color:#e411a1;}
.rose .titre_niveau3{color:#e411a1;background-image:url(../medias/img/rose_puce_n3.gif);}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


#main{
	z-index:1;
	position:relative;
	margin:0 auto;
	width:979px;
}


/*----TETIERE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#tetiere{
	float:left;
	width:928px;
	height:125px;
	padding:0 51px 0 0;
	position:relative;
	z-index:100;
}
#logo{
	z-index:2;
	position:absolute;
	top:0;left:30px;
	width:175px;
	height:122px;
}
#tetiere h2{
	font-size:10px;
	color:#e411a1;
	text-transform:uppercase;
	padding:6px 0 0 170px;
}
#menuPrincipal{
	z-index:3;
	position:absolute;
	right:51px;
	top:18px;
	list-style-type:none;
}
#firstChild {
	position:relative;
	float:right;
}
#menuPrincipal li{float:left;padding:0 0 0 1px;}
#menuPrincipal li.home{padding:12px 6px 0 0;}
#menuPrincipal img{display:block;}
#subjectSelect{
	z-index:4;
	position:absolute;
	right:85px;
	top:80px;
	color:#ffffff;
	font-size:12px;
}
#subjectSelect label{cursor:pointer;}
#subjectSelect select{
	color:#ffffff;
	background:#000000;
	font-size:12px;
	border:1px solid #ffffff;
}
#sousTetiere{
	float:left;
	width:979px;
	height:94px;
	margin:0 51px 0 0;
	/*background:#000000;*/
	position:relative;
	z-index:100;
}
#sousTetiere .sousTitre{
	font:normal normal 18px/41px Arial, Verdana, sans;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:0 0 0 24px;
}
#sousTetiere .titre, #sousTetiere .titre img{display:block;float:left;}
#sousMenu{
	float:right;
	width:545px;
	height:29px;
	padding:24px 0 0 0;
	list-style-type:none;
}
#sousMenu li{
	float:left;
	padding:0 7px 0 0;
}
#sousMenu li.lastChild{padding:0;}
#sousMenu img{display:block;}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----CONTENT----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#content{
	float:left;
	width:979px;
	background:url(../medias/img/fd_content.gif) repeat-y left top;
	padding:0 0 30px 0;
}
#colGauche{
	float:left;
	width:208px;
	padding:6px 0 0 0;
}
.sRubTitle{
	margin:15px 0 0 0;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
.sRubTitle a{
	display:block;
	width:184px;
	padding:3px 12px;
	background:#ededed;
}
.sRubTitle a:hover, .sRubTitle.active a{color:#ffffff;text-decoration:none;}
.listeColonne{
	padding:1px 8px 0 25px;
}
.listeColonne li.active a{background:none;}
.listeColonne a:hover{text-decoration:none;background:none;}

#colMain{
	float:left;
	position:relative;
	width:512px;
	padding:20px 33px 0 36px;
}

#colMain a{
	text-decoration:underline;
}

.breadcrumbs{
	list-style-type:none;
	font-weight:bold;
	font-size:12px;
	padding:0 0 10px 0;
}
.breadcrumbs li{display:inline;}
.breadcrumbs a:hover{text-decoration:none;}

.encarMore{
	float:right;
	margin:0 0 12px 12px;
}
.encarMore h4{border-bottom:1px solid #ededed;}
.encarMore h4 img{display:block;}
.encarMore ul{
	padding:10px 18px;
	list-style-type:none;
}
.encarMore li{
	padding:1px 10px;
	background:url(../medias/img/puce_menu_more.gif) no-repeat left 6px;
}
.encarMore a{color:#ffffff;}
.encarMore a:hover{color:#ffffff;}

.mainTitle{
	font-size:18px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin:10px 0 14px 0;
}

#colDroite{
	float:left;
	width:174px;
	padding:20px 8px 0 8px;
}

#colIframe{
	float:left;
	position:relative;
	width:763px;
	padding:20px 0 0 4px;
}

.titreColonne{
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.001em;
	padding:0 0 6px 0;
}
.p_savoir_plus{
	text-align:right;
	padding:6px 0 15px 0;;
}


.innerBlock{
	padding:0 0 5px 0;
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.innerBlock form{
	padding:0 8px;
	font-size:12px;
	color:#838281;
}
.innerBlock form p{padding:2px 0;}
.innerBlock label{cursor:pointer;}
.innerBlock input{border-width:1px;border-style:solid;}
.innerBlock input.submit{
	cursor:pointer;
	width:34px;
	height:21px;
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:left top;
	border:none;
}
#colGauche .innerBlock{margin:25px 8px 0 8px;background-image:url(../medias/img/fd_innerblck_gauche.gif);}
#colDroite .innerBlock{background-image:url(../medias/img/fd_innerblck_droite.gif);background-color:#ededed;}
#colGauche .innerBlock input{border-color:#b4b4b4;background-color:#f5f5f5;}
#colDroite .innerBlock input{border-color:#ff0000;background-color:#ededed;}
#colDroite .innerBlock input.submit{background-image:url(../medias/img/ok.gif);}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----PIED PAGE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#piedPage{
	float:left;
	width:974px;
	background:url(../medias/img/fd_pied_page.gif) no-repeat left top;
	text-align:right;
	list-style-type:none;
	padding:8px 5px 0 0;
}
#piedPage li{
	display:inline;
	padding:0 6px 0 4px;
	border-right:1px solid;
}
#piedPage li.lastChild{padding-right:0;border:none;}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----FORMULAIRE CLASSIQUE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.classicForm{
	width:100%;
}
.classicForm p{
	clear:both;
	padding:0 0 5px 0;
}
.classicForm p.item{
	float:left;
	width:100%;
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	border-bottom:1px dotted #cccccc;
}
.classicForm p.item label{
	display:block;
	float:left;
	width:30%;
	text-align:right;
	margin:0 10px 0 0;
	font:normal normal 12px/22px Arial, Verdana, sans;
	color:#fd700e;
}
.classicForm p.submit{
	text-align:center;
}
.classicForm p.submit input{
	color:#ffffff;
	font:normal normal 12px/normal Arial, Verdana, sans;
	background:#fd700e;
	border:none;
	text-transform:uppercase;
	padding:3px 5px;
	cursor:pointer;
}
.classicForm p textarea{
	width:250px;
	height:40px;
}
p.cnil {
	font-size:10px;
	margin:20px 0 0 0;
	color:#333333;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----Blocs Results----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
ul.pagination{
	float:right;
	/*width:509px;*/
	text-align:right;
	list-style-type:none;
	color:#585858;
	font:normal normal 12px/normal Arial, Verdana, sans;
	margin:10px 0 10px 0;
}
ul.pagination li{float:left;padding:0 0 0 1px;position:relative;top:-15px;}
ul.pagination.bottom{padding:15px 0 0 0;_position:relative;_top:15px;}
ul.pagination.bottom li{top:0;}
ul.pagination li.title{color:#000000;}
ul.pagination li a, ul.pagination li.active span{
	display:block;
	color:#585858;
	text-decoration:none;
	padding:1px 2px;
	border:1px solid #ffffff;
	font-size:.9em;
	line-height:1em;
}
ul.pagination li a:hover{color:#ec0e89;}
ul.pagination li.num a:hover, ul.pagination li.active span{border:1px solid #585858;color:#ec0e89;}
ul.pagination li.num a.active{border:1px solid #585858;}
div.blocResult{
	float:left;
	/*position:relative;*/
	width:509px;
	padding:8px 0;
	background:url(../medias/img/pointilles_blocresult.gif) repeat-x left bottom;
}
div.blocResult img{
	display:block;
	float:left;
	width:109px;
	height:89px;
	padding:0 10px 0 0;
}
div.blocResult img.img_gauche{
	width:auto;
	height:auto;
}
div.blocResult h2{
	text-transform:uppercase;
	color:#e31184;
	font-size:14px;
}
div.blocResult p{line-height:11px;padding:0;}
div.blocResult ul{list-style-type:none;width:390px;padding:4px 0;}
div.blocResult ul li{display:inline;padding:0 5px 0 5px;border-left:1px solid #000000;}
p.consulterFiche{
	text-align:right;
	padding:3px 8px 4px 8px;
	/*background:url(../medias/img/fond_consulter_fiche.gif) no-repeat right bottom;*/
	background:#000000;
	/*position:relative;
	top:7px;*/
	position:absolute;
	bottom:1px;
	right:0;
}
p.consulterFiche a{
	display:block;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding:2px 4px 3px 4px;
}
div.blocResult ul.itemsActivities{
	position:absolute;
	width:130px;
	right:0;
	top:20px;
}
div.blocResult ul.itemsActivities li{width:auto;border:none;float:right;padding:0 0 0 2px;}
div.blocResult ul.itemsActivities img{width:19px;height:19px;padding:0;}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.inscrFormation_erreur {
	font-weight:bold;
	color:red;
}

/* INCONTOURNABLES*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
ul#incontournables li{
	list-style:none;
}

li.incontournables-pro{
	float:left;
	padding:2px;
	margin:0 10px 20px 0;
	background:#e412a2;
}

li.incontournables-pro:hover{
	background:#f465ca;
}

li.incontournables-pro.last
{
	margin-right:0;
}

#colMain li.incontournables-pro a{
	text-decoration:none;
}

li.incontournables-pro img{
	width:247px;
	height:175px;
}

li.incontournables-pro span{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	display:block;
	width:237px;
	padding:5px;
}


/* CONTACT GROUPES*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#inscription-newsletter{
	text-align:right;
}

#inscription-newsletter label{
	color:#E411A1;
	font-size:12px;
	font-weight:bold;
}

#inscription-newsletter input{
	border:1px solid #EDEDED;
	color:#000000;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
}

#inscription-newsletter input.btn-submit{
	font-weight:bold;
	border:0;
	cursor:pointer;
}

/* VOYAGISTES */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
body.rose.voyagistes
{
	background-image:url('../medias/img/voyagistes/rose_fond_body.gif');
}

body.rose.voyagistes  #tetiere{
	/*background:url('../medias/img/voyagistes/header-voyagistes-01.jpg') left bottom no-repeat;*/
}

body.rose.voyagistes  #sousTetiere{
	padding-top:105px;
	/*background:url('../medias/img/voyagistes/header-voyagistes-02.jpg') left top no-repeat;*/
}

body.rose.voyagistes  #sousTetiere .sousTitre{
	background:url('../medias/img/voyagistes/rose_fond_tetiere.gif') left bottom repeat-x;
}

body.rose.voyagistes .fdGauche{
	height:193px;
}

#detailColDroite h3 {
    background: url("../medias/img/pointilles_blocresult.gif") repeat-x left bottom;
    color: #E31184;
    font: bold 1.2em Arial,Verdana,sans;
    margin: 0 0 10px;
    padding: 0 0 4px;
}

#detailColDroiteInnerCG {
    float: left;
    padding: 0 0 25px;
    width: 200px;
}

#detailColDroiteInnerCD {
    float: right;
    padding: 0 0 25px 0;
    width: 295px;
}

#map div span{
	font-size:9px;
	display:none;
}

#colMain h1.titreRecherche {
	font-size:1.4em;
	text-align:center;
	margin:10px 0 4px 0;
}

#colMain p.complementTitreRecherche {
	font-size:11px;
	font-style:italic;
	margin:0 0 20px 0;
	text-align:center;
}

#diapo{
	position:absolute;
	width:979px;
	height:239px;
	background:#000000;
	top:44px;
	left:0;
	display:block;
	z-index:80;
	float:left;
	/*position:relative;*/
}
#diapo ul{
	float:left;
	position:relative;
	overflow:hidden;
	width:979px;
	height:239px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#diapo ul li{
	position:absolute;
	left:0;top:0;
	width:979px;
	height:239px;
	margin:0;
}
.buttonLeft, .buttonRight{
	z-index:7;
	display:block;
	position:absolute;
	bottom:14px;
	width:24px;
	height:37px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(slider_buttons.gif);
}
.buttonLeft:hover{background-position:0px -37px;}
.buttonRight:hover{background-position:-24px -37px;}
.buttonLeft{background-position:0px 0px;right:72px;}
.buttonRight{background-position:-24px 0px;right:10px;}

/** VENIR EN ARDECHE ****/

#distancesPrivas {
float:left;
width:195px;
padding:100px 10px 0 10px;
margin:0 0 0 10px;
}


.distancesPrivas p {
width:195px;
margin:5px 0 0 0;
padding:0;
border-bottom:1px dotted #000000;
}

ul#moyensAcces {
width:100%;
float:left;
list-style:none;
text-indent:0;
padding:30px 0 30px 0;
clear:both;
}

ul#moyensAcces li {
width:231px;
height:295px;
float:left;
text-indent:0;
padding:10px;
margin:0 10px 0 0;
/*border-left:1px dotted #000000;*/
background-color:#ede4dd;
margin-bottom:10px;
}

ul#moyensAcces li h4 {
color:#e2047c;
font-size:16px;
margin:0 0 10px 0;
}

ul#moyensAcces li p {
text-align:left;
padding:0;
margin:0 0 5px 0;
}

ul#moyensAcces li.noMargin{
	margin-right:0;
}

ul#moyensAcces a {
    color: #E41385;
}