/**
*
*  
*  @author : Equipe Transverse / Fullsix
*
*  A.. LIBRARIES (reset.css et fonts.css)
*  B.. STYLES GENERAUX 
*
*  C.. CLASSES DE MISES EN PAGE 
*
*  D.. STRUCTURES
*
*  E.. BLOCS CONTENUS (content blocks)
*
*       1. mise en avant (.mea) 
*       2. lists
*
*   F.. CLASSES DE CONTENUS CUSTOMS (custom content classes)
*
*   G.. CONTENEURS DE BLOCKS 
*
*   H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS 
*												
*   I.. BLOCKS 
*
*       1. breadcrumb trail 
*       2. home 
*       3. info block 
*       4. 
*       5. filled (.blockFilled, .filled)
*
*   J.. FIX CSS CLASSES (IE Corrections)
* 
**/



/* **************** 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 {font:99% arial,helvetica,clean,sans-serif;border:1px solid #997D2F;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* **************** 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;}
.assistance a {text-decoration:underline;}
/* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */
h1, .h1{font-size:241%; font-weight: bold; text-transform: none; color:#DA0000;}
h2, .h2{font-size:155%; font-weight:bold; text-transform:none; color:#000;}
h3, .h3{font-size:121%; font-weight:bold; text-transform:none; color:#DA0000;}
h4, .h4{font-size:121%; font-weight:bold; text-transform: none; color:#000;}
h5, .h5{font-size:137%; text-transform: none; color:#DA0000;}
h6, .h6{font-size:137%; text-transform: none; color:#313131;}

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


/* **************** D.. STRUCTURES ***************** */
body{text-align:center;}
#page{margin:auto; text-align:left;width:925px; font-family: Arial,  sans-serif; color:black;font-size:1em; text-align:left;}


/* ============================ Default Nav Header ================================ */
#headerTop {background-position:right top; height:145px;overflow:hidden; zoom:1; _overflow:visible; }
#headerInside {zoom:1;background:url(skin/header/fond_head.jpg) no-repeat left top}
#header h1 {margin-left:25px; margin-top:30px;margin:30px 25px 5px;}

.floatright{float:right !important;}
#headerTop .div{zoom:1;}

/* menu */
#menu, #menu * {margin:0; padding:0; list-style:none;}
#menu {overflow:hidden; zoom:1; _overflow:visible;width:100%;}
#menu ul {background: url(skin/header/fond_nav.jpg) repeat-x top left;float:right;}
/* niveau 1 */
#menu ul li {background: url(skin/header/separ_nav.jpg) no-repeat left center; float:left; text-align:center; padding:4px 0 4px 5px; min-height:29px; _height:29px;}
#menu ul li a {/*background: url(skin/header/nav.jpg) no-repeat left -27px;*/padding:4px 10px 0; width:67px; display:block;  line-height:0.9em; font-size:12px; min-height:22px; _height:22px; text-indent:-3000px; overflow:hidden;}
#menu ul li a.nav1 {background: url(skin/header/nav_1.jpg) no-repeat left -28px!important;width:69px;}
#menu ul li a.nav2 {background: url(skin/header/nav_2.jpg) no-repeat left -28px!important;width:77px;}
#menu ul li a.nav3 {background: url(skin/header/nav_3.jpg) no-repeat left -28px!important;width:62px;}
#menu ul li a.nav4 {background: url(skin/header/nav_4.jpg) no-repeat left -28px!important;width:72px;}
#menu ul li a.nav5 {background: url(skin/header/nav_5.jpg) no-repeat left -28px!important;width:70px;}
#menu ul li a.nav6 {background: url(skin/header/nav_6.jpg) no-repeat left -28px!important;width:67px;}
#menu ul li a.nav7 {background: url(skin/header/nav_7.jpg) no-repeat left -28px!important;width:80px;}

#menu ul li a:hover{background-position: 0 0!important;}
#menu ul li.first {background: url(skin/header/first_nav.jpg) no-repeat left top; padding-left:15px}
#menu ul li.current a{background-position: 0 0!important;}
#menu ul li.emergency {padding:0 !important}
#menu ul li.emergency  a{text-indent:15px;padding-left:0 !important;background:transparent url(skin/header/urgences.jpg) no-repeat right top !important;color:#555;font-size:11px;font-weight:bold;height:37px;line-height:29px;width:108px;text-align:center;}
#menu ul li.emergency  a:hover, #menu ul li.emergency  a.current{_background-position:right top !important;padding-left:0 !important;color:#997D2F;font-size:11px;font-weight:bold;height:37px;line-height:29px;width:108px;text-align:center;}

/* ---- breadcrumb trail ---- */
#headerBottom {overflow:hidden; _overflow:visible; zoom:1; margin:0 3px;}

.breadcrumb, .breadcrumb ul {margin:0; background:#E4E4E4 url(skin/header/cheminfer_fond.png) no-repeat left top}
.breadcrumb * {margin:0; padding:0; list-style:none;}
.breadcrumb {overflow:hidden; _overflow:visible; zoom:1; margin-top:6px;}
.breadcrumb ul {background-position:right top; min-height:23px; _height:23px; line-height:23px; vertical-align:middle; font-size:0.9em;}
.breadcrumb {padding-left:10px;}
.breadcrumb li{display:inline; color:#000}
.breadcrumb li.current{font-weight:bold;}
.breadcrumb a:link{text-decoration: none; color:#414141}
.breadcrumb a:visited{text-decoration:none;}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{text-decoration:underline;}

/* ============================ /Default Nav Header ================================ */

/* ============================ Default Nav Footer ================================ */
/* ---- Footer --- */
#footer{text-align:center;padding-top:20px;}
#footer ul{width:100%;height:30px;_height:25px;border-bottom:1px solid #C3C3C3;}
#footer li{display:inline;border-right:1px solid #D9B139; font-size:10px; font-weight:normal;} 
#footer li a{text-align:center;color:#D9B139; padding:0 5px;}
#footer .left{margin:auto; white-space:nowrap }
#sponsorFooter{background:url(skin/header/foot.jpg) left bottom;width:100%;height:90px;text-align:left; clear:both;}
#sponsorFooter img{margin:left;}
#footer li.last{ border:0px;}

.deconnect {display:block;padding-left:10px;margin-bottom:0 !important;padding-bottom:0 !important;border-right:0px !important;background:url(skin/header/croix.jpg) no-repeat center left;}
.deconnect a{margin-bottom:0 !important;padding-bottom:0 !important;text-align:left !important;line-height:15px;font-weight:bolder;color:#D49A00 !important;}

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


/* ==================== /ELEMENTS TEMPLATE ==================== */
#leftColumn{width:220px;_width:213px;margin:0 10px;_margin:0 10px 0 5px;min-height:600px;_height:600px;}
#main{overflow:hidden; _overflow:visible; zoom:1;font-size:90%;padding:0;width:440px;margin:0 0 0 15px;_margin:0 0 0 10px;}
#body{overflow:hidden; _overflow:visible; zoom:1; margin:0 3px;background:url(skin/header/fond_body.jpg) no-repeat right top;}
#bodyError{overflow:hidden; _overflow:visible; zoom:1; margin:0 3px;background:url(skin/header/fond_bodyerror.jpg) no-repeat right top;}
.assist{min-height:650px;_height:650px;}

#rightColumn{float:right; width:220px;}


/* ===================== CHOIX TEMPLATE ==================== */
.uneCol #leftColumn, .uneColonne #rightColumn {display:none;}
.deuxColsGauche #rightColumn {display:none;}
.deuxColsDroite #leftColumn {display:none;}



/* **************** E.. BLOCS CONTENUS ***************** 
/*----------------------------nav Gauche------------------------------*/

.navGauche{overflow:hidden;_overflow:visible;zoom:1;margin:15px 15px 0 5px;}
.navGauche li{position:static;min-height:40px;_height:40px;}
.navGauche li a{border-bottom:1px solid #E5D8B8;font-weight:bold;display:block;height:100%;text-indent:10px;line-height:40px;background:url(skin/header/nav_on.jpg) no-repeat 50% top;}
.navGauche li a:hover{background:url(skin/header/nav_on.jpg) no-repeat 50% bottom;}
.currentLi{border-bottom:1px solid #E5D8B8;}
.currentLi a{color:#000;background:url(skin/header/nav_on.jpg) no-repeat 50% bottom;}
.firstLi{background-position:top left !important;}
.lastLi{background-position:bottom left !important;}
.navGauche .firstSsNav{border-top:1px solid #E5D8B8;width:90%;}
.navGauche .secondSsNav {background:#FFF;font-size:0.95em;}
.navGauche li.current a, .navGauche li  a:hover{color:#FFF;background:url(skin/header/nav_on.jpg) no-repeat left bottom;}
.navGauche .firstSsNav li{border-bottom:0px;background:url(skin/header/sousnav2.jpg) left center;}
.navGauche .firstSsNav li a{font-size:0.9em;color:#333;text-indent:30px;border-right:1px solid #E1E1E1;border-bottom:1px solid #DDDDDD;background:url(skin/header/fleche_grey.jpg) no-repeat 95% 50%;}
.navGauche .firstSsNav li a:hover,.navGauche .secondSsNav li a:hover{color:#D9B139 !important;}
.navGauche .firstSsNav li a:hover{background:url(skin/header/fleche_firstSsnav.jpg) no-repeat 95% 50%;}
.navGauche .firstSsNav  li.current a{color:#D9B139;background: url(skin/header/fleche_firstSsnav.jpg) no-repeat scroll 95% 50%;}
.navGauche .firstSsNav  li.current a:hover{color:#D9B139;background:url(skin/header/fleche_firstSsnav.jpg) no-repeat 95% 50%;}
.navGauche .firstSsNav  li.open a {background: url(skin/header/fleche_grey_on.jpg) no-repeat scroll 95% 50%;}
.navGauche .firstSsNav  li.open a:hover {background: url(skin/header/fleche_grey_on.jpg) no-repeat scroll 95% 50%;}
.navGauche .firstSsNav  li.current .secondSsNav li a{color:#555; background:url(skin/header/fleche_surgrey.jpg) no-repeat 95% 50%;}
.navGauche .firstSsNav  li.current .secondSsNav li.current a{color:#D9B139;background:url(skin/header/fleche_surgrey_off.jpg) no-repeat 95% 50%;}
.navGauche .firstSsNav  li.current .secondSsNav li a:hover, .navGauche .firstSsNav  li.current ul.secondSsNav li a:focus, .navGauche .firstSsNav  li.current ul.secondSsNav li a:active{color:#D9B139!important;background:url(skin/header/fleche_surgrey_off.jpg) no-repeat 95% 50%!important;}
.navGauche .secondSsNav li{width:90%;border-right:1px solid #C2C2C2;background:url(skin/header/sousnav3.jpg) no-repeat;background-position:left 50%;border-bottom:0px;border-top:1px solid #C2C2C2!important;}
.navGauche .secondSsNav .firstLi{background-position:top left!important;}
.navGauche .secondSsNav .lastLi{background-position:bottom left!important;}
.navGauche .firstSsNav .lastLi a{/* border-top:1px solid #DDD;*/}
.navGauche .firstSsNav .secondSsNav .lastLi a{ border-top:0px;}
.navGauche .secondSsNav li a{text-indent:0 important; text-align:left; border-right:0px !important; border-bottom:0px !important; display:block; width:154px; padding-left:8px; }
/*.navGauche .secondSsNav li a:hover{color:black !important;}*/

/*----------------------------leftLinks Block------------------------------*/
 .left_links {background:url(skin/header/fond_partenaires_middle.png) repeat-y left top;width:248px;}
 .left_links .top_priv {background:url(skin/header/fond_partenaires.png) no-repeat left top;}
 .left_links .bottom_priv {background:url(skin/header/fond_partenaires_footer.png) no-repeat left bottom;padding-bottom:10px;}
 .left_links ul {padding:12pt 15px 0 24px;}
 .left_links a,  .left_links li {font-size:11px;font-weight:bold;}
 .left_links li {font-weight: normal;zoom:1;}
 .left_links .last {border-bottom:0px;}
 .left_links li table {border-bottom:1px solid #D9B43F;}
 .left_links li.last table {border: none;}
 .sep_main {width:274px;_width:250px;border-bottom:1px solid #CCA527;margin-top:10px;margin-left:140px;}
.bottom_priv .titraille{filter:none !important;}


#main h2 {font-size:11px;font-weight:bold;}
#main li a {text-decoration:underline;}
.offre {margin:14px 0 10px 0; padding: 0 0 0 4px;}
.offre li{margin-top:10px;margin-bottom:10px;}
.offre li.plus{float:left;}
.offre li.profiter{float:right;}


/*----------------------------main------------------------------*/
#main *{font-family:Arial,sans-serif;letter-spacing:0px;}
#main p{line-height:1.4em;}
.annonceur{padding:0;text-align:center;}
.annonceur img{padding:10px 0 0 15px;margin:auto;}
.offre h1{padding: 15px 0 10px;font-weight:normal;font-size:16px;color:#000;}
.offre{padding:0 0 0 15px;}
#public .offre table , #prive .offre table{border-bottom:1px solid #CCA526;padding-bottom:15px;}
.reduc{text-align:center;padding:0; width:85px}
/*.reduc p{background:url(skin/header/fond_pastille.png) no-repeat left top;display:-moz-inline-box;_display:inline;height:25px;_padding:0 0 0 5px;text-align:center;}
.reduc strong{background:url(skin/header/fond_pastille.png) no-repeat right top;display:-moz-inline-box;_display:inline-block;font-size:12px;_line-height:15px;_height:20px;_padding-bottom:8px;margin:0pt 5px;padding:5px 5px 0 0;}*/
.reduc span {background:url(skin/header/fond_pastille.png) no-repeat right top; width:55px; display:block;margin:auto;}
.reduc span strong {color:#FFF;font-size:12px;background:url(skin/header/fond_pastille.png) no-repeat left top;padding:5px 0;display:block;}

.comments{width:290px;font-size:11px}
.fin{margin-top:25px;}
.btnContainer{text-align:center; margin-top:25px;}
.btnContainerLeft{margin-top:25px;}
.boutonsTemp{display:-moz-inline-box; display:inline-block; height:22px;background:url(skin/header/grey_button.png) no-repeat top left; padding-left:25px; text-align:left; text-decoration:none !important}
.boutonsTemp span{cursor:pointer; display:block; _width:1%; _white-space:nowrap; line-height:22px; height:22px; background:url(skin/header/grey_button.png) no-repeat top right; padding-right:25px;}
#main .last{border:0px;}

/* ---- Mise en avant ----- */
.blocVolant{letter-spacing:0px;font-size:0.9em;font-weight:bold;}
.notValidEntry{color:#FF3300;font-size:12px!important;font-weight:normal!important;text-align:left;}
.titraille{text-align:center;padding-top:15px;background:url("skin/header/blocvolant_head.png");_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/header/blocvolant_head.png'); zoom:1;}
.blocVolant h2 span{display:block;text-indent:-3000px;height:100%;overflow:hidden;margin-left:15px;background:url("skin/header/newsletter.jpg") no-repeat bottom left;}
.contentBlock{padding:5px 15px;background:url("skin/header/blocvolant_content.png") repeat-y;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/header/blocvolant_content.png'); zoom:1;}
.blocVolant .contentBlock .inpText{height:15px;position: relative;z-index: 2;}
.contentBlock a , .bottom a, .blocVolant .contentBlock .inpSub{position: relative;z-index: 1; /* pour que ce soit au dessus de l'image sous IE */}
.blocVolant .contentBlock .inpSub{height:20px;border:none;background:url(skin/header/ok.jpg) no-repeat 1px 1px;color:#FFF;width:25px;text-align:center;}
.blocVolant .contentBlock h3 a{display:block;height:20px;padding-bottom:15px;line-height:25px;font-size:12px;font-weight:normal;}
.marronLink{letter-spacing:-1px;}
.marronLink, .plusBlock a{color:#997D2F;font-size:1em;font-weight:normal;text-decoration:none;}
.marronLink:hover, .plusBlock a:hover{text-decoration:underline !important;}
.bottom{padding-left:15px;padding-bottom:20px;background:url(skin/header/blocvolant_foot.png) no-repeat left bottom;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/header/blocvolant_foot.png'); zoom:1;}
.blocNewsIn{padding-bottom:10px;margin-bottom:10px;border-top:1px solid #DCDAD5;}
.blocNewsIn p{font-weight:normal;}
.blocNewsIn img{border:none;padding-bottom:10px;}
.blocNewsIn h3{text-indent:-3000px;padding-top:20px;background:url(skin/header/avantages.jpg) no-repeat left bottom;}
.blocNewsIn a {text-decoration:underline}
/* ====== Header Spécifique =====*/
.plusBlock{margin-bottom:10px;}
.plusBlock .titraille{text-indent:-3000px;color:#555;font-size:1em;font-weight:normal;letter-spacing:-1px;padding-top:14px!important;background:url("skin/header/plus_head.png")!important;_background-image:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=crop src='/css/skin/header/plus_head.png')!important;}
.plusBlock .contentBlock{margin-bottom:0;background:url("skin/header/plus_content.png")!important;_background-image:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/header/plus_content.png')!important;}
.plusBlock .bottom{background:url("skin/header/plus_foot.png") no-repeat!important;_background-image:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/header/plus_foot.png')!important;}
.plusBlock ul{padding:5px 0;/*background:url(skin/header/plus_content.jpg) no-repeat 50% top;*/}
.plusBlock ul li{text-align:center;}
.plusBlock_in ul{padding: 10px;}
.plusBlock_in ul li{text-align:center;}
.plusBlock_in {background:url(skin/header/plus_inside_middle.jpg) repeat-y left top;width:186px;}
.plusTop {background:url(skin/header/plus_inside_top.jpg) no-repeat left top;}
.plusBottom {background:url(skin/header/plus_inside_bottom.jpg) no-repeat left bottom;min-height:7px;_height:7px;}


/* ---- authentification ---- */
.assistance{padding:25px 30px 0px 10px;}
.assistance .inlineinputs h4 {font-size:100%;font-weight:normal;float:left;margin-left:5px;_margin-left:2px;width:99px}
.assistance .inlineinputs label {float:none;width:20px}
.assistance .inlineinputs input {width:auto;margin-right:10px;border:0}
.assistance .inlineinputs p {//margin-top:-4px}
.assistance h2 {font-size:15px !important;padding:20px 0;}
.assistance p {line-height:20px;margin:5px}
.assistance form{padding-top:25px;}
.assistance label{float:left;width:95px;margin-right:4px}
.assistance input,.assistance textarea{width:252px}
.assistance select {width:254px;border:1px solid #997D2F;background:white;}
.assistance textarea{height:150px;//overflow-y:auto;}
.assistance textarea.halfway{height:40px;//overflow-y:auto;}
.assistance .comments{font-size:10px;}
#privateLife{font-size:10px;}
#privateLife a{font-size:10px;}
#privateLife address{font-size:10px; text-decoration:underlined;}



/* --- Plan du site --- */
#planSite {margin:0 30px;}
#planSite li h2 {font-size:150%;}
#planSite li {background:url(skin/planSeparator.gif) repeat-x left bottom; padding: 25px 0;}
#planSite li a{position:relative; margin-left:14px; _margin-left:0px;}
#planSite li.last, #planSite li li {background:none;}
#planSite li li {padding:0;_margin-left:14px;}
#planSite li ul {margin-top:20px;}
#planSite li li ul {margin-top:0px;}
#planSite li li a{font-weight:bold; text-decoration:none;}
#planSite li li a:hover{text-decoration:underline}
#planSite li li a b {background:url(skin/planChevrons.gif) no-repeat left bottom; position:absolute; left:-12px; top:3px; height:8px; width:8px; font-size:1%}
#planSite li li.open a b {background-position:left top}
#planSite li li li a b, #planSite li li.open li a b {background-position:-8px bottom}
#planSite li li li.open a b {background-position:-8px top}
#planSite li li li {margin-left:30px;}
#planSite li li li a {font-weight:normal;}
#planSite li li li li a {color:#666666;}
#planSite li li li li a b, #planSite li li.open li li a b, #planSite li li li.open li a b {background-position:right center}

.hasJS #planSite li li ul, .hasJS #planSite li li.open ul, .hasJS #planSite li li li.open ul, .hasJS #planSite li li.open li ul {display:none;}
#planSite li li.open ul, #planSite li li li.open ul, #planSite li li.open li ul, .hasJS #planSite li li.open ul, .hasJS #planSite li li.open li.open ul{display:block;}

#flashcontent{
background:url(skin/header/fond_flash_plugin_manquant.jpg) no-repeat left top;
width:925px;
height:249px;

}
.prive {
background:url(skin/header/fond_flash_prive.jpg) no-repeat 14px top !important;

}

.prive p{
margin:0 !important;
background:url(skin/header/fond_flash_prive.jpg) no-repeat 14px top !important;
}

#flashcontent p{
margin-left:135px;
padding-top:100px;
text-align:center;
}


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

/* ---- arrow ---- */ 
ul.arrow li{background:url(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(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(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(skin/squareLi.png)no-repeat 0 7px; padding-left:12px; }

/* --- liste 2 colones --- */
ul.list2cols{background:url(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(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(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; }
	
 
/* ====== login ====== */
.login input{width:100px;}
.login .identifiant{margin-right:10px}
.login .password{margin-right:8px;}
.login button{border:0; background:url(skin/arrowLi.png) no-repeat left center; padding:0 10px 0 10px; cursor:pointer;}


/* **************** 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 ====== */
.blockSimple .blockInside{border:1px solid #E5E5E5;}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br {background-image:url(skin/blocks/simple_corners.png); width:7px; height:7px;}
.blockSimple .tl{top:-1px; left:-1px;}
.blockSimple .tr{top:-1px; right:-1px}
.blockSimple .bl{bottom:-1px; left:-1px;}
.blockSimple .br{bottom:-1px; right:-1px;}


/* ====== gradientGrey Bottom ====== */
.gradientGrey .blockInside{background:url(skin/gradientGrey.png) repeat-x left bottom;}
/* ---- gradientWhite --- */
.gradientWhite .blockInside{background:url(skin/gradientWhite.png) repeat-x left bottom;}

/* ====== block par defaut ====== */
.block{overflow:hidden ;_overflow:visible; zoom:1; position:relative;}
.blockInside{position:relative;zoom:1;}
.body {zoom:1;}
.head{background: #E9E9E9 url(skin/tet/fond_tet.png) repeat-x left bottom; min-height:23px; padding-left:10px; padding-top:4px; color:#000000;}
b.overtl {position:absolute; left:0; top:0;}
b.tl, b.tr, b.bl, b.br{background-repeat:no-repeat; position:absolute; height:4px; width:4px; font-size:1%; overflow:hidden; _overflow:visible;}
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;}

/* ---- GreyFooter --- */
.footer .greyFooter{background:#DDD url(skin/blocks/footerDegrad.png) no-repeat left top; height:50px; display:block;}

/*======style block======*/ 
.blockFilled .blockInside{border:0 !important; background-color:#F4F4F4}
.blockFilled .tl, .blockFilled .tr, .blockFilled .br, .blockFilled .bl{background-image:url(skin/blocks/simple_corners_noBg.png);}
.blockFilled .tl {top:0; left:0}
.blockFilled .tr {top:0; right:0}
.blockFilled .br {bottom:0; right:0}
.blockFilled .bl {bottom:0; left:0}
.blockRound .blockInside {border:0 !important;}
.blockRound .tl, .blockRound .tr, .blockRound .br, .blockRound .bl  {background-image:url(skin/blocks/simple_corners_noBg.png);}

/* ====== tétières ====== */
.head span{background-image:url(skin/tet/tet_part2.gif); display: block;}

/* ====== Blockote ====== */
.blockquote {background:#F4F4F4 url(../img/picto/quoteLeft.png) no-repeat 10px 10px; padding-left:35px; padding-top:10px; font-size:129%; padding:10px 15px 10px 35px; color:#414141; padding-bottom:10px; line-height:2em;}
.blockquote *{line-height:1.5em;}
.blockquote address{display:inline; font-weight:bold;}
.blockquote b{background:#F4F4F4 url(../img/picto/quoteRight.png) no-repeat left top; display:-moz-inline-box; display:inline-block; font-size:1%; width:21px; height:14px; vertical-align:top; margin-left:5px; margin-right:5px;}

/* ====== block homefade ====== */
.homefade{ background:#EDEDED url(skin/blocks/fade_home.png) repeat-x bottom; border-bottom-color:#E2E2E2; border-top:1px solid #E2E2E2; border-left:1px solid#E8E8E8;}
.homefade .blockSuround { border-color:#fff #fff #C6C6C6 #fff; border-width:1px 0 1px 0;}	
.homefade .blockInside { border-color:#fff #E2E2E2 #aaa #E2E2E2; border-width:1px; }


/* ====== ombre speciale ====== */	
b.specialShadow{background:url(skin/blocks/ombre_special_fond.png) repeat-x; position:relative;}
b.specialShadow .lt, b.specialShadow .rt{background:url(skin/blocks/ombre_special_deux_cote.png) no-repeat left top; height:53px; width:50%;}
b.specialShadow .rt{background-position:right top; position:absolute; top: 0; right: 0;}
b.specialShadow .trame{background-image:url(skin/blocks/ombre_special_trame.png); height:53px; position:absolute; top:0; left:0; width:100%}
b.specialShadow, b.specialShadow .lt, b.specialShadow .rt, b.specialShadow .trame {display:block;}

/* **************** TETIERES ***************** */
.login input{width:100px;}
.login .identifiant{margin-right:10px}
.login .password{margin-right:8px; font-weight:bold}
.login button{border:0; background:url(skin/arrowLi.png) no-repeat left center; padding:0 10px 0 10px; cursor:pointer;}






.bkg_gris {position:absolute; left:0; bottom:0; right:0; top:0; background:gray; z-index:9000; width:100%;}
.boxAuthent {position:absolute; z-index:10000;}