/*
Inspired by yahoo http://developer.yahoo.com/yui/reset/
Inspired by http://html5boilerplate.com/
*/

*{
    margin:0; padding:0 }
html{
    overflow-y:scroll } /* force l'affichage de la scrollbar vertical */
.line table{ /* prefixe cause patch */
    border-collapse:collapse; border-spacing:0 }
fieldset,img{
    border:0 }
legend{
    display:none }
address,caption,cite,code,dfn,.line em,strong,th,var{
    font-style:normal; font-weight:normal }
ol,ul{
    list-style:none }
caption,th{
    text-align:left }
.line h1,.line h2,.line h3,.line h4,.line h5,.line h6{
    font-size:100%; font-weight:normal }
abbr,acronym{
    border:0; font-variant:normal }
blockquote:before, blockquote:after,
q:before,q:after{
    content:'' }
pre, code, kbd, samp{
    font-family:monospace, sans-serif }
pre{
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */ }
sup{
    vertical-align:text-top }
sub{
    vertical-align:text-bottom }
label, input[type=button], input[type=submit], button{
    /* hand cursor on clickable input elements */
    cursor: pointer; }
input,textarea,select{
    font:inherit; resize:none /* textarea no resize pour chrome */ }
button{
    /* make buttons play nice in IE:
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
    width:auto; overflow: visible }
/*:hover, :active{
    outline:none } /* people.opera.com/patrickl/experiments/keyboard/test */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    /* new html5 element reset http://code.google.com/p/html5resetcss/downloads/list http://remysharp.com/2009/01/07/html5-enabling-script/ */
    display:block
}

/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : GRID Framework
Author   : Damien SYREN

Grille CSS basé sur une taille de site de 960px ->.page
12 colonnes de 60px chacune avec une gouttière de 20px
Inspired by http://960.gs/ and http://www.1kbgrid.com/
Made with http://www.gridsystemgenerator.com/

------------------------------------------------------------------------------*/

.page{
    margin:0 auto;
    width:960px; /* taille du site */
    background:#fff;
}
.bloc{
    margin:0 10px; /* gouttiere */
    float:left;
    _display:inline; /* double margin IE6 bug http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#float-bug */
}

.line .line{ margin: 0 -10px }

/* grille fixe */
.size1of12 { width:60px  }
.size2of12 { width:140px }
.size3of12 { width:220px }
.size4of12 { width:300px }
.size5of12 { width:380px }
.size6of12 { width:460px }
.size7of12 { width:540px }
.size8of12 { width:620px }
.size9of12 { width:700px }
.size10of12{ width:780px }
.size11of12{ width:860px }
.size12of12{ width:940px }

.left  { float:left  }
.right { float:right }
.spacer { clear:both; }
.hidden{ display:none; }
.visible { display:block; }

/* >> The Magnificent CLEARFIX << 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } 
.clearfix { display: block; }
.box.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box.clear { display: inline-block; }
* html .box.clear { height: 1%; } 
.box.clear { display: block; }*/

/* display : inline-block */
.inlineBlock{    
    display:inline-block;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}

/* utilisé pour faire une colonne auto adaptative voir tmpLayout.html */
.lastBloc{
    display:table-cell;
    float:none;
    width:auto;
    *display:block;
    *zoom:1;
}

/* gestion du clearfix autre solution http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.line,.clear{zoom:1}
.clear:after,
.line:after,
.lastBloc:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

------------------------------------------------------------------------------*/

/*
- SKIN LAYOUT ------------------------------------------------------------------
C'est ici qu'on va skinner les éléments spécifiques aux pages avec des #id.
Ce n'est pas conseiller de skinner tout le site ici car cela est contraire à la
méthode OOCSS.
*/

/*
- MOBILE LAYOUT ----------------------------------------------------------------
Media queries for responsive design
http://www.alistapart.com/articles/responsive-web-design
Inspired by http://html5boilerplate.com/
*/

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

/*
- PRINT STYLES -----------------------------------------------------------------
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/*------------------------------------------------------------------------------

[MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

- Macro typographie -
http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736

------------------------------------------------------------------------------*/

/* maxvoltar.com/archive/-webkit-font-smoothing */
html{ -webkit-font-smoothing:antialiased }

/* #333 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea{ color:#333 }

body{
    /* le line-height doit etre environ egale à 140 - 150% de la taille de la font */
    font:14px/20px georgia,"Helvetica Neue",Helvetica,Arial,default; letter-spacing:0;
    /* CSS3 permet de faire des cesure sur les long mots sans espaces */
    word-wrap:break-word;
}
/* marge de base entre les balises semantiques */
.line h1,.line h2,.line h3,.line h4,.line h5,.line h6,.line ul,.line ol,.line dl,.line p,.line blockquote,.line pre,.line table,.line address,div.box,.mod{ margin-bottom:20px } /* prefixe cause patch */

/* default heading */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
.line h1, .line h2, .line h3, .line h4, .line h5, .line h6{ font-family:tahoma,Helvetica,Arial,default; font-weight:bold; text-rendering:optimizeLegibility; } /* prefixe cause patch */

/* surlignage */
::selection         { background:#E30450; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#E30450; color:#fff; /* Firefox */ }

/* elements */
.line em,.em          { font-style:normal; color:#747e87 }
strong,.strong  { font-weight:bold }
code,pre        { color:#0B8C8F }
sup             { color:#999; font-weight:normal; font-size:70% }
cite            { display:block; text-align:right; padding-top: 10px }
mark            { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del             { text-decoration: line-through }
abbr[title],
dfn[title]      { border-bottom:1px dotted #000; cursor:help }

/*
- HEADINGS SKIN ------------------------------------------------------------------
*/

/* .h1-.h6 doivent etre utiliser de maniere semantiques */
.line h1, .line .h1{ font-size:24px; line-height:30px; color:#E30450; font-family:arial; letter-spacing:-1px } /* prefixe cause patch */
.line h2, .line .h2{ font-size:12px; line-height:16px; color:#333333 } /* prefixe cause patch */
.line h3, .line .h3{ font-size:22px; line-height:32px; color:#E30450 } /* prefixe cause patch */
.line h4, .line .h4{ font-size:20px; line-height:28px; color:#E30450 } /* prefixe cause patch */
.line h5, .line .h5{ font-size:18px; line-height:26px; color:#303030 } /* prefixe cause patch */
.line h6, .line .h6{ font-size:16px; line-height:23px; color:#E30450 } /* prefixe cause patch */

/* links */
.line a{color:#a21460; text-decoration:none;} /* prefixe cause patch */
.line a:focus, .line a:hover{text-decoration:underline; cursor:pointer;  color:#4a99cf; } /* prefixe cause patch */
/*a:focus{background-color:#FFFFCC;}*/

/*
- LISTS SKIN -------------------------------------------------------------------
*/

/* numbered list */
ol.simpleList li{ list-style-type:decimal; margin-left:20px; *margin-left:25px}
/* standard list */
ul.simpleList li{ list-style-type:disc; margin-left:15px;}

/*
- TABLES SKIN ------------------------------------------------------------------
*/

.data{
    position:relative;
    vertical-align:top;
    *zoom:1;
}
.data table{
    width:100%;
    border:1px solid #ccc;
}
.data th,.data td{ vertical-align:top; border:1px solid #ccc }

.line table { width:100%; } /* prefixe cause patch */
.line td { text-align:center; vertical-align:middle;} /* prefixe cause patch */

/*
- ALIGNEMENTS ------------------------------------------------------------------
*/

.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}

/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

Cette page recense tous les modules (objets) réutilisables dans le site.

------------------------------------------------------------------------------*/



body { background: url(http://r.linter.fr/femmes/image/habillage/background/fond-jdf.jpg) no-repeat center top fixed;}


.line { background:#fff; }

/* generique image */
img.bordure {border:1px solid #d8d8d8; }
img.marge { padding:3px; }

/* generique couleur */
.or, .or a, .rose a:hover { color:#d5bc79; }
.rose, .rose a, .rose a:hover { color:#fe33a0; }
.violet, .violet a, .violet a:hover { color:#a21460; }
.turquoise, .turquoise a, .turquoise a:hover { color:#7ee8ff; }
.bleu, .bleu a, .bleu a:hover { color:#214e92; }
.jaune, .jaune a, .jaune a:hover { color:#febf01; }
.noir, .noir a, .noir a:hover { color:#303030; }
	
/* generique titre */
div.rubrique, h2.rubrique { font-size:20px; margin-bottom:10px; font-family:arial; text-transform:uppercase; font-weight:normal;}	
h2.rubrique a:hover { text-decoration:underline; }

/* generique liste */
ul.light { font-size:12px; font-family:arial; font-weight:normal; }
ul.light li { float:left;margin-left:5px;padding-right:5px;margin-top:5px;border-right:1px solid #939393;height:12px; line-height:12px; }
ul.light li a { color:#666; height:auto; }
ul.light li a:hover { text-decoration:underline; }
ul.light li.last { border-right:0; }

ul.button, a.button { font-family:arial;font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none!important;}
ul.button li { display:inline; }
ul.button li a, a.button { display:block; float:left;border:1px solid #8d1053; height:20px; line-height:20px; background:#a21460 url(http://r.linter.fr/femmes/image/habillage/background/violet_s.png) 0 0 repeat-x;color:#fff;  padding: 0 10px; margin-right:10px; }
ul.button.big li a, a.button.big { height:32px; line-height:32px; background-image:url(http://r.linter.fr/femmes/image/habillage/background/violet_b.png); }
ul.button.noir li a, a.button.noir { background-image:url(http://r.linter.fr/femmes/image/habillage/background/noir_s.png); border-color:#303030; }
ul.button.big.noir li a, a.button.big.noir { background-image:url(http://r.linter.fr/femmes/image/habillage/background/noir_b.png);  }
ul.button li a:hover, a.button:hover {  color:#fff;background-position:0 -24px; text-decoration:none;}
ul.button li a.big:hover, a.big.button:hover {  color:#fff;background-position:0 -32px; text-decoration:none;}
ul.button li a:active  { background-position:0 -44px; }
ul.button.big li a:active  { background-position:0 -66px; }
ul.button li.last a{ margin-right:0; }
ul.inline li { float:left;margin-right:5px; }
ul.inline li.last { margin-right:0; }
ul.numero li { position:relative; padding-left:20px;}
ul.numero li span { position:absolute; display:block; width:15px;  height:15px;text-align:right; font-size:16px; top:0;*top:-5px; left:0; font-weight:bold;}

ul.tableau { border:1px solid #ccc; }
ul.tableau li { border:1px solid #ccc; }
ul.tableau li.last { border:0; }

/* generique liste de definition */
dl { line-height:16px; }
dt { font-weight:bold; font-size:12px; }
dt span { display:block; font-weight:normal; font-size:11px; }
dd { margin-bottom:15px;}

/* generique option plus */
.more { position:relative;cursor:pointer;padding-right:15px!important;padding-right:10px!important;background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/grise.png) center right no-repeat; }
.more  ul { position:absolute; }
ul.more { padding:4px!important;background:#fff!important;  position:absolute!important; right:0!important;  top:30px;z-index:100!important;  border:1px solid #858585!important;border-top:5px solid #858585!important;  height:auto!important;font-size:11px!important; text-transform:none!important; font-weight:normal!important; font-size:11px!important; z-index:10000;}
ul.more li { margin:0!important;float:none!important;  border:0!important; padding:0!important; height:20px!important; line-height:20px!important;}
ul.more li a { padding:0!important;width:100%;float:left!important;  color:#858585!important; background:#fff!important;height:20px!important; line-height:20px!important;}
ul.more li a:hover {  color:#a21460!important; }
ul.more li.last  { border:0; }

/* generique formulaire */
form legend { display:none; }
form.recherche{ border:1px solid #d8d8d8; overflow:hidden }
form input { height:20px; line-height:20px; }
form input.recherche { font-family:georgia;float:left;padding:3px 0 4px 35px; background:url(http://r.linter.fr/femmes/image/habillage/pictos/loupe.png) 8px 4px no-repeat; border:none }
form input.submit { font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold; height:29px;background:#fbfbfb url(http://r.linter.fr/femmes/image/habillage/background/blanc_s.png) 0 7px repeat-x; padding:0 10px; overflow:visible; border:none; border-left:1px solid #d8d8d8 }
form.recherche input.submit{ float:right; }
form input.submit.hover { color:#fff; background:#a21460 url(http://r.linter.fr/femmes/image/habillage/background/violet_s.png) 0 28px repeat-x;}
form input.submit.loupe { text-indent:-2000px;width:30px!important; background:#fff url(http://r.linter.fr/femmes/image/habillage/pictos/loupe.png) 3px 1px no-repeat; border-left:0;}
form input.submit.ok { width:30px!important; }
/*form input.label { float:left;margin-right:5px; position:relative; top:-1px; }*/
form p { margin-bottom:5px; }

/* specifique recherche */
form.recherche input.recherche { width:450px; border-right:0;}


/* generique precedent / suivant */
.defilant { position:relative;}
.size4of12 .section .box.defilant {width:298px; /*border:1px solid #d8d8d8;*/}
.size4of12 .section .box.defilant div.items div.item { width:298px;overflow:hidden;}
.size4of12 .section .box.defilant div.navigation { margin-left:-4px; }
.defilant div.navigation { position:absolute; z-index:2000; top:50%; margin-top:-25px; height:50px; font-weight:bold;  font-family:georgia; font-size:12px; letter-spacing:30; }
.defilant div.navigation.suivant { right:-4px;  }
.defilant div.navigation a.navigation {position:relative; z-index:1000;display:block; width:20px; height:54px; background-image:url(http://r.linter.fr/femmes/image/habillage/pictos/navigation.png); background-repeat: no-repeat; }
.defilant div.navigation a.navigation span { display:none; }
.defilant div.navigation a.detail  { position:relative; display:block;  width:205px; height:50px; color:#fff;text-decoration:none;}
.defilant div.navigation a.detail span { display:block; float:right; width:110px; height:30px; line-height:15px;padding:10px; background:#303030; }
.defilant div.navigation.precedent a.detail  img { float:left; }
.defilant div.navigation.suivant a.detail  img { float:right; }
.defilant div.navigation.precedent a.navigation{ float:left;background-position:4px 0; }
.defilant div.navigation.precedent a.navigation:hover{ background-position:4px -54px; }
.defilant div.navigation.precedent a.navigation:active{ background-position:4px -108px; }
.defilant div.navigation.precedent a.detail { left:-220px;float:left; }
.defilant div.navigation.suivant a.detail { left:0;float:left; }
.defilant div.navigation.suivant a.navigation { float:right;background-position:-26px 0; }
.defilant div.navigation.suivant a.navigation:hover { float:right; background-position:-26px -54px; }
.defilant div.navigation.suivant a.navigation:active  { float:right; background-position:-26px -108px; }
.defilant .scrollwrap {  position:absolute;top:3px; left:0;width:10000px; }
.defilant .scrollwrap div.item { float:left; position:relative; /*padding:0 3px;*/}
.defilant .scrollwrap li { display:block; float:left; text-align:center; }
.defilant .scrollwrap li.last { margin-right:0; }


/* social */
a.social { background-position:top left; background-repeat:no-repeat; padding-left:20px; color:#4F5052!important; text-decoration:none!important; }
a.facebook { background-image:url(http://r.linter.fr/femmes/image/habillage/pictos/social/facebook_grise.png); }
a.twitter { background-image:url(http://r.linter.fr/femmes/image/habillage/pictos/social/twitter_grise.png); }
a.newsletter { background-image:url(http://r.linter.fr/femmes/image/habillage/pictos/social/newsletter_grise.png); }

/* section */
.section {  background:#fff; font-family:georgia;font-size:14px; margin-bottom:20px;}
.size4of12 .section { width:300px; }
.section.box { padding:0; border:0; }
.section div.rubrique strong { display:block; font-size:16px; margin-bottom:10px;}
.section div.rubrique.focus { background:#303030; font-size:20px;margin-bottom:5px; padding:20px;}

div.nouveau {width:100%;height:42px;position:relative;text-indent:-2000px; position:relative;} 
div.nouveau img { position:absolute; top:0; left:0; z-index:2; }
div.nouveau div.couleur { position:absolute; top:0; left:0; width:79px; height:42px;}
div.nouveau.jaune div.couleur { background:#febf01; }
div.nouveau.violet div.couleur { background:#a21460; }



.section p a { text-decoration:underline; }
.section .box { border:0;}

/* box */
div.box { padding:15px; margin-bottom:20px; zoom:1 }
div.box.bordure {  border:1px solid #d8d8d8;padding:15px; }
.size4of12 .section .box.bordure { padding:3px 0 0 0; /*width:300px;*/ border:none}
/*div.box.bordure div { margin-left:3px; }*/
div.box.defilant { padding:0;overflow:hidden;  padding-top:3px; }
div.box > div { }
div.box div.items { display:none; }
div.box.image {padding:3px; border:0; margin-bottom:0; }
div.box img { float:left; margin:0 0 8px 0; border:1px solid #d8d8d8; padding:3px }
div.box.defilant p { margin-bottom:0; }
div.box.image dl, div.box.image p, div.box.image h2, div.box.image h3 { float:right; width:205px; margin-bottom:5px}
div.box p img, div.box dl img { margin-right:5px;}
div.box h2, div.box .h2, div.box h3 { font-family:georgia; font-size:14px; margin-bottom:5px }
div.box h2 span, div.box .h2 span, div.box h3 span  { font-family:arial; font-size:12px; display:block; font-weight:normal;  margin-bottom:0; color:#666}
div.box h2 a,div.box .h2 a {  text-decoration:none; color:#333}
div.box h2 a:hover,div.box .h2 a:hover {  color:#333}
div.box h3 a, div.box.bordure h3 a, div.box h3 a:hover {  text-decoration:none; color:#333}

div.box h3 a:hover {  color:#333}
div.box h2 span a, div.box h2 span a:hover ,div.box .h2 span a, div.box .h2 span a:hover{ color:#666; }
div.box .h2  a:hover{ text-decoration:underline; }

div.box div.titre, div.box div.titre a, div.box div.titre a:hover, div.box h2.titre, div.box h2.titre a, div.box h2.titre a:hover{ color:#214e92;font-weight:bold; font-size:14px; text-transform:uppercase; margin-bottom:15px; text-decoration:none;}
div.box h2.titre a:hover {text-decoration:underline;}
div.box strong.titre , div.box h3.titre { font-family:georgia; font-size:18px;  display:block; margin-bottom:5px; line-height:normal;}
div.box strong.titre a  , div.box h3.titre  a { color:#333; text-decoration:none;}
div.box strong.titre a:hover { text-decoration:none;}
div.box h3.titre a:hover { text-decoration:underline;}
div.box a { text-decoration:underline; }
div.box a.button { text-decoration:none; }
div.box a.sommaire, div.bloc a.sommaire { float:right;text-decoration:underline; }
div.box fieldset { margin-bottom:0; }
div.box.focus {background:#303030; border:1px solid #303030; font-family:georgia; }
div.box.focus div.titre, div.box.focus div.titre a, div.box.focus div.titre a:hover,div.box.focus h2.titre, div.box.focus h2.titre a, div.box.focus h2.titre a:hover { color:#7ee8ff; text-decoration:none; }
div.box.focus h2.titre a:hover {text-decoration:underline;}
div.box.focus p { color:#fff; }
div.box.focus .newVid { position:relative; float:left; }
div.box.focus .playVid { position:absolute; left:0; top:0; }
div.box.focus a { color:#7ee8ff;  }
div.box.focus a:hover { color:#FE33A0; }
div.box.focus input{  border-color:#303030; }
div.box.focus input.hover{  color:#333333; }
div.box.focus label { color:#fff; } 
div.box.contributif { font-family:georgia;background:#F1F1F1 url(http://r.linter.fr/femmes/image/habillage/background/degrade_gris.png) top left repeat-x; }
/*div.box.contributif div.titre{ color:#000; }*/
div.box.focus form.recherche input { border-color:#303030; background:#fff;}

.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box { display: inline-block; }
* html .box { height: 1%; } /* Hides from IE-mac \*/
.box { display: block; }

div.galerie { }
div.galerie table { }
div.galerie td { border:1px solid #ccc; }
div.galerie table img { float:none; margin:0; border:1px solid #fff; padding:3px;}
/*div.galerie table img.selected { border:1px solid #A21460; padding:3px; }*/
div.galerie table td > div { position:relative; padding:10px; cursor:pointer;}
div.galerie table td > div > div.detail { width:128px; line-height:16px;text-align:left; font-family:georgie; font-size:14px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.7); padding:10px;}
div.galerie table td > div >  div.detail a { color:#fff; text-decoration:none; }
div.galerie table td > div >  div.detail strong { display:block; color:#fff; font-size:16px }
div.galerie table td > div > div.detail { background:#000; background:rgba(0,0,0,.7) }

.size4of12 .section .box.galerie.defilant div.items div.item {width:298px;}
.size4of12 .section .box.galerie.defilant .scrollwrap div.item {padding:0;}

/* bloc de sondage */
.sondage input.inlineBlock{ width:15px; margin:2px 5px 0 0; vertical-align:top }
.sondage label.inlineBlock{ width:240px }

div#diaporama { width:618px; height:300px; margin-bottom:20px; overflow:hidden;border:1px solid #d8d8d8;}
div#diaporama a:hover { text-decoration:none; }
div#diaporama div.navigation { width:225px; }
div#diaporama div.navigation.precedent { left:-4px; }
div#diaporama div.item { width:617px;height:294px; }
div#diaporama div.item img {width:612px; padding-left:3px }
div#diaporama div.item img.miniature { display:none; }
div#diaporama div.navigation span.survol { position:absolute;top:-123px; display:block; width:311px; height:299px; cursor:pointer;text-indent:-2000px; display:none;}
div#diaporama div.navigation.suivant span.survol{  left:-91px; }
div#diaporama div.navigation.precedent span.survol{ left:4px; }
div#diaporama h1, div#diaporama p.h1, div#diaporama h3 { position:absolute; top:208px; left:20px; margin:0; color:#fff; text-transform:uppercase; font-weight:bold; }
div#diaporama h1 span, div#diaporama p.h1 span, div#diaporama h3 span {  background:#000;padding:2px;}
div#diaporama a.button { position:absolute; top:244px; right:20px;  }
div#diaporama_date { color:#fff;position:relative; z-index:1000; top:18px; left:-4px; background:url("http://r.linter.fr/femmes/image/habillage/diaporama/date.gif") no-repeat top left; width:195px; height:30px; line-height:25px;  font-weight:bold; text-align:center;}

/* header*/
#header { position:relative; background:#fff; /*display:block; float:left;width:100%;*/ padding-top:15px; padding-bottom:10px; /*padding-bottom:20px;*/ /*height:200px;*/}
#header a:hover { text-decoration:none;}
#header .mod{ margin-bottom:15px }
#header h1 { display:inline; margin:0; padding:0; }
/* images */
#header a.logo { display:block;float:left;height:75px;width:185px;/*margin-top:53px;*/ margin-left:10px;  }
#header .annonceur { float:right;border:1px solid #d8d8d8; }
#header ul.light { /*margin-bottom:15px; border-bottom:1px solid #d8d8d8;*/ float:right;height:22px; line-height:22px; }
#header .top{ font-weight:bold }
#header .top.light a{ color:#A21460; text-decoration:underline }
#header .top.light .b{ color:#303030 }
#header .top.light a:hover,#header .top.light .b:hover { color:#4A99CF; text-decoration:none }
#header ul.button {float:right;  margin-left:15px; /*margin-bottom:15px*/ }
#header ul.light ul.more { width:120px; top:19px; }

/* #navigation basse */
#nav { border-bottom:1px solid #d8d8d8;/*clear:both; float:left;*/margin-top:15px; width:100%; height:58px; position:relative;}
#nav ul { font-family:arial; display:block; width:100%; height:30px; font-weight:bold; float:left; background:url(http://r.linter.fr/femmes/image/habillage/header/nav.png) top left repeat-x; font-size:12px; margin-bottom:7px;}
#nav ul li.first { margin-left:18px; }
#nav ul li  { display:block ; float:left; border:0; height:34px; _height:30px; margin:0; padding:0; }
#nav ul li.promo { margin-left:10px; }
#nav ul li a {  display:block; float:left; height:34px; _height:30px; position:relative; margin-right:10px; _margin-right:5px}
#nav ul li.last a { margin-right:0; }
#nav ul li a span { display:block; height:30px;  line-height:30px; float:left;  border:0; color:#fff; text-transform:uppercase; padding:0 10px;}
#nav ul li span.more {padding-right:15px!important; }
#nav ul li .luxe span{ color:#d5bc79 }
#nav ul li .luxe:hover span,
#nav ul li.selected .luxe span,
#nav ul li.rubrique.selected .luxe span{ background:#a59a7c; color:#fff }
#nav ul li.selected .luxe,
#nav ul li.rubrique.selected .luxe {background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/or.png) bottom center no-repeat; }
#nav ul li a:hover { display:block; float:left;background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/grise.png) bottom center no-repeat; }
#nav ul li.promo a:hover { background:none; }
#nav ul li.rubrique.selected a {background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/violette.png) bottom center no-repeat; }
#nav ul li.selected a {background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/grise.png) bottom center no-repeat; }
#nav ul li.last a { background:none; }
#nav ul li.rubrique a span, #nav ul li.rubrique.selected a span { color:#fff; background:#A21460 }
#nav ul li a:hover span, #nav ul li.selected a span { color:#fff; background:#858585; }
#nav ul li.last { position:relative; padding-right:2px;}
#nav ul li.last a { padding-right:2px; }
#nav ul li.last a:hover span, #nav ul li.last.selected a span{ background-color:#fff; background:#fff url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/noire.png) right center no-repeat; }
#nav ul li.last a:hover span, #nav ul li.last.selected a span{ background-color:#fff; background:#858585 url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/blanche.png) right center no-repeat; }
#nav ul span.more { background-image:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/blanche.png); }
#nav ul.light {  position:absolute; left:0; bottom:0; height:13px; background:#fff; font-weight:normal;border-bottom:0; overflow:hidden; }
#nav ul.light li { border-right:0; padding-right:0; height:auto;}
#nav ul.light li a { dispay:block; float:left; margin:0 20px 0 0; _margin-right:10px; height:auto;}
#nav ul.light li a, #nav ul.light li a:hover { background:none; }
#nav ul.more { top:30px; right:0; width:150px; background:#fff;  margin-right:3px;}

/* formulaire de recherche */
#header .search{
    width:370px;
    position:absolute;
    right:327px;
    top:49px;
    _zoom:1
}
#header .search .text{
    width:250px;
    font-family:georgia,"Helvetica Neue",Helvetica,Arial,default;
}
#header .search .text,
#header .search .submit{
    display:inline-block;
    vertical-align:middle;
}
#header .search .text{
    width:327px;
    height:17px;
    line-height:17px;
    padding:5px;
    vertical-align:middle;
    border:2px solid #CCC;
    background:#fff;
    background:rgba(255,255,255,0.9);
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
}
#header .search .submit{
    width:32px;
    height:31px;
    padding:4px;
    margin-left:-9px;
    text-align:center;
    border:1px solid #a51a65;
    background:#a51a65 url(http://r.linter.fr/femmes/image/habillage/pictos/bg_headerSubmit.png?201007082200) repeat-x -112px -10px;
    cursor:pointer;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    text-indent:-1000px;
    overflow:hidden;    
}
#header .search .submit.hover{ background-position:-62px -10px }
#footer { background:#000; color:#808080; font-size:11px; font-family:georgia; border-top:3px solid #a21460; padding:20px 0 40px}
#footer .line { background:#000; }
#footer p { margin-bottom:0; }
#footer p.copyright { text-align:right; }
#footer a { color:#fff; }
#footer .nav.footer {border:1px solid #373737; border-width:1px 0 1px 0;padding:15px 0;  text-align:left; margin-bottom:10px;}
#footer .nav.footer ul {  margin:0 auto; text-align: center; }
#footer .nav.footer li { display:inline; margin:0 15px; }
#footer .nav.footer li.last { margin-right:0; }

#footer form { color:#fff; }
#footer form input { float:left; }
#footer form input.submit.loupe { border:1px solid #fff; }
#footer form.recherche { float:right;margin-top:52px; background:#fff }
#footer form.recherche input.recherche { width:264px; background:#fff; padding-left:4px; color:#000;}
#footer form input.email { width:175px; padding:4px 8px; border-color:#303030; background:#fff; border:none}
#footer form input.submit {  border-color:#303030; background-color:#fff; padding:0; height:28px }
#footer form.recherche fieldset { margin-bottom:0; }
#footer form ul { margin:10px 0; }
#footer .colonne { width:150px; }
#footer .colonne div.nav { margin-left:10px; }
#footer .colonne p { text-transform:uppercase;  color:#fff; font-weight:bold; margin-bottom:10px;}
.section.services { margin-top:40px; /*margin-bottom:40px;*/}
.services #services { overflow:hidden;width:943px; height:150px; margin-left:auto; margin-right:auto; margin-bottom:0;font-weight:bold; font-size:14px; font-family:georgia; margin-top:15px; position:relative; left:-3px; }
.services #services  div.item { background:#fff; height:143px; }
.services #services ul li { width:235px; border-right:1px solid #d8d8d8;}
.services #services ul li a {color:#303030; font-size:18px; font-weight:bold; font-family:georgia; text-decoration:none; }
.services #services ul li a:hover { color:#a21460; }
.services #services ul li img { margin-top:20px; }
.services #services ul li.last { border:0;}
.services .line { background:#000; }
.services .detail { background:#000;width:100%; border-top:4px solid #a21460; }


/* box2 */
.box2{
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 50%, #F6F6F6 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(100%,#F6F6F6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 ); /* ie6 /7 */
    ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 )"; /* IE8 */    
}

/* box3 */
.box3{ background:#000 }

/*
- TITRAGE GENERIQUE ------------------------------------------------------------
*/

.h7{ font-size:18px; text-transform:uppercase }
.h8{ font-size:18px; color:#7ee8ff; text-transform:uppercase }


/*
- BOUTONS GENERIQUE ------------------------------------------------------------
*/

/*/----> SMALL BUTTONS <----/*/
.buttonS-G,
.buttonS-B,
.buttonS-P{
    display:inline-block;
    vertical-align:baseline;    
    padding:4px 10px;
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 0px rgba(0,0,0,.3);
    box-shadow:0 1px 0px rgba(0,0,0,.3);
    background:url(http://r.linter.fr/femmes/image/habillage/background/sprite_button.png) repeat-x;    
    font:bold 11px/14px helvetica,arial;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    *zoom:1;
    *display:inline;
}

/* pour formulaire */
input.buttonS-G,
input.buttonS-B,
input.buttonS-P,
button.buttonS-G,
button.buttonS-B,
button.buttonS-P{
    height:24px;
}

/* bouton grey */
.buttonS-G{
    border:1px solid #d5d5d5;
    color:#333;    
}
.buttonS-G:hover,
.buttonS-G:focus{
    color:#333;
    text-decoration:none;
    background-position:0 -23px;
    outline:none;
    cursor:pointer;
}
.buttonS-G:active{
    background-position:0 -46px;
    outline:none;
}
/* bouton black */
.buttonS-B{
    border:1px solid #000;
    color:#fff;    
    background-position:0 -69px;
}
.buttonS-B:hover,
.buttonS-B:focus{
    color:#fff;
    text-decoration:none;
    background-position:0 -92px;
    cursor:pointer;
}
.buttonS-B:active{
    background-position:0 -115px;
}

/* bouton purple */
.buttonS-P{
    border:1px solid #8d1053;
    color:#fff;    
    background-position:0 -138px;
}
.buttonS-P:hover,
.buttonS-P:focus{
    color:#fff; 
    text-decoration:none;
    background-position:0 -161px;
    cursor:pointer;
}
.buttonS-P:active{
    background-position:0 -184px;
}

/*/----> MEDIUM BUTTONS <----/*/
.buttonM-G,
.buttonM-B,
.buttonM-P{
    display:inline-block;
    vertical-align:baseline;    
    padding:6px 12px;
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 0px rgba(0,0,0,.3);
    box-shadow:0 1px 0px rgba(0,0,0,.3);
    background:url(http://r.linter.fr/femmes/image/habillage/background/sprite_button.png) repeat-x 0 -207px;
    font:bold 15px/19px helvetica,arial;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
/* pour formulaire */
input.buttonM-G,
input.buttonM-B,
input.buttonM-P,
button.buttonM-G,
button.buttonM-B,
button.buttonM-P{
    height:33px;
}
/* bouton grey */
.buttonM-G{
    border:1px solid #d5d5d5;
    color:#333;    
}
.buttonM-G:hover,
.buttonM-G:focus{
    color:#333;
    text-decoration:none;
    background-position:0 -239px;
    outline:none;
    cursor:pointer;
}
.buttonM-G:active{
    background-position:0 -271px;
    outline:none;
}
/* bouton black */
.buttonM-B{
    border:1px solid #000;
    color:#fff;    
    background-position:0 -303px;
}
.buttonM-B:hover,
.buttonM-B:focus{
    color:#fff;
    text-decoration:none;
    background-position:0 -335px;
    cursor:pointer;
}
.buttonM-B:active{
    background-position:0 -367px;
}

/* bouton purple */
.buttonM-P{
    border:1px solid #8d1053;
    color:#fff!important;
    background-position:0 -399px;
}
.buttonM-P:hover,
.buttonM-P:focus{
    color:#fff;
    text-decoration:none;
    background-position:0 -431px;
    cursor:pointer;
}
.buttonM-P:active{
    background-position:0 -463px;
}

/*/----> FULL LARGER BUTTONS <----/*/
.buttonFull{ text-align:center; display:block; }

/*/----> BOUTON SELECTIONNE <----/*/
.buttonSel,
.buttonSel:hover,
.buttonSel:active{
    color:#929292;
    opacity:.8;
    -ms-filter:"alpha(opacity=80)"; /* IE 8 */
    filter:alpha(opacity=80); /* IE < 8 */
    background-position:0 -442px;
}


/*
- MODULES LAYOUT ---------------------------------------------------------------
*/

/* bloc de connexion */
.connect{
    padding:10px 0;
    background:#313435;    
}
.connect .newMember,
.connect .alreadyMember{
    height:125px;
    padding:20px;
}

/* bloc nouveau membre */
.connect .newMember{
    float:left;
    width:260px;
    font-size:18px;
}    
    .connect .newMember p{
        font-weight:bold;
        margin:18px 0;
    }
    .connect .newMember em{
        color:#303030;
        font-style:italic;
        font-weight:bold;
    }

/* bloc deja membre */
.connect .alreadyMember .icoClose{ position:absolute; right:20px; top:15px }
.connect .alreadyMember{ position:static; margin-left:310px }
.connect .alreadyMember label{ color:#ccc }
.connect .alreadyMember input{ vertical-align:middle }
.connect .alreadyMember .clear{ margin:18px 0 0 }
.connect .alreadyMember input[type=checkbox]{ margin-right:5px }
.connect .alreadyMember .inputTxt{
    width:265px;
    padding:4px 8px;
    margin-bottom:7px;
    border:2px solid #d8d8d8;
    background:#fff url(http://r.linter.fr/femmes/image/habillage/background/bg_input.png) repeat-x 0 0;
}

/* gestion des erreurs */
.connect .alreadyMember .error .inputTxt{
    border-color:#d21e40;
    color:#d21e40;
}
.errorMsg{
    position:relative;
    display:none
}
.errorMsg .arrowRed{ 
    position:absolute;
    bottom:-5px;
    left:20px
}
.connect .alreadyMember .error .errorMsg{
    display:block;
    position:absolute;
    top:15px;
    left:20px;
    padding:5px 10px;
    background:#d21e40;
    text-transform:uppercase;    
    font:bold 13px helvetica,arial;
    color:#fff;
}

/*
- ICONES -----------------------------------------------------------------------
*/

.arrowRed{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:5px;
    background:url(http://r.linter.fr/femmes/image/habillage/pictos/fleches/rouge.png) no-repeat 0 0;
}

.icoClose{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:21px;
    background:url(http://r.linter.fr/femmes/image/habillage/background/sprite_ico.png) no-repeat 0 0;
}
    .icoClose span{ display:none; }

/* fermer */
a.icoClose:hover,
a.icoClose:focus{    background-position:-20px 0 }
a.icoClose:active{   background-position:-40px 0 }

.connect .alreadyMember {
	
}

.connect .alreadyMember .h8 {
	float:left;
	width:570px;
}

.connect .alreadyMember .icoClose {
    position:static;
}

ul.button.mod li.login {
	text-transform:none;
}

ul.button.mod li.login a {
	text-transform:none;
	background:none;
	color:#A21460;
	border:none;
	padding:0px;
	margin:0px 4px 0px 0px;
	display:inline;
	float:none;
	text-decoration:underline;
}

.connect{
text-align:left;
}