/* **************** ENFANT + ***************** */
/* **************** ENFANT + ***************** */
/* **************** ENFANT + ***************** */
/* **************** ENFANT + ***************** */
/* **************** ENFANT + ***************** */



/* **************** A.. CSS LIBRARY ***************** */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:10px;font:100%;}select, input, textarea {color:#FFF;font: arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}

/* **************** B.. STYLES GENERAUX (balises) ***************** */
/*p, ul, form, ol, h1, h2, h3, h4, h5, h6, .dividerT, .dividerB, hr,pre{margin:10px;}*/
strong{font-weight:bold;}
em{font-style:italic;}
a {text-decoration:none; color:#000;}
/* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:10px;}
/* **************** C.. CLASSES DE MISES EN PAGE ***************** */
/* alignment */
.txtL{text-align:left !important;} 
.txtC,.txtC td, .txtC th{text-align:center !important;}
.txtR{text-align:right !important;} 
.txtT,.txtT td, .txtT th{vertical-align:top !important;} 
.txtM{vertical-align:middle !important;} 
.txtB,.txtB td, .txtB th{vertical-align:bottom !important;} 
.floatL {float:left} 
.floatR {float:right} 
.center {margin-left:auto !important; margin-right:auto !important;} 
.clear{clear:both;}
/* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations */
.context { overflow:hidden;_overflow:visible;zoom:1;//height:1%;}
.hidden{display:none !important;}
/* ====== margins et paddings ====== */
/* ----- block padding ----- */
.Vspace{margin-top: 10px; margin-bottom:10px;}
.Tspace{margin-top: 10px;}
.Bspace{margin-bottom:10px;}
/* ----- content padding ----- */
.pdgStandard{padding:4px 8px}
/* padding */
.padding0{padding:0 !important}
.tPadding0{padding-top:0 !important}
.rPadding0{padding-right:0 !important}
.bPadding0{padding-bottom:0 !important}
.lPadding0{padding-left:0 !important}
.hPadding0{padding-left:0 !important;padding-right:0 !important}
.vPadding0{padding-top:0 !important;padding-bottom:0 !important}
.paddingSm{padding:5px !important}
.tPaddingSm{padding-top:5px !important}
.rPaddingSm{padding-right:5px !important}
.bPaddingSm{padding-bottom:5px !important}
.lPaddingSm{padding-left:5px !important}
.hPaddingSm{padding-left:5px !important;padding-right:5px !important}
.vPaddingSm{padding-top:5px !important;padding-bottom:5px !important}
.padding{padding:10px !important} /* FIX THESE !!! */
.tPadding{padding-top:10px !important}
.rPadding{padding-right:10px !important}
.bPadding{padding-bottom:10px !important}
.lPadding{padding-left:10px !important}
.hPadding{padding-left:10px !important;padding-right:10px !important}
.vPadding{padding-top:10px !important;padding-bottom:10px !important}
.paddingLg{padding:20px !important}
.tPaddingLg{padding-top:20px !important}
.rPaddingLg{padding-right:20px !important}
.bPaddingLg{padding-bottom:20px !important}
.lPaddingLg{padding-left:20px !important}
.hPaddingLg{padding-left:20px !important;padding-right:20px !important}
.vPaddingLg{padding-top:20px !important;padding-bottom:20px !important}
.lPaddingxLg{padding-left:40px !important}
.hPaddingxLg{padding-left:40px !important;padding-right:40px !important}
.vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important}
.tPaddingxLg{padding-top:40px !important}
.rPaddingxLg{padding-right:40px !important}
.bPaddingxLg{padding-bottom:40px !important}
.lPaddingxxLg{padding-left:60px !important}
.hPaddingxxLg{padding-left:60px !important;padding-right:60px !important}
.vPaddingxxLg{padding-top:60px !important;padding-bottom:60px !important}
.tPaddingxxLg{padding-top:60px !important}
.rPaddingxxLg{padding-right:60px !important}
.bPaddingxxLg{padding-bottom:60px !important}
.lPaddingxxLg{padding-left:60px !important}
/* margin */
.margin0{margin:0 !important}
.tMargin0{margin-top:0 !important}
.rMargin0{margin-right:0 !important}
.bMargin0{margin-bottom:0 !important}
.lMargin0{margin-left:0 !important}
.hMargin0{margin-left:0 !important;margin-right:0 !important}
.vMargin0{margin-top:0 !important;margin-bottom:0 !important}
.marginSm{margin:5px !important}
.tMarginSm{margin-top:5px !important}
.rMarginSm{margin-right:5px !important}
.bMarginSm{margin-bottom:5px !important}
.lMarginSm{margin-left:5px !important}
.hMarginSm{margin-left:5px !important;margin-right:5px !important}
.vMarginSm{margin-top:5px !important;margin-bottom:5px !important}
.margin{margin:10px !important}
.tMargin{margin-top:10px !important}
.rMargin{margin-right:10px !important}
.bMargin{margin-bottom:10px !important}
.lMargin{margin-left:10px !important}
.hMargin{margin-left:10px !important;margin-right:10px !important}
.vMargin{margin-top:10px !important;margin-bottom:10px !important}
.marginLg{margin:20px !important}
.tMarginLg{margin-top:20px !important}
.rMarginLg{margin-right:20px !important}
.bMarginLg{margin-bottom:20px !important}
.lMarginLg{margin-left:20px !important}
.hMarginLg{margin-left:20px !important;margin-right:20px !important}
.vMarginLg{margin-top:20px !important;margin-bottom:20px !important}

.iepng{position:absolute;width:100%;height:100%;z-index:-1;}


/* **************** D.. STRUCTURES ***************** */
*{
padding:0;
margin:0;
}

body{text-align:center;background:#FFF;}
#all{margin:auto; text-align:left;width:985px; font-family:Verdana, Arial,  sans-serif; color:black; text-align:left;position:relative;}
#all table iframe{overflow-x:hidden !important;}
.greyColor{color:#AAA;}

#footerHome #TGV_SNCF{
right:0;
}
#TGV_SNCF{
position:relative;
bottom:20px;right:-185px;
font-size:0em;
float:right;
width:184px;
height:46px;
display:block;
}
#TGV{
font-size:0em;
float:right;
width:86px;
height:61px;
display:block;
margin: -19px 0 0 0 ;
}
#SNCF{
font-size:0em;
float:right;
width:86px;
height:61px;
display:block;
margin: -19px 10px 0 0 ;
}

#footer #SNCF {position:absolute; right:6px;}
#footer #TGV {position:absolute; right:101px;}

/* ============================ Default Nav Header ================================ */
#header{min-height:163px;_height:163px;}
#toHome{display:block;width:228px;height:108px;position:relative;top:0;left:0;float:left;}
#toHome span{visibility:hidden;}
.link {font-size:11px; text-decoration:none;}
.link:hover {text-decoration:underline !important;}
.souligne, .souligne span{text-decoration:none !important;}
.souligne:hover, .souligne:hover span{text-decoration:underline !important;}
/* ============================ /Default Nav Header ================================ */

/* ============================ Default Nav Footer ================================ */
/* ---- Footer --- */
#footer{background:transparent url(/css/skin/sncf.png) no-repeat scroll 95% 20%;min-height:50px;padding-top:10px;text-align:left;}
#footer ul{height:30px;margin-left:165px;text-align:center;width:604px;margin-left:155px;}
#footerHome{background:transparent url(/css/skin/sncf.png) no-repeat scroll 95% 20%;margin-left:165px;min-height:50px;padding-top:10px;}
#footerHome ul{height:30px;text-align:center;}
#footer li, #footerHome li{display:inline;border-right:1px solid #FFF; font-size:9px; font-weight:normal;} 
#footer li.last, #footerHome li.last{border:0px;} 
#footer li a, #footerHome li a{text-align:center;color:#FFF; padding:0 5px;}
#footer li a:hover, #footerHome li a:hover{text-align:center;color:#FFF; padding:0 5px;text-decoration:underline;}

/* ============================ /Default Nav Footer ================================ */


/* ==================== /ELEMENTS TEMPLATE ==================== */
#leftColumn{float:left;width:166px;_width:158px;margin:0; _margin-right:-1px;}
#main{overflow:hidden;padding:0 0 25px 0;width:604px;margin:0; _overflow:visible; zoom:1;_left:-1px;_position:relative;}
#main2{overflow:hidden;padding:0 0 25px 0;width:805px; _overflow:visible; zoom:1;_left:-1px;}
#rightColumn{float:right;width:214px;_width:211px;margin:0;padding:0;}
#mainPrime{overflow:hidden;padding:0 0 25px 0;width:604px;margin:0; _overflow:visible; zoom:1;_position:relative;}

/* ===================== CHOIX TEMPLATE ==================== */

#GAV #all{
background:#5F0155 url(/css/skin/behind_all.jpg) repeat-y left top;}
#GAV #header {background:transparent url(skin/fond_head.jpg) no-repeat left top; position:relative;}

/* ====== logins + PATCH ====== */
#GAV #header #login{height:126px;width:227px; background:url(skin/behind_login_new.png) repeat top left; position:absolute; top:10px; right:5px; _background-image:none;}
#login .pushiepng{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=image src='/css/skin/behind_login_new.png');}/*aaa*/
#GAV #header #member {position:absolute; text-indent:-9999px; right:240px; top:11px; display:block; width:256px; height:127px; overflow:hidden; background:url(skin/mire_membres.png) no-repeat left top;_background-image:none; }
#member .memberLink{display: block;width: 256px;height:127px;}
#member .pushiepng{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=image src='/css/skin/mire_membres.png');}/*aaa*/
#GAV #header #login #loginInside{ padding:15px 0 0 25px;}
#GAV #header #login #loginInside .loginForm div input{width:115px; height:12px; font-size:0.9em; margin-bottom:3px;}
#GAV #header #login #loginInside .loginForm div {width:145px; line-height:20px;}
#GAV #header #login .loginOk{ display:block; width:21px; height:12 px; background:url(skin/ok.png) no-repeat top left; float:right; margin-right:30px; margin-top:25px;}
#GAV #header #login #loginInside h4{ height:32px; margin-bottom:8px; background:url(skin/identifie-toi.png) no-repeat left top; text-indent:-3000px;}
#GAV #content #main{background:#FFF url(/css/skin/content_bottom.jpg) no-repeat left bottom;margin-top:10px;}
#GAV #content #main2{background:#FFF url(/css/skin/content_bottom2.jpg) no-repeat left bottom;min-height:435px;margin-top:10px;}
#GAV #content #mainPrime{background:#FFF;}
.inputAndButton {margin-top:-3px;}


/*----------------------------nav GAUCHE------------------------------*/



#GAV #header #login{
font-size:11px;
}


#GAV #header #login h2{
height:32px;
color:#FFF;
font-size:13px;
font-weight:bold;
border-bottom:1px dotted #CCC;
width:176px;
}

#GAV #header #login h3{
line-height:30px;
color:#CCC;
font-size:13px;
font-weight:bold;
height:30px;
}

#GAV #header #login p{
color:#FFF;
font-style:italic;
width:300px;
}

#GAV #header #login .forgotCode{
margin-top:5px;
color:#FFF;
}
#GAV #header #login .createAccount{
margin-top:5px;
color:#FFF;
}

#GAV #header #login .myAccount{
margin-top:5px;
color:#FFF;
display:block;
}
#GAV #header #login .deconnect{
color:#FFF;
margin-right:25px;
}


#GAV #header #login .lostCard{
display:block;
color:#FFF;
}
#GAV #header #login .lostCard2{
color:#FFF;
margin-right:10px;
margin-left:10px;
}

#GAV #header #login input{
border:1px solid #AAA;background:#FFF;
color:#000;
width:40%;
}

#GAV #header #login .about{
display:none;
}


#GAV #header #login .loginOk span{visibility:hidden;}

#GAV #header #login #loginInside , #GAV #header #login #loginInside a , #GAV #header #login #loginInside input{
position:relative;
z-index:3;
}

/*----------------------------nav DROITE------------------------------*/

#GAV #content #rightColumn #mea {
margin-top:10px;
margin-left:7px;
_margin-left:3px;
padding-top:15px;
background:#ED078D url(/css/skin/behind_nav_head.jpg) no-repeat top left;
width:199px;
}

#GAV #content #rightColumn #mea ul{
padding-bottom:15px;
background:url(/css/skin/behind_nav_foot.jpg) no-repeat bottom left;
}

#GAV #content #rightColumn #mea ul li{
margin-left:14px;
height:66px;
}

#GAV #content #rightColumn #mea ul li a{
display:block;
height:100%;
}

#GAV #content #rightColumn #mea ul li a span{
visibility:hidden;
}

#GAV #content #rightColumn #mea ul li .li1{
background:url(/css/skin/li1.jpg) no-repeat left top;
}

#GAV #content #rightColumn #mea ul li .li2{
background:url(/css/skin/li2.jpg) no-repeat left top;
}

#GAV #content #rightColumn #mea ul li .li3{
background:url(/css/skin/li3.jpg) no-repeat left top;
}


#GAV #content #rightColumn #mea_plus {
margin-top:25px;
margin-left:7px;
_margin-left:3px;
}


#GAV #content #rightColumn #mea_plus #mea_plus_head{
line-height:12px;
background:url(/css/skin/plus_head.png) no-repeat top left;
}


#GAV #content #rightColumn #mea_plus #mea_plus_bottom{
line-height:12px;
background: url(/css/skin/plus_foot.png) no-repeat bottom left;
}

#GAV #content #rightColumn #mea_plus ul{
width:199px;
background:#5F035D;
}

#GAV #content #rightColumn #mea_plus ul li{
padding-left:10px;

}

#GAV #content #rightColumn #mea_plus ul li a{
position:relative;
z-index:1;
display:block;
}

#GAV #content #rightColumn #mea_plus ul li a span{
visibility:hidden;
}

#GAV #content #rightColumn #mea_plus ul li .plusLi1{
display:block;
height:18px;
background:url(/css/skin/plusli1.jpg) no-repeat left top;
}

#GAV #content #rightColumn #mea_plus ul li .plusLi2{
display:none;

}








/*----------------------------CONTENT------------------------------*/


#dynContent{
background:url(/css/skin/behind_content.jpg) no-repeat top left;


width:590px;
padding:14px 7px 14px 14px;
_padding:14px 0px 14px 14px;


min-height:587px;
_height:587px;
}

#dynContentPrime{
width:590px;
padding:14px 7px 14px 14px;
_padding:14px 0px 14px 14px;
min-height:587px;
_height:587px;
}

#flashContent{
padding-top:15px;
width:805px;
background:url(/css/skin/home_fondflash.jpg) no-repeat right top;
}


#PromoBlocs{
padding-left:12px;
}

.blocAutoProm{
position:relative;
color:#730068;
height:140px;
padding:10px 10pt 10pt 7px;
width:175px;
float:left;
background:url(/css/skin/behind_bloc.png) no-repeat left top;
}
.blocAutoProm .visu{padding:2px 0pt 0pt 7px;}
.blocAutoProm .double{display:none;}
.blocAutoProm .simple{position:absolute;display:block;height:20px;width:130px;text-indent:-3000px;bottom:15px;left:10px;font-size:11px;font-weight:bold;background:url(/css/skin/behind_ensavoirplus.jpg) no-repeat left top;}
.blocAutoProm h3{display:none;}
.blocAutoProm h4{display:none;}
.blocAutoProm p{font-size:11px;padding-left:3px;padding-top:10px;}


/* ---- Puce Header ---- */
h3.puceDialogue, h3.puceQuestion, h3.puceWorld {padding-left:40px; min-height:30px; _height:30px; padding-top:5px;}
h3.puceDialogue{background:url(/css/skin/cercle2H3.png) no-repeat left top; }
h3.puceQuestion{background:url(/css/skin/cercle1H3.png) no-repeat left top;}
h3.puceWorld{background:url(/css/skin/cercle2H3.png) no-repeat left top; }
/* ====== List à puces =====*/

/* ---- arrow ---- */ 
ul.arrow li{background:url(/css/skin/arrowLi.png) no-repeat 0 3px; padding-left:13px; padding-bottom:3px; zoom:1;}
ul.arrow li a{color:#000; text-decoration:none; font-weight:bold;}
a.arrow {background:url(/css/skin/arrowLi.png) no-repeat 0 3px; padding-left:13px; padding-bottom:3px; zoom:1;}

/* --- menu déroulant ---*/
ul.arrow li.select{width:197px; font-size:110%; background:url(/css/skin/arrowLi.png) no-repeat 0 6px; padding-left:13px; padding-bottom:3px; }
ul.arrow li select option{padding-left:2px;}

/* --- square --- */
ul.square li{background:url(/css/skin/squareLi.png)no-repeat 0 7px; padding-left:12px; }

/* --- liste 2 colones --- */
ul.list2cols{background:url(/css/skin/blocks/lst2col_separator.png) repeat-y center top ; overflow:hidden; zoom:1; _overflow:visible;}
.list2cols li.item {float:left; width:50%; _width:49.99%; border-bottom:1px solid #E5E5E5;}
.list2cols li.last{ border:none;}
.list2cols li .listCtn{padding:5px 10px 10px 10px;}

/* ---- checked ---- */
ul.checked li{background:url(/css/skin/checked.png) no-repeat 0 3px; padding-left:20px; font-size:95%; font-weight:bold;}
ul.checked li strong{font-size:129%; text-transform:uppercase;}
/* ====== Item paragraphe =====*/

/* ---- Bloc Paragraphe ---- */
.pB{font-size:108%; font-weight:bold; text-transform: none; color:#313131; padding-bottom:15px;}

/* ====== Boutons =====*/
/* ---- Gris ---- */
.btn, .btn strong{background:url(/css/skin/btnGrey.png) no-repeat left top; vertical-align:middle;}
.btn{display:-moz-inline-box; display:inline-block; padding-left:9px;}
.btn strong{display:block; height:38px;  color:#FFF; background-position:right top; line-height:34px; _width:1%; white-space:nowrap; padding-right:10px;  cursor:pointer; font-weight:normal}
.btn span {vertical-align:middle;}
.btn img {margin-top:4px; vertical-align:-8px;}
/* --- bouton sur 2 lignes --- */
.btn2lines img {float:left; margin-right:1ex}
.btn2lines strong{_height:auto; _width:auto;}
.btn2lines span {display:block; padding-top:5px; _padding-top:3px; _height:33px; line-height:1em; _width:1%; white-space:nowrap; }
	
 



/* **************** G.. CONTENEURS DE BLOCKS ***************** */
/* ici on défini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne 
porte les classes "unit sizeXonX lastunit"  */
.line, .lastunit {overflow: hidden;_overflow: visible;_height:1%}
.unit{float:left;}
.size1on1{float:none;margin-right:0;}
.size1on2{width:49%;_width:49% !important;}/* verify pourcentage */
.size1on3{width:32.3%;_width:32.3% !important;}
.size2on3{width:66%;_width:66% !important;}
.size1on4{width:23.8%;_width:23.8% !important;}
.size3on4{width:74.8%;_width:74.8% !important;}
.size1on5{width:18%;}
.size2on5{width:38%;}
.size3on5{width:58%;}
.size4on5{width:78%;}
/* ----- custom sizes ------ */
.lastunit {float:none; _float:right; width:auto !important; margin-right:0 !important;}

/* **************** H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS ***************** */
/* ====== block par defaut ====== */
.block{overflow: hidden;_overflow: visible;zoom:1;position:relative;}
.blockInside{position:relative;zoom:1;}
.body {zoom:1;} 
b.tl, b.tr, b.bl, b.br{background-repeat: no-repeat; position:absolute; height:4px; width:4px; z-index:10; overflow:hidden;}
b.tl{background-position: left top;top:0; left:0;}
b.tr{background-position: right top;top:0; right:0}
b.bl{background-position: left bottom; bottom:0; left:0;} 
b.br{background-position: right bottom; bottom:0; right:0;}
/* foot */
.foot{ overflow:hidden; _overflow:visible; zoom:1; text-align:center; padding:10px 0;}

/* ====== block simple ====== */

/*---------------------------- POPUP ------------------------------*/
#POPUP a{text-decoration:none;}

#POPUP{overflow-x:hidden;text-align:left;width:100%;padding:0;margin:0;font-family:Verdana, sans-serif;background:#7F1076;font-size:10px;}

.contentPop h1{
font-weight:bold;
}
.padTop20{
padding-top:20px;
}

.contentPop h4{
text-indent:5px;
line-height:30px;
}

.contentPop h4 strong{
font-weight:normal !important;
}

.contentPop h4 strong span{
color:#6D0968 !important;text-decoration:underline;
}
.contentPop_scroll{
height:390px;
overflow:auto;
}
address{display:inline; color:green;}
.adresse{font-weight:bold;height:90px;}
.contentPop{margin-left:10px;background:#FFF;width:373px;}
.contentPop h1{
padding-top:20px;
text-indent:-3000px;background:#7F1076 url(/css/skin/entete_conditions.jpg) no-repeat left bottom;
}
.contentPop h2{
padding-top:20px;
text-indent:-3000px;background:#6D0968 url(/css/skin/entete_infos.jpg) no-repeat left bottom;
}
.contentPop p{margin:5px 5px 0;}
.important{
padding-bottom:20px;
}
.fermer{
background:#ED078D;
height:30px;
position:relative;
bottom:0px;

}
.fermer h4{
height:100%;
}


.fermer h4 a{
background:url(/css/skin/fermer.png) no-repeat right 50%;
display:block;
height:30px;
float:right;
width:30%;
}
.fermer h4 a span{
text-indent:-3000px;
visibility:hidden;

}
/*---------------------------- /POPUP ------------------------------*/

/*---------------------------- FLASH TRANSPARENT ------------------------------*/
/*#GAV #content #main2 #flashtransparent
{
	_top:-200px !important;
	_left:100px !important;
}*/
/*---------------------------- /FLASH TRANSPARENT ------------------------------*/























/* **************** ANCIENS STYLES ENFANT + ***************** */
/* **************** ANCIENS STYLES ENFANT + ***************** */
/* **************** ANCIENS STYLES ENFANT + ***************** */
/* **************** ANCIENS STYLES ENFANT + ***************** */
/* **************** ANCIENS STYLES ENFANT + ***************** */
#container_leftnav {width:155px; display:block; }
body{background-color:#FFFFFF; background-position:top;background-repeat:no-repeat;
/*-- Ajout taille de police par defaut --*/
font-size:11px;
/*-- Ajout taille de police par defaut --*/
}
/* 		background-image:url('/img/fond_smiles.jpg')*/


/* classe appliquee pour modifier tout le font-size de la page */
body.lettersize2 {font-size:13px;}
body.lettersize3 {font-size:15px;}
table {font-size:1em}

form {margin:0; padding:0;}
h1, h2 
{ margin:0;
}

.subtitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#333333}

table.headerTopBackgroundContainer{ background-image:url('/img/backgrounds/1_background.jpg'); }
table.headerInnerBackgroundContainer{ background-image:url('/img/backgrounds/1_header_background_new.gif');  background-repeat:no-repeat;  background-position:top;}
td.BackgroundContainerlogo{ background-image:url('/img/logos/logo_sncf.gif');  background-position: bottom left; background-repeat: no-repeat;}
td.Backgroundpopup{ background-image:url('/img/backgrounds/fond_popup.jpg');  background-repeat:no-repeat;  background-position:top;}
table.Backgroundcolorpopup{ background-color:#C6EDFE;}
table.footerbar{ background-color:#5A2D5F;}
td.footermenu{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:0.9em; color:#999999}
a.footermenu{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:0.9em; color:#999999; text-decoration:none}
a.footermenu:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:0.9em; color:#999999; text-decoration:underline}

/*td.htmltitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.35em; font-weight:bold; color:#800152}*/
td.htmltitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.35em; font-weight:bold; color:#5A2D5F}
td.htmltitle_detail{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.35em; font-weight:bold; color:#168ac6}
td.htmltitle_partenaire{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.35em; font-weight:bold; color:#800152}
td.htmltitle_promo{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.35em; font-weight:bold; color:#bfdf25}
td.htmltitle_special{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.25em; font-weight:bold; color:#168AC6;}

td.htmlsubtitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#333333}
td.htmlsubtitle_mauve{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#800152}

td.htmlnavrub{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00008B;
}
td.htmlnavrub{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00008B;
}
a.htmlnavrub{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#168AC6; text-decoration:none}
a.htmlnavrub:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#00008B; text-decoration:none}
td.htmlnav{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#168AC6;}
a.htmlnav{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#168AC6; text-decoration:none}
a.htmlnav:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#00008B; text-decoration:none}
a.htmlnav_on{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#00008B; text-decoration:none}
a.htmlnav_on:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#00008B; text-decoration:none}
td.htmlnav_on{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#00008B; text-decoration:none}
input.navsearch{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#ffffff; background-color:#84cce5; border-color:#ffffff;  border-style:solid;  border-width:1px; width:80px}

td.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
td.standardtext_noborder{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; padding-top:15px;}
input.standardtext_noborder{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; border:0px;}
input.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
select.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
option.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
textarea.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; width:306px;//width:310px;overflow:auto}
a.standardtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; text-decoration:none}
a.standardtext:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; text-decoration:underline}
a.standardtextmap{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; text-decoration:none}
a.standardtextmap:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; text-decoration:underline}
a.standardtextlist{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; text-decoration:none}
a.standardtextlist:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#800152; text-decoration:underline}
a.introtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#333333; text-decoration:none}
a.introtext:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#333333; text-decoration:underline}
font.standardtext_highlight{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; font-weight:bold;}
font.htmlsubtitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#333333}
.marge_img_gauche{margin-bottom: 5px; margin-left: 0px; margin-right: 11px; margin-top: 0px;}
td.standardtext_highlight{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; font-weight:bold;}
a.standardtext_highlight{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; font-weight:bold; text-decoration:underline}
a.standardtext_highlight:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333; font-weight:bold; text-decoration:none}
td.text_special{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#800152}
td.indicetext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:0.8em; color:#999999}

td.smilescount{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#ffffff}
td.introtext{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#333333}
td.smilescountnew{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#005196}

td.introtext_products_array{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
tr.A_products_array{background-color:#e4f2f9}
tr.B_products_array{background-color:#ffffff}
table.button {background-color:#800152}

#container_connexion td.tableborder{ background-color:white;}
#container_connexion td.tablecontent{ background-color:#c8e4f2;}
#container_connexion td.topleft{ background-image:url('/img/cadres/2_top_left_7x7.gif');}
#container_connexion td.topright{ background-image:url('/img/cadres/2_top_right_7x7.gif');}
#container_connexion td.bottomleft{ background-image:url('/img/cadres/2_bottom_left_7x7.gif');}
#container_connexion td.bottomright{ background-image:url('/img/cadres/2_bottom_right_7x7.gif');}
#container_connexion td.name {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px; font-weight:bold; color:#5A2D5F}
#container_connexion td.title {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px; font-weight:bold; color:#5A2D5F}
#container_connexion .form_numcarte {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px;  border-style:solid; border-width:1px; border-color:#ffffff; color:#ffffff; background-color:#78c5e3; width:149px;}
#container_connexion .form_secretcode {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px; border-style:solid; border-width:1px; border-color:#ffffff; color:#ffffff; background-color:#78c5e3; width:110px;}
#container_connexion td.smiles {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px; font-weight:bold; color:#800152}
#container_connexion a.link {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px; color:#5A2D5F; text-decoration:none}
#container_connexion a.link:hover {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px; color:#5A2D5F; text-decoration:underline}
#container_connexion td.line { background-color:white;}

#container_ads td.tableborder{ background-color:#d9edf6;}
#container_ads td.tablecontent{ background-color:#e4f3fa;}
#container_ads td.topleft{ background-image:url('/img/cadres/1_top_left_7x7.gif');}
#container_ads td.topright{ background-image:url('/img/cadres/1_top_right_7x7.gif');}
#container_ads td.bottomleft{ background-image:url('/img/cadres/1_bottom_left_7x7.gif');}
#container_ads td.bottomright{ background-image:url('/img/cadres/1_bottom_right_7x7.gif');}
#container_ads td.htmltitle{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; font-weight:bold; color:#5A2D5F}

#topcontainer_content td.mastertablecontent{ background-color:white;}
#topcontainer_content td.mastertablerightbg{ background:url('/img/cadres/10_fullsize_right_bg.gif') repeat-y left top;}
#topcontainer_content td.mastertablebottombg{ background:url('/img/cadres/10_fullsize_bottom.gif') no-repeat left top;}
#topcontainer_content td.mastertablerightbottombg{ background:url('/img/cadres/10_fullsize_right_bottom.gif') no-repeat left top;}


#dynContent>table>tbody {width:inherit;}
/* div.content {padding:0px 10px 0px 20px;} */
div.content td.line{background-image:url('/img/templated/pointille_1.gif'); }
#pagetitle {	background:url('/img/cadres/10_fullsize_top_bg.gif') no-repeat left top; text-align:left; vertical-align:top; padding:2px 0px 5px 0px;}

#container_bottomform table{background-color:#d2eff7}
#container_bottomform .select{ background-color:#78c5e3;  border-color:#329acf; color:#ffffff; width:155px; font-family:verdana, sans-serif;font-size:1em;}

#background li {
list-style-type: none;
background-image: url('/img/pictos/puce.gif');
background-repeat: no-repeat;
background-position: 0px 7px;
list-style-position:outside;
padding-left: 15px;
line-height: 15px;
}
.listmauve{ color: #800152;}
.pointmauve{ color: #800152;}

td.smilescountnew{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#005196}
td.numbers{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#2291CA; font-weight:bold; text-decoration:none}
a.numbers{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#2291CA; font-weight:bold; text-decoration:underline}
a.numbers:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#2291CA; font-weight:bold; text-decoration:none}
a.linkpdf{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#2291CA; text-decoration:underline}
a.linkpdf:hover{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#2291CA; text-decoration:none}
.selectrelevespoints{ background-color:#78c5e3; border-color:#329acf; color:#ffffff; width:155px; font-family:verdana, sans-serif;font-size:1em;}

.stdopt{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#333333}
.stdopt label {padding-left:5px; margin-right:5px;}
.unauthorized{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#333333}



/* promos */
table.promoHome {}
table.promoHome td {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#FFFFFF}
table.promoHome td.bkg {background-color:#800151;}
table.promoHome td.filet {background-color:#FFFFFF;}
table.promoHome .bonus {margin:0 8px 0 0;}
table.promoHome .bt {margin:6px 0 6px 0;}

table.promoInt {}
table.promoInt td {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1.1em; color:#FFFFFF}
table.promoInt td.bkg {background-color:#800151;}
table.promoInt .bonus {margin:0 8px 0 0;}
table.promoInt .bt {margin:6px 0 6px 0;}

/* Confirmation promotion */
#container_confirm { background-color:#FFFFFF; }
#container_confirm td.standardtext { }
#container_confirm .texteRouge {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; font-weight:bold; color:#9f2457}
#container_confirm .button {font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#126e9f}

/* ajout mika */
#primes a.title {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
	font-weight:bold;
}
#primes a.title:hover {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
	font-weight:bold;
}
#primes a.name {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
}
#primes a.name:hover {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
}
#primes a.smiles {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
}
#primes a.smiles:hover {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
}
#primes a.commander {
	font-family: arial,helvetica,verdana,sans serif;
	font-size: 11px;
	color: #3C3C3C;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}
#primes a.commander:hover {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	color:#3C3C3C;
	text-decoration:none;
	font-weight:bold;
	vertical-align: middle;
}
#primes a.euros {
	font-family:arial,helvetica,verdana,sans serif;
	font-weight: bold;
	font-size:1em;
	color:#000198;
	text-decoration:none;
}
#primes a.euros:hover {
	font-family:arial,helvetica,verdana,sans serif;
	font-size:1em;
	font-weight: bold;
	color:#000198;
	text-decoration:none;
}


/* Ajout du bloc de Taille des caracteres */
.sizeLetters {text-align:right; font-size:12px; margin-right:30px; zoom:1;}
.sizeLetters span {vertical-align:bottom; color:#178CC2; font-family:Verdana; font-size:0.8em; }
.sizeLetters a {color:#178CC2; text-decoration:underline; font-weight:bold; font-family:Verdana; margin-left:10px; vertical-align:bottom;}
.sizeLetters .button1 {font-size:1.2em;}
.sizeLetters .button2 {font-size:1.7em;}
.sizeLetters .button3 {font-size:2.2em;}
.sizeLetters .selectbutton {color:#5A2D5F; text-decoration:none;}

#defiltextcontainer a.defil{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#5A2D5F; text-decoration:none}
#defiltextcontainer a.defil:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#5A2D5F; text-decoration:underline}

/*************** TICKER *********************/
td.intro_connected_text{font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#ffffff; font-weight:bold;}

#topcontainer_content td.tableborder{ background-color:white;}
#topcontainer_content td.tablecontent{ background-color:#c8e4f2; font-family:Arial, Helvetica, Verdana, sans-serif;font-size:10px; color:#9f2457}
#topcontainer_content font.tablecontent_highlight{ background-color:#c8e4f2; font-family:Arial, Helvetica, Verdana, sans-serif;font-size:11px; color:#9f2457; font-weight: bold;}
#topcontainer_content td.topleft{ background-image:url('/img/cadres/2_top_left_7x7.gif');}
#topcontainer_content td.topright{ background-image:url('/img/cadres/2_top_right_7x7.gif');}
#topcontainer_content td.bottomleft{ background-image:url('/img/cadres/2_bottom_left_7x7.gif');}
#topcontainer_content td.bottomright{ background-image:url('/img/cadres/2_bottom_right_7x7.gif');}
#overall {position:absolute;}
/*************** /TICKER *********************/
#flashcatalogue { margin:0 auto;text-align:center;}

/**************new********************/
.pinkS{color:#e40079;}
.blueS{color:#198bc1;}
.purpleS{color:#5f0155}


/***** popin *****/

#insidePopupMask {background:#000; opacity:0.6; filter:alpha(opacity:60);position:absolute; left:0; top:0; width:100%; height:100%;z-index:1999999;}
#insidePopup {position:absolute; color:#000; z-index:2000000;}
#insidePopup .layerDeco {background: url(skin/layer/layer.png) no-repeat left bottom; padding-bottom: 9px;}
#insidePopup .layerDeco .insidePopupContent {background: url(	skin/layer/layer.png) no-repeat left top;padding-top: 10px;min-height: 260px;_height: 260px; }
#insidePopup .popupCloseButton {height: 22px;width: 22px;position: absolute;right: 15px;top: 15px;background: url(skin/layer/layerCloseBtn.png) no-repeat left top;z-index: 10000;}
#insidePopup .layerCtt {padding: 40px 30px;}
#insidePopup .layerCtt .color{color: #ed078d}
#insidePopup .accroche {font-family: Verdana,Arial;font-size: 14px;font-weight: bold;color: #fff;}
#insidePopup .layerForm {text-align: left;margin-top: 10px;}
#insidePopup .layerForm label {text-indent: -5000px;overflow: hidden;}
#insidePopup .layerForm p.numCarte, #insidePopup .layerForm p.passwd {overflow: hidden;_overflow: visible;zoom: 1;}
#insidePopup .layerForm p.numCarte label {height: 24px;width: 123px; background: url(/css/skin/layer/numCarte.png) no-repeat left top;float: left;}
#insidePopup .layerForm p.numCarte span {font-size: 14px;margin-left: 10px; float: left;padding-top: 2px;color: #fff;}
#insidePopup .layerForm p.passwd label {height: 21px;width: 125px; background: url(/css/skin/layer/codeSecret.png) no-repeat left top;float: left;}
#insidePopup .layerForm p.passwd span{margin-left: 10px;float: left;margin-top: 5px;}
#insidePopup .layerForm p.passwd span input {border: 0; width: 100px;color: #000;}
#insidePopup .layerForm p.passwd span a {color: #fff;}
#insidePopup .layerForm p.passwd span span {padding: 0;float: none;margin: 0;color: #fff;}
#insidePopup .layerForm p.bouton{text-align: center;margin-top: 15px;}
#insidePopup .layerForm p.bouton a {background: url(/css/skin/layer/layerValidForm.png) no-repeat left top; display: -moz-inline-stack;display: inline-block;height: 24px ;width: 62px;cursor: pointer;}
#insidePopup .layerForm p.bouton a span{display: block;overflow: hidden;text-indent: -5000px;}

.stdoptE{font-family:Arial, Helvetica, Verdana, sans-serif;font-size:1em; color:#6e0f63}
#dynContent2{
width:775px;
padding:14px 7px 14px 14px;
_padding:14px 0px 14px 14px;

}



/* Link help mire MAJ */
.helpText p {color:#ffffff; font-weight:bold; padding:3px 0; font-size:1.1em;}
.helpText p strong {color:#f62a85; font-weight:bolder;}
#help {display:block; background:url(skin/help.png); width:23px; height:23px; text-indent:-999px;}