/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
Vert 	: #d3ccba
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) 	: #d3ccba
-------------------------------------------------------------------*/
/*[Typography]
Helvetica, Arial sans-serif;
-------------------------------------------------------------------*/

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

body {
	background-image: url('../images/bkg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;

	font-family: Arial, sans-serif;
}

/* @group Gabarit */

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

#header {
	height: 90px;
	border-top: 6px solid #d3ccba;
}

/* Logo MF */
h1 {
	background: url(../images/logo-masmtb.png) no-repeat 0 0;
	_background: url(../images/logo-masmtb.gif) no-repeat 0 0;
	float: left;
	height: 90px;
	width: 250px;
	margin: 5px 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: -95px 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 #carreras {
	width: 242px;
	float: left;
	background: url(../images/pointilles-horizontal-repeat-opacite.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
	margin: 0 60px 0 0;
}

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

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

* html #menu #masmtb {
	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;
}

#menu ul li a:hover {
	color: #d3ccba;
}

* 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 #masmtb ul li a {
	font-size: 22px;
}

#article {
	/*background: yellow;*/
	padding: 0 0 0 0px;
}

#indice {
	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;
	width: 830px;
}
#englobelinesfoto {
	float: left;
	margin: 15px 0 0 0;
	width: 990px;
}

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

* html #line1 {
	width: 770px;
}

#line1 #ultimacarrera {
	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;
}

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

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

#line2fotos {
	clear: both;
	width: 885px;
	border-left: 30px solid #d3ccba;
	padding: 15px 0 0 15px;
}

* html #line2 {
	width: 770px;
}

#line2 #noticias {
	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 #agenda {
	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 #mecanica {
	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 #opinabike {
	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 #opinabike img {
	background: #fff;
	/*width: 180px;*/
}

#line2fotos #foto1 img {
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}
#line2fotos #foto2 img {
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}
#line2fotos #foto3 img {
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}
#line2fotos #foto4 img {
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}#line2fotos #foto5 img {
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}


#line2fotos #foto1 {
	width: 160px;
	/*background: green;*/
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}
#line2fotos #foto2 {
	width: 160px;
	/*background: green;*/
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}
#line2fotos #foto3 {
	width: 160px;
	/*background: green;*/
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}
#line2fotos #foto4 {
	width: 160px;
	/*background: green;*/
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}
#line2fotos #foto5 {
	width: 160px;
	/*background: green;*/
	float: left;
	margin: 0 10px 0 0;
	background: url(../images/pointilles-horizontal-repeat.png) repeat-x 0 top;
	_background: url(../images/pointilles-horizontal-repeat.gif) repeat-x 0 top;
}

#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 #d3ccba;
	padding: 0 0 0 15px;
}

* html #line4 {
	width: 770px;
}

#line4 #tienda {
	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 #tienda img {
	float: left;
	margin: 0 10px 0 0
}

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

* html #line5 {
	width: 770px;
}

#line5 #rutas {
	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 #rutas {
	width: 365px;
}

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

#line5 #multimedia {
	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 #multimedia {
	width: 365px;
}

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

/* Commun Home + interieure */
#pub4 {
	float: left;
	margin: 15px 0 0 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 #d3ccba;
	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;
}
#col1foto {
	width: 330px;
	float: left;
	padding: 5px 5px 0 0;
}

#col1foto img{
	border-width: 3px;
	border-color:#d3ccba;
	border:solid;
}

/* 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 span.imgnoticia {
	width:250px;
	height:250px;
	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/pointilles-horizontal-repeat-opacite.png) repeat-x 0 top;	
	_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;
}
#col2foto {
	width: 430px;
	float: left;
	background: url(../images/opacity.png);
	_background: #1d110f;
	margin: 0 0 0 5px;
	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: #d3ccba;
}

#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: 500px;
}

/* @end */