/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/

/* Importation des feuilles de style spécial */
@import url(menu/style_menu.css);

* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}
body {
background: #ffefd5 url(design/background.gif) 0 0 repeat-x;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: #012011;
height: 100%;
position: relative;
}
#conteneur {
width:788px;
margin: 0 auto;
text-align:left;
}

/*---- bandeau -------*/
#bandeau {
position: relative;
height: 218px;
background: transparent url(design/palmier_caillou.jpg) 0 0 no-repeat;
}
#logo {
display: block;
position: absolute;
top: 6px;
right: 5px;
}
#diapo {
border-right: 1px solid #c9671e;
position: absolute;
top: 110px;
right: 0px;
width:503px;
height: 108px;
text-align: right;
}

/*---- menu -------*/
#dmenu {
background: white;
border-right: 1px solid #c9671e;
border-left: 1px solid #c9671e;
padding-top: 5px;
}

/*---- Texte -------*/
#texte {
background-color: white;
border-right: 1px solid #c9671e;
border-left: 1px solid #c9671e;

padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: .5em;
}
#texte h1 {
color: #c9661c;
font-size: 1.1em;
padding-bottom: 2px;
background: transparent url(design/h1_background.gif) left bottom no-repeat;
margin-bottom: 15px;
}
#texte h1 span{
color: #f8b65a;
font-size: 1.3em;
}
#texte h2 {
color: white;
font-size: 1em;
margin: 10px 0px 10px 0px;
padding-left: .2em;
padding-right: .2em;
font-weight: bold;
background-color: #f8b65a;
}
#texte h3 {
font-size: .9em;
margin: 10px 0px 10px 0px;
padding-left: .2em;
padding-right: .2em;
font-weight: bold;
}
#texte p {
padding-bottom: 15px;
}
#texte a, #texte strong, #texte b {
color: #c9661c;
}
#texte a:hover {
text-decoration: none;
}
#texte ul {
margin: 5px 15px 15px 45px;
font-size: .8em;
}
.center {
text-align: center;
}

#texte img.bordure {
border: 4px solid #ECBF92;
}
.floatleft{
float: left;
margin: 5px 10px 3px 13px;
}
.floatright{
float: right;
margin: 5px 13px 3px 10px;
}
.clear {
clear: both;
visibility: hidden;
}
#texte .liens li{
background: transparent url(design/link.png) 0 0 no-repeat;
padding-left: 20px;
padding-bottom: .2em;
list-style-type: none;
}
#texte .liens li a{
color: #87b0de;
}
#texte .telechargement li{
background: transparent url(design/server.png) 0 0 no-repeat;
padding-left: 20px;
padding-bottom: .2em;
list-style-type: none;
}
#texte .telechargement li a{
color: #f8b65a;
}


/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
border-right: 1px solid #c9671e;
border-left: 1px solid #c9671e;
color: #012011;
padding: 0 0 4px 4px;
background: white url(design/caillou.jpg) right bottom no-repeat;
height: 55px;
font-size: .85em;
}
#pied_page p{
padding-top: 34px;
}
#pied_page #pixell{
float: right;
padding-right: 135px;
color: #974D16;
}
#pied_page #pixell img{
position: relative;
top: 2px;
}
#pied_page a{
color: #974D16;
text-decoration: underline;
}
#pied_page a:hover{
text-decoration: none;
}
#pied_page #login{
border: 1px solid #F7A73C;
padding-left: .5em;
font-size: .9em;
width: 90px;
background: #FFF9F0;
color: #974D16;
}
#pied_page #submit{
position: relative;
top: 4px;
}
#pied_page_2 {
height: 24px;
background: white url(design/baspage_background.gif) left bottom repeat-x;
}

/*----------------------------------------------*/
/*---- Accueil -------*/
/*----------------------------------------------*/
#programme_accueil, #programme_accueil_gauche, #programme_accueil_droit {
float: left;
margin-top: 10px;
}
#programme_accueil_gauche {
margin-left: 8px;
}
#programme_accueil_droit {
margin-left: 10px;	
}
#programme_accueil {
margin-left: 12px;
width: 463px;
height: 298px;
background: #f8b65a;
border: 1px solid #974D16;
}
#texte #programme_accueil h1{
color: white;
font-size: 1.3em;
padding-left: .4em;
padding-top: .5em;
margin-bottom: .5em;
}
#en_savoir_plus {
float: right;
padding-top: 5px;
padding-right: 5px;
}