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

body {
text-align : center;
font-family : verdana;
font-size : 12px;
color : #003399;

background : url(images/bgall.gif) center top repeat-x;


}

.cont {
text-align : left;
width : 880px ; 
margin-left : auto;
margin-right : auto;
height:100%; 
background: url(images/bgfond.gif) no-repeat;}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
width : 762px ; 
height : 346px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
background-image : url(images/haut.jpg);
}
 
 .centre {
width : 762px ;
background-color :transparent;
text-align : left; 
background-image : url(images/centre2.jpg);
}
html>body .centre {  } 
 
 
.bas {
width : 762px ; 
height : 150px ;
margin-left : auto;
margin-right : auto;
background-color :transparent;
background-image : url(images/bas.jpg);
overflow : hidden;
}
 
 
.gauche {
background-color : transparent;
width : 190px;
text-align : left; 
 margin-left : 16px ; 
 margin-top : 0; 
 color : #003399 ; 
 overflow : hidden}
html>body .gauche {   margin-left : 30px ; margin-top : 0; }
 

.droite {
background-color : transparent;
width : 480px;
margin-left : 16px;
padding-bottom : 10px}
html>body .droite { width : 480px;  }

.centrer_titre {
background-color : transparent;
margin-left:50px;
width : 662px}

.centrer_espace {
  height: 6px;
  background : url(images/espace.gif);
  width :662px; 
}

.haut_droite {
float : left;
width : 450px;
background-color :transparent; 
overflow : hidden;
} 

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

.texte {
color: #FE7600;
font-family: "comic sans ms";
font-size: 24px;
text-align: center;
font-weight: bolder;
font-variant: small-caps;
font-style: normal;
line-height: normal;
}
.texte_simple {
color: #000000;
font-family: "verdana",sans serif;
font-size: 12px;
font-style: normal;
line-height: normal;
}
	
.meta {
color: #000000;
font-family: "Cataneo BT", Georgia, "Bookman Old Style", serif;
font-size: 16px; 
font-weight: bold;
text-align: justify;
text-indent:0.6cm;}

.meta_grand {
color: #000000;
font-family: "Cataneo BT", Georgia, "Bookman Old Style", serif;
font-size: 18px; 
font-weight: bold;
text-align: justify;
text-indent:0.6cm;}

.meta_titre {
color: #000000;
font-family: "Verdana", sans serif;
font-size: 22px; 
font-weight: bold;}

.metarouge {
color: #FF3600;
font-family: "Cataneo BT", Georgia, "Bookman Old Style", serif;
font-size: 18px; 
font-weight: bold;
text-align: jusitfy}	

.metavert {
color: #2B8C19;
font-family: "Cataneo BT", Georgia, "Bookman Old Style", serif;
font-size: 18px; 
font-weight: bold;
text-align: jusitfy}

#menu {

height : 27px;
text-align: left;
 background-color :transparent; 
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
padding-top : 318px;
margin-left :50px;
font-size : 20px; 
overflow : hidden}
html>body #menu { margin-left :45px;  }
 
 
 
 #menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 5px ;}
  


#menu li a {color : #FE7600 ; text-decoration : none ;  background : url(images/ul.jpg) right bottom no-repeat; padding-right : 5px ;  padding-left : 5px ;}
#menu li a:hover {color : #003399 ; text-decoration : none }


li#menuexept a{color : #FE7600 ; text-decoration : none ;  background : url(images/no.jpg); padding-right : 5px ;  padding-left : 5px ;}
li#menuexept a:hover {color : #003399 ; text-decoration : none }


p {margin : 10px 15px 0 5px ; padding : O}

.couleur {color : #CC6633; font-weight : bold }

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

a:hover {
color : #FE7600; 
text-decoration : underline;}

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

a:hover.class1 {
color : #FE7600; 
text-decoration : underline ; }

a.class2 {
color : #FE7600; 
text-decoration : underline ; text-transform : uppercase ; font-size : 9px ; }

a:hover.class2 {
color : #FE7600; 
text-decoration :underline }

a.class3{
color : #FE7600; 
text-decoration : underline ; font-size : 14px ;}

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

a.index_actif {
color : #FFF; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 14px; font-weight : 
bold ; margin-left : 0}
html>body a.index_actif {margin-left : 3px}

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


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

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

.credits {
margin: 0;
padding: 0;
text-align : center;
font-family : "comic sans ms";
font-size : 9px;
font-weight : bold;
color : #000033;
}

#div1 {
	margin-left:20px;
	float : left;
	width:360px;
	height:274px;
}
#div2 {
	float : right;
	width:264px;
	height:274px;
	background-image: url(images/acces_kruth.jpg);
	background-repeat: no-repeat;
}