/* Définitions générales */
body{
background-color:#F4E5A6;
color:#fff;
font-family:'arial';
font-size:14px;
margin:0.5em 1%;
padding:0;
color:#000000;
}
h1{
color:#036;
}
/* ERRORDEBUG */
#errorDebug h1 {
	position:absolute;
	z-index:19;
	font-family:"Courier New";
	font-weight:bold;
	font-size:22px;
	margin:600px 0 0 0;
	color:#990000;
	text-align:center;
}
/* LOGO */
#pagelogo{
z-index:1;
position:absolute;
left:5px;
top:5px;
}

#pagelogo img{
border:0;
}

#pagelogo a{

color:#000;
background-color:transparent;
}

/* fondhaut */
#pagefondhaut{
	height:69px;
	width:100%;
	background-color:transparent;
	background-image:url(image/background_top.gif);
	background-repeat:repeat;
	background-position:top;
	position:absolute;
	z-index:0;
	left:0;
	right:0;
	top:0;
}


/* MENU */
#menu{
	font-size:12px;
	left:2%;
	position:absolute;
	top:200px;
	width:19%;
	overflow:hidden;
}

#accueil{
	margin-bottom:1em;
}

#accueil ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#accueil li{
list-style:none;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
}

#accueil a{
	text-decoration:none;
	color:#3551B4;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}

#accueil a:hover{
background-color:#FBFBE9;
color:#036;
}


/* ALERT */
#alert h1 {
	z-index:2;
	font-family:"Courier New";
	font-weight:bold;
	font-size:22px;
	margin:0 0 0 0;
	color:#990000;
	text-align:center;
}

#alert h2 {
	z-index:2;
	font-family:"Courier New";
	font-weight:bold;
	font-size:16px;
	margin:0 0 0 0;
	color:#990000;
}


/* TITRE */
#pagetitre {
	z-index:2;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	margin:0 0 0 170px;
	top:22px;
	color:#003366;
}
/* btn CONTACT */
.btnredirection{	
	display:block;
	background-color:transparent;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	
}
.btnredirection img{
	border:0;
	vertical-align:middle;
}
.btnredirection a{
	padding: 10px 10px 10px 10px;
	vertical-align:middle;
	text-decoration:none;
	color:#3551B4;
	font-weight:bold;
}
.btnredirection a:hover{
	background-color:#FBFBE9;
	text-decoration:none;
	color:#036;
}

/* ------------------------------------------------------------------ */
/* -- POUR LES ARTICLES TEXTES + PHOTOS --------------------------- */
/* ------------------------------------------------------------------ */
.lesarticles{
	background-color:#FBFBE9;
	padding:0px 0px 0px 0px;
	font-size:16px;
	text-align:left;
	color:#000000;
	font-weight:normal;
}
.lesarticles img {
	float:right;
	margin-right:10px;
	margin-left:10px;	

	border:none;
}
/* 	padding:2px 5px 2px 5px; */



.lesarticles p {
	color:#036;
	font-size:12px;
	font-weight:normal;
	padding: 15px 15px 10px 15px;
	margin: 0px 0px 0px 0px;
}
/* -- art200t = articles Top 200 ------------------------- */
/* -- art200b = articles Bottom 200 ------------------------- */
.art500t {
	height:37px;
	background-color:#F4E5A6;
	background-image:url(image/cadre_500_top.gif);
	background-repeat:no-repeat;
	background-position:top;		
}
.art500b {
	height:37px;
	background-color:#F4E5A6;
	background-image:url(image/cadre_500_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.art200t {
	height:37px;
	background-color:#F4E5A6;
	background-image:url(image/cadre_200_top.gif);
	background-repeat:no-repeat;
	background-position:top;		
}
.art200b {
	height:37px;
	background-color:#F4E5A6;
	background-image:url(image/cadre_200_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.artbody {
	border-right:2px solid #FFDA5A;
	border-left:2px solid #FFDA5A;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.lesarticles h1 {	
	vertical-align:top;
	font-size:12px;
	color:#003366;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}
.lesarticles h2 {
	font-size:14px;
	background-color:transparent;
	font-weight:bold;
	color:#892522;
	padding:5px 0px 5px 5px;
	margin:0px 1px 0px 1px;
}
.lesarticles h2 a{
	color:#FFFFFF;
}
.lesarticles h2 a:hover{
	text-decoration:none;
}

.lesarticles h3 {
	padding:10px 20px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	font-size:12px;
	color:#E22F44;
	font-weight:normal;
}
.lesarticles h3 a{
	color:#E22F44;
}
.lesarticles h3 a:hover{
	text-decoration:none;
}
.lesarticles h3 img{
	border:none;
}

/* ------------------------------------------------------------------ */
/* -- POUR LES FORMULAIRES ----------------------------------------- */
/* ------------------------------------------------------------------ */
.lesformulaires{
	padding:5px 10px 0px 10px;
	border:5px double #F5E4A3;
	background-color:#F1D66A;
	font-size:14px;
	text-align:left;
	color:#000000;
	font-weight:normal;
}
.lesformulaires h1 {
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#003366;
	font-weight:bold;
}
.lesformulaires h2 {
	font-size:14px;
	background-color:#F9EFC8;
	font-weight:bold;
	color:#003366;
	padding:5px 5px 5px 5px;
}
.lesformulaires h2 a{
	color:#FFFFFF;
}
.lesformulaires h2 a:hover{
	text-decoration:none;
}

.lesformulaires h3 {
	font-size:14px;
	text-align:right;
	color:#E22F44;
	font-weight:normal;
}
.lesformulaires h3 a{
	color:#E22F44;
}
.lesformulaires h3 a:hover{
	text-decoration:none;
}

.lesformulaires h3 img{
	border:none;
}


select.kbaform{
background-color:#ffffff;
color:#333;
}
select.kbaform:hover{
background-color:#DDD;
color:#333;
}

textarea.kbaform{
font-size:12px;
border:1px solid #AAA;
color:#333;
background-color:#FFFFFF;
font-weight:normal;
}

textarea.kbaform:hover{
color:#333;
background-color:#DDD;
cursor:pointer;
}


input.kbaform{
border:1px solid #FFFFFF;
color:#333;
background-color:#FFFFFF;
font-weight:700;
}

input.kbaform:hover{
color:#333;
background-color:#DDD;
cursor:pointer;
}

input.kbaform{
color:#333;
background-color:#FFFFFF;
background-image:url("image/champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
}

input.valid.kbaform{
	background-color:#FFFFFF;
	background-image:url("image/champs.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#888;
	border-style:solid;
	border-width:1px;
	color:#333;
	cursor:pointer;
	font-weight:700;
	text-align:center;
}

input.valid.kbaform:hover{
	background-color:#6090c0;
	background-image:url("image/oksurvol.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #369;
	color:#000;
}

input.valid.kbaform:active{
	background-color:#90c0f0;
	background-image:url("image/oksurvol.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #9cb4ce;
	color:#000;
}


/* ------------------------------------------------------------------ */
/* -- POUR LES ARTICLES PHOTOS----------------------------------------- */
/* ------------------------------------------------------------------ */

.lesphotos{
	width:210px;
	text-align:center;
	color:#003366;	
	border:0px solid #003366;
	font-weight:normal;
	padding:0 5px 0 5px;
}
.lesphotos h1{
	font-size:14px;
	font-weight:bold;
	padding:2px 2 2 2;
}
.lesphotos h2{
	font-size:12px;
	font-weight:normal;
	padding:2px 2 2 2;
}
.lesphotos img{
	border:2px solid #003366;
}
.lesphotos h3 {
	text-align:right;
	color:#E22F44;
	font-weight:normal;
}
.lesphotos h3 a{
	color:#E22F44;
}
.lesphotos h3 a:hover{
	text-decoration:none;
}



/* ------------------------------------------------------------------ */
/* -- POUR LES LICENCES----------------------------------------- */
/* ------------------------------------------------------------------ */


.kblicence{
	background-color:#FFFFFF;
	border:1px dotted #000;
	position:relative;
	width:327px;
	height:198px;
	left:10px;
	top:10px;
	text-align:left;
	color:#000;
}
.kblicence label{
	vertical-align:top;
	margin-left:0.5em;
	color:#000000;
	background-color:transparent;
}

.kblicence h1{
	position:relative;
	left:10px;
	bottom:8px;
	font-size:16px;
	color:#000000;
	background-color:transparent;
}
.kblicence h2{
	position:relative;
	bottom:17px;
	left:70px;
	font-size:13px;
	color:#000000;
	background-color:transparent;
}
.kblicence h4{
	position:relative;
	bottom:45px;
	left:250px;
	font-size:12px;
	color:#000000;
	background-color:transparent;
}
.kblicence p{
	position:relative;
	left:10px;
	bottom:5px;
	font-size:12px;
	color:#000000;
	background-color:transparent;
}
.kblicencelogo{
	margin:5px 0px 0px 5px;
	float:left;
	left:2px;
	background-color:transparent;
}
.kblicencephoto{
	margin-right:10px;
	float:right;
	right:10px;
	background-color:transparent;

}