* {
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
background: #fffbde;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #BD2831;
}
img {
border: none;
}
#page {
width: 784px;
}
#entete {
position: absolute;
top: 0;
left: 0;
width: 680px;
height: 110px;
padding: 10px 0 0;
border-top: 2px ridge #BD2831;
border-left: 2px ridge #BD2831;
border-right: 2px ridge #BD2831;
}
#logo_pnrfo {
position: absolute;
width: 132px;
height: 100px;
text-align: center;
}
#forum {
position: absolute;
left: 548px;
width: 132px;
height: 100px;
background: url("img/logoetangs.png") no-repeat center;
}
#banniere {
position: absolute;
left: 132px;
width: 416px;
height: 74px;
background: url("img/banniere.png");
}
#menuDeroulant {
position: absolute;
top: 84px;
z-index: 2;
left: 132px;
background: #BD2831;
text-align: center;
color: #FFFFCC;
font-weight: bold;
font-size: 0.85em;
width: 416px;
height: 26px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li {
float: left;
width: 104px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
display: block;
height: 1%;
color: #FFFFCC;
margin: 0;
padding: 6px 0 2px 4px;
text-decoration: none;
}
#menuDeroulant li a:hover {
color: yellow;
}
#menuDeroulant .sousMenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 140px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
text-align: left;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
display: block;
color: #FFFFCC;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("img/fond_menu.png") repeat;
}
#menuDeroulant .sousMenu li a:hover {
background-image: none;
background-color: #BD2831;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#portfolio {
float: right;
width: 100px;
padding: 75px 0 0;
line-height: 0;
}
#contenu {
float: left;
width: 680px;
min-height: 480px;
margin-top: 120px;
padding: 10px 0;
border-left: 2px ridge #BD2831;
border-right: 2px ridge #BD2831;
background: url("img/bonde.png") no-repeat bottom right;
}
#berg {
margin: 0px;
padding: 0px;
text-align: center;
}
#apropos {
line-height: 16px;
float: right;
width: 100px;
padding: 10px 0 0;
text-align: center;
}
#pied {
float: left;
width: 680px;
height: 50px;
padding: 20px 0 0;
border-left: 2px ridge #BD2831;
border-right: 2px ridge #BD2831;
border-bottom:  2px ridge #BD2831;
background: #F7DBB5;
}
#logo_region {
float : left;
width: 100px;
height: 50px;
text-align: center;
}
#centrehaut {
float : left;
width: 470px;
height: 25px;
background: #D68673;
text-align: center;
color: #FFFFCC;
font-weight: bold;
}
#logo_cg10 {
float: right;
width: 110px;
height: 50px;
text-align: center;
}
#centrebas {
float : left;
width: 470px;
height: 25px;
background: #BD2831;
text-align: center;
color: #FFFFCC;
font-weight: bold;
}
.index {
list-style-type: none;
margin: 0;
padding: 5px;
}
.index li {
display: inline;
}
.index a {
margin: 0 2px;
color: #FFFFCC;
text-decoration: none;
}
.index a:hover {
text-decoration: underline;
}
.t1 {
margin: 10px 20px 10px;
padding : 3px 10px;
font-family: Arial,Helvetica,sans-serif;
font-size : 1.2em;
font-weight: bold;
background-color : #f7dfb5;
}
.t2 {
margin: 10px 30px 10px;
font-size : 1em;
font-weight: bold;
}
.t2gros {
margin: 10px 30px 10px;
font-size : 1.2em;
font-weight: bold;
}

.t3 {
margin: 10px 30px 10px;
font-family:Arial,Helvetica,sans-serif;
font-style: italic;
color: #088210;
}
.date {
margin: 10px 30px 10px;
font-family: 'Trebuchet MS','Lucida Grande',Arial,sans-serif;
font-weight: bold;
color: #088210;
}
.png {
text-align: center;
margin: 30px 0;
}
.lien {
margin: 0 30px 10px;
text-align: justify;
font-size: 0.85em;
list-style-type: none;
padding: 5px;
}
.lien a {
margin: 10px 30px 10px;
font-family: 'Trebuchet MS','Lucida Grande',Arial,sans-serif;
font-weight: bold;
color: #088210;
text-decoration: none;
}
.lien a:hover{
text-decoration: underline;
}
.ap {
color: #bd2831;
text-decoration: none;
font-style: italic
}
.ap:hover{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: #088210; /* Le lien sera écrit en vert quand on pointera dessus */
}

p {
margin: 0 30px 10px;
text-align: justify;
text-indent: 20px;
font-size: 0.85em;
}
.guide {
font-size: 0.85em;
font-style: italic;
}
.credits {
font-size: 0.75em;
font-style: italic;
text-align: right;
}
.conteneur {
width: 100%;
background-color: yellow;
}
.imageDroite {
float: right;
margin: 0 30px 10px;
}
.imageGauche {
float: left;
margin: 0 10px 30px;
}