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

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #1766A8;
background : url(images/bgall.gif) center top repeat-x;
}

/*  WEBSITE
********************************************************************/

#website {
position : relative ; 
text-align : center;
width : 880px ; 
margin : 0 auto; 
height:100%; 
background: url(images/bgfond.gif) no-repeat;}
html>body #website {height : auto; min-height : 100%;  }

/*  HEADER
********************************************************************/

#header {
width : 762px ; 
height : 346px ;
margin : 0 auto; 
background-image : url(images/header.gif);
}

/*  MENU
********************************************************************/
 
#menu {
margin :0;
padding : 0 ; 
list-style : none ;
height : 27px;
text-align: left;
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
padding-top : 315px;
margin-left :50px;
font-size : 12px; 
overflow : hidden}
html>body #menu { margin-left :45px;  }
 
#menu li{
float : left ;
margin-left : 0 ;
padding-top : 5px ;
}
  
#menu li a {
color : #E3BC30 ; 
text-decoration : none ;  
background : url(images/ul.jpg) right bottom no-repeat; 
padding-right : 5px ;  
padding-left : 5px ;
}

#menu li a:hover {
color : #fff ; 
text-decoration : none
}

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

li#menuexept a:hover {
color : #E3BC30 ; 
text-decoration : none 
}
 
/*  MAIN
********************************************************************/
 
#main {
width : 762px ;
margin : 0 auto; 
text-align : left; 
background : url(images/main.gif) repeat-y;
}

/*  SIDEBAR
********************************************************************/ 
 
#sidebar {
float : left ;  
width : 190px;
text-align : left; 
margin-left : 15px ; 
color : #1766A8 ;
padding : 25px 0 0 0 ;  
} html>body #sidebar {margin-left : 30px ; margin-top : 0;}


#sidebar ul {
margin :0;
padding : 0 15px 0 20px ; 
list-style : none ; 
}

#sidebar li.url {
margin : 5px 0 20px 0 ;
padding : 0;
display : block ; 
}

#sidebar li.url a{
text-decoration : underline ; 
color : #1766A8;
text-transform : uppercase
}

#sidebar li.url a:hover {
text-decoration : none ; 
}

#sidebar li.website  {
border-bottom : 1px dotted #1766A8 ;
display : block ; 
padding : 0 0 5px 0 ;
 margin : 0 0 5px 0; 
}

#sidebar li.website  a {
text-decoration : none ;
color : #1766A8 ; 
font-weight : bold ; 
}

#sidebar li.website  a:hover  {
text-decoration : underline ;
}

/*  CONTENU
********************************************************************/

#contenu {
float : left ;  
width : 480px;
margin-left : 15px;
padding : 0 ; 
}

#contenu #presentation {
float : left;
width : 265px;
height : 110px ;
padding : 30px 0 0 0; 
}

#contenu #presentation .intro {
width : 300px ; 
color : #1766A8; 
margin : 0 15px 0 0px ;
display : inline;
}

#contenu a {
color : #FF3600
}

#contenu a:hover {
text-decoration : none
}

#logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px
}

/*  CONTENU >> Paragraphes avec puces
********************************************************************/

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

.pboot span.couleur {
color : #FF3600; 
font-weight : bold
}

/*  TITRES
********************************************************************/

h1 {
font-size : 12px; 
color : #224187 ; 
margin : 10px 0 0 0 ;
padding : 0 0 10px 0;
text-transform : uppercase ;
background : url(images/hr.gif) bottom left repeat-x; 
}

h2 {
margin : 0 0 0 5px ;
padding : 20px 0 10px 0; 
font-size : 12px;
text-transform : uppercase ;
color : #224187 ; 
background : url(images/hr.gif) bottom left repeat-x; 
}
 
h3 {
margin : 10px 0 10px 25px ;
padding : 0; 
font-size : 12px;
}
 
/*  PARAGRAPHES
********************************************************************/ 

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

/*  SPACER
********************************************************************/ 

.spacer {
clear : both; 
height : 1px ; 
}

/*  FOOTER
********************************************************************/ 
 
#footer {
width : 762px ; 
height : 110px ;
margin : 0 auto; 
background-image : url(images/footer.jpg);
}

/*  COPY
********************************************************************/ 

#copy {
margin : 0 0 20px 0 ;
padding : 0 ;
position : absolute ;
bottom : -10px ;
left :34% ;
color : #1766A8 
}

#copy a {
color : #1766A8
}

#copy a:hover {
text-decoration : none ; 
}