@charset "utf-8";
/* CSS Document */
html{
    
    height:100%;   
}
body {
font-family: Helvetica,Arial,sans-serif; 
font-size: 15px; 
top: 0px; 
left: 0px; 
text-decoration: none;
margin:0 auto;
padding:0;
background-color: #0c0c0c;

}
a {
	/* color: #000; */
	/* color: blue; */
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	/* text-decoration: none; */
	/* color: #84755c; */
	text-decoration: underline;
	/* color: blue; */
	color: #7e4c10;
}
div#containerfull {
width:auto;
	margin-left:auto;
margin-right:auto;
}
div#top {
/*background-color: #FFFFFF; */
  width: 100%;
 

/*background-image:  url(http://pagesperso-orange.fr/greta-avallon/images/fond.gif); 
background-repeat: repeat-x;*/
margin-left:auto;
margin-right:auto;
}
div#barre {
border:none;
background-color: #dee994; 
/*background-image:  url(http://pagesperso-orange.fr/greta-avallon/images/barre.png); 
background-repeat: repeat-x;*/
margin-left:auto;
margin-right:auto;
}
div#barrebas {
border:none;
/*background-color: #FFFFFF; */
/*background-image:  url(http://pagesperso-orange.fr/greta-avallon/images/barrebas.png); 
background-repeat: repeat-x;*/
margin-left:auto;
margin-right:auto;
}
#footer_wrap {
	position: fixed;
	
	/*background-color : #b1c800;*/
	/*background: #FFFFFF url(http://pagesperso-orange.fr/greta-avallon/images/footer.png) repeat-x;*/
	text-align: center;
	/*padding: 20px 0 20px 0;*/
	 bottom: 0px;
background-color : #b1c800;
	/*color: #ffffff;*/
	/*margin-top: 20px;*/
}
#footer {
	position: relative;
	clear: both;
	text-align: left;
	font-size: 11px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 10px;
	margin: 0 auto;
	

}
div#menu {
width:900px;
margin-left:auto;
margin-right:auto;
}
div#logocontain {
width:900px;
margin-left:auto;
margin-right:auto;
}
.middle {
width:400px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}
div#textpre {
width:400px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}
div#gauche {
width:210px;
margin-left:auto;
margin-right:auto;
align:center;
vertical-align:top;
font-size: 12px; 
}
div#droite {

width:200px;
margin-left:auto;
margin-right:auto;
}


.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(/src/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.box1 {
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 270px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #fffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
.box2 {
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 400px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #fffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
		.box3 {
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 150px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #ffffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
		.box4 {
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 160px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #ffffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
		.box5 {
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 400px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #ffffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
		.box6 {
			visibility:hidden;
			position:relative;
			z-index:0;
			background-color: #8bb1be;
			width: 400px;
			/*margin: 50px auto 0px auto;*/
			margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
			padding: 6px 10px;
			border: 1px solid #ffffff;
 
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			behavior: url(/src/ie-css3.htc);
		}
 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
	 
	 background-color: #8bb1be; 
	 background-image:url(http://pagesperso-orange.fr/greta-avallon/images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
		background-image:url(http://pagesperso-orange.fr/greta-avallon/images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick1 a{
	background-image:url(http://pagesperso-orange.fr/greta-avallon/images/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}
#kwick5 a:hover{
	background-position: right -160px;
}
.titre{
font-size: 14px;
text-decoration:underline;
}
.titre2{
font-size: 12px;
text-decoration:underline;
}