* {
padding: 0px;
margin: 0px;
}

body , * html body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background: url(../Images/BG.jpg) top;
}

p {
margin: 0 0 1em 0;
}

#Global {
top:0px;
left:0px;
width: 990px;
margin: auto;
position:relative;
display : block;
background: url(../Images/Fond.jpg) no-repeat  top;
background-color: #94b945;
}

#NosEnfantsChantentPourLaPlanete {
top:0px;
left:0px;
width: 800px;
height : 158px;

}
#DirectEnergieHaut {
top:0px;
left:800px;
width: 190px;
height : 158px;
position:relative;
display : block;
}

h1 {
top:5px;
left:62px;
width : 900px;
height : 30px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
position:relative;
display : block;
color:#fff;
}

h2{
top:15px;
left:100px;
width : 300px;
height : 24px;
font-family: Comic Sans, Comic Sans MS, cursive;
font-weight: bold;
font-size: 20px;
position:relative;
display : block;
color:#e24747;
}

.h2 {
top:15px;
left:85px;
width : 320px;
height : 24px;
font-family: Comic Sans, Comic Sans MS, cursive;
font-weight: bold;
font-size: 15px;
position:relative;
display : block;
color:#e24747;
}


a.thickbox, a.thickbox:visited {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color:#fff;
}
a.thickbox:hover{
text-decoration : none;
}

#IntroTickbox {
visibility: hidden; 
height : 0px;
position:relative;
display : block;
}
#IntroTickboxBG {
top:0px;
left:0px;
width: 876px;
height : 291px;
position:relative;
display : block;
background: url(../Images/PopUpIntro.png) no-repeat  top;
}
#IntroTickboxClose {
top:18px;
left:800px;
width: 60px;
height : 16px;
position:relative;
display : block;
}
#IntroTickboxDirectEnergie {
top:142px;
left:368px;
width: 260px;
height : 110px;
position:relative;
display : block;
}

#ProtectionEnvironnement {
visibility: hidden; 
height : 0px;
position:relative;
display : block;
}
#XavierCaitucoliWin {
top:0px;
left:0px;
width: 676px;
height : 320px;
position:relative;
display : block;
background: url(../Images/XavierCaitucoliWin.jpg) no-repeat  top;
z-index: 100;
}
#ProtectionEnvironnementDirectEnergie {
top:280px;
left:425px;
width: 142px;
height : 15px;
position:relative;
display : block;
}


#Spacer30 {
padding :30px;
position:relative;
display : block;
clear: both;
}
#Spacer10 {
padding :10px;
position:relative;
display : block;
clear: both;
}
#Spacer6 {
padding :6px;
position:relative;
display : block;
clear: both;
}
#Spacer5 {
padding :5px;
position:relative;
display : block;
clear: both;
}
#Spacer3 {
padding :3px;
position:relative;
display : block;
clear: both;
}

#Navlinks {
top:-95px;
left:0px;
width : 110px;
height : 70px;
position:relative;
display : block;

}

a.NavLink, a.NavLink:visited {
font-family: Comic Sans, Comic Sans MS, cursive;
font-weight: bold;
font-size: 15px;
font-style: oblique;
color:#000;
margin: 20px 0px 0px 0px;
text-decoration :none;
}
a.NavLink:hover {
color: #fff;
text-decoration :none;
}

#Accueil {
top:110px;
left:70px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}


#Acheter {
top:40px;
left:214px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}

#Telecharger {
top:-30px;
left:366px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}

#Regarder {
top:-100px;
left:514px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}

#EnParler {
top:-170px;
left:660px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}

#FaireUnDon {
top:-240px;
left:806px;
width : 110px;
height : 70px;
position:relative;
display : block;
text-align:center;
}

#CahierLigne {
top:0px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierLigne.jpg) no-repeat  top;
}
#CahierAccueil1 {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierAccueil1.jpg) no-repeat  top;
}
#CahierAccueil2 {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierAccueil2.jpg) no-repeat  top;
}
#CahierVide {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierVide.jpg) no-repeat  top;
}

#CahierVideo {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierVideo.jpg) no-repeat  top;
}

#CahierAcheter {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierAcheter.jpg) no-repeat  top;
}

#CahierEnParler {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierEnParler.jpg) no-repeat  top;
}
#CahierFaireUnDon {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierFaireUnDon.jpg) no-repeat  top;
}
#CahierLexique {
top:37px;
left:65px;
width: 866px;
height : 563px;
position:relative;
display : block;
background: url(../Images/CahierLexique.jpg) no-repeat  top;
}

#CahierGauche {
top:0px;
left:0px;
width: 433px;
height : 563px;
position:relative;
display : block;
}
#CahierDroit {
top:-563px;
left:433px;
width: 433px;
height : 563px;
position:relative;
display : block;
}
.TextBlanc10 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#fff;
font-size: 10px;
text-decoration :none;
}
.TextBlanc12 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#fff;
font-size: 12px;
text-decoration :none;
}
.TextBlanc14 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#fff;
font-size: 14px;
text-decoration :none;
}
.TextBlanc16 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#fff;
font-size: 13px;
text-decoration :none;
}
.TextBlanc18 {
font-family: Comic Sans, Comic Sans MS, cursive;
font-weight: bold;
color:#fff;
font-size: 18px;
text-decoration :none;
}
.TextJaune16 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ffdd00;
font-size: 16px;
line-height:16px;
text-decoration :none;
font-weight: none;
}
.TextJaune24 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ffdd00;
font-size: 24px;
text-decoration :none;
}
.TextJaune34 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ffdd00;
font-size: 34px;
text-decoration :none;
}
.TextBleu8 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 8px;
line-height:11px;
text-decoration :none;
}
.TextBleu10 {
font-family: Arial;
color:#2e378d;
font-size: 11px;
line-height:10px;
text-decoration :none;
}
.TextBleu11 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 11px;
line-height:15px;
text-decoration :none;
}
.TextBleu12 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 12px;
text-decoration :none;
}
.TextBleu12Gras {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-weight : bold;
font-size: 12px;
text-decoration :none;
}
.TextBleu14 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 14px;
text-decoration :none;
}
.TextBleu16 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 16px;
line-height:22px;
text-decoration :none;
}
.TextBleu24___ {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 24px;
line-height:35px;
text-decoration :none;
font-weight :bold;
}
.TextBleu24 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#2e378d;
font-size: 15px;
line-height:35px;
text-decoration :none;
font-weight :bold;
}

.TextRouge16 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ea1c24;
font-size: 16px;
line-height:16px;
text-decoration :none;
}
.TextRouge16 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ea1c24;
font-size: 16px;
line-height:16px;
text-decoration :none;
}
.TextRouge20 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ea1c24;
font-size: 20px;
line-height:20px;
text-decoration :none;
}
.TextRouge24 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ea1c24;
font-size: 24px;
line-height:24px;
text-decoration :none;
}
.TextRouge40 {
font-family: Comic Sans, Comic Sans MS, cursive;
color:#ea1c24;
font-size: 37px;
line-height:50px;
text-decoration :none;
}


a.NormalLink, a.NormalLink:visited {
color: #ff3399;
font-size: 14px;
text-decoration: none;
font-weight : bold;
}
a.NormalLink:hover {
text-decoration: underline;
}

#FootClipChansons {
top:75px;
left:195px;
width: 100px;
height : 76px;
position:relative;
display : block;
}
#FootGuideRoutard {
top:30px;
left:388px;
width: 96px;
height : 38px;
position:relative;
display : block;
}
#FootGreenQuiz{
top:-2px;
left:489px;
width: 98px;
height : 20px;
position:relative;
display : block;
}

#FootPlaneteUrgence{
top:-45px;
left:593px;
width: 94px;
height : 60px;
position:relative;
display : block;
}

#AddThis {
top:-60px;
left:720px;
width: 125px;
height : 16px;
position:relative;
display : block;
}

#DroitAuteur {
top:-50px;
left :110px;
width: 800px;
height : 45px;
position:relative;
display : block;
background-color: #94b945;
}
#LinkBox{
top : -36px;
width : 990px;
height : 10px;
position: relative;
display : block;
text-align: center;
color: #ffffff;
font-size: 16px;
text-decoration: none;
font-weight :bold;
background-color: #94b945;
}

a.BottomLink, a.BottomLink:visited {
color: #ffffff;
font-size: 15px;
text-decoration: none;
font-weight :bold;
}
a.BottomLink:hover {
text-decoration: underline;
}

#FooterBox{
top : -20px;
position: relative;
margin: auto;
width : 990px;
height : 10px;
text-align: right;
color: #fff;
background-color: #94b945;
}

#StudioLoecsen {
display: inline;
margin : 0px 10px 0px 0px;
color: #ffffff;
}

a.StudioLoecsen, a.StudioLoecsen:hover, a.StudioLoecsen:visited {
color: #ffffff;
font-size: 11px;
text-decoration: none;
}

.clearer {
clear: both;
}

a.MySpace , a.MySpace:visited {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#fff;
font-size: 12px;
text-decoration :none;
}
a.MySpace:hover {
text-decoration: underline;
}