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

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

/*  SITE
********************************************************************/

#website {
text-align : left;
width : 1000px ; 
margin : 0 auto;
height:100%;
}
html>body .cont {
height : auto; 
min-height : 100%;
}

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

#header {
width : 1000px ; 
height : 302px ;
margin : 0 auto;
background : url(images/header1.jpg)
}

/*  MAIN
********************************************************************/ 
 
#main {
width : 1000px ;
margin : 0 auto;
text-align : left; 
background : #F4F4F1 url(images/main.jpg);
}

/*  SIDEBAR
********************************************************************/ 
 
#sidebar {
float : left ;  
width : 208px;
text-align : left; 
margin-left : 15px ; 
margin-top : 0; 
color : #1766A8 ;}
html>body #sidebar {margin-left : 30px ; margin-top : 0;}
 
#sidebar .background {
width : 208px;
padding : 20px 0 170px 0;
background : url(images/bg-sidebar.jpg) bottom no-repeat;
}

#sidebar ul {
margin : 0 0 15px 0 ;
padding : 0 25px 0 25px;
}

#sidebar ul li ul {
margin : 0 0 15px 0 ;
padding : 0 25px 0 5px;
}

#sidebar li {}

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

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

#sidebar .encart {
height : 30px;
margin-left : 15px;
background : #fff; 
margin : 0 14px 15px 17px; 
} 

#sidebar h3 {
margin : 0 ;
padding : 7px 0 0 10px; 
font-size : 14px;
}

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

#contenu {
float : left ;  
width : 716px;
margin : 0 0 0 15px;
padding : 0 0 50px 0;
}

#contenu img.fullimg {
margin:30px;
border:0;
}

#contenu p img, {
margin: 0 10px 10px 0;
float:left;
}

#contenu .quote {
font-style: italic;
}

/*  CONTENU >> ENCART
********************************************************************/

#contenu .encart {
height : 80px; 
padding : 0 2px 0 150px ; 
margin : 0 20px 0 0 ; 
}

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

#contenu .encart p {
color : #1766A8; 
margin : 0 15px 0 0px ;
 }

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

/*  SITE
********************************************************************/



h2 {
margin : 10px 20px 0 5px ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
background :  url(images/hr.jpg) bottom repeat-x ;
font-size : 13px;
color : #224187;
}
 
/* AUTRES
********************************************************************/

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

.info {
color : #00800A; 
text-decoration : none ; 
}

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

.cadre {
margin:25px;
padding:10px;
color:#137DBA;
border:1px #AA4455 solid;
width:90%;
font-size:12px;
}

.pre {
padding: 10px;
margin: 10px;
border:2px #0009FF dashed;
color:black;
}

table.gallery {
color:red;
}

table.form {
width:100%;
}

/*  FOOTER
********************************************************************/ 
 
#footer {
width : 1000px ; 
height : 88px ;
background-image : url(images/footer.jpg);
}

#footer p {
text-align:center;
}

#copy {
border : 0; 
margin : -30px 0 0 30px; 
height : 30px; 
}

#ref {
border : 0; 
margin : 0 0 0 30px; 
color:black;
font-size : 7pt;
}

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

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

/*  TOUT
********************************************************************/ 

ul {
list-style : none ;
}

input, textarea, select {
color:#137DBA;
border:1px #8899AA solid;
}