/* couleur de fond */

body {background:#faeda5;}

/* réglages des polices */

h1 {font:16pt verdana, helvetica, sans-serif; margin:10px 0px 12px 12px; text-align:left; color:#FFCC33;}
h2 {font:14pt verdana, helvetica, sans-serif; margin:0 0 0 15px; text-align:left; color:#06631c;}
h3 {font:10pt verdana, helvetica, sans-serif; margin:0 0 0 15px; text-align:left; color:#000000;}
h4 {font:12pt verdana, helvetica, sans-serif; margin:0 0 0 0; text-align:center; color:#06631c;}
h5 {font:10pt verdana, helvetica, sans-serif; margin:0 0 0 0; text-align:center; color:#000000;}
h6 {font:12pt verdana, helvetica, sans-serif; margin:0 0 0 0; text-align:left; color:#06631c;}
h7 {font:10pt verdana, helvetica, sans-serif; margin:0 0 0 0; text-align:left; color:#000000;}


p {font:10pt verdana, sans-serif; margin:0 0 0 0; text-align:center; color:#000000;}
a {font:10pt verdana, sans-serif; color:#06631c; text-decoration:none; }

ul {margin:20px 0 0 -25px; list-style-type:none;}
li a {font:10pt verdana, sans-serif; color:#06631c; text-decoration:none; }
li p {font:10pt verdana, sans-serif; margin: 0 0 0 0; color:#000000; text-decoration:none; }

/* éléments permanents */

#contenu {position:absolute; left: 50%; width : 886px; height : 800px; margin-left: -445px; margin-top : -10px; background-image:url(images/fond.jpg); }

#header {width : 701px; height : 116px; margin-top : 13px; }
#capsule {width: 115px; height: 116px; background-image:url(images/capsule.jpg);}
#onglets {width: 586px; height : 44px; margin-left : 115px; margin-top : -72px;}

#accueil {width: 82px; height: 24px;}
#videos {width: 105px; height: 24px; margin-left:82px; margin-top:-24px;}
#inutile {width: 84px; height: 24px; margin-left:187px; margin-top:-24px;}
#asso {width: 126px; height: 24px; margin-left:271px; margin-top:-24px;}
#liens {width: 96px; height: 24px; margin-left:397px; margin-top:-24px;}
#livre {width: 93px; height: 44px; margin-left:493px; margin-top:-24px;}

#taches {width : 248px; height : 482px; margin-left: 701px; margin-top : -42px; background-image:url(images/taches.gif);}
#logo {width : 248px; height : 482px; margin-left: 300px; margin-top : -42px; background-image:url(images/logo.jpg);}

/* mise en page des vignettes (pages videos, fonds d'écran, envers du décor, etc) */

.calage-etage {width : 460px; height : 200px;}
.etage {width : 230px; height : 200px; margin-top: 10px;}
.image-video {width : 204px; height : 154px; margin-left: 11px; border:solid; border-width:2px; border-color:#006633;}


/* --------------- pages principales ----------------- */

/* mise en page du contenu de la page "accueil" */

#tx-accueil {width : 425px; margin-left : 140px; margin-top : -480px; }
#compteur {position : absolute; width : 105px; height: 27px; margin-left : 20px; margin-top: 450px; text-align : center;}
#fond-compteur {position : absolute; width: 109px; height: 105px; margin-left : 18px; margin-top : 430px; background-image:url(images/fond-compteur.jpg);}
#foudingue-fut {width : 201px; height : 464px; margin-left: 616px; margin-top: -458px; background-image:url(images/fdg-fut.jpg);}

.demi-tx {width : 210px; }

#signature {margin-top : 50px; border : solid; border-width : 2px; border-color : #06631c; border-left-style : none; border-right-style : none; text-align : center;}
#signature2 {margin-top : 50px; border : none; border-width : 2px; border-color : #06631c; border-left-style : none; border-right-style : none; text-align : center;}

/* page "videos" */

#contenu-videos {width : 510px; height : 500px; margin-left:115px; margin-top : -484px;}
#foudingue-drapeau {width : 299px; height : 456px; margin-left: 574px; margin-top: -442px; background-image:url(images/fdg-drapeau.jpg);}
#contenu-com {width : 500px; height : 1000px; margin-left:85px; margin-top : 20px;}


/* page "adherants" */

#flashcarrousel {width : 1000px; height : 700px; margin-left:-220px; margin-top : 0px;}
#burger {width : 1000px; height : 700px; margin-left: -230px; margin-top: -150px;}
#contenu-com {width : 500px; height : 1000px; margin-left:85px; margin-top : 20px;}


/* page type video flash (projecteur) */

.flashvideo {width : 402px; height : 450px; margin-left:50px; margin-top:25px;}
#fdg-proj {width:266px; height:455px; margin-left:629px; margin-top:-458px; background-image:url(images/fdg-proj.jpg);}

/* page "inutile" */

#calage {width:861px; height:462px; margin-left: 41px; margin-top: -475px;}
#artifice {position:absolute; width : 175px; height : 262px; margin-left: 330px; margin-top: 0px;}
#decor {position:absolute; width : 167px; height : 398px; margin-left: 0px; margin-top: 52px;}
#ecran {position:absolute; width : 163px; height : 210px; margin-left: 167px; margin-top: 52px;}
#photos {position:absolute; width : 356px; height : 232px; margin-left: 505px; margin-top: 30px;}
#amelie {position:absolute; width : 304px; height : 200px; margin-left: 167px; margin-top: 262px;}
#jeux {position:absolute; width : 122px; height : 200px; margin-left: 471px; margin-top: 262px;}

/* page "association" */

#tx-asso {width : 410px; margin-left : 320px; margin-top : -457px;}
#foudingue-equilibre {width : 262px; height : 426px; margin-left: 59px; margin-top: -443px; background-image:url(images/fdg-equilibre.jpg);}
#video-youtube {width : 262px; height : 426px; margin-left: 0px; margin-top: 0px; text-align:center}

/* page "liens" */

#tracteur {width : 329px; height : 296px; margin-left: 541px; margin-top: -352px; background-image:url(images/tracteur.jpg);}
#tx-liens {width : 425px; margin-left : 140px; margin-top : -418px;}

/* page "livre d'or" */

#livredor {width : 400px; height : 500px; margin-left:200px; margin-top : -467px;}
#contenu-livredor {position : absolute; width : 450px; height : 350px; margin-top : -15px; background-image:url(images/fond.jpg); }

/* --------------- rubriques "inutile" ----------------- */


/* page "feux d'artifice" */

#tx-feu {width : 410px; margin-left : 140px; margin-top : -411px; }
#foudingue-feu {width : 290px; height : 354px; margin-left: 579px; margin-top: -411px; background-image:url(images/fdg-feu.jpg);}

/* page "photos" */

.photo-portrait {width : 133px; height : 200px; margin-left: 48px; border:solid; border-width:2px; border-color:#006633;}
.photo-paysage {width : 200px; height : 133px; margin-left: 15px; margin-top: 35px; border:solid; border-width:2px; border-color:#006633;}
#foudingue-photo {width : 262px; height : 357px; margin-left: 603px; margin-top: -395px; background-image:url(images/fdg-photo.jpg);}

/* page "jeux" */

#tx-jeux {width : 425px; margin-left : 140px; margin-top : -420px;}
#foudingue-jeux {width : 248px; height : 402px; margin-left: 583px; margin-top: -409px; background-image:url(images/fdg-jeux.jpg);}

/* page "fonds d'écran" */

.etage-fond {width : 230px; height : 234px; margin-top: 10px;}
#contenu-ecran {width : 460px; height : 500px; margin-left:115px; margin-top : -480px;}
#foudingue-ecran {width : 320px; height : 398px; margin-left: 600px; margin-top: -388px; background-image:url(images/fdg-ecran.jpg);}
.tx-video {width : 230px; text-align:center;}

/* page "envers du décor" */

#contenu-decor {width : 460px; height : 500px; margin-left:115px; margin-top : -487px;}
#foudingue-decor {width : 333px; height : 380px; margin-left: 581px; margin-top: -393px; background-image:url(images/fdg-decor.jpg);}

/* page "devenez acteur" */

#foudingue-acteur {width : 215px; height : 383px; margin-left: 626px; margin-top: -418px; background-image:url(images/fdg-pantin.jpg);}

/* page "amelie" */

#foudingue-amelie {width : 215px; height : 383px; margin-left: 626px; margin-top: -418px; background-image:url(images/fdg-pantin.jpg);}
#tx-amelie {width : 620px; margin-left : 0px; height : 440px; margin-top : -400px;}