/*
styles.css
----------		Par Cyril BARTHEL

Créé le 06 mars 2008


Description : feuille de style contenant l'aspect générale du site
*/

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	display:block;
	margin: 0;
	padding:0;
	color:#000000;
	/*padding-left: 10%;*/
}

a { color:#000000; text-decoration:underline; }
a:hover { color:#000000; text-decoration:none; }

a:link { }
a:visited { }
a:hover { }
a:active {  }

img { border:none; }

#wrapper{
	width:1003px;
	width: 100%;
	margin:0 auto 0 auto;
	text-align:center;
}

/*--- Header --*/
#header{
	width:100%;
	text-align:left; 
}

.toplinks_block {
	width:100%;
	height:61px;
	float:left;
	background:url(../images/toplinks_block_bg.png) 0 0 repeat-x;
}
.toplinks_block ul {
	margin:15px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	font-size:12px;
	color:#666666; }
.toplinks_block li {
	height:39px;
	margin:0 0 0 0;
	padding:0 10px 0 10px;
	float:left;
	border-right:1px solid #666666;
}
.toplinks_block li.lastone {
	border-right:none;
}
.toplinks_block li a {
	color:#666666; text-decoration:none;
}
.toplinks_block li a.underlined {
	text-decoration:underline;
}
.flap_uk {
	display:block;
	margin:0 10px 10px 0; 
	float:left;
}

.top_nav{
	width:100%;
	height:93px;
	float:left;
	background:url(../images/top_nav_bg.png) 0 0 no-repeat; 
}
.top_nav .logo_gdf {
	float: left;
	width:125px;
	height:54px;
	margin:12px 6px 0 21px;
	
	/*background:url(../../../../images/logo/clevacances.gif) 0 0 no-repeat;
	_background-image: none; 
	 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo/clevacances.gif", sizingMethod='scale');
	*/
	
}
.top_nav .gdf_caption_title {
	margin:17px 0 0 0;
	padding-left: 15px;
	color:#ffffff;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:100%;
}
.top_nav .gdf_baseline {
	margin:0 0 0 108px;
}
/*--- Menu horizontal ---*/
.tabs_menu {
	width:100%;
	float:left;
	margin:-25px 0 0 0;
	font-size:11px;
}
.tabs_menu ul {
	margin:0 0 0 100px;
	padding:0 0 0 0;
	list-style:none;
}
.tabs_menu li {
	width:130px;
	height:41px;
	line-height:41px;
	background:url(../images/gdf_ruraux_tabs_menu_bg.png) 0 0 no-repeat;
	border-right:1px solid #379f0c;
	float:left;
	text-align:center;
}
.tabs_menu li.lastone {
	border-right:none;
}
.tabs_menu li a {
	width:130px;
	height:41px;
	display:block;
	color:#999999;
	text-decoration:none;
}
.tabs_menu li a:hover {
	color:#ffffff;
}
.tabs_menu li a.current_site_tab {
	color:#ffffff;
}
.tabs_menu li.tab_01 a.current_site_tab, .tabs_menu li.tab_01 a:hover {
	background:url(../images/gitesruraux_tab_bg.png) 0 0 no-repeat;
}
.tabs_menu li.tab_02 a.current_site_tab, .tabs_menu li.tab_02 a:hover {
	background:url(../images/gitesruraux_tab_bg.png) 0 0 no-repeat;
}
.tabs_menu li.tab_03 a.current_site_tab, .tabs_menu li.tab_03 a:hover {
	background:url(../images/gitesruraux_tab_bg.png) 0 0 no-repeat;
}
.tabs_menu li.tab_04 a.current_site_tab, .tabs_menu li.tab_04 a:hover {
	background:url(../images/gitesruraux_tab_bg.png) 0 0 no-repeat;
}
.tabs_menu li.tab_05 a.current_site_tab, .tabs_menu li.tab_05 a:hover {
	background:url(../images/gitesruraux_tab_bg.png) 0 0 no-repeat;
}


/*--- Body ---*/

/* ---Texte---*/
.texte{
	width:68% !important;
	width:68%;
	min-height: 273px;
	margin:5px 5px 0 0;
	padding:0 0 0 0;
	padding: 7px;
	float:left;
	position:relative;
	background-color: #f1ec8e;
	background-image:url (templates/1/images/top_green.png);
	background-repeat: repeat;
	
	color: #308906;
}

/*--- Block vert ---*/
.search_block {
	width:68% !important;
	width:68%;
	min-height: 273px;
	margin:5px 5px 0 0;
	padding:0 0 0 0;
	padding: 7px;
	float:left;
	position:relative;
	background:#58ac11 url(../images/search_block_bg.png) 0 0 repeat-x;
	
}

.search_block_title {
	text-align:left;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	float:none; 
	padding-bottom: 10px;
	font-weight: bold;
}
.search_block_content {
	width:100%;
	margin:0 auto 0 auto;
	padding:5px 3px 0 3px;
	overflow:visible; 
	background:url(../images/search_block_alphagradient_bg.png) 0 0 repeat-x;
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gites/images/search_block_alphagradient_bg.png', sizingMethod='crop');
	text-align:justify;
	color:#ffffff;
	float:left;
}
.search_block_content a{
	color: #fff;
}

/*Imageflottante à droite*/
.image_droite{
	float:right;
	/*width:290px;
	height:109px;*/
	padding: 5px;
}

/*Cadre vert arrondi flottant droit*/
.maincolorroundborders_block { 
	margin:10px 0 10px 50px;
	padding:0 0 0 0;
	float:left;
	color: #308906;
}
.maincolorroundborders_block_top {
	width:600px;
	height:27px;
	padding:0 0 0 0;
	background:url(../images/roundborders_block_top.png) 0 0 no-repeat;
	display:block;
	float:none;
}
.maincolorroundborders_block_content {
	width:600px;
	padding:5px 15px 5px 15px;
	padding:0 0 15px 0 ;
	background:url(../images/roundborders_block_content.png) 0 0 repeat-y; 
	float:none;
}
.maincolorroundborders_block_bottom {
	width:600px;
	height:27px;
	margin:0;
	background:url(../images/roundborders_block_bottom.png) 0 0 no-repeat;
	display:block;
	float:none;
}
/*Titre*/
.titre{
	text-align:left;
	font-size:125%;
	font-family:Arial, Helvetica, sans-serif;
	
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	/*color: #308906;*/
	color: #186017;
}

/*Cadre pour photo flottant gauche*/
.article_mini_block {
	float:left;
}
.article_mini_block h3 {
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	font-size:20px;
	border-bottom:1px solid #308906;
}
.article_mini_picsblock {
	width:295px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	float:left; }
.article_mini_picsblock .article_mini_picsblock_top {
	width:295px;
	height:5px;
	margin:0 0 0 0;
	background:url(../images/article_mini_picsblock_top.png) 0 0 no-repeat;
	display:block;
	float:left;
}
.article_mini_picsblock_content {
	width:295px;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	background:url(../images/article_mini_picsblock_content.png) 0 0 repeat-y;
	display:block;
	text-align:center;
	
}
.article_mini_picsblock_content .texte_image{
	font-size: 89%;
	padding: 10px;
}
.article_mini_picsblock .article_mini_picsblock_bottom {
	width:295px;
	height:5px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/article_mini_picsblock_bottom.png) 0 0 no-repeat;
	display:block;
	float:left;
}

/*Déscriptif du gite dans les tarifs*/
.DescriptifGite{
	float: left;
	margin: 10px;
	width: 40%;
}
.Tarifs{
	float: right;
	margin: 10px;
	width: 40%;
}
.image_tarifs{
	padding-top: 260px;
	text-align: center;
}

/*Pour les liens*/
.Liens{
	/*border-bottom:1px solid orange;*/
	background-color: #f1ec8e;
	min-height: 200px;
	
	
	color: #308906;
}
.Liens h2{
	text-align: center;
	
	font-size: 14px;
}
.TitreLiens{
	/*background-color: #379f0c;*/
	background-color: #37620c;
	color: #fff;
	height: 8px;
}
.LiensImage{
	/*width: 200px;*/
	padding: 3px;
	background-color: white;
}
.VoirSite{
	text-align: center;
	font-size: 12px;
	color: #308906;
}
.VoirSite a{
	color: #308906;
}
.LiensTexte{
	padding: 10px;
}
/*Plans du site*/
.CatLiens{
	background-image: url(../images/fleche_droite.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	list-style:none;
}

.SSLiens{
	background-image: url(../images/SsCat.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	list-style:none;
}
/*Situation*/
.SituationFrance{
	text-align: center;
}
.SituationAlsace {
	text-align: center;
}
.SituationSoultz{
	text-align: center;
}

/*Index de l'administration*/
.GestionSite{
	float: left;
	margin: 10px;
	width: 50%;
}
.GestionADministrateur{
	float: right;
	margin: 10px;
	width: 40%;
}

/*Modification des tarifs*/
.Insertion{
	float: left;
	margin: 10px;
	width: 50%;
}
.Liste{
	float: right;
	margin: 10px;
	width: 40%;
}
.page{
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
#FlecheGaucheLiens{
	position: absolute;
	height: 15px;
	width: 14px;
	right: 430px !important;
	right: 470;
	top:35px;
	display: block;
	
	background: url('../images/arrow_left.png');
	background-repeat: no-repeat;
}
#FlecheGaucheLiens:hover {
	background: url('../images/arrow_left-a.png');
	background-repeat: no-repeat;
}
#FlecheDroiteLiens{
	position: absolute;
	left: 433px !important;
	left: 470px;
	top: 35px;
	height: 15px;
	width: 14px;

	background: url('../images/arrow_right.png');
	background-repeat: no-repeat;
}
#FlecheDroiteLiens:hover {
	background: url('../images/arrow_right-a.png');
	background-repeat: no-repeat;
}


/*--- Footer ---*/
#footer {
	width:100%;
	height:59px;
	margin:25px 0 25px 0;
	float:left;
	text-align:left;
	background:url(../images/footer_block_bg.png) 0 0 no-repeat;
	font-size: 12px;
}
.copyrights {
	/*margin:24px 64px 0 0;*/
	margin:24px 150px 0 0; /* A voir en 1024*768*/
	color:#ffffff;
	float:right;
}
.footer_links {
	margin:24px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
.footer_links li {
	margin:0 0 0 0;
	padding:0 12px 0 12px;
	display:inline;
	border-right:1px solid #ffffff;
}
.footer_links li.lastone {
	border-right:none;
}
.footer_links li a {
	color:#ffffff;
	text-decoration:none;
}
/*Réalisation*/
.realisation{
	padding:20px;
	text-align:center;
}


.info_liberte{
	padding: 30px;
	font-size:11px;
	text-align:justify;
}
.info_liberte_resa{
	padding: 30px;
	padding-top: 250px;
	font-size:11px;
	text-align:justify;
}