/* @override Credits */
/*
Date : 28.01.2009
Auteur : Adrien Heury
Projet : Mountain-Factory.com
Logiciel : CSS Edit 2.6 - iMac
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
Vert 	: #ccde00
Marron 	: #251613 / #1d110f (foncé)
Beige 	: #847a6e / #e7dfaa

(Pour les notes sur les fiches tests)
Rouge (0 a 2) 	: #de2500
Orange (2 a 3) 	: #fa7d00
Jaune (3 a 4) 	: #fac200
Vert (4 a 5) 	: #ccde00
-------------------------------------------------------------------*/
/*[Typography]
Helvetica, Arial sans-serif;
-------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("wysiwyg.css");

.alerte{
	color: #de2500;
}
body {
	background: #251613 url('../images/bkg.jpg') repeat-x center top;
	font-family: Arial, sans-serif;
}

/* @group Gabarit */

#conteneur {
	width: 950px;
	margin: 0 auto;
	/*background: sandybrown;*/
}

#header {
	/*height: 90px;*/
	border-top: 6px solid #ccde00;
}

/* Logo MF */
h1 {
	background: url(../images/logo-mountain-factory.png) no-repeat 0 0;
	_background: url(../images/logo-mountain-factoryIE.png) no-repeat 0 0;
	float: left;
	height: 39px;
	width: 252px;
	margin: 30px 0 0 0;
	cursor: pointer;
}

h1 span{
	display: none;
}

.sousH1 {
	display:block;
	margin: 40px 0 0 35px;
	font-size:11px;
	text-transform:uppercase;
	text-align: right;
}

/* Langue */
.langue {
	float: right;
	font-size: 11px
}

/* Publicite */
#header #pub1 {
	float: right;
	/*margin: -65px 0 0 0;*/
	margin: -80px 0 0 0;
}

/* Menu */
#menu {
	/*border-left: 30px solid #FFF;*/
	background: url(../images/border-blanc.gif) repeat-y 0 top;
	/*padding: 0 0 0 15px;*/
	padding: 0 0 0 45px;
}


#menu #hiver {
	width: 242px;
	float: left;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
	margin: 0 60px 0 0;
}

#menu #ete {
	width: 242px;
	float: left;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
	margin: 0 60px 0 0;
}

#menu #mf {
	width: 241px;
	float: left;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
	margin: 0 60px 0 0;
}

* html #menu #mf {
	width: 230px;
}

/* Mise en forme Menu */
#menu ul {
	font-family: Helvetica, Arial sans-serif;
	font-weight: bold;
	letter-spacing:-1px;
	margin: 0;
	padding: 0;
}

#menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	font-size: 29px;
}

* html #menu ul li a {
	font-size: 20px;
}

*+ html #menu ul li a {
	font-size: 20px;
}

#menu ul li ul {
	margin: 0 0 2px 0;
	font-weight: normal;
	background: url(../images/opacity.png);
	_background: none;
}

#menu ul li ul li {
	display: inline;
}

#menu ul li ul li a {
	font-size: 14px;
	margin: 0 5px 0 5px;
}

/* Special 3e menu plus petit */
#menu #mf ul li a {
	font-size: 22px;
}

#article {
	/*background: yellow;*/
	padding: 0 0 0 0px;
	position:relative;
	_position:none;
}

#ariane {
	font-size: 10px;
	display: block;
	background: url(../images/pointilles-horizontal-repeat-opacite.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
	padding: 5px 0 5px 5px;
	margin: 0 15px 0 0;
}

/* retour page precedente */
span.back {
	float: right;
	background: #fff;
	padding: 0 5px;
	margin: 0 5px 2px 0;
}

span.back form {
	display: inline;
}

span.back input {
	background: none;
	border: none;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
}

/* Commun Home + interieure */
#englobelines {
	float: left;
	margin: 15px 0 0 0;
}

/* Page d'accueil */
#line1 {
	clear: both;
	width: 785px;
	border-left: 30px solid #ccde00;
	padding: 0 0 0 15px;
}

* html #line1 {
	width: 770px;
}

#line1 #testMois {
	width: 450px;
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line1 #testMois img {
	float: left;
	margin: 0 10px 0 0
}

#line2 {
	clear: both;
	width: 785px;
	border-left: 30px solid #ccde00;
	padding: 15px 0 0 15px;
}

* html #line2 {
	width: 770px;
}

#line2 #produit {
	width: 180px;
	/*background: green;*/
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line2 #match {
	width: 180px;
	/*background: green;*/
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line2 #longueDuree {
	width: 180px;
	/*background: green;*/
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line2 #mix {
	width: 180px;
	/*background: green;*/
	float: left;
	margin: 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line2 #mix img {
	background: #fff;
	/*width: 180px;*/
}

#line3 {
	clear: both;
	width: 765px;
	margin: 5px 0 10px 45px;
	padding: 10px 0 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

* html #line3 {
	width: 750px;
}

#line4 {
	clear: both;
	width: 785px;
	border-left: 30px solid #383726;
	padding: 0 0 0 15px;
}

* html #line4 {
	width: 770px;
}

#line4 #dossier {
	width: 500px;
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#line4 #dossier img {
	float: left;
	margin: 0 10px 0 0
}

#line5 {
	clear: both;
	width: 785px;
	border-left: 30px solid #383726;
	padding: 15px 0 0 15px;
}

* html #line5 {
	width: 770px;
}

#line5 #portfolio {
	width: 375px;
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

* html #line5 #portfolio {
	width: 365px;
}

#line5 #portfolio img {
	float: left;
	margin: 0 10px 0 0
}

#line5 #reportage {
	width: 375px;
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

* html #line5 #reportage {
	width: 365px;
}

#line5 #reportage img {
	float: left;
	margin: 0 10px 0 0
}

/* Commun Home + interieure */
#pub4 {
	position:absolute;
	left:830px;
	margin: 15px 0 0 0;
	
	_position:relative;
	_float:left;
	_left:0;
}


#line6 {
	clear: both;
	text-align: center;
	margin: 15px 0;
	/*background: azure;*/
}

/* Page Interieure */
#lineTest {
	clear: both;
	width: 785px;
	_width: 775px;
	border-left: 30px solid #ccde00;
	padding: 0 0 0 15px;
}

#lineInfo {
	clear: both;
	width: 785px;
	_width: 775px;
	border-left: 30px solid #383726;
	padding: 0 0 0 15px;
}

#col1 {
	width: 480px;
	float: left;
	padding: 15px 15px 0 0;
}

/* Mini fiche du test du mois */
.miniFiche {
	background: url(../images/opacity.png);
	_background: #1d110f;
	padding: 10px;
	width: 95px;
	_width: 85px;
	float: left;
	margin: 0 5px 5px 0
}

.miniFiche .titre {
	font-weight: bold;
	display: block;
	line-height: 15px;
	font-size: 16px;
}

.miniFiche .marque {
	color: #FFF;
	font-size: 12px;
	padding: 0 0 15px 0;
}

.miniFiche .label {
	/*position: absolute;*/
}

/* Mini fiche du test du mois Special format SKI (longeur) */
#specialTestSki .miniFiche {
	padding: 10px;
	width: 465px;
	_width: 450px;
	clear: both;
	margin: 0 5px 5px 0
}

/* Une seule colonne qui prend toute la largeur (cf rubrique reportage) */
#col1large {
	width: 765px;
	float: left;
	padding: 15px 15px 0 0;
}

/* Liste de resultat */
.resultat, .resultatSki {
	clear: both;
	padding: 15px 0 15px 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 bottom;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 bottom;
}

/* Liste speciale match */
dl.noteMatch {
	clear: both;
}

dl.noteMatch dt {
	height: 30px;
	display: block;
	margin : 0;
	padding : 0;
	padding-top: 5px;
}

dl.noteMatch dd {
	height: 30px;
	display: block;
	margin : 0;
	padding : 0;
	padding-top: 5px;
}

span.quality {
	font-size: 10px;
	text-transform: uppercase;
}

/* Etiquette Femme + Homme + Kids + Tout public ou rien */
span.femme {
	background: #ee2692;
	color: #fff;
	padding: 1px;
}

span.homme {
	background: #2b7de3;
	color: #fff;
	padding: 1px;
}

span.kid {
	background: #575e62;
	color: #fff;
	padding: 1px;
}

span.toutpublic {
	background: #343a3e;
	color: #fff;
	padding: 1px;
}

.resultat span.marque, .resultatSki span.marque {
	font-size: 12px;
}

/* Resultat de fiche normal */
.resultat span.visuelProduct {
	width:150px;
	height:136px;
	float:left;
	margin:0 10px 0 0
}

/* Resultat de fiche ski */
.resultatSki span.visuelProduct {
	width:480px;
}

/*.resultat:hover {
	background: url(../images/degrade-horizontal-repeat.png) repeat-x 0 top;
	_background: none;
}*/

/* Pagination */
#pagination {
	height: 25px;
	padding: 5px 5px 0 0;
	margin: 5px 0;
	text-align: right;
	background: url(../images/opacity.png);
	_background: #1d110f;
}

#pagination ul li {
	display: inline;
	margin: 0 5px;
}

#pagination ul li strong {
	color: #e7dfaa;
	background: url(../images/opacity.png);
	_background: #1d110f;
	padding: 3px;
}

/* Trieur */
.trieur {
	background: url(../images/opacity.png);
	_background: #1d110f;
	height: 30px;
	margin: 15px 0;
	padding: 10px 5px 0 5px;
}

/* Les plus et moins sur une fiche */
#plusMoins {
	margin: 15px 0;
	padding: 10px 0 0 0;
	background: url(../images/opacity.png);
	_background: #1d110f;
}

#plusMoins p {
	width: 45%;
	float: left;
	padding: 5px;
}

#plusMoins p.leMoins {
	background: url(../images/pointilles-vertical-repeat.png) repeat-y 0 bottom;
	_background: url(../images/pointilles-vertical-repeat.gif) repeat-y 0 bottom;
}

#plusMoins p img {
	float:left;
	margin:0 10px 0 0;
}

#col2 {
	width: 260px;
	float: left;
	background: url(../images/opacity.png);
	_background: #1d110f;
	margin: 0 0 0 15px;
	padding: 15px 0 0 0;
}

/* Focus citation */
#col2 .focusCitation {
	display: block;
	margin: 15px 0;
	font-size: 16px;
	line-height: 22px;
	color: #FFF;
	font-style: italic;
	font-family: Georgia;
	padding: 0 0 0 0px;
	/*border-left: 3px solid #251613;*/
	/*background: url(../images/quote.png) no-repeat 0 top;
	_background: none;*/
}

/* Focus sur un visuel */
#visuelFocus {
	margin: 0 15px;
}

#visuelFocus p {
	font-size: 10px;
	font-style: italic;
}

/* Affineur */
#affineur {
	margin: 0 15px;
	padding: 15px;
	background: #251613;
	clear: both;
}

#affineur input.valider {
	margin: 10px 0 0 0;
}

#affineur h5 {
	font-weight: normal;
	font-size: 12px;
}

#affineur h5.affineur {
	font-weight: bold;
	font-size: 12px;
}

#affineur div {
	margin: 0 0 5px 0;
}

#affineur span.label {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

/* Localisation */
#localisation {
	margin: 0 15px;
}

/* Biographie */
#biographie {
	margin: 0 15px;
	padding: 15px 0 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#biographie img {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 10px 5px 0;
}

#biographie p {
	font-size: 11px;
	color: #c0c0c0;
	line-height: 15px;
}

/* Les notes */
#notes {
	margin: 0 15px 30px 0;
}

#notes dl dd span {
	color: #ccde00;
}

#notes dl dt {
	width: 150px;
	min-height: 20px;
	/*line-height: 15px;*/
}

#notes dl dd {
	margin: 0 0 0 150px;
	min-height: 20px;
}

/* Archives */
#archives {
	margin: 0 15px;
	padding: 15px;
	background: #251613;
}

#archives img {
	float: left;
	widowsh: 100px;
	margin: 0 10px 5px 0;
}

#archives h2 {
	clear: both;
}

#archives h5.marque {
	color: #FFF;
	font-size: 12px;
	padding: 0 0 15px 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 bottom;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 bottom;
}

#archives p {
	font-size: 12px;
	line-height: 15px;
	color: #979291;
	font-style: italic;
	font-family: georgia;
	padding: 0 0 15px 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 bottom;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 bottom;
}

.lienRapide {
	float: left;
	width: 111px;
	margin: 0 5px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

/* Commun Home + interieure */
#footer {
	background: url(../images/opacity.png);
	_background: #1d110f;
	padding: 15px;
}

#footer ul {
	display: inline;
}

#footer ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 11px;
}

.handmade {
	position: relative;
	left: 470px;
}

/* @end */

/* @group Vignette Video : Special Skis 2010 */

.vignetteVideo {
	float: left;
	margin: 0 0 0 0;
	padding: 15px 11px 0 15px;
	width: 164px;
	border: 1px solid #251613;
	border-right: 1px solid #3b2e2b;
	height: 280px;
}

.vignetteVideo .marque {
	font-size: 12px;
}

.vignetteVideo:hover {
	background: url(../images/opacity.png);
	border-top: 1px solid #3b2e2b;
	border-bottom: 1px solid #3b2e2b;
}

.vignetteVideo p {
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	background: url(../images/picto-citation.png) no-repeat 0 0;
	padding: 1px 0 0 20px;
}

/* @end */

/* Liens miniatures */
.archiveHome {
	color: #eee;
	font-size: 11px;
	line-height: 10px;
}


div.newsletter{
	margin: 100px;
}

#pub5 {
text-align:left;	
}





/* @group Page Jeux */

div.jeuConcours {
	
}

div.jeuConcours div.question {
	background: url(../images/jeu/bkg-question.png) no-repeat 40px 0;
	height: 228px;
	width: 719px;
}

div.jeuConcours div.question.v2 {
	background: url(../images/jeu/bkg-question2.png) no-repeat 40px 0;
}

div.jeuConcours form div.question div {
	float: left;
	margin-left: 175px;
	padding-top: 180px;
}

div.jeuConcours form div label {
	/*display: none;*/
}

div.jeuConcours div.formulaireReponse {
	background: #110a02;
	width: 620px;
	margin-left: 50px;
	padding: 20px 20px 0 20px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

div.jeuConcours div.formulaireReponse div {
	width: 250px;
	float: left;
	text-align: center;
	margin: 5px 0 0 0;
}

div.jeuConcours div.formulaireReponse p {
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.jeuConcours div.formulaireReponse p.small {
	font-size: 12px;
	text-align: center;
}

div.jeuConcours div.formulaireReponse div input {
	border: none;
	padding: 10px;
	margin-left: 75px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.jeuConcours .reglement {
	font-size: 11px;
	line-height: 15px;
}

div.jeuConcours .reglement h6 {
	margin-top: 15px;
}

div.lot {
	border-right:1px solid #564845; 
	border-bottom:1px solid #564845;  
	width:157px; 
	float:left;
	height: 240px;

}

div.noneBorder {
	border-right: 1px solid #251613;
}

div.noneBorderBottom {
	border-bottom: 1px solid #251613;
}

div.lot img, div.lot span {
	display: block;
}

div.lot img, div.lot span.reference {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 0;
}

div.lot span.reference {
	height: 35px;
	margin-top: 10px;
}

div.lot span.marque {
	font-size: 12px;
	margin-bottom: 15px;
	font-style: italic;
}


div.lot img, div.lot span.prix {
	font-size: 16px;
	color: #564845;
}



div.lot span, div.lot a {
	margin-left: 15px;
	font-size: 10px;
}

div.lot a {
	color: #ccc;
}

/* @end */