a.no_ul:link {font-size:16px; color: #000000; text-decoration: none;}
a.no_ul:visited {font-size:16px; color: #000000; text-decoration: none;}
a.no_ul:hover {font-size:16px; color: #FFFFFF; text-decoration: none;}

.yellowborder {
  border: 2px solid #FFFF11;
}
.redborder {
  border: 2px solid #FE000F;
}
.lightblueborder {
  border: 2px solid #00FFFF;
}
.lightyellowborder {
  border: 2px solid #FFFFA3;
}
.orangeborder {
  border: 2px solid #FF9832;
}
.blueborder {
  border: 2px solid #0C20FE;
}
.orange2border {
  border: 2px solid #FF6600;
}

.legende {
  color: #000000;
  font-weight: bold;
  font-size : 16px;
}

.legende-big {
  color: #000000;
  font-weight: bold;
  font-size : 20px;
}

/* layout */
#block1 {position:absolute; left:13px; top:77px; width:292px; height:211px; z-index:1}
#block2 {position:absolute; left:414px; top:77px; width:292px; height:211px; z-index:1}
#block3 {position:absolute; left:13px; top:302px; width:292px; height:211px; z-index:1}
#block4 {position:absolute; left:414px; top:302px; width:292px; height:211px; z-index:1}

#photo1 {position:absolute; left:41px; top:89px; width:234px; height:152px; z-index:2}
#photo2 {position:absolute; left:441px; top:89px; width:234px; height:152px; z-index:2}
#photo3 {position:absolute; left:41px; top:314px; width:234px; height:152px; z-index:2}
#photo4 {position:absolute; left:441px; top:314px; width:234px; height:152px; z-index:2}
#photoM {position:absolute; left:297px; top:216px; width:121px; height:170px; z-index:2}
#photoM2 {position:absolute; left:315px; top:487px; width:85px; height:62px; z-index:2}
#photoM3 {position:absolute; left:324px; top:83px; width:66px; height:91px; z-index:2}
#photoTitre1 {position:absolute; left:4px; top:4px; width:77px; height:65px; z-index:2}
#photoTitre2 {position:absolute; left:635px; top:4px; width:77px; height:65px; z-index:2}

#legende1 {position:absolute; left:41px; top:247px; width:238px; height:35px; z-index:2;text-align:center}
#legende2 {position:absolute; left:441px; top:247px; width:238px; height:35px; z-index:2;text-align:center}
#legende3 {position:absolute; left:41px; top:472px; width:238px; height:35px; z-index:2;text-align:center}
#legende4 {position:absolute; left:441px; top:472px; width:238px; height:35px; z-index:2;text-align:center}
#legendeM1 {position:absolute; left:297px; top:190px; width:125px; height:35px; z-index:2;text-align:center}
#legendeM2 {position:absolute; left:297px; top:395px; width:125px; height:50px; z-index:2;text-align:center}

#menuButton{
  position:absolute;left:15px;top:518px;width:140px;height:31px;padding:12px 0 0 48px;
  display:block;background-repeat:no-repeat;font-weight:bold;
}
#backButton{
  position:absolute;left:429px;top:518px;width:84px;height:43px;padding:0 48px 0 0;
  display:block;background-repeat:no-repeat;background-position:top right;
  font-weight:bold;text-align:center;
}
#fwdButton{
  position:absolute;left:564px;top:518px;width:84px;height:43px;padding:0 0 0 48px;
  display:block;background-repeat:no-repeat;
  font-weight:bold;text-align:center;
}

/* index */
body.index {background:url(images/index_bg.jpg);}
body.index #left{width:562px;}
body.index #right{
  position:absolute; top:19px; left:562px; width:134px; height:520px;
  border:2px solid #1BFFFF;
}

body.index #texte {padding-top:34px; text-align:center; font-weight:bold;}

body.index #links {margin:25px 0 0 100px; padding:0;}
body.index #links div {
  height:71px; padding:20px 0 0 110px;margin:0 0 6px 0;
  background-position:0 50%; background-repeat: no-repeat;
}
body.index #links div a {display:block; text-indent:-2000px; }
body.index #enfants-themes {background-image:url(images/index_etoile.png);}
body.index #enfants-themes a {width:135px; height:43px; background:url(images/index_txt_themes.png)}
body.index #enfants-themes a:hover {background:url(images/index_txt_themes_high.png)}
body.index #enfants-cdc {background-image:url(images/index_etoile_new.png);}
body.index #enfants-cdc a {width:253px; height:53px; background:url(images/index_txt_cdc.png)}
body.index #enfants-cdc a:hover {background:url(images/index_txt_cdc_high.png)}
body.index #enfants-videos {background-image:url(images/index_etoile.png);}
body.index #enfants-videos a {width:121px; height:43px; background:url(images/index_txt_videos.png)}
body.index #enfants-videos a:hover {background:url(images/index_txt_videos_high.png)}

body.index #texte-bas {margin-top:39px; text-align:center}
body.index #texte-bas div {display:inline-block;width:349px; height:40px; background:url(images/index_txt_bas.png);}

/* themes */
body.themes {background:url(images/pir_bg.jpg)}
body.themes #bouton1 {position:absolute; left:127px; top:66px; width:210px; height:210px; z-index:1}
body.themes #bouton2 {position:absolute; left:382px; top:66px; width:210px; height:210px; z-index:1}
body.themes #bouton3 {position:absolute; left:382px; top:294px; width:210px; height:210px; z-index:1}
body.themes #bouton4 {position:absolute; left:127px; top:294px; width:210px; height:210px; z-index:1}

body.themes #titre {position:absolute; left:104px; top:13px; width:513px; height:39px; z-index:1}
body.themes #texte1 {position:absolute; left:287px; top:120px; width:147px; height:39px; z-index:2}
body.themes #texte2 {position:absolute; left:302px; top:411px; width:116px; height:35px; z-index:2}
body.themes #photoG {position:absolute; left:16px; top:93px; width:91px; height:375px; z-index:1}
body.themes #photoD {position:absolute; left:608px; top:93px; width:91px; height:375px; z-index:1}
body.themes #photoM {position:absolute; left:233px; top:170px; width:249px; height:226px; z-index:2}
body.themes #photoMG {position:absolute; left:167px; top:252px; width:51px; height:61px; z-index:2}
body.themes #photoMD {position:absolute; left:497px; top:252px; width:51px; height:61px; z-index:2}
body.themes #texte1 {position:absolute; left:301px; top:122px; width:118px; height:38px; z-index:2}
body.themes #texte2 {position:absolute; left:313px; top:412px; width:92px; height:35px; z-index:2}
body.themes #soustitre {position:absolute; left:13px; top:516px; width:693px; height:36px; z-index:1}
body.themes #kids_fest {position:absolute; left:238px; top:245px; width:244px; height:65px; z-index:3}
body.themes #wanderBox {position:absolute; left:5px; top:5px; width:709px; height:557px; z-index:0}
body.themes #wanderObj {position:absolute; left:287px; top:449px; width:147px; height:77px;z-index:4}

body.themes #menuButton{width:195px;top:510px;}
body.themes #menuButton{background-image:url(images/pir_menu.jpg)}
body.themes #menuButton:hover{background-image:url(images/pir_menu_high.jpg)}

/* pirates */
body.pir {background:url(images/pir_bg.jpg)}
body.pir #block1 {background:url(images/pir_bout_1.jpg)}
body.pir #block2 {background:url(images/pir_bout_2.jpg)}
body.pir #block3 {background:url(images/pir_bout_3.jpg)}
body.pir #block4 {background:url(images/pir_bout_4.jpg)}
body.pir #menuButton{background-image:url(images/pir_menu.jpg)}
body.pir #menuButton:hover{background-image:url(images/pir_menu_high.jpg)}
body.pir #backButton{background-image:url(images/pir_back.jpg)}
body.pir #backButton:hover{background-image:url(images/pir_back_high.jpg)}
body.pir #fwdButton{background-image:url(images/pir_fwd.jpg)}
body.pir #fwdButton:hover{background-image:url(images/pir_fwd_high.jpg)}
/* quat'zarts */
body.arts{background:url(images/arts_bg.jpg)}
body.arts #block1 {background:url(images/arts_bout_1.jpg)}
body.arts #block2 {background:url(images/arts_bout_2.jpg)}
body.arts #block3 {background:url(images/arts_bout_3.jpg)}
body.arts #block4 {background:url(images/arts_bout_4.jpg)}
body.arts #menuButton{background-image:url(images/arts_menu.jpg)}
body.arts #menuButton:hover{background-image:url(images/arts_menu_high.jpg)}
body.arts #backButton{background-image:url(images/arts_back.jpg)}
body.arts #backButton:hover{background-image:url(images/arts_back_high.jpg)}
body.arts #fwdButton{background-image:url(images/arts_fwd.jpg)}
body.arts #fwdButton:hover{background-image:url(images/arts_fwd_high.jpg)}
/* autour du monde */
body.monde{background:url(images/monde_bg.jpg)}
body.monde #block1 {background:url(images/monde_bout_1.jpg)}
body.monde #block2 {background:url(images/monde_bout_2.jpg)}
body.monde #block3 {background:url(images/monde_bout_3.jpg)}
body.monde #block4 {background:url(images/monde_bout_4.jpg)}
body.monde #menuButton{background-image:url(images/monde_menu.jpg)}
body.monde #menuButton:hover{background-image:url(images/monde_menu_high.jpg)}
body.monde #backButton{background-image:url(images/monde_back.jpg)}
body.monde #backButton:hover{background-image:url(images/monde_back_high.jpg)}
body.monde #fwdButton{background-image:url(images/monde_fwd.jpg)}
body.monde #fwdButton:hover{background-image:url(images/monde_fwd_high.jpg)}
/* western */
body.west{background:url(images/west_bg.jpg)}
body.west #block1 {background:url(images/west_bout_1.jpg)}
body.west #block2 {background:url(images/west_bout_2.jpg)}
body.west #block3 {background:url(images/west_bout_3.jpg)}
body.west #block4 {background:url(images/west_bout_4.jpg)}
body.west #menuButton{background-image:url(images/west_menu.jpg)}
body.west #menuButton:hover{background-image:url(images/west_menu_high.jpg)}
body.west #backButton{background-image:url(images/west_back.jpg)}
body.west #backButton:hover{background-image:url(images/west_back_high.jpg)}
body.west #fwdButton{background-image:url(images/west_fwd.jpg)}
body.west #fwdButton:hover{background-image:url(images/west_fwd_high.jpg)}
/* autres */
body.autres{background:url(images/autres_bg.jpg)}
body.autres #block1 {background:url(images/autres_bout_1.jpg)}
body.autres #block2 {background:url(images/autres_bout_2.jpg)}
body.autres #block3 {background:url(images/autres_bout_3.jpg)}
body.autres #block4 {background:url(images/autres_bout_4.jpg)}
body.autres #menuButton{background-image:url(images/autres_menu.jpg)}
body.autres #menuButton:hover{background-image:url(images/autres_menu_high.jpg)}
body.autres #backButton{background-image:url(images/autres_back.jpg)}
body.autres #backButton:hover{background-image:url(images/autres_back_high.jpg)}
body.autres #fwdButton{background-image:url(images/autres_fwd.jpg)}
body.autres #fwdButton:hover{background-image:url(images/autres_fwd_high.jpg)}

/* Pavillon Royal */
body.pavillon {text-align:center;}
body.pavillon .container{margin:0 auto; width:720px; height:562px; text-align:left; background:url(images/pavillon_bg.jpg);}
body.pavillon #texte1 {position:absolute; top:10px; left:305px; width:400px; padding:5px 0 5px 5px; background:#F7002E; color:black; text-align:justify;}
body.pavillon #texte2 {position:absolute; top:457px; left:10px; width:400px; padding:5px 5px 5px 0px; background:#9C7139; color:#FFFFCC; text-align:justify;}
body.pavillon #logos {position:absolute; top:225px; left:210px; width:300px;}
body.pavillon #logos #logo-fp {float:left}
body.pavillon #logos #logo-pr {float:right}
body.pavillon #slogan {position:absolute; top:312px; left:210px; width:300px; text-align:center; color:#9C7139;}
body.pavillon #slogan1 {position:absolute; top:10px; left:10px; width:200px; color:#FFFFCC;}
body.pavillon #slogan1 .slideshow-container {width:170px; height:127px; border:2px solid black; margin-bottom:5px; background:url(images/diapos/pavillo/pavillon1.jpg)}
body.pavillon #slogan1 p {padding-left:5px}
body.pavillon #slogan2 {position:absolute; top:365px; left:10px; width:200px; line-height:1.7em; color:black;}
body.pavillon #slogan2 em {font-style:normal; color:#FFFFCC;}

body.pavillon a#lien-prop {
  position:absolute; left:595px; top:252px; padding:5px 10px;
  background:black; color:#9C7139; text-align:center;font-weight:bold; line-height:1.5em;
}
body.pavillon a#lien-prop:hover {
  text-decoration:none; color:#D59753;
}

body.pavillon a.lien-fleche {
  color:black; font-size:12px; font-weight:bold;
}
body.pavillon a.lien-fleche:hover {
  color:#373722;
}
body.pavillon #lien-themes {
  position:absolute; top:406px; left:570px; width:135px; height:45px;
  background:url(images/pavillon_fleche_big.gif) top left no-repeat;
}
body.pavillon #lien-themes a {
  position:absolute; top:14px; left:6px;
}
body.pavillon #lien-site-pr {
  position:absolute; top:456px; left:595px; width:91px; height:45px;
  background:url(images/pavillon_fleche_small_d.gif) top left no-repeat;
}
body.pavillon #lien-site-pr a {
  position:absolute; top:14px; left:10px;
}
body.pavillon #lien-retour {
  position:absolute; top:506px; left:595px; width:91px; height:45px;
  background:url(images/pavillon_fleche_small_g.gif) top left no-repeat;
}
body.pavillon #lien-retour a {
  position:absolute; top:14px; left:40px;
}