/*
	
	 ___                       _             _                       _   
	|_ _|_ __ ___   __ _  __ _(_)_ __   __ _(_)_ __       _ __   ___| |_ 
	 | || '_ ` _ \ / _` |/ _` | | '_ \ / _` | | '__|  _  | '_ \ / _ \ __|
	 | || | | | | | (_| | (_| | | | | | (_| | | |    (_) | | | |  __/ |_ 
	|___|_| |_| |_|\__,_|\__, |_|_| |_|\__,_|_|_|        |_| |_|\___|\__|
		                 |___/                                       

	Copyright © 2008-2010 Imaginair.net - www.imaginair.net
	Copyright © 2008-2010 Association Breizh Flag Trip Tour
*/

* {	padding:0;	margin:0;	border: 0;}

a {outline: none;}

body {
	font: 10px Verdana,sans-serif;
	color: #000;
	background: #ECECEC url(images/bg_hash.png);	
}
a span {
	cursor: pointer;
}
a:link,a:visited {
	color: #248CE8;
	text-decoration: none;
}
a:focus {
	color: #F39416;
	text-decoration: none;
}
a:hover {
	color: #F39416;
	text-decoration: underline;
}

label {
	display: block;
	cursor: pointer;
}
input,textarea,select {
	border: 1px solid #01A1E7;
}
input:focus,textarea:focus,select:focus {
	border: 1px solid #F39416;
	background: #FFFCEF;
}
textarea {
	font-family:  sans-serif;
	font-size: 12px;
}
textarea.wide {
	width: 400px;
	height: 100px;
}
input.wide {
	width: 400px;
}
label.inline {
	display: inline;
}
.error,.info {
	text-align: center;
	width: 60%;
	border: 1px dotted #5EA5E8;
	margin-right:auto !important;
	margin-left: auto !important;
	padding: 5px 25px 5px 25px !important;
	color: #000;
	background: #D8ECFF url(images/notif/info.png) no-repeat 5px 50%;
	font-size: 11px;
	font-weight: bold;
	color: #5EA5E8;
	}
.info a {
	color : #003A6F !important;
	text-decoration: none;
	border-bottom: 1px dotted #003A6F;
}
.info a:hover {
	border-bottom: 1px solid #003A6F;
}
.error {
	color: #721C00;
	border-color:#FF2B00;
	background: #FFE3D8 url(images/notif/error.png) no-repeat 5px 50%;
}
.center {	text-align: center;}
.right { 	text-align: right;}
.clear { 	clear: both;}

.flag {		width: 75px;}

.miniflag {
	width: 50px;
}
img.medium {
	height: 150px;
}
hr {
	height: 1px;
	border: 0;
	margin: 20px auto;
	width: 80%;
	background: #aaa;
}
h3 {
	font-size: 12px;
}
#wrapper {
	width: 990px;
	margin: 0 auto;
}
#top {
	height: 180px;
	position: relative;
	overflow: hidden;
	background: url(images/bg_top.png) no-repeat;
}
#logo {
	position: absolute;
	top: 20px;
	left: 25px;
	height: 135px;
	width: 600px;
}
#btm {
	height: 88px;
	background: url(images/bg_btm.png) no-repeat;
}

#menu_pre {
	background: url(images/bg_menu.png) repeat-x;
}
#menu {
	float: left;
	list-style: none;
}
#menu li {
	float: left;
	text-align: center;
}
#menu li a {
	display:block;
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	line-height: 33px;
	width: 110px;
	height: 33px;
	font-weight: bold;
	color: #fff;
	margin: 0 7px;
	font-size: 13px;
}
#menu li a img {
	padding-top: 10px;
}
#menu li a.a_wide {
	width: 140px;
}
#menu li a:hover {
	background: url(images/bg_menu_here.png) repeat-x;
	text-decoration: none;
	color : #fff;
}
#menu li.here a {
	background: #333;
}
#menu li a:focus {
	background:url(images/bg_menu_hover.png) repeat-x;
}

#ssmenu {
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	background: #333;
	border-bottom: #000;
	height: 26px;
	position: relative;
	font-size: 12px;
}
#ssmenu li {
	display: inline;
	padding-top: 7px;
	line-height: 26px;
}
#ssmenu li a {
	color: #fff;
	padding: 0 20px;
}

#page {
	background: url(images/bg_mid.png) repeat-y;
	padding: 0 10px;
}
#content {
	padding: 10px;
}
.content {
	font-size: 12px;
}
#content ul,#content ol {
	list-style-position: inside;
	margin: 1em 0 1em 1.5em;
}
#content p {
	margin: 1em 0;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 9px;
	padding: 20px 0 20px;
	color: #fff;
}
#footer a {
	color: #aaa;
}
#footer img {
	vertical-align: middle;
}
#admin_links {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 10;
}
a#goto_boutique {
	height: 80px;
	width: 250px;
	position: absolute;
	top: 30px;
	right: 20px;
	background : url(images/bftt-stickers.png) no-repeat 0 0;
	z-index: 10;
	text-indent: -5000px;
	overflow: hidden;
}
a#goto_fb {
	height: 50px;
	width: 155px;
	background : url(images/bftt-facebook-group.png) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 80px;
}

a#goto_twitter {
	height: 50px;
	width: 50px;
	background : url(images/bftt-twitter.png) no-repeat 0 0;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: right;
}
a#goto_fb:hover, a#goto_twitter:hover {
	background-position: 0px -50px;
}
a#goto_boutique:hover {
	background-position: 0px -80px;
}

#partners {
	position: absolute;
	top: 120px;
	right: 23px;
	height: 45px;
	font-size: 10px;
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	font-weight: bold;
	color: #666;
	text-align: center;
}
#partners p {
	overflow: hidden;
	width: 200px;
	height: 45px;
}
#partners p img {
	height: 40px;
	vertical-align: middle;
}
#partners a,#partners a:hover {
	text-decoration: none;
}
.ariane {
	padding-bottom: 10px;
	color: #222;
	font-size: 10px;
}
.ariane a {
	color: #222;
	border-bottom: 1px dotted #222;
}
.ariane a:hover {
	text-decoration: none;
	border-bottom: 1px solid #222;
}

.photobox {
	width: 130px;
	height: 158px;
	padding: 0px 14px 10px;
	float:left;
	overflow: hidden;
	position: relative;
	z-index:0;
}
#home_top10 .photobox {
	padding: 0px 40px 10px;
}
.photobox a.img {
	display: block;
	border: 2px solid #fff;
	width: 125px;
	height: 125px;
	padding: 2px;
}
.photobox a.img:hover {
	border: 2px solid #47709D;
}
.photobox img {
	position: relative;
	z-index:0;
}
.photobox h3 {
	text-align: center;
}
#content .photobox .legend {
	font-size: 11px;
	text-align: right;
}
#content .photobox p.heart {
	font-size: 10px;
	line-height: 12px;
	background:url(images/mini/heart.png) no-repeat 4px 0px;
	height: 12px;
	padding-left: 18px;
	margin: 4px 0 0;
	float: left;
}

.adminPhotoEdit {
	position: absolute;
	z-index:10;
	top: 0;
	right: 1px;
}


/**
 * Homepage
 */
#welcome {
	padding: 10px 10px;
	margin: 0 10px 20px;
	background: #eee;
	border: 1px solid #ddd;
}
#home_map {
	width: 500px;
	float: left;
}
#home_video {
	float: left;
	width: 520px;
}

#home_message {

	font-size: 12px;
}
#home_message.video_message {
	margin-left: 540px;
}
#content #home_message h1 {
	font-size: 18px;
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	text-transform: uppercase;
}
#home_message a.goto {
	display: block;
	margin: 0 auto;
	height: 90px;
	width: 320px;
	line-height: 90px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: url(images/home_link.png) no-repeat top left;
	color :#fff;
}
#home_message a.goto:hover {
	text-decoration: none;
	background-position: 0px -90px;
}
#home_message a.goto:focus {
	background-position: 0px -180px;
}
#map {
	width:500px;
	height:250px;
}
#map.bigmap {
	width:900px;
	height:400px;
	margin: 0 auto;
}
#home p {
	font-size: 11px;
}
#content h1,#content h1 a {
	color: #111;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	margin: 0 0px 5px;
}
#home h2,#home h2 a {
	color: #ccc;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Century gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana, sans-serif;
	margin-left: 3px;
}
#home #home_top10 h2 {margin-bottom: 10px;}
#home h2 a:hover {
	text-decoration: none;
}

#home_top10,#home_blog {
	float: left;
	margin:0 1%;
	width: 48%;
}
.smallList {
	width: 46%;
	float: left;
	margin: 0 1% 0 1%;
}
.smallList div {
	overflow: hidden;
	height: 125px;
	margin: 5px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.smallList a.img 
{
	display: block;
	height: 125px;
	width: 125px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
.smallList a.img img {
	padding: 2px;
	border: 1px solid #fff;
}
.smallList a.img:hover img {
	border: 1px solid #888;
}
.maps_p {
	height: 100px;
	text-align: center;
	display: block;
}
h3.maps_title {
	font-size: 12px;
	font-weight: bold;
	height: 24px;
}
#home_blog h3 {
	margin-top: 10px;
}
#home_blog .blog_post {
	text-align: justify;
	padding: 5px;
}
#home_blog .blog_post2 {
	background: #eee;
}

/**
 * Cat list
 */
a#catPays {
	background: url(images/cat/pays.png) no-repeat 0px 0px;
}
a#catEvents {
	background: url(images/cat/events.png) no-repeat 0px 0px;
}
a#catVarious {
	background: url(images/cat/various.png) no-repeat 0px 0px;
}
a.catLink {
	display: block;
	float: left;
	width: 270px;
	height: 190px;
	padding-top: 30px;
	text-align: center;
	margin: 0 10px;
}
a#catPays.catLink:hover,a#catEvents.catLink:hover,a#catVarious.catLink:hover {
	background-position: 0px -220px;
}
#catList {
	margin: 0 30px;
}
#catList img {
	width: 150px;
}


/**
 * Page countries lists
 */
.countriesList {
	float: left;
	width: 290px;
	margin: 20px 0 0 20px;
}
.countriesList h3 {
	font-size: 14px;
}
.countriesList div{
	background: #fff;
}
.countriesList a.countryName {
	display: block;
	padding: 15px 0 0;
	position: relative;
	outline: none;
	z-index: 0;
}
.countriesList a:hover.countryName {
	text-decoration: none;
}
.countriesList a.countryName img, .ssPays a img {
	vertical-align: middle;
	margin: 0 5px 2px 10px;
	padding: 0;
}
.countriesList  img.flag {
	border: 1px solid #ddd;
}
.ssPays img {
	float: left;
}
.ssPays {
	overflow: hidden;
}
.ssPays h3 a {
	padding: 10px 0 10px;
	display: block;
}
.slideSspays {
	margin-left: 50px;
}

/**
 * Page photo solo
 */
#photo_solo_left {
	width: 650px;
	float: left;
}
#photo_solo_right {
	width: 200px;
	float: right;
}
.photo_solo_links {
	text-align: right;
	font-size: 9px;
}
.photo_solo_links a {
	padding: 0 5px;
}
.desc {
	width: 500px;
	margin: 10px auto;
	border: 1px solid #ddd;
	background: #efefef;
	padding: 10px;
	font-size: 11px;
}
.comment {
	width: 610px;
	padding: 0 10px;
	margin: 10px 0;
	border: 1px solid #eee;
}
.comment.al {
	background: #EFFBFF;
}
.comment-info {
	font-size: 10px;
}

/**
 * MooTips
 */
.bubble {
	width: 200px;
	border: 2px solid #5EACFF;
	-moz-border-radius: 3px;
	background: #fff;
	padding: 3px;
}
.tip-title {
	text-align: center;
	font-weight: bold;
}


/**
 * Like button
 */
#content a#ilike {
	display: block;
	text-indent:-5000px;
	height: 50px;
	width: 150px;
	margin: 0 auto;
	background: transparent url(images/ilike.png) top left no-repeat;
}
#content #ilikeit {
	margin-bottom: 0;
}
#content a:hover#ilike {
	background-position: bottom left;
}
#content a#ilike.like {
	background-position: 0 -50px;
}
#content #ilikemore {
	font-size: 9px;
	margin-top: 0px;
	text-align:center;
}
#wallmore {
	text-align: right;
}
#content .addthis_toolbox {
	margin: 30px auto;
	text-align:center;
}
.admin {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 40;
	height: 20px;
	width: 20px;
	background: url(images/mini/edit.png) no-repeat top left;
}


.col2 {
	float: left;
	width: 470px;
}

#boutique h2 {
	font-weight: normal;
}
#boutique .row {
	width: 620px;
	overflow: hidden;
	margin: 0 200px;
	padding: 10px 0;
}
#boutique .col2 {
	float: left;
	padding:0 10px;
	width: 380px;
}
#boutique .colBtn {
	width: 200px;
}
#boutique input {
	border: none;
}
#boutique #boutique_visu {
	position: relative;
	height: 325px;
	width: 900px;
	background: #eee url('images/ombre/boxw_shadow.png') repeat-x bottom left;
}
#boutique_visu #boutique_visu_sticker {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 325px;
	height: 325px;
	z-index: 10006;
}
#boutique_visu #boutique_visu_show {
	position: absolute;
	top: 15px;
	left: 280px;
	z-index: 0;
	width: 500px;
	overflow: hidden;
}