/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}
body {
background:#E99C51 url(design/background.jpg) repeat scroll center top;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: black;
height: 100%;
position: relative;
}
#body_2 {
background:transparent url(design/background_haut.gif) repeat-x scroll center top;
}
#conteneur {
position: relative;
width:780px;
margin: 0 auto;
text-align:left;
background: transparent;
}

/*---- bandeau -------*/
#bandeau {
position: relative;
}

#slogan {
position: absolute;
top: 25px;
right: 0px;
width: 200px;
font-size: .9em;
font-weight: bold;
color: #FDF2E8;
text-align: right;
}
h1#logo{
padding-top: 15px;
height: 69px;
margin-bottom: 15px;
}

/*---- menu -------*/
#menu {
height: 36px;
margin-bottom: 36px;
background: transparent url(design/menu_background.gif) 0 0 no-repeat;
}

#menu ul {
list-style-type: none;
font-size: .95em;
padding-top: 7px;
margin-left: 20px;
color: white;
}
#menu li {
display: inline;
padding-left: 2px;
font-size: 1em;
}
#menu li.lien_actif a {
color: #f7cfad;
}

#menu a {
color: white;
text-decoration: none;
margin-right: 4px;
}
#menu a:hover {
text-decoration: underline;
}

/*---- Droit -------*/
#droit {
float: right;
text-align: right;
}
#diapo {
margin-right: 3px;
}
#encart_droit {
margin-top: 10px;
margin-right: -1px;
}
#droit p {
text-align: center;
margin-bottom: 10px;
color: white;
}
.legende {
font-size: 1.1em;
font-weight: bold;
}

/*---- Texte -------*/
#texte {
position: relative;
float: left;
width: 450px;
background: transparent url(design/texte.gif) 0 0 repeat-y;
margin: 0px 0px 0 3px;
color: black;
}
#texte_haut {
background: transparent url(design/texte_haut.gif) 0 0 no-repeat;
height: 22px;
}
#texte_bas {
background: transparent url(design/texte_bas.gif) 0 0 no-repeat;
height: 23px;
}
#texte_big {
position: relative;
float: left;
width: 780px;
background: transparent url(design/texte_big.gif) 0 0 repeat-y;
margin: 0px 0px 0 0px;
color: black;
}
#texte_big_haut {
background: transparent url(design/texte_big_haut.gif) 0 0 no-repeat;
height: 36px;
}
#texte_big_bas {
background: transparent url(design/texte_big_bas.gif) 0 0 no-repeat;
height: 36px;
}
#texte h2, #texte_big h2 {
color: #465E14;
font-size: 1.1em;
line-height: 1.3em;
padding-right: 30px;
font-weight: bold;
border-bottom: 2px solid #465E14;
margin-right: 30px;
margin-left: 30px;
margin-bottom: 10px;
font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
}
#texte h3, #texte_big h3 {
margin-right: 30px;
margin-left: 30px;
margin-bottom: .5em;
padding-left: .5em;
padding-right: .2em;
font-size: .9em;
background:  #f2b681;
color: white;
}
#texte p, #texte_big p {
padding-bottom: 8px;
padding-top: 8px;
padding-right: 30px;
padding-left: 30px;
}
#texte a, #texte strong, #texte b {
color: #933300;
}
#texte_big a, #texte_big strong, #texte_big b {
color: #933300;
}
#texte a:visited, #texte_big a:visited {
text-decoration: underline;
color: #c35200;
}
#texte a:hover, #texte_big a:hover {
text-decoration: none;
}
#texte ul, #texte_big ul {
margin: 5px 15px 15px 45px;
font-size: .8em;
list-style-type:  square;
}
.center {
text-align: center;
}

#texte img.bordure {
border: 4px solid #ECBF92;
}
.floatleft{
float: left;
margin: 5px 10px 3px 20px;
}
.floatright{
float: right;
margin: 5px 20px 3px 10px;
}
.clear {
clear: both;
}


/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
clear: left;
color: white;
margin-top: 0;
padding-top: 5px;
text-align: left;
font-style: italic;
font-weight: bold;
}

#pied_page a{
color: white;
text-decoration: none;
}
#pied_page a:hover{
text-decoration: underline;
}

/*----------------------------------------------*/
/*---- album -------*/
/*----------------------------------------------*/
#album {
margin-top: 20px;
margin-left: 0px;
width: 520px;
border: 1px solid #e1e4ec;
}
#album2 {
margin-top: 20px;
margin-left: 20px;
width: 740px;
border: 1px solid #e1e4ec;
}
#album td, #album2 td{
vertical-align:bottom;
text-align: center;
border: 10px solid #f9dcc0;
background: #fae4cf;
}
#album td:hover,#album2 td:hover{
background: #fdf2e8;
}
#album img.photo, #album2 img.photo{
border: 1px solid #dfe0da;
}
#album .info, #album2 .info {
width: 130px;
overflow: hidden;
line-height: 1.2em;
}
#texte_big #album .info .titre, #texte_big #album2 .info .titre {
font-weight: bold;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
#texte_big #album .info .description {
margin: 5px 15px 8px 10px;
font-style: italic;
line-height: 1.1em;
}

/* multi page */
.multipage {
clear: both;
text-align: center;
padding-top: 15px;
}
#texte_big .multipage a, #texte_big .multipage strong{
border: 1px solid #e1e4ec;
background: white;
padding: 1px 4px;
text-decoration: none;
color: #d88107;
}
#texte_big .multipage a:hover{
border: 1px solid #e1e4ec;
background: #f9dcc0;
color: white;
}
.multipage strong{
background: #e5f1ff ;
}

/* Menu gauche */
#menu_gauche {
float: left;
width: 210px;
margin-top: 20px;
font-size: 1.1em;
}
#texte_big  #menu_gauche h2 {
font-size: .9em;
border: none;
padding-right: 3px;
}