body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #fff;
font-family : arial;
font-size : 12px;
}

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

#site {
position : relative;
width : 792px; 
margin : 0 auto ; 
}

/* MENU HAUT
*****************************************************************/

#first-menu {
width : 100%; 
height : 50px ;
background : #fff url(images/titre.gif) no-repeat left;
}

#first-menu ul {
float : right; 
margin : 0; 
padding : 20px 0 0 0 ; 
list-style : none
}

#first-menu li {
float : left; 
margin : 0;  
padding : 0 10px 0 10px ;
background : #fff url(images/sep_haut.gif) left no-repeat;
}

#first-menu li:first-child {
background : none ;  
}

#first-menu li a{
color : #0A284E;
text-decoration : none;
}

#first-menu li a:hover {
text-decoration : none;
color : #9B856C;
}

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

#header {
width : 100%; 
height : 191px ;
background : #fff 
}

/* MENU PRINICIPALE
*****************************************************************/

#menu {
margin : 5px 0 0 0;
width : 100%; 
height : 22px ;
background : #0A284E url(images/nav.gif);
} html>body #menu { height: auto; min-height:  22px;}

#menu ul{
margin : 0; 
padding : 0; 
list-style : none;
}

#menu li{
float : left;
}

#menu li a {
display : block;
padding : 2px 20px 0 20px;
margin :  0 ;
color : #fff;
text-decoration : none;
background :  url(images/sep.gif) right 4px no-repeat;
}

#menu li a:hover {
color : #ccc;
}

/* MAIN 
*****************************************************************/

#main {
width : 100%; 
background : #FAFAFA url(images/bg.gif);
text-align : left;
height : 470px;  }
html>body #main {height: auto; min-height:  470px;}


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

#contenu {
float : left ;
width : 540px;
color : #0A284E;
font-size : 10px;
}

#contenu h1 {
padding : 10px 0 10px 15px;
margin : 0;
font-family : georgia, arial
}

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

/* DEBUT DU CONTENU
*****************************************************************/


#bloc_texte_image {
float : left ;
width : 208px;
margin : 0 0 0 20px;
}


#bloc_texte_image ul {
margin : 5px 0 0 0;
padding : 0; 
list-style : none;
font-size : 10px
}

#bloc_texte_image li {
padding : 0; 
margin : 3px 0 0 0; 
}

#bloc_texte_image li a {
height : 13px; 
display : block;
text-decoration : none;
color : #0A284E;
background : url(images/liste.gif) left no-repeat; 
text-indent : 10px; 
}

html>body #bloc_texte_image li a {
height: auto; 
min-height:  13px;
}

#bloc_texte_image li a:hover {
text-decoration : none;
color : #9B856C;
}

#bloc_texte_image img {
margin : 20px 0 0 0;
padding : 0;
border : 1px solid #274163;
display : block;
}

#bloc_texte_image p {
margin : 0;
padding : 0;
color : #fff;
background : #274163;
text-indent : 10px;
}


/* MENU ARTICLES
*****************************************************************/

#menu-article {
padding : 20px 0 0 0 ; 
height : 17px ; 
clear : left ;
}

.boot {
margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #fff ; 
padding : 4px; 
color : #0D294E;
font-weight : bold; 
font-family : times;
font-size : 14px;
height : 23px;
}

.boot_002 {
margin : -10px 0 0 73px; 
position : absolute;
display : block;
background : #fff ; 
border : 4px solid #fff; 
padding : 0 0 0 0; 
color : #0D294E; 
height : 13px;
font-size : 10px
}

.boot_002 a {
text-decoration : underline; 
}

/* ARTICLES
*****************************************************************/


#articles {
width : 100% ; 
background : #fff;
font-size : 10px;
overflow : auto ;
padding : 0 0 5px 0;
clear : left ; }

#articles p { margin : 0}

#articles img{
float : left ; display : block }

.img_conf {
border : 4px solid #0A284E ; 
margin : 10px 10px 0 30px ; 
display : block
}


/* ARTICLES >> bloc 1
*****************************************************************/

#bloc-articles-001 {
width : 260px;
margin : 10px 0 0 0; 
padding : 0 0 0 0; 
float : left ;
text-align : justify;
}

/* ARTICLES >> bloc 2
*****************************************************************/

#bloc-articles-002 {
width : 250px; 
margin : 10px 0 0 15px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify;
}


/* ARTICLES >> autres
*****************************************************************/

.titre-articles {  
background : #fff ; 
float : left;  
background : #fff ; 
width : 250px; 
height : 45px ; }
html>body .titre-articles {height: auto; min-height:  45px;}

.titre-articles img {
float : left
}

.titre-articles h3 {
margin : 0 ; 
padding : 0 0 0 50px; 
color : #0A284E;
}

.titre-articles p {
margin : 0 ; 
padding : 0 0 0 50px;
}


/* FOOTER
*****************************************************************/

#footer {
background : url(images/footer.gif) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
height : 13px; 
padding : 0 0 20px 0;
color : #fff;
text-align : left;
font-size : 10px;
 }
 
#footer p{
padding : 2px 0 0 15px
}

#footer a{
color : #fff
}

#footer a:hover{
color : #ccc
}

/* LIENS
*****************************************************************/

a {text-decoration : none; color  : #000}
a:hover {text-decoration : none; color : #0A284E;}


.link a{
float : right ; 
padding : 0 ; 
margin : 0 ; 
color : #886C4E ; 
text-decoration : underline;
}