html, body {
margin: 10px;
padding: 0;
height: 100%;
}


.element{
background-color : #FF9900; }


body {
margin: 10;
padding: 0;
text-align : center;
font-family : comic sans ms;
font-size : 12px;
color : #4B0082;
background-image : url(images/orange/fdp.jpg);
background-position: top center ;
background-color : #FFFFFFF;

}

a {text-decoration: none;
color: #222;
}


dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

.cont {
background-color :transparent;
text-align : left;
width : 750px ; 
margin-left : auto;
margin-right : auto;
height:100%;}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
width : 750px ; 
height : 100px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/orange/bando.jpg)}
 
 
 .centre {
width : 750px ;
height : 776px;
background-color : #ffffff;
margin-left : auto;
margin-right : auto;
}
html>body .centre {height : auto; min-height : 776px;  } 
 
 
 .bas {width : 750px ; 
height : 100px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/orange/bas.jpg)
}
 
 
.gauche {
float : left ;  
background-color : transparent;
width : 210px;
 text-align : left; 
 margin-left : 20px ; 
 padding-bottom : 150px;
 margin-top : 10px; 
 color : #000000 ;  
 background-image : url(images/orange/basgauche.jpg) ; 
 background-position : bottom ; 
 background-repeat : no-repeat}
html>body .gauche {margin-left : 40px ; margin-top : 0}
 
 
.haut_gauche {
background-color : #fff;
width : 210px;
height : 40px;
padding-top : 10px;
} 
html>body .haut_gauche {height : 50px;}


.droite {
float : left ;  
background-color : transparent;
text-align:justify;
width : 450px;
margin-left : 10px;
color : #4B0082}


.haut_droite {
width : 450px; 
color : #4B0082; 
float : left}
 

 h3 {width : 210px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
 background-image : url(images/orange/h3.jpg);
 height : 31px; }
 
 
 h2 {width : 450px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
background: url(images/orange/h2.jpg) no-repeat;
height : 31px; }


h1 {
font-size : 12px; 
color : #000000 ; 
margin : 25px 0 0 10px ;
text-transform : uppercase ;}
 

 ul, li {
margin :0;
padding : 0; 
list-style : square ;}


#menu {
width : 678px ;
height : 31px;
text-align: left;
 background-color :transparent; 
color :#000000 ; 
font-size : 14px ; 
font-weight : bold;
margin-left : auto;
margin-right : auto;
font-size : 12px;
padding-top : 20px}


 #menu li{
 float : left ;
margin-left : 5px ;
padding-top : 10px ;
padding-right : 10px;
color : #000000;
list-style : none ;
   
  background : url(images/orange/boot.jpg) right bottom no-repeat}


p
{
line-height: 1.5em ;
text-indent: 1em ;
margin: 15px 10px ;
}
		
div#galerie
{
width: 410px ;
background: #ffffff ;
border: 1px solid #FF6600 ;
padding: 15px ;
margin: 0px 0px ;
text-align: center ;}
		
ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
		
ul#galerie_mini li
{
float: left ;
}
		
ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #FF6600 ;
}
		
dl#photo
{
clear: both ;
margin: 0 auto ;}
		
dl#photo dt
{
font: italic 2.5em/1.5em Georgia, serif ;
color: #FF6600 ;
}
		
dl#photo dd
{
margin: 0 ;
}
		
dl#photo img
{
border: 1px solid #FF6600 ;
}




#menu2 {
position : absolute;
}

#menu2 dl {
float: left;
}
#menu2 li {
display: inline;
}

#menu2 a {
text-decoration: none;
color : #CC6600;
background: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 400px;
}  
  

.sitelogo {padding-top : 20px; padding-left : 5px ; border : 0}
.logo {float : left ; margin-top : 15px ; margin-right : 0 ; width : 102px ; height : 102px}
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0}


div.hr {
  height: 15px;
  background: #eee scroll left;
  margin : 5px 0 5px 10px  ;
  padding : 0;   
  background : #fff url(images/hr.gif) left top;
  width : 360px; 
}


div.hr hr {
  display: none;  padding :0; 
}


p {margin : 10px 35px 0 5px ; padding : 0}
.intro {color : #4B0082; margin : 0 15px 0 10px ;}


.top {margin : 10px 10px 0 10px ; border-bottom : 1px dotted #4B8133 ; padding-bottom : 5px}
.top2 {margin : 10px 10px 0 10px ;}
.notop2 {margin : 0 10px 0 5px ;}
.notop {margin : 5px 10px 0 10px ;}


.pboot {
margin : 10px 15px 0 5px ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url(images/pboot.jpg) left top no-repeat;}


.top_menu {margin-top : 13px ; display : block}


.signature { margin : 30px 30px 30px 20px; float : left}
html>body .signature { margin : 20px 45px 30px 30px; }


.spacer {
clear : both; 
height : 13px ; margin-top : -5px}


.spacer2 {
clear : both; 
height : 13px ; }


a {
color : #fff; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}


area{cursor : pointer}


a:hover {
color : #000000; 
text-decoration : none ;}


a.class1 {
color : #000000; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}


a:hover.class1 {
color : #000000; 
text-decoration : none ; }


a.class2 {
color : #000000; 
text-decoration : underline ; text-transform : none ; font-size: 11px; }


a:hover.class2 {
color : #000000; 
font-size: 11px;
text-decoration : underline}


a.class3{
color : #000000; 
text-decoration : underline ; text-transform : lowercase ; font-size : 9px ;}


a:hover.class3 {
color : #000000; 
text-decoration : underline;  
}


a.class4{
color : #000000; 
text-transform : uppercase ; font-size : 9px ;}


a:hover.class4 {
color : #000000; 
text-decoration : underline;  
}


a.class5{
color : #0066CC; 
text-transform : uppercase ; font-size : 14px ;}


a:hover.class5 {
color : #000000; 
text-decoration : underline;  
}


a.class6{
color :  #FF9900;
text-transform : Capitalize ; font-size : 14px ;}


a:hover.class6 {
color : #CC3300;
text-decoration : underline;  
}


a.class7{
color : #00CCFF; 
text-transform : Capitalize ; font-size : 14px ;}


a:hover.class7 {
color : #0066FF; 
text-decoration : underline;  
}


a.class8{
color : #CC3300; 
text-transform : Capitalize ; font-size : 14px ;}


a:hover.class8 {
color : #FF9900;
text-decoration : underline;  
}


a.class9{
color : #4B0082; 
text-transform : none ; font-size : 12px ;
text-decoration : underline;}


a:hover.class9 {
color : #4B0082;
text-decoration : underline;  
}


a.class10{
color : #4B0082; 
text-transform : lowercase ; font-size : 12px ;
text-decoration : underline;}


a:hover.class10{
color : #4B0082;
text-decoration : underline;  
}

a.class11{
color : #CC6600;
text-transform : none ; 
font : comic sans ms;
font-size : 15px ;
}


a:hover.class11{
color : #CC6600;
}



a.class12{
color : #CC6600;
text-transform : Capitalize ; 
font : comic sans ms;
font-size : 13px ;
}


a:hover.class12{
color : #CC6600;
}



a.class13{
color :   #CC3300;
text-transform : none ; font-size : 13px ;}


a:hover.class13 {
color : #CC3300;
text-decoration : underline;  
}

a.class14{
color :   #CC3300;
text-transform : none ; font-size : 11px ;}


a:hover.class14 {
color : #CC3300;
text-decoration : underline;  
}


a.class15{
color : #4B0082;
text-transform : none ; font-size : 11px ;}


a:hover.class15 {
color : #4B0082;
text-decoration : underline;  




a.index_actif {
color : #000000; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; margin-left : 5px}
html>body a.index_actif {margin-left : 5px}


a:hover.index_actif  {
color : #000000; 
text-decoration : none ; }


a.actif {
color : #000000; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; }


a:hover.actif  {
color : #000; 
text-decoration : none ; }





.arbre{
background-color : #FF9900;
}


.clsNode, .clsNode:visited{
	color: black;
	font-weight : bold;;
	font-size : 9pt;
	text-decoration : none;
}


.clsNode:hover{
	color: white;
	font-weight : bold;;
	font-size : 9pt;
	text-decoration : underline;
}