/* @override 
	http://kaayos.local/css/design.css
	http://www.kaayos.com/css/design.css
*/

/* @group BODY */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}
/*background: #680d00 url(fond-html_01.png) repeat;*/
body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	position: relative;
	height: 95%;
	padding: 0;
	min-width: 850px;
	text-align: center;
	background: black url(images/fond-pays-basque.jpg) no-repeat center;
	margin-right: 0;
	margin-top: 3%;
	margin-left: 0;
}
	/* NORMAL */
	/*background: black url(images/fond-pays-basque.jpg) no-repeat center;*/
	/* HIVER : background-image: url(flocons.png); */
	
p {
	margin-left: 20px;
	margin-right: 20px;
}
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }



/* @end */

/* @group CONTENT */

#content {
	position: relative;
	display: block;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	background: url(top-fond.png) no-repeat 0 8px;
	top: 0;
	text-align: left;
}



/* @end */

/* @group TOP */

#top {
	position: relative;
	margin: 0;
	padding-top: 0px;
	background: url(top-round3.gif) no-repeat;
	display: block;
	height: 122px;
	overflow: hidden;
}
#titre {
	width: 231px;
	height: 60px;
	overflow: hidden;
	background: url(logo-kaayos.png) no-repeat;
	margin-left: 15px;
	position: relative;
}
#titre h1 {
	color: white;
	margin: 0 0 0 232px;
	padding-top: 8px;
	font-size: 41px;
}
#activite {
	position: relative;
}
#activite h2 {
	color: white;
	margin: 0 0 0 15px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
#legende {
	color: white;
	font-family: "Handwriting - Dakota", FFJustlefthand;
	text-align: right;
	background-color: #3d3d3d;
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;
	right: 0;
	width: 650px;
}
#legende p {
	margin: 0 15px 0 0;
	padding: 0;
}
#trois_balles {
	position: absolute;
	right: 15px;
	top: 13px;
}
#trois_balles img {
	margin-left: 15px;
}
/* @end */

/* @group MENU */

#menu {
	position: absolute;
	top: 25px;
	text-align: right;
	text-transform: lowercase;
	padding: 8px 14px 8px 8px;
	border-left: 6px solid #545454;
	background: #F4E6D9 url(menu-ombre.gif) repeat-y right;
	right: 650px;
	display: block;
	overflow: visible;
	line-height: 1.4em;
	font-size: 14px;
}
#menu a {
	text-decoration: none;
	color: #545454;
}

#menu a.selected {
	color: #920409;
	font-weight: bold;
}

/* @end */


/* @group PAGE */

#page h3 {
	color: #920409;
	font-size: 20px;
	margin-top: 0;
	margin-left: 20px;
}
* html #page h3 {
	padding-top: 20px;
}
* html #page.revendeurs h3 {
	padding-top: 0;
}
* html #page.actu h3 {
	padding-top: 0;
}
*+html div#page.actu h3 {
	padding-top: 0;
}
#page {
	position: relative;
	display: block;
	margin: 0;
	font-size: 12px;
	min-height: 250px;
	background-color: #f4e6d9;
}

#page h2 {
	margin: 0 20px;
	font-size: 20px;
}


#page.conditions, #page.form, #page.revendeurs {
	padding: 20px 0;
}
#page.actu {
	padding: 0 0 20px;
	position: relative;
}
	
#page.conditions a {
	color: blue;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
#page.conditions a:hover {
	font-weight: bold;
}
#page.conditions p font b {
	color: maroon;
}
#page.conditions p {
	text-align: justify;
}

#revendeurs {
	width: 322px;
	float: left;
}
#partenaires {
	width: 300px;
	float: left;
}
#partenaires div.revendeur {
	padding: 0;
}
#partenaires div.revendeur a {
	text-decoration: none;
	display: block;
	padding: 8px;
	color: #07691F;
}
#partenaires div.revendeur a:hover {
	background-color: #07691F;
	color: white;
	text-decoration: underline;
}
.revendeur {
	font-size: 14px;
	padding: 5px;
	border: 1px solid #07691F;
	width: 260px;
	background-color: white;
	margin: 0 0px 15px 20px;
}
.revendeur strong {
	color: white;
	display: block;
	background-color: #07691F;
	padding: 5px 5px 4px;
	margin: -5px -5px -12px;
}

/* @end */

/* @group MENU_ACTU 

#menu_actu {
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 0 0 12px;
	background-color: #9b1c05;
	font-size: 12px;
}
#menu_actu a {
	position: relative;
	display: block;
	float: left;
	padding: 5px 10px;
	font-weight: bold;
	margin-right: 7px;
	text-decoration: none;
	background-color: #aea49b;
	color: #590f02;
}
#menu_actu a:hover {
	background-color: #bdb2a8;
	color: #9b1c05;
}
#menu_actu a.selected {
	background-color: #f4e6d9;
	color: #9b1c05;
	text-decoration: none;
}
#menu_actu a.selected:hover {
	background-color: #f4e6d9;
}


/* @end */

/* @group MENU_ACTU2 */

#menu_actu {
	position: relative;
	display: block;
	padding: 15px 0 5px 12px;
	background-color: #9b1c05;
	font-size: 12px;
	margin: 0;
}
#menu_actu a {
	position: relative;
	padding: 5px 10px;
	font-weight: bold;
	margin-right: 7px;
	text-decoration: none;
	background-color: #aea49b;
	color: #590f02;
}
#menu_actu a:hover {
	background-color: #bdb2a8;
	color: #9b1c05;
}
#menu_actu a.selected {
	background-color: #f4e6d9;
	color: #9b1c05;
	text-decoration: none;
}
#menu_actu a.selected:hover {
	background-color: #f4e6d9;
}


/* @end */


/* @group ACTUALITE 


#fleches {
	position: relative;
	display: block;
	margin-top: 30px;
	margin-bottom: 28px;
}
a.precedent, a.suivant {
	color: #5c524a;
	font-size: 12px;
	display: block;
}
a.precedent:hover, a.suivant:hover {
	font-weight: bold;
}
a.precedent {
	text-align: left;
	float: left;
	margin-bottom: 13px;
	margin-left: 13px;
}

a.suivant {
	text-align: right;
	margin-right: 16px;
	margin-bottom: 13px;
	float: right;
}


#bloc_numero {
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	font-weight: bold;
	color: #ab2121;
	margin-bottom: -10px;
	display: block;
	top: -24px;
}
#bloc_numero a {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	margin-left: 2px;
	margin-right: 2px;
}
#bloc_numero a:hover {
	font-weight: bold;
}

.news span.date {
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #219ed6;
}
.news {
	display: block;
	margin-bottom: 20px;
	position: relative;
	width: 449px;
	min-height: 151px;
}
.bas_nebwsno {
	display: block;
	border-bottom: 1px solid black;
	margin-top: 7px;
}
.news h4 {
	font-size: 12px;
	font-style: italic;
	border-bottom: 1px solid black;
	color: black;
	padding: 4px 0;
	margin: 0;
}
.news img {
	float: left;
	margin-right: 10px;
}
.news p {
	margin-right: 0;
	margin-top: 5px;
	margin-left: 0;
}
/* @end */

/* @group ACTUALITE */

div#page.actu {
	padding-bottom: 10px;
	position: relative;
}

div#page.actu h3 {
	display: block;
	position: relative;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

#fleches {
	position: relative;
	display: block;
	margin-top: 34px;
	margin-bottom: 0;
}
a.precedent, a.suivant {
	color: #5c524a;
	font-size: 12px;
	display: block;
}
a.precedent:hover, a.suivant:hover {
	font-weight: bold;
}
a.precedent {
	text-align: left;
	float: left;
	margin-bottom: 13px;
	margin-left: 20px;
	position: relative;
}

a.suivant {
	text-align: right;
	margin-right: 21px;
	margin-bottom: 13px;
	float: right;
	position: relative;
}


#bloc_numero {
	text-align: left;
	position: absolute;
	font-size: 13px;
	font-weight: bold;
	color: #ab2121;
	display: block;
	top: -28px;
	margin: 0 -31px -10px 20px;
	clear: left;
}
* html div#bloc_numero {
	top: 0;
}

#bloc_numero a {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	margin-left: 2px;
	margin-right: 2px;
}
#bloc_numero a:hover {
	color: #ab2121;
}

.news span.date {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #9b1c05;
}
.news {
	display: block;
	position: relative;
	width: 609px;
	min-height: 151px;
	margin: 0 20px;
	padding-bottom: 20px;
}
.bas_nebwsno {
	display: block;
	border-bottom: 1px solid black;
	margin-top: 7px;
}
.news h4 {
	font-size: 18px;
	font-style: italic;
	border-bottom: 1px solid black;
	color: black;
	padding: 4px 0;
	margin: 0;
}
.news img {
	float: left;
	margin-right: 10px;
}
.news p {
	margin-right: 0;
	margin-top: 5px;
	margin-left: 0;
	font-size: 14px;
}

/* @end */

/* @group DIAPORAMA


#diaporama {
	display: block;
	width: 400px;
	height: 300px;
	border: 1px solid white;
	text-align: left;
	background-image: url(../photos/diap1/kaayos-dsc00651-01.jpg);
	float: right;
	position: relative;
	margin-right: 20px;
}
* html #diaporama {
	margin-right: 10px;
}
#diap-fondu {
	width: 400px;
	height: 300px;
	margin: 0;
}
/* @end */


/* @group PIED */

#adresse {
	background-color: #3d3d3d;
	padding-top: 5px;
}
#adresse p{
	margin: 0;
	padding: 0;
}
#pied {
	position: relative;
	padding-bottom: 8px;
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	width: 650px;
	color: #8f8f8f;
	background: url(pied-round3.gif) no-repeat 0 bottom;
}

#pied a {
	color: #a56a00;
}

#lien_facebook {
	display: block;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 51px;
	overflow: hidden;
	text-align: left;
}
#lien_facebook a {
	height: 14px;
	display: block;
	background: url(images/facebook_03.png) no-repeat;
	padding-left: 18px;
	color: #bebebe;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a.lien_facebook  {
	width: 0px;
	height: 44px;
	display: block;
	background: url(images/facebook_02.png) no-repeat;
	padding-left: 144px;
	overflow: hidden;
}

/* @end */

/* @group Divers */

#site_maker {
	
}

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.inline {
	display: inline;
	float: none;
}


/* @end */







/* @group SITE_MAKER */

#site_maker {
	padding: 0 0 15px;
	font-size: 11px;
	text-align: left;
	margin: 31px 0 0 20px;
}
#site_maker a {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
#site_maker a:hover {
}
/* @end */