/*
Theme Name: Ecole de kite
Theme URI: http://www..fr
Description: <a href="mailto:yoannlebert@gmail.com">Yoann Lebert</a>
Author: Yoann LEBERT Templates
http://creativecommons.org/licenses/by-sa/3.0/us/

*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #ffffff;
	background-image: url(images/fond.png);
    background-repeat: repeat;
}
a{
	color:#000000;
	border:0px;
	text-decoration:none;
}

img{
	border:0px;
	text-decoration:none;
}

h1{ margin:0;padding:0;
	color:#44290b;
	font-variant:small-caps;
	font-size:1.5em;
}

h2{ margin:0;padding:0;
	color:#a7906d;
	font-size:1.3em;
	font-variant:small-caps;
}


/* ------------------------------- Menu Top ----------------------- */

#menu{
height: 48px;
width: 1000px;
position: relative;
margin:auto;
text-align:center;
display:block;

}

#menu ul{
	margin:0px;
	padding:0px;

}

#menu ul ul {
 	display:inline;
 	text-align:center;
 	margin-left:4px;
 	padding:0px 0 0 0;
  	color:#fff;
  	height:auto;
 	width:auto;
  	
}

#menu ul ul#top_01 a {
	display:inline-block !important;
 	display:inline;	
	color:#fff;
	height:45px;
	width:190px;
 	background-image: url(images/menu-accueil.png);
  	background-repeat: no-repeat;
  	
}
#menu ul ul#top_02 a {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-ecole.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;
  	
}
#menu ul ul#top_02B a {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-kite.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;
	
}
#menu ul ul#top_03 a {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-contact.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;	
  	
}
#menu ul ul#top_04 a {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-lien.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}

#menu ul ul#top_01 a:hover {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-accueil-hover.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}
#menu ul ul#top_02 a:hover {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-ecole-hover.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}

#menu ul ul#top_02B a:hover {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-kite-hover.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}

#menu ul ul#top_03 a:hover {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-contact-hover.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}
#menu ul ul#top_04 a:hover {
	display:block;
	color:#fff;
	height:45px;
 	width:190px;
 	background-image: url(images/menu-lien-hover.png);
  	background-repeat: no-repeat;
  	display:inline-block !important;  	
}
/*#menu ul ul a:hover{
	color:#f8af37;
}*/


/* ------------------------------- Squellete du site ----------------------- */


#header{
	margin:auto;
  	width: 100%;
  	height:48px;
  	background-image: url(images/header-fond.png);
  	background-repeat: repeat;
}
#conteneur0{
  	text-align:left;
  	margin:auto;
  	width: 800px;
  	height:auto;
  	/*background-color:white;*/  
}
#ban{
  	margin-top:20px;
  	width: 100%;
  	height:280px;
  	background-image: url(images/ban.png);
  	background-repeat: no-repeat;
  	background-color:#ffffff;
  
}
#content{
  	margin-top:20px;
  	width: 100%;
  	height:auto;
  	background-color: #ffffff;
  	background-image: url(images/content.png);
	background-repeat: no-repeat;
  
}
#content-text{
	display:block;
	width:39%;
	height:auto;
	margin:20px 0px 0px 20px;
	padding:38px 0px 30px 0px;
	text-align:right;
	font-size:0.9em;
}
#content-text2{
	display:block;
	width:93%;
	height:auto;
	margin:10px 10px 10px 10px;
	padding: 35px 10px 10px 20px;
	text-align:justify;
	font-size:0.9em;
}

#content-meteo{
	float:center;
	display:block;
	width:100%;
	height:auto;
	margin:20px 0px 20px 0px;
	padding: 0px 0px 20px 0px;


}

#content-image{
	float:right;
	width:424px;
	height:226px;
	margin: 35px 25px 0px 0px;
	

}
#footer{
  	margin-top:20px;
  	width: 100%;
  	height:70px;
  	background-image: url(images/footer.png);
  	background-repeat: no-repeat;
  	background-color:#ffffff;
  
}
#footer a{
	display:block;
	font-size:0.9em;
	width:50%;
	height:auto;
	padding-top:20px;
	padding-left:40px;
  
}