/* CSS Document */
/* ------------------------------------*/
/* ------   Mathilde Mochon 2009  -----*/
/* ------------------------------------*/

*{
	font-family:Arial, Helvetica, sans-serif;
}

body{
	background-color:#fafafa;
	margin:0px;
	font-size:12px;
}

.container{
	position: relative;
	width:1020px;
	margin-left: auto;
	margin-right: auto;
}

#header{
	height:67px;
	background-image:url(../img/motif_fond.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#contenu{
	background-color:#f3f3f3;
}

.bgPage{
	background-image:url(../img/bg_page.gif);
	background-repeat:repeat-y;
	padding:15px;
}

#page{
	margin-right:340px;
	margin-left:30px;
	padding-top:30px;
	padding-bottom:30px;
	background-image:url(../img/bg_motif_page.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#colDroite{
	float:right;
	width:270px;
	margin-right:23px;
}

.cl{clear:both;}


/* ========================== */
/*   Tableau tarifs / dispo   */
/* ========================== */
.tab_tarifs, .tab_dispo{
	border:1px solid #CCCCCC;
	border-collapse: separate;
 	border-spacing: 0px 0px;
	border-color:#CCCCCC;
	margin-left:150px;
	background-color:#FFFFFF;
}

.tab_tarifs, .tab_dispo .mois1{border:1px solid #666666;}


.tab_tarifs th, .tab_dispo th{ color:#e09928; border:1px solid #CCCCCC;}
.tab_tarifs td, .tab_dispo td{border:1px solid #CCCCCC;}

.tab_dispo{ margin-left:50px; }
.tab_dispo th{ padding:15px; }


.yrt_1{
	background-image:url(../img/yourte1.gif);
}

.yrt_2{
	background-image:url(../img/yourte2.gif);
}

.yrt_3{
	background-image:url(../img/yourte3.gif);
}


.yrt_1, .yrt_2, .yrt_3{
	background-repeat:no-repeat;
	background-position:center center;
	widows:35px;
	height:20px;
	padding:15px;
}


.libre{background-color:#99CC00; padding:0px;}
.occupe{ background-color:#FF6600; padding:0px;}

mois1{border:1px solid #666666;} 

.grise{background-color:#666666; border-color:#CCCCCC;}
/* =========== */
/*   Texte   */
/* =========== */

p{ padding-bottom:10px; line-height:16px;} 
p, div, legend{ color:#383838; }

h4{ font-size:13px;}

.al_C{ text-align:center;}
.al_L{ text-align:left;}
.al_R{ text-align:right;}


a{
	color:#89b520;
	text-decoration:underline;
}
a.lien:hover{
	color:#9aa51e;
	text-decoration:underline;
}


.lirelasuite{
	color:#e09928;
}

h1{ font-size:16px; padding-bottom:15px;}
h3.titre{ border-bottom:1px solid #cfcfcf;}
h2 a, .titre-sitemap{ font-size:16px; color:#e09928;}
.lien-sitemap{ color:#383838;}
.lien-sitemap:hover{ color:#89b520;}

.txt-marron{ color:#5a5a5a;}
.txt-orange{ color:#e09928;}
.txt-vert{ color:#89b520;}
.txt-rouge{ color:#CC0033;}


.txt_09{ font-size:9px; }
.txt_10{ font-size:10px; }
.txt_11{ font-size:11px; }
.txt_13{ font-size:15px; }

.txt_i{font-style:italic;}
.txt_b{ font-weight:bold;}
.txt_u{ text-decoration:underline;}
.lh_25{ line-height:25px; }

.oblig{ color:#CC0033; font-size:17px; font-weight:bold;}
.messageAafficher{background-color:#FFFFFF; border:1px solid #CCCCCC; font-weight:bold; padding:10px;}
/* ============================================== */
/*                 Menu                         */
/* ============================================== */

#menu{
	height:53px;
	float:right;
}

.rub{
	float:left;
	height:53px;
	padding-right:15px;
}

#accueil{
	background-image:url(../img/1.gif);
	background-repeat:no-repeat;
	width:42px;
}
#accueil:hover, #accueilSelected{
	background-image:url(../img/1hover.gif);
	background-repeat:no-repeat;
	width:42px;
}



#yourtes{
	background-image:url(../img/2.gif);
	background-repeat:no-repeat;
	width:75px;
}
#yourtes:hover, #yourtesSelected{
	background-image:url(../img/2hover.gif);
	background-repeat:no-repeat;
	width:75px;
}


#afaire{
	background-image:url(../img/3.gif);
	background-repeat:no-repeat;
	width:75px;
}
#afaire:hover, #afaireSelected{
	background-image:url(../img/3hover.gif);
	background-repeat:no-repeat;
	width:75px;
}


#avoir{
	background-image:url(../img/4.gif);
	background-repeat:no-repeat;
	width:75px;
}
#avoir:hover, #avoirSelected{
	background-image:url(../img/4hover.gif);
	background-repeat:no-repeat;
	width:75px;
}


#reserver{
	background-image:url(../img/5.gif);
	background-repeat:no-repeat;
	width:90px;
}
#reserver:hover, #reserverSelected{
	background-image:url(../img/5hover.gif);
	background-repeat:no-repeat;
	width:90px;
}


#divers{
	background-image:url(../img/6.gif);
	background-repeat:no-repeat;
	width:75px;
}
#divers:hover, #diversSelected{
	background-image:url(../img/6hover.gif);
	background-repeat:no-repeat;
	width:75px;
}


/* ============================================== */
/*                 Sous Menu                      */
/* ============================================== */

#ssmenu{
	clear:both;
	height:44px;
	background-image:url(../img/bg_ssmenu.gif);
	background-repeat:repeat-x;
}

.ssrub{	float:left;
	height:44px;
	padding-right:25px;}

#presentationyourtes{
	background-image:url(../img/2_1.gif);
	background-repeat:no-repeat;
	width:88px;
}
#presentationyourtes:hover, #presentationyourtesSelected{
	background-image:url(../img/2_1hover.gif);
	background-repeat:no-repeat;
	width:88px;
}


#meubles{
	background-image:url(../img/2_2.gif);
	background-repeat:no-repeat;
	width:88px;
}
#meubles:hover, #meublesSelected{
	background-image:url(../img/2_2hover.gif);
	background-repeat:no-repeat;
	width:88px;
}



#montage{
	background-image:url(../img/2_3.gif);
	background-repeat:no-repeat;
	width:175px;
}
#montage:hover, #montageSelected{
	background-image:url(../img/2_3hover.gif);
	background-repeat:no-repeat;
	width:175px;
}


#galerie{
	background-image:url(../img/2_4.gif);
	background-repeat:no-repeat;
	width:118px;
}
#galerie:hover, #galerieSelected{
	background-image:url(../img/2_4hover.gif);
	background-repeat:no-repeat;
	width:118px;
}


#presentationafaire{
	background-image:url(../img/3_1.gif);
	background-repeat:no-repeat;
	width:51px;
}
#presentationafaire:hover, #presentationafaireSelected{
	background-image:url(../img/3_1hover.gif);
	background-repeat:no-repeat;
	width:51px;
}


#canoe{
	background-image:url(../img/3_2.gif);
	background-repeat:no-repeat;
	width:49px;
}
#canoe:hover, #canoeSelected{
	background-image:url(../img/3_2hover.gif);
	background-repeat:no-repeat;
	width:49px;
}


#descenteenrappel{
	background-image:url(../img/3_3.gif);
	background-repeat:no-repeat;
	width:146px;
}
#descenteenrappel:hover, #descenteenrappelSelected{
	background-image:url(../img/3_3hover.gif);
	background-repeat:no-repeat;
	width:146px;
}


#randonnees{
	background-image:url(../img/3_4.gif);
	background-repeat:no-repeat;
	width:97px;
}
#randonnees:hover, #randonneesSelected{
	background-image:url(../img/3_4hover.gif);
	background-repeat:no-repeat;
	width:97px;
}

#canaldenantes{
	background-image:url(../img/3_5.gif);
	background-repeat:no-repeat;
	width:190px;
}
#canaldenantes:hover, #canaldenantesSelected{
	background-image:url(../img/3_5hover.gif);
	background-repeat:no-repeat;
	width:190px;
}


#velos{
	background-image:url(../img/3_6.gif);
	background-repeat:no-repeat;
	width:68px;
}
#velos:hover, #velosSelected{
	background-image:url(../img/3_6hover.gif);
	background-repeat:no-repeat;
	width:68px;
}



#bretagne{
	background-image:url(../img/4_1.gif);
	background-repeat:no-repeat;
	width:176px;
}
#bretagne:hover, #bretagneSelected{
	background-image:url(../img/4_1hover.gif);
	background-repeat:no-repeat;
	width:176px;
}


#plelauff{
	background-image:url(../img/4_2.gif);
	background-repeat:no-repeat;
	width:65px;
}
#plelauff:hover, #plelauffSelected{
	background-image:url(../img/4_2hover.gif);
	background-repeat:no-repeat;
	width:65px;
}


#gouarec{
	background-image:url(../img/4_3.gif);
	background-repeat:no-repeat;
	width:66px;
}
#gouarec:hover, #gouarecSelected{
	background-image:url(../img/4_3hover.gif);
	background-repeat:no-repeat;
	width:66px;
}


#alleescouvertes{
	background-image:url(../img/4_4.gif);
	background-repeat:no-repeat;
	width:152px;
}
#alleescouvertes:hover, #alleescouvertesSelected{
	background-image:url(../img/4_4hover.gif);
	background-repeat:no-repeat;
	width:152px;
}


#lacdeguerledan{
	background-image:url(../img/4_5.gif);
	background-repeat:no-repeat;
	width:153px;
}
#lacdeguerledan:hover, #lacdeguerledanSelected{
	background-image:url(../img/4_5hover.gif);
	background-repeat:no-repeat;
	width:153px;
}


#templeboudhiste{
	background-image:url(../img/4_6.gif);
	background-repeat:no-repeat;
	width:144px;
}
#templeboudhiste:hover, #templeboudhisteSelected{
	background-image:url(../img/4_6hover.gif);
	background-repeat:no-repeat;
	width:144px;
}



#contact{
	background-image:url(../img/5_1.gif);
	background-repeat:no-repeat;
	width:67px;
}
#contact:hover, #contactSelected{
	background-image:url(../img/5_1hover.gif);
	background-repeat:no-repeat;
	width:67px;
}


#tarifs{
	background-image:url(../img/5_2.gif);
	background-repeat:no-repeat;
	width:46px;
}
#tarifs:hover, #tarifsSelected{
	background-image:url(../img/5_2hover.gif);
	background-repeat:no-repeat;
	width:46px;
}


#disponibilites{
	background-image:url(../img/5_3.gif);
	background-repeat:no-repeat;
	width:104px;
}
#disponibilites:hover, #disponibilitesSelected{
	background-image:url(../img/5_3hover.gif);
	background-repeat:no-repeat;
	width:104px;
}




#asavoir{
	background-image:url(../img/6_1.gif);
	background-repeat:no-repeat;
	width:66px;
}
#asavoir:hover, #asavoirSelected{
	background-image:url(../img/6_1hover.gif);
	background-repeat:no-repeat;
	width:66px;
}



#livredor{
	background-image:url(../img/6_2.gif);
	background-repeat:no-repeat;
	width:75px;
}
#livredor:hover, #livredorSelected{
	background-image:url(../img/6_2hover.gif);
	background-repeat:no-repeat;
	width:75px;
}

/* ============================================== */
/*                 footer                         */
/* ============================================== */
#footer{
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
	height:218px;
	clear:both;
	
}

.infos{
	padding-top:47px;
	height:130px;
	background-image:url(../img/nous_contacter_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.contact, .acces{
	float:right;
	padding-top:20px;
}

.contact{ margin-right:130px;}

.acces{ margin-right:150px;}

.contact p, .contact a, .acces p, .acces a, .copyright a{ color:#FFFFFF; }

.design{ float:right; width:160px; color:#FFFFFF; padding-top:15px; }

.copyright{ color:#FFFFFF; padding-top:15px; padding-left:15px; }

.logomm{
	border:0px;
	position:absolute;
	margin-left:8px;
	margin-top:-8px;
}

/* ================== */
/*   Photos images    */
/* ================== */

.brd{
	border:0px;
}

.brd_gris{ border-bottom:1px solid #cfcfcf; padding-bottom:15px; }

#espacephoto{
	background-image:url(../img/bg_espacephoto.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:328px;
}

.photo{
	border: 5px solid #FFFFFF;
}

.photo_gr{
	border: 5px solid #CCCCCC;
}

.fl_rg{float:right; margin:10px 0px 10px 10px;}
.fl_lf{float:left; margin:10px 10px 10px 0px;}

.miniature{ margin-right:5px; margin-bottom:5px; border:0px;}

/* ============== */
/*   espacement   */
/* ============== */
.pd_tp8{ padding-top:8px;}
.pd_tp_25{ padding-top:25px;}

.mg_tp_5{ margin-top:5px;}
.mg_tp_15{ margin-top:15px;}
.mg_tp_25{ margin-top:25px;}
.mg_tp_35{ margin-top:35px;}
.mg_tp_55{ margin-top:55px;}

.mg_bt_15{margin-bottom:15px;}

.mg_lf_5{ margin-left:5px;}
.mg_lf_15{ margin-left:15px;}
.mg_lf_55{ margin-left:55px;}

.mg_rg_5{margin-right:5px;}
.mg_rg_15{margin-right:15px;}

/* ============== */
/*   contact   */
/* ============== */
form{ font-size:12px;}

fieldset{
	margin-bottom:20px;
	margin-right:20px;
	border:1px solid #CCCCCC;
	padding-bottom:15px;
	padding-top:5px;
}

legend{
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

textarea{ font-size:12px;}