/* Rev: 19.06.10 */

/* General */

body {
background-image: url(../Pictures/fond.jpg);
background-repeat:repeat-x; 
background-color: #fff9e9;
}

#page{
width: 850px;
margin: 0px auto;
border: 0px;
padding: 0px;
}

#header{
background-image: url(../Pictures/header.gif);
height: 226px;
margin: 0px;
margin-bottom: 2px;
border: 0px;
padding: 0px;
}

#wrapper{
background-image: url(../Pictures/fond.jpg);
background-repeat: repeat-x;
background-position: top;
width: 846px;
margin: 0px;
border: 2px solid #B7C8F6;
padding: 0px;
}

#container{
background-image: url(../Pictures/ligne.gif);
background-repeat: repeat-y;
background-position: left;
width: 846px;
margin: 0px;
border: 0px;
padding: 0px;
}

#leftcontainer{
float: left;
width: 188px;
top: 0px;
left: 0px;
margin: 0px;
border: 0px;
border-right: 2px solid #B7C8F6;
padding: 15px;
}

#rightcontainer{
position: relative;
float: right;
right: 0px;
width: 626px;
margin: 0px;
margin-top: 0px;
border: 0px;
padding: 0px;
}

#noel{
position: relative;
width: 600px;
height: 320px;
margin: 0px;
border: 0px;
padding: 10px 0px;
}

#pagetitle{
position: relative;
height: 50px;
margin: 0px;
border: 0px;
padding: 10px 0px;
}

#main{
padding: 0px 25px;
border: 0px;
margin: 0px;
}

#footer{
margin: 0px;
margin-top: 2px;
border: 2px solid #B7C8F6;
padding: 0px;
padding-left: 50px;
}

.footcol{
float: right;
width: 240px;
top: 0px;
margin: 0px;
boder: 0px;
padding: 0px 20px;
padding-top: 25px;
text-align: center;
}

.clearing{
height: -1px;
clear:both;
margin: 0px;
border: 0px;
padding: 0px;
}

.del-link {
text-decoration: none;
border: 0px;
}

.link{
text-decoration: underline;
cursor: hand;
}

.space{
width: 1px;
height: 1px;
}

/* Typographie */
h1 {
font-family: comic sans ms, arial, helvetica;
font-size: 100px;
font-weight: normal;
color: blue;
}
h2 {
font-family: comic sans ms, arial, helvetica;
font-size: 50px;
font-weight: normal;
color: blue;
}
h3.ombre{
position: absolute;
top: 5px;
right: 44px;
font-family: "comic sans ms";
font-size: 40px;
text-align: right;
color: blue;
margin: 0px;
border: 0px;
padding: 0px;
}
h3{
font-family: "comic sans ms";
font-size: 40px;
text-align: right;
color: #DEB887;
margin: 0px;
border: 0px;
padding: 0px; 
padding-right: 40px;
}
h4 {
font-family: comic sans ms, arial, helvetica;
font-size: 25px;
font-weight: normal;
color: blue;
}
H6{
background-image: url(../Pictures/double_fleche.gif);
background-position: left;
background-repeat: no-repeat;
position: relative;
width: 300px;
margin-top: 15px;
margin-bottom: 25px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 45px;
font-family: "comic sans ms";
font-size: 20px;
font-weight: bold;
color: #00f;
text-align: left;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #F00;
}

/* Page index */
#global {
position:absolute;
background-color: transparent;
left: 50%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -200px; /* moitié de la hauteur */
margin-left: -350px; /* moitié de la largeur */
}
#photo1 {
position: absolute;
margin-top: 165px; 
margin-left: 440px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo2 {
position: absolute;
margin-top: 115px; 
margin-left: 490px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo3 {
position: absolute;
margin-top: 160px; 
margin-left: 380px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo4 {
position: absolute;
margin-top: 245px; 
margin-left: 190px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo5 {
position: absolute;
margin-top: 200px; 
margin-left: 20px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo6 {
position: absolute;
margin-top: 110px; 
margin-left: 195px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#photo7 {
position: absolute;
margin-top: 20px; 
margin-left: 350px; 
border-style: solid; 
border-width: 2px; 
border-color:#000;
}
#titre1 {
position: absolute;
margin-top: -30px;
margin-left: 20px;
}
#titre2 {
position: absolute;
margin-top: 30px;
margin-left: 55px;
}
#titre3 {
position: absolute;
margin-top: 5px;
margin-left: 100px;
}
#ombretitre1 {
position: absolute;
margin-top: -25px;
margin-left: 25px;
color: #DEB887; 
}
#ombretitre2 {
position: absolute;
margin-top: 35px;
margin-left: 60px;
color: #DEB887; 
}
#ombretitre3 {
position: absolute;
margin-top: 8px;
margin-left: 103px;
color: #DEB887; 
}
#ombrelien-index {
position: absolute;
margin-top: 328px;
margin-left: 563px;
color: #DEB887; 
font-weight: bold;
}
#lien-index {
position: absolute;
margin-top: 325px;
margin-left: 560px;
font-family: comic sans ms, arial, helvetica;
font-size: 25px;
font-weight: bold;
text-decoration: none;
color: blue;
}

#message{
background-color: red;
width: 800px;
font-family: Arial;
font-size: 25px;
color: white;
text-align: center;
padding: 20px 20px;
}

/*Divers*/
p{
text-align: left;
line-height: 22px;
font-family: "comic sans ms";
font-size: 15px;
font-weight: normal;
color: #00F;
margin: 0px;
border: 0px;
padding: 0px;
}
p.center{
text-align: center;
}
p.right{
text-align: right;
}

p.marge{
padding-left: 50px;
}



.lettrine{
padding-left: 50px;
font-size: 25px;
font-weight: bold;
color: red;
}

/* header */
#papillon {
position : absolute;
margin-top: 0px;
margin-left: 200px;
}
#headertitre1 {
position: absolute;
margin-top: 25px;
margin-left: 40px;
}
#headertitre2 {
position: absolute;
margin-top: 85px;
margin-left: 75px;
}
#headertitre3 {
position: absolute;
margin-top: 70px;
margin-left: 100px;
}
#headerombretitre1 {
position: absolute;
margin-top: 31px;
margin-left: 45px;
color: #DEB887; 
}
#headerombretitre2 {
position: absolute;
margin-top: 91px;
margin-left: 80px;
color: #DEB887; 
}
#headerombretitre3 {
position: absolute;
margin-top: 74px;
margin-left: 103px;
color: #DEB887; 
}
#headerimg1 {
position: absolute;
width: 120px;
height: 80px;
margin-top: 60px;
margin-left: 650px;
border: 2px solid #000;
}
#headerimg2 {
position: absolute;
width: 100px;
height: 60px;
margin-top: 38px;
margin-left: 690px;
border: 2px solid #000;
}
#headerimg3 {
position: absolute;
width: 80px;
height: 120px;
margin-top: 45px;
margin-left: 620px;
border: 2px solid #000;
}
#headerimg4 {
position: absolute;
width: 120px;
height: 90px;
margin-top: 90px;
margin-left: 510px;
border: 2px solid #000;
}
#headerimg5 {
position: absolute;
width: 120px;
height: 90px;
margin-top: 60px;
margin-left: 425px;
border: 2px solid #000;
}
#headerimg6 {
position: absolute;
width: 120px;
height: 90px;
margin-top: 20px;
margin-left: 520px;
border: 2px solid #000;
}
#headerimg7 {
position: absolute;
width: 120px;
height: 90px;
margin-top: 75px;
margin-left: 320px;
border: 2px solid #000;
}

#corps{
position: relative;
background: url(../Pictures/SP-Corps.jpg) no-repeat;
width: 572px;
height: 450px;
margin: 0;
border: 0;
padding: 0;
}

#pompier1 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 110px;
left: 47px;
}

#pompier2 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 120px;
left: 96px;
}

#pompier3 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 128px;
left: 152px;
}

#pompier4 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 120px;
left: 190px;
}

#pompier5 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 120px;
left: 235px;
}

#pompier6 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 110px;
left: 273px;
}

#pompier7 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 108px;
left: 315px;
}

#pompier8 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 116px;
left: 350px;
}

#pompier9 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 116px;
left: 390px;
}

#pompier10 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 105px;
left: 415px;
}

#pompier11 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 105px;
left: 457px;
}

#pompier12 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 240px;
left: 164px;
}

#pompier13 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 242px;
left: 249px;
}

#pompier14 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 232px;
left: 370px;
}

#pompier15 {
position: absolute;
background: url(../Pictures/select.gif) no-repeat;
top: 223px;
left: 459px;
}


#pp {
position: absolute;
background-image: url(../Pictures/vignettepompier.gif);
width: 250px;
height: 190px;
top: 40px;
left: 20px;
}

#ppc {
position: absolute;
background-image: url(../Pictures/vignettecapo.gif);
width: 250px;
height: 190px;
top: 40px;
left: 20px;
}

#ppcf {
position: absolute;
background-image: url(../Pictures/vignettecapochef.gif);
width: 250px;
height: 190px;
top: 40px;
left: 20px;
}

#pps {
position: absolute;
background-image: url(../Pictures/vignettesergent.gif);
width: 250px;
height: 190px;
top: 40px;
left: 20px;
}

#ppm {
position: absolute;
background-image: url(../Pictures/vignettemajor.gif);
width: 250px;
height: 190px;
top: 40px;
left: 20px;
}