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 */
}

/*
*
* 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;
}