@import url('news.css') ;
@import url('contact.css') ;
@import url('proposer_actu.css') ;
@import url('cartes.css') ;
@import url('mygallery.css') ;

body {
	font-family : verdana, arial ;
	font-size : 12px ;
	background : url(../images/fond_mafate.jpg); 
	background : #6A7766 ;
	background : #222 ;
}
div#global {
	width : 1000px ;
	position : absolute ;
	left : 50% ;
	margin-left : -500px ;
	margin-bottom : 20px ;
	background : #fff  ; 
}

/*==================================== entete ====================================*/
div#entete {
	width : 1000px ;
	float : left ;
	position : relative ;
	height : 100px ;
	border-bottom : 1px solid #222  ;
	background :  url(../images/titre_mafate.png) no-repeat;
}

div#flash{
	position : absolute ;
	width : 820px ;
	height : 100px ;
	top : 0px ;
	right : 0px ;
	background : #222;
	/* NB : banniere realisée avec imagecycle- voir TS */
}
div#title_page {
	position : absolute ;
	left : 190px ;
	bottom : 5px ;
}
div#title_page h1{
	font-size : 14px ;
	color :#6A7766 ;
	color :#FFF ;
	padding : 0px ;
	margin : 0px ;
}

/* colonnes principales du site gauche, milieu, droite */
div#wrap_colonnes {
	float : left ;
	position : relative ;
	width : 1000px ;
	border : 0px solid red ;
	min-height : 650px ;
}
div#col_gauche, div#col_milieu, div#col_droite {
	float : left ;
	position : relative ;
}
div#col_gauche {
	width : 180px ;
	height : 500px ;
}
div#col_milieu{
	width : 680px ;
	background : #FFF ;
}
div#col_droite {
	width : 140px ;
	background : #FFF ;
	min-height : 100px ;
	position : absolute ;
	top : 25px ;
	right : 0px ;
	border : 0px solid blue ;
}
div#pub_top {
	margin-left : 10px ;
	z-index : 50 ;
}

/* contenu colonne du milieu (navigation ) */
div#menu_langue {
	float : left ;
	height : 20px ;
	width : 175px ;
	text-align : center ;
	padding-top : 5px ;
	padding-right : 5px ;

}
div#menu_gauche {
	float : left ;
	width : 180px ;
	background : #222 ;
}

/* pathway */
div#path {
	float : left ;
	width : 810px ;
	height : 25px ;
	text-align : right ;
	font-size : 9px ;
	color : #6A7766 ;
	padding : 0px 10px 0px 0px ;
	background : #fff ;
	
}
div#path a {
	color : #6C82B5 ;
	text-decoration : none ;
}
div#path a:hover {
	color : #6A7766 ;
	text-decoration : underline ;
}




/*==================================== milieu ==================================*/

div#content {
	float : left ;
	width : 640px ;
	padding-left : 20px ;
	padding-right : 20px ;
	padding-bottom : 20px ;
	position : relative ;
}
div#content div.csc-default{
	float : left ;
	width : 100% ;
}
div#content_border {
	text-align : left ;
	border : 0px solid #6A7766 ;
}

div#content_right {
	text-align : justify ;
	padding : 0px 5px 15px 5px ;
}

div#droite iframe{
	margin : 5px ;
}

/*==================================== pied page ====================================*/
div#pied_page {
	float : left;
	width : 1000px ;
	/*
	margin-top : 40px ;
	*/
	padding-top : 10px ;
	padding-bottom : 10px ;
	background : #222  ;
	text-align : center ;
	position:relative ;
	border-bottom : 5px solid #FFF ;
	z-index : 40 ;
}
div#liens {
	float : left ;
	width : 1000px ;
	height : 60px ;
	padding-top : 20px ;
	text-align : center ;
 	background : #222  ;

}

/*==================================== SITE MAP ====================================*/
div.csc-sitemap ul li {
	padding-top : 10px ;
	padding-bottom : 0px ;
}
div.csc-sitemap ul li ul li{
	padding-top : 5px ;
	padding-bottom : 0px ;
}
div.csc-sitemap ul li ul li ul li{
	margin-top : 2px ;
}

/* =========================================================*/
/* POLICES  */
/* =========================================================*/
p { 
	text-align : justify;
	line-height : 20px ;
	/* text-indent : 25px ; */
}
a {
	color : #6C82B5 ;
	text-decoration : none ;
	font-weight : bold ;

}
a:hover {
	color : #6A7766 ;
	text-decoration : underline ;
	font-weight : bold ;
}
h1{
	font-size : 16px ;
	font-weight : bold ;
	text-align : center ;
	color : #4651A1 ;
	color : #000000 ;
}
div#droite p{
	text-align : center ;
	text-align : justify ;
	line-height : 17px ;
	text-indent : 0px ;
	padding : 0px 5px ;
}
div#droite p img {
	text-align : center ;

}

div#content h1, 
div#content h2,
div#content_right h2{
	font-size : 14px ;
	font-weight : bold ;
	text-align : center ;
	color : #000000 ;
	background-color : #24A4BB;    
	background-image : url(../images/fond_h2.png) ;   
	background-repeat : no-repeat ;   
	background-position : left top;   
	padding : 2px 0px ;
	margin : 0px ;
	border-bottom : 1px solid #222 ;
	width : auto ;	
}

div#content div.csc-frame h2 {
	background-image : url(../images/fond_h2_frame.png) ;   
	background-repeat : no-repeat ;   
	background-position : left top;   
}

div#content h3 {
	font-size : 12px ;
	font-weight : bold ;
	text-align : justify ;
	color : #4651A1 ;
	color : #000000 ;
}
div#content ul {
	margin-top : 20px ;
	margin-top : 10px ;
	margin-bottom : 10px ;
	line-height : 18px ;
	text-align : justify ;
}
div#content ul li{
	margin-top : 2px ;
	margin-bottom : 1px ;
	line-height : 16px ;
}
div#content ul li ul {
	margin-top : 5px ;
	margin-bottom : 5px ;
	line-height : 16px ;
}


dd.csc-textpic-caption {
	font-size : 9px ;
	color : #999999 ;
	text-align : center ;
}

div#liens a, div#liens a:hover,
div#infos_legales a, div#infos_legales a:hover {
	font-weight : normal ;
	font-size : 10px ;
}



/* =========================================================*/
/* MENU DE GAUCHE */
/* =========================================================*/

/* les items de premiers niveau */
div.menu-level1-no , div.menu-level1-act{
	float : left ;
	font-size : 11px ;
	padding : 8px 10px ;
	padding-top : 12px ;
	font-weight : bold ;
	height : 15px ; /*soit 25 px au total */
	width : 160px ;
	border-bottom : 0px solid #000 ;
}
div.menu-level1-act {
	border-bottom : 0px solid #FFF ;
	/*
	background-image : url(../images/puce_menu.png);
	background-repeat : no-repeat ;
	background-position : left center ;
	*/
}
div.menu-level1-no a , div.menu-level1-no a:visited {
	color : #6C82B5 ;
	color : #000 ;
	text-decoration : none ;
}
div.menu-level1-no a:hover{
	color : #FFF ;
	text-decoration : none ;

}
div.menu-level1-act a{
	color : #FFFFFF ;
	text-decoration : none ;
}

div#item_menu_no_19,div#item_menu_act_19{ background : #24A4BB url(../images/arrondi_menu_haut.png) no-repeat right top ;}	/* accueil */
div#item_menu_no_88,div#item_menu_act_88 { background-color : #6FBCBB ;}	/* actu */
div#item_menu_no_76,div#item_menu_act_76 { background-color : #7DDAFF ;}	/* presentation */
div#item_menu_no_70,div#item_menu_act_70 { background-color : #99d4BB ;}	/* tourisme */
div#item_menu_no_52,div#item_menu_act_52 { background-color : #7DC55A ;}	/* photos */
div#item_menu_no_69,div#item_menu_act_69{ background-color : #4AC529 ;}		/* boutique */
div#item_menu_no_95,div#item_menu_act_95{ background-color : #11C50F ;}		/* vol */
div#item_menu_no_109,div#item_menu_act_109{ background : #11600F url(../images/arrondi_menu_bas.png) no-repeat right bottom ;}		/* liens  */


/* les items de 2eme niveau */
div.menu-level2-no, div.menu-level2-act {
	font-size : 11px ;
	padding-bottom : 5px ;
	padding-top : 5px ;
	padding-left : 25px ;
	font-weight : bold ;

}
div.menu-level2-no a , div.menu-level2-no a:visited {
	color : #000 ;
	text-decoration : none ;
}
div.menu-level2-no a:hover{
	text-decoration : none ;
	color : #FFF ;
}
div.menu-level2-act a{
	color : #FFF ;
	text-decoration : none ;
}


/* les items de 3eme niveau */
div.menu-level3-no , div.menu-level3-act{
	font-size : 11px ;
	padding-left : 35px ;
	padding-bottom : 3px ;
	padding-top : 3px ;

}
div.menu-level3-no a , div.menu-level3-no a:visited {
	color : #000 ;
	text-decoration : none ;
	font-weight : normal ;
}
div.menu-level3-no a:hover{
	color : #FFF ;
	text-decoration : none ;
	font-weight : normal ;
}
div.menu-level3-act a{
	color : #FFF ;
	text-decoration : none ;
	font-weight : normal ;
}


/* =========================================================*/
/* MENU DU BAS */
/* =========================================================*/
div#menu_bas div.menu_haut-level1-no ,
div#menu_bas div.menu_haut-level1-act {
	padding-right : 20px ;
	padding-left : 20px ;
	text-align : center ;
	float : left ;
	font-size : 10px ;
}
div#menu_bas div.menu_haut-level1-no a,
div#menu_bas div.menu_haut-level1-no a:visited {
	color : #6C82B5 ;
	text-decoration : none ;
}
div#menu_bas div.menu_haut-level1-no a:hover{
	color : #6A7766 ;
	text-decoration : none ;

}
div#menu_bas div.menu_haut-level1-act a ,
div#menu_bas div.menu_haut-level1-act a:hover{
	color : #6A7766 ;
	text-decoration : none ;
}

/* =========================================================*/
/* MENU INTERNE A CONTENT - SITEMAP*/
/* =========================================================*/
/* lien */
div#content dl.csc-menu {
	/* border : 1px dotted #4651A1 ; */
	padding : 10px ;
	
}
div#content dl.csc-menu dt {
	margin-top : 15px ;
}
/* resumé description */
div#content dl.csc-menu dd {
	margin-top : 3px ;
	text-align : justify ;
	line-height : 25px ;
	
}

/***** menu des pages randonnees *****/
div#content dl.csc-menu-4 {
}
div#content dl.csc-menu-4 dt{
	margin-top : 10px ;
}
div#content dl.csc-menu-4 dd {
	line-height : 20px ;	
}

/* =========================================================*/
/* csc-frame-rulerBefore*/
/* =========================================================*/

div.csc-frame-rulerBefore {
	
}

div.csc-frame-frame1 {
	width : 305px ;
	float : left ;
	clear : left ;
	padding : 0px ;
	margin : 0px ;
	
	
}
div.csc-frame-frame2 {
	width : 305px ;
	float : right ;
	clear : right ;
	padding : 0px ;
	margin : 0px ;

	
}
span.instruction {
	font-size : 11px ;
	color : #666666 ;
}
p.center {
	text-align : center ;
}