
a.tooltip {outline:none; }
a.tooltip strong {line-height:20px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:20;display:none; padding:5px 5px;
    margin-top:+60px; margin-left:-150px;
    width:170px; line-height:30px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:2px solid #000000; background:#FFFFFF;}


    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}



H1 {
	font-family:arial,verdana,helvetica,sans-serif; font-size: 250px; color: 009900;
}

H2 {
	font-family:times new roman,serif; font-size:20px; 
}

H3 {
	font-family:arial,verdana,helvetica,sans-serif; font-size:40px; 
}






.Style1 {
	font-size: 250px;
	font-family: arial,verdana,helvetica,sans-serif;
	color: 009900;
}

.Style2 {
	font-size: 420px;
	font-weight: bold;
	color: 009900;
	font-family: arial,verdana,helvetica,sans-serif;
}

.Style3 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.Style4 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 16px;
}

.Style5 {
	font-size: 12px;
	font-family: arial,verdana,helvetica,sans-serif;
}



.slideshow {
   width: 750px;
   height: 500px;
   overflow: hidden;
   border: 3px solid #F2F2F2;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 1300%;
   height: 200px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}









A:link { 
	COLOR: #6A2300; TEXT-DECORATION: none 
}

A:visited { 
	COLOR:#A9A9A9; TEXT-DECORATION:none 
}

A:hover { 
	COLOR: #000000; TEXT-DECORATION:  background-color:#FEF4E6; 
}




BODY {
	
	scrollbar-base-color: #FFEBCD;	
	background-image: url('img/background_reverse.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFEBCD;
	
	

}

font-family:arial,verdana,helvetica,sans-serif; font-size:13px; line-height:20px;	
}

P {
	font-family:arial,verdana,helvetica,sans-serif; font-size:15px; line-height:20px; 
}

TD {
	font-family:arial,verdana,helvetica,sans-serif; font-size:13px; 
}

H1 {
	font-family:arial,verdana,helvetica,sans-serif; font-size:50px;
}

H2 {
	font-family:times new roman,serif; font-size:20px; 
}

H3 {
	font-family:arial,verdana,helvetica,sans-serif; font-size:40px; 
}









a.child {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.child {
  text-decoration: none; 
  background: none;
}
a.child span {display: none;}

a:hover.child span {
  display: inline; 
  position: absolute;  
  top: -89px; 
  left: 219px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
  

}



a.maman {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.maman {
  text-decoration: none; 
  background: none;
}
a.maman span {display: none;}

a:hover.maman span {
  display: inline; 
  position: absolute;  
  top: -115px; 
  left: 175px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
  

}



a.papa {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.papa {
  text-decoration: none; 
  background: none;
}
a.papa span {display: none;}

a:hover.papa span {
  display: inline; 
  position: absolute;  
  top: -72px; 
  left: 175px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
  

}


























TD.rubrique	{   
		BORDER-RIGHT: #FBCF91 2px solid;    
		BORDER-LEFT: #FBCF91 2px solid;        
		FONT-SIZE: 13px;   COLOR: #000000;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 		
		TEXT-DECORATION:none;	
		background-color : #FEF4E6;
}


TD.rubriquegauche	{   
	  
		BORDER-LEFT: #FBCF91 2px solid;        
		FONT-SIZE: 13px;   COLOR: #000000;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 		
		TEXT-DECORATION:none;	
		background-color : #FEF4E6;
}


TD.rubriquedroite	{   
	  
		BORDER-RIGHT: #FBCF91 2px solid;        
		FONT-SIZE: 13px;   COLOR: #000000;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 		
		TEXT-DECORATION:none;	
		background-color : #FEF4E6;
}



TD.rubriquehaut	{	
		BORDER-TOP: #FBCF91 2px solid;	
		FONT-WEIGHT: bold;	FONT-SIZE: 13px; COLOR: #ffff99;	
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 	
		TEXT-DECORATION: none;	
		background-color : #FEF4E6;
}

TD.rubriquebas	{	
		BORDER-BOTTOM: #FBCF91 2px solid;	
		FONT-WEIGHT: bold;	FONT-SIZE:13px;	COLOR: #ffff99;	
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 
		TEXT-DECORATION: none;	background-color :#FEF4E6;
}



TD.rubriqueronde {	
		BORDER-TOP:#FBCF91 2px solid;
		BORDER-BOTTOM: #FBCF91 2px solid;	
		FONT-SIZE: 13px;    COLOR: #000000;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 	
		TEXT-DECORATION: none;	
		background-color : #FEF4E6;
}










TD.article	{   
		BORDER-RIGHT: #FBCF91 2px solid;    
		BORDER-LEFT: #FBCF91 2px solid;        
		FONT-SIZE: 14px;    COLOR: #000000;  FONT-WEIGHT: bold;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 		
		TEXT-DECORATION:none;
		background-color : #FFEBCD;

}



TD.articlesmall	{   
		BORDER-RIGHT: #FBCF91 2px solid;    
		BORDER-LEFT: #FBCF91 2px solid;        
		FONT-SIZE: 12px;    COLOR: #000000;   
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 		
		TEXT-DECORATION:none;
		background-color : #FFEBCD;

}

TD.articlehaut	{	
		BORDER-TOP:  #FBCF91 2px solid; 	
		FONT-SIZE: 13px;    COLOR: #009900;  FONT-WEIGHT: bold;  
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 	
		TEXT-DECORATION: none;	
		background-color : #FFEBCD;
}

TD.articlebas	{	
		BORDER-BOTTOM: #FBCF91 2px solid;	
		FONT-SIZE: 13px;    COLOR: #000000;    
		FONT-FAMILY: arial,verdana,helvetica,sans-serif; 
		TEXT-DECORATION: none;	background-color :#FFEBCD;
}












.Style1 {
	font-size: 50px;
	font-weight: bold;
	font-family: arial,verdana,helvetica,sans-serif;
}

.Style2 {
	font-size: 55px;
	font-weight: bold;
	color: 009900;
	font-family: arial,verdana,helvetica,sans-serif;
}

.Style3 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-weight: bold;
	font-size: 45px;
}

.Style4 {
	font-size: 13px;
	font-weight: bold;
	font-family: arial,verdana,helvetica,sans-serif;
	color: green;
}


.Style5 {
	font-size: 20px;
	font-weight: bold;
	color: 009900;
	font-family: arial,verdana,helvetica,sans-serif;
}


.Style6 {
	font-size: 20px;
	font-weight: bold;
	color: 009900;
	font-family: arial,verdana,helvetica,sans-serif;
}

.Style7 {
	font-size: 18px;	
	font-family: arial,verdana,helvetica,sans-serif;
	color: black;
}

.Style8 {
	font-size: 18px;
	font-weight: bold;
	font-family: arial,verdana,helvetica,sans-serif;
	color: green;
}


.Style9 {
	font-size: 24px;
	font-weight: bold;
	font-family: arial,verdana,helvetica,sans-serif;
	color: green;
}

.Style10 {
	font-size: 15px;
	
	font-family: arial,verdana,helvetica,sans-serif;
	color: black;
}






#menu, #menu ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
#menu ul li{
display:inherit;
border-radius:0;
}
#menu ul li:hover{
border-radius:0;
}
#menu ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu li:hover ul{
max-height:35em;
}
/* background des liens menus */
#menu li:first-child{
background-color: #7db10f;
background-image:-webkit-linear-gradient(top, #7db10f 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #7db10f 0%, #677F35 100%);
}
#menu li:nth-child(2){
background-color: #7db10f;
background-image:-webkit-linear-gradient(top, #7db10f 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #7db10f 0%, #677F35 100%);
}

#menu li:nth-child(3){
background-color: #7db10f;
background-image:-webkit-linear-gradient(top, #7db10f 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #7db10f 0%, #677F35 100%);
}

#menu li:nth-child(4){
background-color: #7db10f;
background-image:-webkit-linear-gradient(top, #7db10f 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #7db10f 0%, #677F35 100%);
}



#menu li:last-child{
background-color: #7db10f;
background-image:-webkit-linear-gradient(top, #7db10f 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #7db10f 0%, #677F35 100%);
}
/* background des liens sous menus */
#menu li:first-child li{
background:#677F35;
}
#menu li:nth-child(2) li{
background:#677F35;
}
#menu li:nth-child(3) li{
background:#677F35;
}
#menu li:nth-child(4) li{
background:#677F35;
}
#menu li:last-child li{
background:#677F35;
}
/* background des liens menus et sous menus au survol */
#menu li:first-child:hover, #menu li:first-child li:hover{
background:#9fd330;
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
background:#9fd330;
}
#menu li:nth-child(3):hover, #menu li:nth-child(2) li:hover{
background:#9fd330;
}
#menu li:nth-child(4):hover, #menu li:nth-child(2) li:hover{
background:#9fd330;
}
#menu li:last-child:hover, #menu li:last-child li:hover{
background:#9fd330;
}
/* les a href */
#menu a{
text-decoration:none;
display:block;
padding:8px 32px;
color:#FFFFFF;
font-family:arial;
font-size: 16px;  

}
#menu ul a{
padding:8px 0;
}
#menu li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
color:#000;
}