html, body {
height: 100%; /* Vérifie que le document prends bien la totalité de la page */
margin: 0; /* supprime toutes les marges éventuelle afin d'éviter l'affichage d'éventuelles scrollbars. */
padding: 0; /* supprime tous les padding éventuels afin d'éviter l'affichage d'éventuelles scrollbars. */
text-align:center;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

a {
  color: #000;
}
a:hover {
  text-decoration: none;
}
a img {
  border:0;
}

div#positionnement {
visibility: hidden;
width: 100%;
height: 50%; /* Place la div contenue à 50% de la page en partant du haut */
margin-top: -285px; /* La moitié de la hauteur de la div contenue */
float: left;
}

div#page {
width: 921px;
height: 570px;
clear: both;
margin: 0 auto;

/*
*
* Infos: IE4 n'accepte pas les marges négative
* On centre donc verticalement mais le contenu du haut sera 'mangé' si le navigateur est trop minimisé.
*
*/
position: relative;
top: -285px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}


/* Cas spéciaux bannières */
.avec-banniere div#positionnement {
  margin-top: -340px;
}
.avec-banniere div#page {
  top: -340px;
  height: 671px;
}


/*
*
* Info: IE5mac interprète les marges négatives comme positives. Il n'est pas possible de centrer verticalement, on place donc la div en haut de page
*
*
*
*/

/* Cache la div qui centre verticalement \*//*/
div#positionnement {
display: none;
}
html, body {
height: auto;
}
/* fin du hack */


/* Haut de page */
#top{
  position:relative;
  float:left;
  z-index:20;
}

#top img {
  float:left;
  margin: 10px 10px 0px 10px;
  border:none;
}

#top ul#menu-top {
margin:2px 5px 0 0;
padding:0;
float:right;
list-style:none;
width:704px !important;
width:712px;
height:89px;
}

#top ul#menu-top li {
  list-style:none;
  display:block;
  float:left;
  width:88px;
  height:89px;
}

#top ul#menu-top li a {
  text-decoration:none;
  display:block;
  float:left;
  width:88px;
  height:102px;
  text-align:center;
  color:#000;
  border-bottom: 3px solid #fff;
}

#top ul#menu-top li a span {
  display:block;
  margin-top:70px;

  text-align:center;
  font-size:0.7em;
}


/* Menu 1 : Credito */

#top ul#menu-top li#menu1 a {
  background: #fff url(../images/menu.jpg) no-repeat 0 0;
}

#page-credito #top ul#menu-top li#menu1 a{
  border-bottom: 3px solid #f9b600;
}

#top ul#menu-top li#menu1 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat 0 -139px;
  color:#dd970f;
}


/* Menu 2 : Publicité */

#page-publicite #top ul#menu-top li#menu2 a {
  border-bottom: 3px solid #b1187b;
}

#top ul#menu-top li#menu2 a {
  background: #fff url(../images/menu.jpg) no-repeat -90px 0;
}

#top ul#menu-top li#menu2 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -90px -139px;
  color:#c4147c;
}


/* Menu 3 : Dans la presse */

#page-presse #top ul#menu-top li#menu3 a {
  border-bottom: 3px solid #b1c800;
}

#top ul#menu-top li#menu3 a {
  background: #fff url(../images/menu.jpg) no-repeat -180px 0;
}

#top ul#menu-top li#menu3 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -180px -139px;
  color:#7c8c04;
}


/* Menu 4 : Faites votre film */

#page-film #top ul#menu-top li#menu4 a {
  border-bottom: 3px solid #01799D;
}

#top ul#menu-top li#menu4 a {
  background: #fff url(../images/menu.jpg) no-repeat -270px 0;
}

#top ul#menu-top li#menu4 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -270px -139px;
  color:#01799d;
}


/* Menu 5 : Les goodies */

#page-goodies #top ul#menu-top li#menu5 a,
#page-smileys #top ul#menu-top li#menu5 a,
#page-ecards #top ul#menu-top li#menu5 a,
#page-fondsecran #top ul#menu-top li#menu5 a {
  border-bottom: 3px solid #e2001a;
}


#top ul#menu-top li#menu5 a {
  background: #fff url(../images/menu.jpg) no-repeat -360px 0;
}

#top ul#menu-top li#menu5 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -360px -139px;
  color:#c10419;
}


/* Menu 6 : La boutique */

#boutique #top ul#menu-top li#menu6 a {
  border-bottom: 4px solid #f29400;
}

#top ul#menu-top li#menu6 a {
  background: #fff url(../images/menu.jpg) no-repeat -450px 0;
}

#top ul#menu-top li#menu6 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -450px -139px;
  color:#c47902;
}


/* Menu 7 : Les sites Cetelem */

#page-sites #top ul#menu-top li#menu7 a {
  border-bottom: 3px solid #009232;
}

#top ul#menu-top li#menu7 a {
  width:92px;
  background: #fff url(../images/menu.jpg) no-repeat -540px 0;
}

#top ul#menu-top li#menu7 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -540px -139px;
  color:#017d2c;
}


/* Menu 8 : Programme Oxygène */

#programme-oxygene #top ul#menu-top li#menu8 a {
  border-bottom: 3px solid #009de0;
}

#top ul#menu-top li#menu8 a {
  width:92px;
  background: #fff url(../images/menu.jpg) no-repeat -628px 0;
}

#top ul#menu-top li#menu8 a:hover {
  background: #fff url(../images/menu.jpg) no-repeat -628px -139px;
  color:#046087;
}




/* Menu 9 : Vidéos surprises */

#videos-surprises #top ul#menu-top li#menu9 a {
  border-bottom: 3px solid #E26727;
}




li#credito-puce a {
  border-left: 12px solid #f9b600;
  padding-left:7px;
  font-weight:bold;
}


li#pub-puce a {
  border-left: 12px solid #b1187b;
  padding-left:7px;
  font-weight:bold;
}

li#presse-puce a {
  border-left: 12px solid #b1c800;
  padding-left:7px;
  font-weight:bold;
}

li#film-puce a {
  border-left: 12px solid #01799D;
  padding-left:7px;
  font-weight:bold;
}

li#goodies-puce a {
  border-left: 12px solid #e2001a;
  padding-left:7px;
  font-weight:bold;
}

li#boutique-puce a {
  border-left: 12px solid #f29400;
  padding-left:7px;
  font-weight:bold;
}


li#videos-surprises-puce a {
  border-left: 12px solid #E26727;
  padding-left:7px;
  font-weight:bold;
}

li#sites-puce a {
  border-left: 12px solid #009232;
  padding-left:7px;
  font-weight:bold;
}

li#oxygene-puce a {
  border-left: 12px solid #009de0;
  padding-left:7px;
  font-weight:bold;
}




/* Corps de page */

#contenu {
  position:relative;
  top:16px !important;
  top:0;
  float:left;
  width:921px;
  height:431px;
  background: none;
}
#index #contenu {
  background:url(../images/ciel.jpg) no-repeat top left;
}

#index #reglage-son {
   clear: both;
   float: right;
   font-size: .8em;
}

#index #contenu .videossurprises {
  display:block;
  width:186px;
  height:108px;
  position:absolute;
  top:27px;
  left:0;
}

#index #contenu .nouveauxfilms {
  display:block;
  width:181px;
  height:225px;
  position:absolute;
  top:32px;
  left:0;
}

#index #contenu .concours {
  position:absolute;
  top:148px;
  left:10px;
}

#index #contenu .credito-paquerettes {
  left:131px;
  position:absolute;
  top:328px;
  width:130px;
  height:81px;
}



#international #contenu {
  background:url(../images/international.jpg) no-repeat top left;
}

/*
  credito de gauche

*/

#page {
  background:url(../images/credito/credito-stylo.jpg) no-repeat bottom left;
}

#international #page,
#index #page {
  background:none;
}
#page-credito #page {
  background:url(../images/credito/credito1.jpg) no-repeat bottom left;
}
#page-publicite #page {
  background:url(../images/credito/credito2.jpg) no-repeat bottom left;
}
#page-presse #page {
  background:url(../images/credito/credito3.jpg) no-repeat bottom left;
}

#page-credito-paquerettes #page {
  background:url(../images/credito/credito-jeu.jpg) no-repeat bottom left;
}

#page-film #page {
  background:url(../images/credito/credito4.jpg) no-repeat bottom left;
}
#page-goodies #page,
#page-smileys #page,
#page-ecards #page,
#page-fondsecran #page {
  background:url(../images/credito/credito5.jpg) no-repeat bottom left;
}

#videos-surprises #page {
  background:url(../images/credito/credito-videos.jpg) no-repeat bottom left;
}

#page-sites #page {
  background:url(../images/credito/credito7.jpg) no-repeat bottom left;
}
#programme-oxygene #page {
  background:url(../images/credito/credito10.jpg) no-repeat bottom left;
}
#boutique #page {
  background:url(../images/credito/credito9.jpg) no-repeat bottom left;
}
#produit #page {
  background:url(../images/credito/credito-boutique.jpg) no-repeat bottom left;
}







#contenu h2 {
  position:absolute;
  top:157px;
  right:647px;
  text-indent:-9999px;
  z-index:3;
  width:220px;
  height:50px;
}






#bloc-rubrique {
  position:absolute;
  margin-top:8px;
  left:0;
  width:283px;
  height:144px;
  color:#fff;
  text-align:left;
}

#bloc-rubrique p {
  line-height : 120%;
  font-size:1em;
  padding:10px;
}

/* Couleur bloc description des rubriques */

#page-credito #bloc-rubrique {
  background:#fab700;
}
#page-credito-paquerettes #bloc-rubrique,
#page-publicite #bloc-rubrique {
  background:#b1187b;
}

#page-presse #bloc-rubrique {
  background:#b1c800;
}

#page-film #bloc-rubrique {
  background:#01799d;
}

#page-goodies #bloc-rubrique,
#page-ecards #bloc-rubrique,
#page-smileys #bloc-rubrique,
#page-fondsecran #bloc-rubrique {
  background:#e2001a;
}

#videos-surprises #bloc-rubrique {
  background:#e26727;
}

#page-sites #bloc-rubrique {
  background:#009232;
}

#programme-oxygene #bloc-rubrique {
  background:#0e7dc5;
}

#page-boutique #bloc-rubrique {
  background:#F28E00;
}


#contenu-droit {
  margin-top:8px;
  position:absolute;
  left:283px;
  width:638px;
  height:431px;
  color:#fff;
  text-align:left;
  z-index:2;
  background-color: #335E33;
}


#international #contenu-droit {
  background:none;
}


#plan-du-site #contenu-droit a {
  color:black;
}


#plan-du-site .message {
  padding-bottom:20px;
}

/* par defaut : fond herbe simple */
#contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito-vide.jpg) no-repeat top left;
}
#boutique #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito-blanc.jpg) no-repeat top left;
}

#videos-surprises #contenu-droit{
  background:#335E33 url(../images/fonds/fondcredito-videos.jpg) no-repeat top left;
}

#boutique #contenu-droit.produit {
  background:#335E33 url(../images/fonds/fondcredito-accboutique2.jpg) no-repeat top left;
}


#concours #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito-concours2.jpg) no-repeat bottom left;
}

#page-credito-paquerettes #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito-jeu.jpg) no-repeat bottom left;
}

/*
#page-goodies #contenu-droit,
.generique #contenu-droit,
#programme-oxygene #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito-vide.jpg) no-repeat top left;
}
*/

#page-credito #contenu-droit, #plan-du-site #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito1.jpg) no-repeat top left;
}
#page-presse #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito3.jpg) no-repeat top left;
}
#page-sites #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito7.jpg) no-repeat top left;
}
#page-fondsecran #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito5.jpg) no-repeat top left;
}
#page-smileys #contenu-droit,
#page-ecards #contenu-droit {
  background:#335E33 url(../images/fonds/fondcredito10.jpg) no-repeat top left;
}


div#illustration-gauche {
  float:left;
  width:299px;
  height:431px;
  background:url(../images/illust1.gif) no-repeat bottom left;
}

div#credito {
  position:absolute;
  z-index:100;
  width:434px;
  height:431px;
  left:240px;
  background:url(../images/wink-credito.gif) no-repeat bottom left;
}

div#oeil {
  position:absolute;
  z-index:1;
  width:69px;
  height:120px;
  left:183px;
  top:60px;
  background:url(../images/oeilcredito.gif) no-repeat bottom left;
}

ul#langues-site {
  z-index:100;
  position:absolute;
  top:15px;
  right:47px;
  list-style:none;
}

ul#langues-site li{
  list-style:none;
  float:left;
}

ul#langues-site li a{
  margin-right:5px;
  display:block;
  height:22px;
  width:50px;
  line-height:22px;
  float:left;
  color:#fff;
  border-top: 4px solid #b1c800;
  font-size:0.7em;
  text-decoration:none;
}

ul#langues-site li a:hover{
border-top: 4px solid #fff;
}

div#texte-home p{
  text-indent:-9999px;
  padding-right: 15px;
}
#texte-home h3 {
  text-indent:-9999px;
}

.big1 {
  font-size:1.4em;
}

.big2 {
  font-size:1.9em;
  font-weight:bold;
}


#footer {
  width:100%;
  float:left;
  margin-top:15px !important;
  margin-top:0;
  height:40px;
  line-height:40px;
  text-align:center;
}

#footer span {
 clear:both;
}

#footer a {
  font-size:0.6em;
  color:#000;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#formulaire-contact {
  text-align:left;
  margin:0px;
  padding:5px 10px;
  color:#fff;
}

#formulaire-contact h2 {
  margin:0;
  padding:0;
}

#formulaire-contact span {
  float:left;
  width:185px;
  height:48px;
  margin:0 5px;
  padding:3px 5px;
  font-size:0.8em;
  background:url(../images/forms/fondcell.gif) no-repeat center left;
}

#formulaire-contact span.champsemail,#formulaire-contact span.champsemail2 ,#formulaire-contact span.champsemail3 {
  float:left;
  width:220px;
  height:48px;
  margin:0 5px;
  padding:3px 5px;
  font-size:0.8em;
  background:url(../images/forms/fondcell3.gif) no-repeat center left;
}

#formulaire-contact span.apercumessage {
  float:left;
  width:397px;
  height:76px;
  margin:0 5px;
  padding:10px 10px 0 10px;
  font-size:0.8em;
  color: #fff;
  background:url(../images/forms/fondcell2.gif) no-repeat center left;
}


#formulaire-contact h4 {
  float:left;
  width:97%;
  padding:10px 0 0px 8px;
  margin: 0;
  color:#047f01;
}


#formulaire-contact form, #formulaire-contact fieldset { border:0;margin:0;padding:0; border:none;}
label { display:block; margin:3px 0 0 3px;}
#formulaire-contact input { width:160px;font:12px/12px; color:#333;background:#cdf4b3;border:1px solid #266a0f; }
#formulaire-contact span.champsemail input { width:200px;color:#333;background:#cdf4b3;border:1px solid #266a0f; }
#formulaire-contact input:focus, #formulaire-contact input.sfocus { color:#fff;background:#038d01;border:1px solid #fff; }

input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }


div.errMsg {
  color:#F00;
}

#formulaire-contact div.errMsg {
  color:#fac9c9;
}


div#credito-mail {
  position:absolute;
  right:-40px;
  top:300px;
  width:151px;
  height:300px;
  background:transparent url(../images/creditomail.gif) no-repeat bottom right;
}

body#envoi-ami {
  margin:0;
  padding:0;
  background: url(../images/fonds/mail.jpg) no-repeat center center fixed;
}

.clear {
  clear:both;
}

/* */
fieldset {
  border:1px solid #ccc;
  padding:1ex;
}
legend {
  padding:0 1ex;
  margin:1ex 1ex 0 1ex;
}

/* boutique */

#boutique #contenu-droit,
#boutique #contenu-droit a {
  color: #000;
}

#produits-eboutique {
  list-style-type:none;
}
#page-boutique fieldset p {
  clear:left;
}
#page-boutique fieldset span.label,
#page-boutique fieldset label {
  width:20ex;
  float:left;
}
#page-boutique fieldset p.radio label {
  width:auto;
  float:none;
  display:inline;
}
#page-boutique fieldset #bloc-choix-newsletter label {
  width:80%;
}

/* Scrollbar Credito dans la presse */

.holder {
  position:absolute;
  left:5px;
  top:13px;
  margin: 10px;
}

.holder2 {
  position:absolute;
  left:60px;
  top:7px;
  margin: 10px;
}


.holder3 {
  position:absolute;
  left:270px;
  top:160px;
  margin: 10px;
}

.holder4 {
  position:absolute;
  left:236px;
  top:38px;
  margin: 10px;
}

.holder5 {
  position:absolute;
  left:16px;
  top:16px;
  margin: 10px;
}

.holder6 {
  left:150px;
  top:90px;
  font-size:0.8em;
  color:#000;
  position:absolute;
  margin: 10px;
}


.holder7 {
  left:140px;
  top:70px;
  color:#000;
  position:absolute;
  margin: 10px;
}


#page-sites .scroll-pane {
  height:190px;
  width: 290px;
  overflow: auto;
  float: left;
  color:#000;
}

#fleur1 {
  position:absolute;
  top:20px;
  left:55px;
}

#fleur2 {
  position:absolute;
  bottom:30px;
  left:125px;
}

#fleur3 {
  position:absolute;
  top:245px;
  right:0px;
}

#fleur4 {
  position:absolute;
  top:247px;
  right:35px;
}

#fleur5 {
  position:absolute;
  top:210px;
  right:5px;
}

#page-fondsecran #description-fondsecran {
  background:#fff;
  margin-top:8px;
  position:absolute;
  top:90px;
  left:26px;
  width:184px;
  text-align:left;
  color:#000;
  z-index:2;
  font-size:0.7em;
}



#page-smileys #description-fondsecran,
#page-ecards #description-fondsecran {
  background:#fff;
  margin-top:8px;
  position:absolute;
  top:40px;
  left:26px;
  width:184px;
  text-align:left;
  color:#000;
  z-index:2;
  font-size:0.7em;
}



#page-ecards img.img-vertical {
  background:#fff;
  margin-top:8px;
  position:absolute;
  top:220px;
  left:60px;
  z-index:2;
}

#page-ecards img.img-horizontal {
  background:#fff;
  margin-top:8px;
  position:absolute;
  top:220px;
  left:35px;
  z-index:2;
}



#description-fondsecran h3{
  color:#D71F27;
  text-transform:uppercase;
  margin:0 5px;
  font-size:1.2em;
  margin-bottom:5px;
}

#description-fondsecran p{
  margin:5px 5px;
}

#page-ecards #description-fondsecran p,
#page-smileys #description-fondsecran p{
  font-size:1.2em;
}


#description-fondsecran ul {
margin:0 5px 0 5px;
}

ul.instructions-smileys li,
#description-fondsecran ul li {
list-style:none;
padding-left:13px;
background: url(../images/puces/puce1.gif) no-repeat 0 4px;
}

ul.instructions-smileys {
margin:10px 0;
}

#page-smileys .scroll-pane {
  font-size:0.8em;
}


p.telecharger{
float:right;
margin:10px 0 !important;
margin:5px 0;

font-size:0.9em;
}

p.telecharger a {
display: block;
text-decoration:none;
padding:2px 0 0 25px;
width:144px;
height:24px;
background: url(../images/forms/telecharger.gif) no-repeat 0 0px;
}

#page-ecards .scroll-pane,
#page-smileys .scroll-pane,
#page-fondsecran .scroll-pane {
  height:280px;
  width: 350px;
  overflow: auto;
  background: #fff;
  float: left;
  color:#000;
}


#page-credito .scroll-pane, #plan-du-site .scroll-pane {
  height:300px;
  width:280px;
  overflow: auto;
  background: #fff;
  float: left;
  color:#000;
}

#concours .scroll-pane,
#boutique .scroll-pane {
  height:381px;
  width: 587px;
  overflow: auto;
  float: left;
  color:#000;
}

#boutique #contenu-scroll p{
  margin: 0px 15px 5px 15px;
}

#boutique #contenu-scroll h3,
#boutique #contenu-scroll h4,
#boutique #contenu-scroll h5
{
  display:block;
  margin: 15px 15px 0px 15px;
}

ul.liste-smileys {
  margin:0;
  clear:both;
}

ul.liste-smileys li {
  text-align:center;
  list-style:none;
  float:left;
  width:23px;
  height:23px;
  margin:0 5px;
}

ul.liste-smileys li img {
  margin-top:3px;
}

ul.liste-smileys li span {
  display:block;
  text-indent:-9999px;
}

#page-fondsecran .scroll-pane ul li {
  text-align:center;
  float:left;
  width:165px;
  list-style:none;
}

#page-fondsecran .scroll-pane ul li ul{
  clear:left;
}

#page-fondsecran .scroll-pane ul li ul li{
  width:48px;
  margin: 0 2px 6px 2px;
  padding:0;
  font-size:0.7em;
  text-align:center;
}


#page-ecards .scroll-pane h3{
  margin:0 0 5px 0;
  padding:0;
}

#page-ecards .scroll-pane h4{
  padding:0 5px;
  margin:0 0 5px 0;
  border-bottom:1px solid #000;
  color:#000;
}


#page-ecards .scroll-pane ul#Goodies li {
  text-align:center;
  list-style:none;
  float:left;
  width:100px;
  height: 120px;
  margin:0 5px 5px 0;
}
#page-ecards .scroll-pane ul#Goodies li.horizontal {
  height: 80px;
}

#page-ecards .scroll-pane ul#Goodies li a{
  text-decoration:none;
}

#page-ecards .scroll-pane ul#Goodies li a img{
  border:1px solid #000;
}

#page-ecards .scroll-pane {
  font-size:0.8em;
}

.scroll-pane {
  width: 295px;
  overflow: auto;
  background: #fff;
  float: left;
  height: 390px;
  color:#000;
}

#reglement .scroll-pane {
  width: 508px;
}



#reglement #contenu-droit ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0 0 0 28px;
}

#reglement #contenu-droit h3,
#reglement #contenu-droit h4,
#reglement #contenu-droit h5{
color:#F29400;
display:block;
margin:15px 15px 15px 0;
padding:0 15px;
}

#reglement #contenu-scroll p{
  padding:15px;
}


#videos-surprises .scroll-pane {
  width: 142px;
  height:362px;
}

#videos-surprises .scroll-pane ul {
  width: 115px;
  margin:0 auto;
  list-style:none;
  padding:0;
}

#videos-surprises .scroll-pane li {
  float:left;
  clear:both;
  margin:0;
  width:115px;
  padding:6px 0 0 0;
}
#videos-surprises .scroll-pane li dl img{
  clear:both;
}
#videos-surprises .scroll-pane li dl,
#videos-surprises .scroll-pane li dd{
  clear:both;
  float:left;
  width:115px;
  padding:0;
  margin:0;
}
#videos-surprises .scroll-pane li dd{
  font-size:0.7em;
  clear:both;
  color:#E26727;
}

#videos-surprises .scroll-pane li dd a,
#videos-surprises .scroll-pane li dd a:active{
  font-weight:bold;
  color:#E26727;
  text-decoration:none;
}

#videos-surprises .scroll-pane li dd a:hover{
  text-decoration:underline;
}

#pane2 {
overflow:hidden;
}

.creditoscroll .jScrollPaneTrack {
  width:18px;
  background: #9cc73b;
}

.creditoscroll .jScrollPaneDrag {
  background:  #fff url(../images/scroll/lignes.gif) no-repeat center center;
  border:1px solid #9cc73b;
}

.creditoscroll .jScrollPaneDragTop {
  background: url(osx_drag_top.gif) #fff no-repeat;
  height: 6px;
}

.creditoscroll .jScrollPaneDragBottom {
  background: url(osx_drag_bottom.gif) #fff no-repeat;
  height: 7px;
}

.creditoscroll a.jScrollArrowUp {
  height: 20px;
  background: url(../images/scroll/top.gif) #fff no-repeat center top;
}

.creditoscroll a.jScrollArrowUp:hover {
  background-position: 0 0;
}

.creditoscroll a.jScrollArrowDown {
  height: 20px;
  background: url(../images/scroll/bottom.gif) #fff no-repeat center bottom;
}

.creditoscroll a.jScrollArrowDown:hover {
  background-position: 0 0;
}

/* Scroll speciale */

.flechescroll .creditoscroll .jScrollPaneTrack {
  width:18px;
  background: #9cc73b;
  display:none;
}

.flechescroll .creditoscroll .jScrollPaneDrag {
  display:none;
}

.flechescroll .creditoscroll .jScrollPaneDragTop {
  background: url(osx_drag_top.gif) #fff no-repeat;
  height: 6px;
}

.flechescroll .creditoscroll .jScrollPaneDragBottom {
  background: url(osx_drag_bottom.gif) #fff no-repeat;
  height: 7px;
}

.flechescroll .creditoscroll a.jScrollArrowUp {
  position:absolute;
  margin-top:250px;
  height: 20px;
  background: url(../images/scroll/jaune/top.gif) #fff no-repeat center top;
}

.flechescroll .creditoscroll a.jScrollArrowUp:hover {
  background-position: 0 0;
}

.flechescroll .creditoscroll a.jScrollArrowDown {
  height: 20px;
  background: url(../images/scroll/jaune/bottom.gif) #fff no-repeat center bottom;
}

#plan-du-site .flechescroll .creditoscroll a.jScrollArrowUp {
  background: url(../images/scroll/bleu/top2.gif) #fff no-repeat center top;
}


#plan-du-site .flechescroll .creditoscroll a.jScrollArrowDown {
  background: url(../images/scroll/bleu/bottom2.gif) #fff no-repeat center bottom;
}

.flechescroll .creditoscroll a.jScrollArrowDown:hover {
  background-position: 0 0;
}


/* IE SPECIFIC HACKED STYLES */
* html .creditoscroll .jScrollPaneDragBottom {
  bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

#img_click {
  position:absolute;
  right:115px;
  top:100px;
  background:#fff;
}

#img_desc {
  position:absolute;
  width:194px;
  height:40px;
  right:115px;
  top:368px;
  color:#000;
  /* pas de fond blanc */
}

#img_desc p {
  text-align:center;
  padding:6px;
  font-size: 0.9em;
}

ul#liste-images li {
  display:block;
  float:left;
  width:80px;
  height:118px;
  background:#fff;
  margin:3px;
}

ul#liste-images li img{
  border:solid 1px black;
}

/*

  #page-goodies

*/

#page-goodies ul#goodies li {
  position: absolute;
  list-style: none;
}
#page-goodies ul#goodies li a img {
  border: 0;
}
#page-goodies ul#goodies li#ecards {
  margin: 100px 10px 0 10px;
}
#page-goodies ul#goodies li#fond-decran {
  margin: 20px 0pt 0pt 245px;
}
#page-goodies ul#goodies li#smileys {
  margin: 180px 0pt 0pt 420px
}

#nav-goodies {
  list-style:none;
  position:absolute;
  bottom:25px;
  left:200px;
}

#nav-goodies li a, ul#nav-goodies li{
  height:32px;
  float:left;
  margin: 0 3px;
}

#nav-goodies input {
  background:#fff;
  border:1px solid #000;
}



#page-smileys ul#nav-goodies li#nav-smileys a{
  display:none;
}
#page-fondsecran ul#nav-goodies li#nav-fondsecran a{
  display:none;
}

#page-ecards ul#nav-goodies li#nav-ecards a{
  display:none;
}

#nav-goodies li a span{
  float:left;
  text-indent:-9999px;
}


/* scrollbar bleu */
.bleu .creditoscroll .jScrollPaneDrag {
  border-color: #0E7DC5;
  background-image: url('../images/scroll/bleu/lignes.gif');
}
.bleu .creditoscroll .jScrollPaneTrack {
  background-color: #0E7DC5;
}
.bleu .creditoscroll a.jScrollArrowDown {
  background-image: url('../images/scroll/bleu/bottom.gif');
}
.bleu .creditoscroll a.jScrollArrowUp {
  background-image: url('../images/scroll/bleu/top.gif');
}
.bleu .scroll-pane h3 {
  color: #0E7DC5;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 2ex;
  padding-bottom: 1ex;
}
.bleu .scroll-pane h3 a {
  color: #0E7DC5;
}


#international .bleu .scroll-pane h3 {
  color: #fff;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 1ex;
  padding-bottom: 1ex;
  font-size:1.1em;
}

#international .bleu .scroll-pane h3 a {
  color: #fff;
}

/* scrollbar orange */

.orange .creditoscroll .jScrollPaneDrag {
  border-color: #f29400;
  background-image: url('../images/scroll/orange/lignes.gif');
}
.orange .creditoscroll .jScrollPaneTrack {
  background-color: #f29400;
}
.orange .creditoscroll a.jScrollArrowDown {
  background-image: url('../images/scroll/orange/bottom.gif');
}
.orange .creditoscroll a.jScrollArrowUp {
  background-image: url('../images/scroll/orange/top.gif');
}
.orange .scroll-pane h3 {
  color: #f29400;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 2ex;
  padding-bottom: 1ex;
}
.orange .scroll-pane h3 a {
  color: #f29400;
}


/* scrollbar orange */

.orange .creditoscroll .jScrollPaneDrag {
  border-color: #f29400;
  background-image: url('../images/scroll/orange/lignes.gif');
}
.orange .creditoscroll .jScrollPaneTrack {
  background-color: #f29400;
}
.orange .creditoscroll a.jScrollArrowDown {
  background-image: url('../images/scroll/orange/bottom.gif');
}
.orange .creditoscroll a.jScrollArrowUp {
  background-image: url('../images/scroll/orange/top.gif');
}
.orange .scroll-pane h3 {
  color: #f29400;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 2ex;
  padding-bottom: 1ex;
}
.orange .scroll-pane h3 a {
  color: #f29400;
}

#videos-surprises .holder {
  left:461px;
  margin:10px;
  position:absolute;
  top:32px;
}

#videos-surprises #video{
  left:43px;
  position:absolute;
  top:38px;
}


#videos-surprises a#envoiami {
  bottom:-17px;
  right:157px;
}

tt#urlVideo {
  font-family:Trebuchet,Arial,Helvetica,sans-serif;
  font-size:0.85em;
}

/* scrollbar verte */

.vertfonce .creditoscroll .jScrollPaneDrag {
  border-color: #009232;
  background-image: url('../images/scroll/vertfonce/lignes.gif');
}
.vertfonce .creditoscroll .jScrollPaneTrack {
  background-color: #009232;
}
.vertfonce .creditoscroll a.jScrollArrowDown {
  background-image: url('../images/scroll/vertfonce/bottom.gif');
}
.vertfonce .creditoscroll a.jScrollArrowUp {
  background-image: url('../images/scroll/vertfonce/top.gif');
}
.vertfonce .scroll-pane h3 {
  color: #009232;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 2ex;
  padding-bottom: 1ex;
}

/* scrollbar rouge */

.rouge .creditoscroll .jScrollPaneDrag {
  border-color: #E2001A;
  background-image: url('../images/scroll/rouge/lignes.gif');
}
.rouge .creditoscroll .jScrollPaneTrack {
  background-color: #E2001A;
}
.rouge .creditoscroll a.jScrollArrowDown {
  background-image: url('../images/scroll/rouge/bottom.gif');
}
.rouge .creditoscroll a.jScrollArrowUp {
  background-image: url('../images/scroll/rouge/top.gif');
}
.rouge .scroll-pane h3 {
  color: #E2001A;
  font-family:"Trebuchet MS",Arial,Sans-serif;
  padding-top: 2ex;
  padding-bottom: 1ex;
}


/*

  programme-oxygene

*/

#programme-oxygene .scroll-pane {
  width: 495px;
  background: #fff url('../images/oxygene/fond-scroll.jpg') no-repeat scroll bottom center;
}
#programme-oxygene .fin {
  margin-bottom: 100px;
}

#programme-oxygene .scroll-pane h3,
#programme-oxygene .scroll-pane p {
  margin-left: 150px;
  font-size: .9em;
  background-color: #fff;
}

#programme-oxygene .scroll-pane h3.firstchild {
  margin-top: 15px;
}

#programme-oxygene p.illus {
  margin-left: 0;
  margin-top:15px;
  float: left;
}
#programme-oxygene p.fond-important {
  background: #fff url('../images/oxygene/fond-important-un.gif') no-repeat scroll top right;
  /*width: 442px;
    height: 109px;*/
  width: 30.5em;
  height: 11ex;
  margin-left: 2em;
  font-style: italic;
  padding-top: 4.6ex;
  overflow: auto;
}
#programme-oxygene p.fond-important span {
  margin: 10px;
  display: block;
  margin: 0 75px 20px 20px;
  background-color: #9cc73b;
  color: #fff;
}
#programme-oxygene p.conclusion {
  margin-left: 5.5em;
  margin-bottom: 2ex;
  margin-right: 15em;
  background-color: transparent;
}
#programme-oxygene p.conclusion span {
  color: #fff;
  background-color: #8BC034;
  font-size: .9em;
  font-style: italic;
}

table#sites-pays {
  font-size:0.7em;
  font-weight:bold;
  vertical-align:top;
}

table#sites-pays td{
  padding:2px;
  vertical-align:top;
  border-bottom:1px dashed #000;
}

table#sites-pays td.drap{
width:18px;
}

table#sites-pays td.design-pays{
width:30px;
}

table#sites-pays td img{
  height:12px;
  width:18px;
}

/*

  Mentions legales

*/

.generique .scroll-pane {
  width:495px;
  background-color:#FFFFFF;
  font-size:0.8em;
}

#international .generique .scroll-pane {

  height:400px;
  width:400px;
  background: transparent;
}

.generique .scroll-pane h3.firstchild {
    margin-top:15px;
}
.generique .scroll-pane h3,
.generique .scroll-pane p {
  margin: 0 10px;
}
.generique .scroll-pane p {
  padding: 5px 0;
}


.lonely-page {
  margin:1em;
  padding:0 1em;
  height:396px;
  background:white;
  color:black;
  overflow:scroll;
}
.lonely-page p {
  margin:.5em 0;
}
.lonely-page ul {
  list-style-type:none;
}
.lonely-page h3 {
  font:bold 15px "Trebuchet MS",Arial,Sans-serif;
  color:#0E7DC5;
  margin:0 0 1em 0;
  padding-top:1em;
}
.lonely-page h4 {
  font:bold 14px "Trebuchet MS",Arial,Sans-serif;
  color:#0E7DC5;
  margin:0 0 1em 0;
  padding-top:1em;
}
#contenu-droit .lonely-page a {
  color:black;
}

/* plan du site */

#plan-du-site ul#plan {
  padding-top: 20px;
}
#plan-du-site ul#plan li {
  line-height: 130%;
  padding-left:12px;
  margin-bottom:8px;
}
#plan-du-site ul#plan ul {
  padding-left: 10px;
  padding-top: 0;
}


#plan-du-site ul#plan ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
margin-bottom:0;
  background:transparent url(../images/puces/pucebleu.gif) no-repeat scroll 5pt 6px;
}

#mentions-legales ul.puce li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
margin:3px 0;
padding-left:20px;
  background:transparent url(../images/puces/pucebleu.gif) no-repeat scroll 7pt 6px;
}



#plan-du-site ul#plan ul li a{
  border:none;
  font-weight:normal;
}


.input_submit {
  background-color:#e8e8e8;
  color:#000;
  text-decoration:none;
  float:left;
  height:24px !important;
  height:25px;
  border:1px solid #000;
  width:185px;
  font-weight:normal;
  text-align:center;
  line-height:24px;
  padding:0;
}


a.input_submit {
  margin-left:5px;
  height:24px !important;
  height:20px;
}