/* CSS Document */

/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */
 
* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
}

body {
	background:url(../medias/communs/fond-page.jpg) #000000 repeat-x;
	height:590px;
	margin: 0 0 0 0; 
	padding: 0px;
	text-align: center;
	width: 100%;
	font-family: Verdana;	
}

#titre-boutique{
	font-family: Verdana;
	font-size:82%;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px;
	white-space: nowrap;
}
/* hack ie6 */
* html #titre-boutique{
	padding-top:3px;
}
/* hack ie7 */
*+html #titre-boutique{
	padding-top:3px;
}


#texte-home{
	float:left;
	
	width: 400px;
}


#texte-home-bleu{
	color:#64ccef;
	font-weight:strong;
	font-size:71%;
	float:left;
}

.bleu, .required{
	color:#64ccef;
	
	
}

#titre-texte{
	font-size:65%;
	color:#ffffff;
}

.titre-texte{
	font-size:65%;
	color:#ffffff;
}

#aide{
	font-family: Verdana;
	color:#000000;
	font-size:71%;
	font-weight:bold;
	text-transform:uppercase;
}

h3, h4{
	font-family: Verdana;
	color:#64ccef;
	text-transform:uppercase;
	font-size:65%;
}

img{ 
	border: 0;
}

p{
	padding-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}


.texte {
/*	font-size:65%;*/
font-size: 71%;
}

a{
	color:#ffffff;
	text-decoration:underline;
}

a:hover{
	color:#64ccef;
}


#titre-service-bootfiting p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
}

#titre-sejour p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
}

ul {
	list-style-type:none;
}

a.lien-push{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	display:block;
}

a.lien-push-2{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:73%;
	padding-top:10px;
	text-decoration:none;
	display:block;
}

a.lien-push:hover{
	text-decoration:underline;	
}

a.lien-push-2:hover{
	text-decoration:underline;	
}

li.menu-secondaire{
	list-style-type: none;	
	float:left;
	padding-right:5px;
}

li.menu-secondaire a{
	background: url(../medias/communs/fleche-liste.gif) no-repeat;
	background-position: 0px -8px ;
	text-decoration:none;
	color:#FFFFFF;
	height:9px;
	display:block;
}

li.menu-secondaire a:hover, li.menu-secondaire a.current{
	text-decoration:none;
	color:#64ccef;
	background-position: 0px 3px ;
}

/* structure */

#conteneur{
	margin: 0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;
}

#contenu-pages{
	background: url(../medias/communs/fond-noir.gif) repeat-y;
	width:1000px;
	position:absolute;
	margin-top:363px;
	
}

#contenu-droite{
	width:349px;
	padding:0px 100px 0px 10px;
	float:right;
	color:#fff;
}

#contenu-gauche{
	width:435px;
	padding:0px 5px 0px 90px;
	float:right;
	color:#fff;
}

#footer{
	width:1000px;
	height:420px;
	clear:both;
	padding-top: 0px;
	background:url(../medias/communs/fond-footer.jpg);
}

#footer-spacer{
	height: 30px;
	width:1000px;
	clear:both;
}
#menu{
	position: absolute;
	margin-left: -500px;
	padding:0 79px 0 79px;
	left: 50%;
	top: 285px;
	width: 842px;
	height: 78px;
	background: url(../medias/communs/fond-noir.gif) repeat-y;
}
#identiteMagasin{
	position: absolute;
	top: 310px;
	right: 50%;
	width: 360px;
	margin-right: -410px;
	height: 28px;
	background: url(../medias/communs/fond-noir.gif) repeat-y;

}

/* contenu droite  */



#titre-carre-blanc{
	width:168px;
	height:27px;
	float:left;
	background:#FFFFFF;
	margin-top:20px;
}

#titre-carre-blanc ul{
	text-indent:10px;
	padding:5px 0 0 0;
}


#titre-carre-blanc li{
	background: url(../medias/communs/fleche-noir-titre.gif) 0px no-repeat;
	list-style-type: none;	
}

#titre-trait-long {
	clear:both;
	padding-left:100px;
	padding-bottom:30px;
	float:left;
}



#titre-barre-grande{
	background:url(../medias/communs/barre.gif) repeat-x;
	clear:both;
	width:800px;
	height:1px;
}

#contenu-droite #edito{
	width:349px;
	color:#ffffff;
	margin-top:10px;
}
/* hack ie6 */
* html ##contenu-droite #edito{
	margin-top:-5px;
}



#contenu-droite #choix-calendrier-gauche {
	color:#FFFFFF;
	font-size:71%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:175px;
	padding-top:25px;

}

#contenu-droite #choix-calendrier-droite {
	color:#FFFFFF;
	font-size:71%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:175px;
	float:right;
}

#zone-taille {
	clear:both;
}

#contenu-droite #choix-taille {
	float:left;
	color:#FFFFFF;
	font-size:71%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:55px;
	padding-top:25px;
}

#btn-taille {
	padding-top:8px;
	height:70px;
}




#btn-homme{
	background: url(../medias/communs/picto-homme.gif) no-repeat;
	width: 14px;
	height: 37px;
	background-position: 0px -37px;
	margin: 5px 15px 0 0;
	display:block;
	float:left;
	}
#btn-homme:hover{background-position: 0px 0px;}

#btn-femme{
	background: url(../medias/communs/picto-femme.gif) no-repeat;
	width: 17px;
	height: 37px;
	background-position: 0px -37px;
	margin: 5px 15px 0 0;
	display:block;
	float:left;
	}
	
#btn-femme:hover{background-position: 0px 0px;}

#btn-garçon{
	background: url(../medias/communs/picto-garcon.gif) no-repeat;
	width: 14px;
	height: 32px;
	background-position: 0px -32px;
	margin: 10px 15px 0 0;
	display:block;
	float:left;
	}	
#btn-garçon:hover{background-position: 0px 0px;}

#btn-fille{
	background: url(../medias/communs/picto-fille.gif) no-repeat;
	width: 13px;
	height: 32px;
	background-position: 0px -32px;
	margin: 10px 15px 0 0;
	display:block;
	float:left;
	}	
#btn-fille:hover{background-position: 0px 0px;}


#titre-service-bootfiting {
	font-weight:bold;
	color:#FFFFFF;
}



#boutons {
	
}

#element-bouton {
	float:left;
	padding-right:10px;
}



/*contenu-gauche*/

#visuel-grand{
	width:435px;
	position:relative;
	z-index:0;
	padding:0;
	margin:0;
	z-index:0;
}

.visuel-fond-catalogue{
	
	background:url(../medias/communs/expert.jpg);
	background-repeat:no-repeat;
	margin-left: 150px;
	width:285px;
	position:relative;
	padding:0;
	/*margin:0;*/
	z-index:0;
	height: 376px;
}

.image-produit-catalogue{
	margin-left: 159px;
	
}

#barre-photos{
	/*background-color:#272526;*/
/*	-moz-opacity:0.5;*/
/*	opacity: 0.5;
	filter:alpha(opacity=50);
	*/
	width:411px;
	height:21px;
	z-index:1;
	position:relative;
	margin:0px;
	padding:0px;
	display:block;
	top:-18px;
}

/* hack ie6 */
* html #barre-photos{
	top:-24px;
}
/* hack ie7 */
*+html #barre-photos{
	top:-24px;
}

.case-numero{
	width:28px;
	height:12px;
	color:#FFFFFF;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	padding:4px 0px 5px 0px;
	text-align:center;
	text-decoration:none;
}

.case-numero:hover{
	background:url(../medias/communs/numero-fond.gif);
	background-position:0px -2px;
	color:#000000;
}

.case-numero.current{
	background:url(../medias/communs/numero-fond.gif);
	background-position:0px -25px;
	color:#000000;
}

.barre-numero{
	width:1px;
	height:21px;
	background-color:#64ccef;
	float:left;
}

#menu-catalogue {
	top:0px;
	z-index:1;
	position:absolute;
	margin:0px;
	padding:0px;
	display:block;
}

#menu-catalogue p{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:71%;
	clear:both;
}

.prix-barre{
	text-decoration:line-through;
}

#titre-catalogue {
	color:#ffffff;
	font-size:77%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
}



/* catalogue */

#choix-catalogue {
	color:#ffffff;
	padding-top:20px;
	margin-left:-2px;
}

#texte-catalogue {
	color:#ffffff;
	float:left;
	margin-bottom:10px;
}

#texte-catalogue a {
	color:#64ccef;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
}

#texte-gauche-etape {
	color:#ffffff;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	width:230px;
}




/* mentions légales*/

#texte-gauche-mention {
	color:#ffffff;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	width:375px;
}


#texte-droite-mention {
	color:#ffffff;
	float:left;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	width:375px;
}

#texte-droite-mention a {
	color:#64ccef;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* home*/

#fond-home {
	background:url(../medias/communs/fond-home.jpg) #110f10 no-repeat center;
	height:588px;
	margin: 0 0 0 0; 
	padding: 0px;
	text-align: center;
	width: 100%;
}

#contenu-home{
	width:1000px;
	position:absolute;
	margin-top:120px;
}

#accueil-home p {
	/*width:420px;*/
	float:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:65%;*/
	margin:0;
	padding:5px 0 0 0;
}

#logo-home {
	float:left;
	padding:30px 20px 20px 225px;
}

#texte-home2{
	float:left;
	width: 550px;
	
	margin:0 20px 20px 225px;
}

#choix-boutique-home {
	width:550px;;
	height:285px;
	padding-left:225px;
}

#choix-boutique-home #img-home-titre{
	width:550px;
	height:30px;
	float:left;
}

#degrade-home {
	width:550px;
	height:139px;
	clear:both;
	z-index: 10;
	position: absolute;
	margin-top: 5px;
}

*+html  #degrade-home{
	margin-top: 0px;
}

#formulaire-home{
	
}

#formulaire-home select {
	border:1px solid #ABAF9E;
	color:#000000;
	font-size:65%;
	height:19px;
	margin-bottom:8px;
	width:162px;
	float:left;
	margin-top:20px;
	margin-left:185px;
}


#position-visuel-home {
	clear:both;
	position:absolute;
	top:295px;
	padding-left:80px;
}

#drapeaux-home{
	
	float: right;
	text-align:right;
	width: 60px;
	padding-bottom: 10px;
	
	
	
}

#drapeaux #drapeau-fr, #drapeaux-home #drapeau-fr{
	width:24px;
	height:16px;
	background:url(../medias/communs/drapeau-fr.jpg) no-repeat;
	display:block;
	float:left;
	padding:0 8px 0 0;
}

#drapeaux #drapeau-fr:hover, #drapeaux #drapeau-fr.current{
	background-position: 0px -16px;
}

#drapeaux #drapeau-en, #drapeaux-home #drapeau-en{
	width:24px;
	height:16px;
	background:url(../medias/communs/drapeau-en.jpg) no-repeat;
	float:left;
	display:block;
}

#drapeaux #drapeau-en:hover,#drapeaux #drapeau-en.current{
	background-position: 0px -16px;
}


/* plan du site*/








.footer-texter{
	width:800px;
	
	padding:0px 100px 30px 100px;
	color:#fff;
	font-size: 70%;
	
	position: absolute;
	bottom: -70px;
}

/* footer  infos pratiques*/

#infos-pratiques {
	width:800px;
	height:285px;
	padding:0px 100px 0px 100px;
	
}

#infos-pratiques #infos-pratiques-titre{
	width:800px;
	height:31px;
	float:left;
}

#infos-pratiques #infos-pratiques-fond{
	width:800px;
	height:250px;
	background-image:url(../medias/communs/infos-pratiques-fond.gif);
}
/* hack ie6 */
* html #infos-pratiques #infos-pratiques-fond{
	background-repeat:no-repeat;
}

#infos-pratiques #infos-pratiques-fond #contact{
	width:230px;
	padding:20px 25px 0px 22px;
	float:left;
}

#infos-pratiques #infos-pratiques-fond #horaires{
	width:155px;
	padding:20px 44px 0px 43px;
	float:left;
	color:#fff;
}

#infos-pratiques #infos-pratiques-fond #meteo{
	width:228px;
	padding:20px 20px 0px 25px;
	float:left;
}



#infos-pratiques #infos-pratiques-fond .barre-verticale{
	background:url(../medias/communs/barre-verticale.gif) repeat-y;	
	width:1px;
	height:255px;
	float:left;
}

#infos-pratiques #infos-pratiques-fond ul{
	list-style-type: none;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:65%;
	margin-top:10px;
}

#infos-pratiques #infos-pratiques-fond li{
	padding:5px 0px 7px 10px;
	background: url(../medias/communs/fleche-blanche-liste.gif) no-repeat;
	background-position:0px 8px;
	line-height:12px;
}

#infos-pratiques #infos-pratiques-fond #contact #push-plan{
	width:125px;
	height:36px;
	background:url(../medias/communs/push-plan.jpg);
	clear:both;
	margin-top:5px;
	padding:12px 82px 0px 25px;
}

#infos-pratiques #infos-pratiques-fond #meteo #push-webcam{
	width:125px;
	height:36px;
	background:url(../medias/communs/push-webcam.jpg);
	clear:both;
	padding:12px 82px 0px 25px;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond{
	width:191px;
	height:140px;
	background-color:#212121;
	float:left;
	padding:20px 20px 0px 20px;
	margin-bottom:17px;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond  #meteo-date{
	color:#FFFFFF;
	font-size:77%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 10px 0;
	text-transform: uppercase;
}


#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-date-temps{
	width:100px;
	float:left;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-date-temps #meteo-date{
	color:#FFFFFF;
	font-size:77%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 10px 0;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-date-temps #meteo-picto{
	width:55px;
	height:44px;
	clear:both;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-precisions{
	width:90px;
	height:50px;
	float:left;
	padding:0px 0 0 0;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-precisions #meteo-termo{
	width:100px;
	height:40px;
	float:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:154%;
	font-weight:bold;
	margin-bottom:10px;
}

#infos-pratiques #infos-pratiques-fond #meteo #meteo-fond #meteo-precisions #meteo-neige{
	width:110px;
	height:20px;
	clear:both;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	font-weight:bold;
}


/* footer  menu secondaire */

#footer-bas{
	width:840px;
	height:38px;
	clear:both;
	padding:5px 80px 0px 85px;
	
}

#footer-bas ul{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	padding-top:10px;
}

#footer-bas li{
	list-style-type: none;	
	float:left;
	text-indent:10px;
}

#footer-bas li a{
	background: url(../medias/communs/fleche-liste.gif) no-repeat;
	background-position: 0px -8px ;
	text-decoration:none;
	color:#FFFFFF;
	height:9px;
	display:block;
	float:left;
}

#footer-bas li a:hover, #footer-bas li a.current{
	text-decoration:none;
	color:#64ccef;
	background-position: 0px 3px ;
}

#footer-bas #copyright{
	float:right;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	padding-top:10px;
	padding-right:15px;
}

.texte-image{
	margin-bottom:15px;
	float:left;
	padding-right:2px;
}
	
	
/*bandeau*/

#bandeau{
	width:1000px;
	height:284px;
	background-image:url(../medias/communs/bandeau-fond.jpg);
}

#bandeau #menu-haut{
	width:822px;
	height:35px;
	padding:0px 78px 0px 100px;	
}

#bandeau #menu-haut ul{
	text-indent:10px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	padding-top:12px;
}

#bandeau #menu-haut #drapeaux{
	width:60px;
	float:right;
	padding:11px 0 0 0;
}

#bandeau #menu-haut #drapeaux #drapeau-fr{
	width:24px;
	height:16px;
	background:url(../medias/communs/drapeau-fr.jpg) no-repeat;
	float:left;
	padding:0 8px 0 0;
}

#bandeau #menu-haut #drapeaux #drapeau-fr:hover, #bandeau #menu-haut #drapeaux #drapeau-fr.current{
	background-position: 0px -16px;
}

#bandeau #menu-haut #drapeaux #drapeau-en{
	width:24px;
	height:16px;
	background:url(../medias/communs/drapeau-en.jpg) no-repeat;
	float:left;
}

#bandeau #menu-haut #drapeaux #drapeau-en:hover, #bandeau #menu-haut #drapeaux #drapeau-en.current{
	background-position: 0px -16px;
}

#formulaire-recherche{
	width:200px;
	float:right;
	padding:9px 0 0 0;
}

#formulaire-recherche #recherche{
	height:15px;
	width:150px;
	border:1px solid #a9ae98;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:71%;
	color:#000000;
	float:left;
}

#formulaire-recherche #submit{
	border: 0px;
	float:left;
	width:25px;
	height:17px;
	background:url(../medias/communs/bouton-ok.gif);
	margin-left:5px;
}

#formulaire-recherche #submit:hover, #formulaire-recherche #submit.current{
	background-position:0px -17px;
}


#bandeau #identite{
	width:845px;
	height:250px;
	margin-left:78.5px;
}

#bandeau #identite #identite-fond{
	background:url(../medias/communs/fond-noir-petit.gif) repeat-y;
	width:845px;
	height:250px;
	float:left;
}

#bandeau #identite #identite-fond #logo{
	width:181px;
	height:250px;
	float:left;
}

#bandeau #identite #identite-fond #visuel-bandeau{
	width:659px;
	height:250px;
	float:left;
	background-image:url(../medias/communs/bandeau-visuel.jpg);
}


/*menu*/

#menu  #menu-fond{
	background:url(../medias/communs/fond-noir-petit.gif) repeat-y;
	width:845px;
	height:28px;
	float:left;	
}

#menu #menu-fond #menu-barre{
	width:840px;
	height:1px;
	background:url(../medias/communs/barre.gif) repeat-x;
	font-size:1px;
}

#menu #menu-fond ul{
	list-style-type: none;	
	float:left;
}

#menu #menu-fond li{	
	float:left;
	padding-right:35px;
}

#menu #menu-fond li a {
	display:block;
	height: 27px;
	background-position: 0px -27px;
	}

#menu #menu-fond li a:hover{background-position: 0px 0px;}
#menu #menu-fond li a.current{background-position: 0px 0px;}


#sous-rubriques,.sous-rubriques {
	width:400px;
	background-color:#282626;
	float:left;
	margin:5px 0 0 23px;
	padding:8px;
}
/* hack ie6 */
* html #sous-rubriques{
	margin:5px 0 0 13px;
}

#sous-rubriques li, .sous-rubriques li{
	list-style-type: none;	
	float:left;
	text-indent:10px;
	font-size:65%;
	margin-right:5px;
}
* html #sous-rubriques li{
	margin-right:15px;
}

#sous-rubriques li a, .sous-rubriques li a{
	background: url(../medias/communs/fleche-liste.gif) no-repeat;
	background-position: 0px -8px ;
	text-decoration:none;
	color:#FFFFFF;
	height:15px;
	display:block;
	float:left;
}

#sous-rubriques li a:hover, .sous-rubriques li a:hover{
	text-decoration:none;
	color:#64ccef;
	background-position: 0px 3px ;
}


/* ---------------------------------- Formulaire ------------------------------------ */

form p{
	margin:0;
	padding:0;
	clear:both;
}

#formulaire-principal{
	width:349px;
	clear:both;
	margin-top:30px;
}

#formulaire-principal2{
	width:349px;
	clear:both;
	margin-top:45px;
}

.form-colonne1{	
	float:left;
	width:185px;
}

.form-colonne2{
	float:left;
		width:163px;
}

.form-calendrier{
	clear:both;
}

.calendrier-image{
	float:left;
	padding-left:5px;
}

label{
	color:#FFFFFF;
/*	font-size:65%;*/
	float:left;
	margin:8px 0 3px 0;
}


.champs{
	width:130px;
	float:left;
}



#btn-ok{
	float:left;
	display:block;
	width:25px;
	height:17px;
	background:url(../medias/communs/bouton-ok.gif) no-repeat;
	background-position:0px 0px;
	margin: 20px 0 0 5px;
}

#btn-ok:hover{
	background-position:0px -17px;
}
	
#select-magasin{
	width:162px;
	height:19px;
	border:1px solid #abaf9e;
	color:#000000;
	font-size:65%;
	float:right;
	margin-bottom:8px;
}

.select-formulaire{
	width:162px;
	height:19px;
	border:1px solid #abaf9e;
	color:#000000;
	font-size:65%;
	float:left;
}

.fleche-select{
	float:left;
	padding:5px 8px 0 8px;
 }
 
#case-a-cocher {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#FFFFFF;
	clear:both;
	padding-top:15px;
}


#formulaire-magasins {
	float:left;
	margin:4px 0 0 0px;
	width: 180px;
}

#formulaire-Marque{
	float:right;
	margin-left:5px;
}

#formulaire-Gamme{
	float:left;
	margin-right:5px;
}

/* ----------------------------------- Titre page droite ------------------------------- */

#contenu-droite #titre-barre{
	background:url(../medias/communs/barre.gif) repeat-x;
	clear:both;
	width:349px;
	height:1px;
}


#titre-shop-tignes{
	width:168px;
	height:27px;
	float:left;
	background:#FFFFFF;

}

#titre-shop-tignes li{
	background: url(../medias/communs/fleche-noir-titre.gif) 0px 10px no-repeat;
	list-style-type: none;	
	text-indent:10px;
}

/* Fil d'ariane */

#fil-ariane{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	list-style-type:none;
	margin-top:4px;
}
/* hack ie6 */
* html #fil-ariane{
	margin-top:-12px;
}

#fil-ariane li{
	float:left;
}

#fil-ariane li a{
	color:#ffffff;
	text-decoration:none;
	padding:0px 4px 0px 4px;
}


/* ----------------------------------------- contenu gauche location 3 -------------------------------- */

#recap{
	width:350px;
	clear:both;
/*	margin-top:45px;*/
	color:#ffffff;
}

#recap table{
	width:350px;
	font-size:65%;
	padding:0;
	margin:20px 0 0 0;
}

#recap table th{
	font-weight:bold;
	height:20px;
	text-align:center;
}

#recap table .donnees{
	background-color:#302e2e;
	height:45px;
	text-align:center;
}


#recap table .barre-tableau{
	background:url(../medias/communs/barre-verticale.gif) repeat-y;
	width:1px;
	float:left;
	height:45px;
}

#recap table .noir{
	background:#000000;
	height:5px;
}

#materiel{
	width:220px;
}


/* ----------------------------------------- contenu gauche location 4 -------------------------------- */

#recap-date-total{
	background-color:#302e2e;
	width:320px;
	color:#FFFFFF;
	padding:15px 0 15px 15px;
	margin-top:5px;
}

#bloc-auth{
	background-color:#302e2e;
	width:320px;
	color:#FFFFFF;
	padding:15px 0 15px 15px;
	margin-top:5px;
}

#bloc-paiement{
	
	background-color:#302e2e;
	width:320px;
	color:#FFFFFF;
	padding:0 0 15px 15px;
	margin-top:5px;
}

#bloc-paiement label{
	float:none;

}

#bloc-paiement p{
	font-size:100%;

}
#formulaire-paiement{
	margin-top:15px;
}

#formulaire-paiement textarea{
	width:250px;
	height:80px;
}


#formulaire-paiement p, div.formulaire-paiement p{
	font-size:65%;
}

#formulaire-paiement label, #formulaire-connaitre label{
	color:#FFFFFF;
	font-size:100%;
	float:left;
	margin:8px 15px 3px 2px;
	padding-left: 10px;
	background:url(/medias/precisionv2/medias/communs/fleche-blanche-liste.gif) no-repeat;
	
	
}
#liste-puces {
	
	
}
#liste-puces label, #liste-puces2 label{
	color:#FFFFFF;
	font-size:100%;
	float:none;
	padding: 0px;
	margin:8px 15px 3px 2px;

	background:none;
	
}
.floatleft {
	float :left;
	
}




#form-2colonnes{
	width:350px;
	clear:both;
	padding-bottom:10px;
}

.champs2{
	clear:both;
}

select.champs2{
	
	clear:both;
	width: 100px;
	
}

#formulaire-paiement .puce-coche{
	float:left;
	margin-top:8px;
} 


/* hack ie6 */
* html #formulaire-paiement .puce-coche{
	margin-top:4px;
}
/* hack ie7 */
*+html #formulaire-paiement .puce-coche{
	margin-top:4px;
}

.form2-colonne1{
	width:150px;
	float:left;
	margin-top:20px;
}

.form2-colonne2{
	width:60px;
	float:left;
	margin-top:20px;
}

.form2-colonne3{
	width:20px;
	float:left;
	margin-top:20px;
}

.select-niveau{
	width:145px;
	height:19px;
	border:1px solid #abaf9e;
	color:#000000;
	clear:both;
}

#formulaire-connaitre{
	float:left;
	/*margin-top:70px;*/
}

.recap-produit{
	background-color:#302e2e;
	width:128px;
	color:#FFFFFF;
	padding:15px 0 15px 15px;
	margin-top:20px;
}

.croix-fermer{
	padding:0px 3px 0 0;
	float:left;
}


/* ----------------------------------------- service bootfiting -------------------------------- */

#bootfiting{
	width:435px;
	position:relative;
	padding:0;
	margin-top:70px;
	height:300px;
	background:url(../medias/communs/visuel-bootfiting.jpg) no-repeat;
}
/* hack ie6 */
* html #bootfiting{
	margin-top:87px;
}
/* hack ie7 */
*+html #bootfiting{
	margin-top:87px;
}

#bootfiting p{
	color:#ffffff;
	width:200px;
}

/* ----------------------------------- Links ----------------------------------------------- */

#titre-page-complet{
	
	height:27px;
	width: auto;
	background:#FFFFFF;
	margin:10px 0px 10px 0;
	padding-right: 40px;
	color:#000;
	
}



#titre-page{
	width:168px;
	height:27px;
	float:left;
	background:#FFFFFF;
	margin:40px 0 10px 0;
	color:#000;
}

#titre-page li, #titre-page-complet li{
	background: url(../medias/communs/fleche-noir-titre.gif) 0px 10px no-repeat;
	list-style-type: none;	
	text-indent:10px;
}

#contenu-links {
	clear:both;
	padding-left:100px;
}



#contenu-members {
	clear:both;
	
	padding: 0px 100px 20px 100px;
}

#contenu-members h1 {
	font-family: Verdana;
	color:#ffffff;
	text-transform:uppercase;
	font-size:105%;	
	text-align:center;
	
}
#contenu-members h2 {
	font-family: Verdana;
	color:#64ccef;
	text-transform:uppercase;
	font-size:95%;	
	text-align:center;
	
}
.links-texte {
	padding-right:35px;
	padding-bottom:30px;
	float:left;
	width:245px;
	font-size:65%;
	color:#ffffff;
	margin-top:25px;
}
/* hack ie6 */
* html .links-texte{
	margin-top:10px;
}

.links-texte  li {
	padding-bottom:20px;
}

.links-texte  a {
	color:#64ccef;
	text-decoration:underline;
}

.links-texte  a:hover {
	color:#64ccef;
}


/* ----------------------------------- Plan du site ----------------------------------------------- */

#contenu-plan {
	clear:both;
	padding-left:100px;
	padding-right:100px;
}

.plan-texte {
	padding-right:20px;
	padding-bottom:30px;
	float:left;
	font-size:65%;
	margin-top:25px;
}
/* hack ie6 */
* html .plan-texte{
	margin-top:10px;
}

.plan-texte li {
	padding-bottom:5px;
}

.plan-texte a {
	color:#64ccef;
	text-decoration:none;
}

.plan-texte a:hover {
	color:#64ccef;
	text-decoration:underline;
}


/* ----------------------------------- Newsletter ----------------------------------------------- */


#contenu-news {
	clear:both;
	padding-left:100px;
}

#contenu-news p{
	color:#fff;
	
}
#infos-news-and-contact {
	width:345px;
	float:left;
	color:#FFFFFF;
	font-size:100%;
	margin-left:20px;
}

#formulaire-news{
	margin-top:15px;
	width:150px;
	float:left;
	

}

#formulaire-news p{
	font-size:100%;
	
}

/* ----------------------------------- Mentions légales ----------------------------------------------- */

#contenu-droite-mention{
	width:360px;	
	float:left;
}

#contenu-droite-mention p{
	color:#ffffff;
	
}

#contenu-gauche-mention{
	width:360px;
	padding:0px 50px 35px 0px;
	float:left;
}

#contenu-gauche-mention p{
	color:#ffffff;
	
}


/* ----------------------------------- Contacts ----------------------------------------------- */


.formulaire-contacts {
	float:left;
	padding-right:45px;
	width:140px;
	margin-bottom:35px;
}

.formulaire-contacts p{
	font-size:100%;
}

textarea{
	width:140px;
	height:80px;
}

#infos-news-and-contact2 {
	width:345px;
	float:left;
	color:#FFFFFF;
	
	margin-left:0px;
}


.clear {
	clear:both;
	
}

#contenu-page {
	clear:both;
	padding-left:100px;
	padding-right:100px;
	padding-bottom: 20px;
	color:#fff;
	

	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenu-page p, #contenu-page h3{
	font-size:100%;	
	
}

.listCommandes ,.listItems  {
	color:#000000;
	
}


table.listCommandes th, table.listItems th {
	text-align:center;
	background-color:#63c7e9;	
	border-color:#333;
	color:#000;
	
}


table.listCommandes a, table.listItems a {
	color:#63c7e9;
}


.texte-produit-vente{
	width: 150px;
	padding-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#fff;
	
}

#contenu-droite p{
	color:#ffffff;

}

table.listePrix{
	width:100%;
	/*border:1px solid #000;*/
	border-style: solid;
	border-collapse:separate;
	
}
table .listePrix {
border:1px solid #000;

}
/*
table.case-tarifs-gris{
	color:#ffffff;
	background-color:#444243;	border-color:#333;
}

table.case-tarifs-bleu{
	color:#000000;
	background-color:#63c7e9;	border-color:#333;
}
*/

.listePrix th {
	text-align:center;
	background-color:#63c7e9;	border-color:#333;
	color:#000;
	
}
.listePrix td {
	text-align:right;
	background-color:#444243;	border-color:#333;

	
	
	
}
#push-experts p{
	color:#000;
	
}

.validator{
	color:#FF0000;
	font-weight: bold;
	font-size:75%;
	margin-bottom: 20px;
	
}

#smenu_location, #smenu_vente, #smenu_services, #smenu_propos {
	display:none;
	width:400px;
	background-color:#282626;
	float:left;
	margin:5px 0 0 23px;
	padding:8px;
}

.apercuProduitCatalogue {
	border: 1px solid #64CCEF;
	clear:both;
	height: 80px;
	z-index: 10;
	display:none;
	position: absolute;
	margin-top: -95px;
	width: 360px;
	background-color:#000000;
	left: 0px;
	margin-left: 100px;
	padding : 5px;
	text-align:center;
	
	
}


.texte_produit {
width: 150px;
margin-bottom: 10px;

}

table{
	border-collapse: collapse;
	border-color:#333;
}


table td{
	padding:5px;
}

table .case-tarifs-gris{
	color:#ffffff;
	background-color:#444243;	border-color:#333;
}

table .case-tarifs-bleu{
	color:#000000;
	background-color:#63c7e9;	border-color:#333;
}


#contenu-full {
	clear:both;
	padding-left:100px;
	padding-right:100px;
	color: #fff;
}


#home-liens-magasins {
	/*padding-top: 180px;*/
	
	z-index: 1;
	position: absolute;
	margin-top: 60px;
	
}

#home-liens-magasins ul li {
	display:inline;
}

#home-liens-magasins a{
	color:#090909;
	font-size: 70%;
}


/* ----------------------------------- resultats ----------------------------------------------- */
#contenu-resultats{
	float:left;
	width:750px;
	margin-bottom:20px;
}
#contenu-resultats p{
	clear:both;
	color:#FFF;
	font-size: 65%;
}
#pagination{
	clear:both;
	list-style-type:none;
	margin-bottom:50px;
}
#pagination li{
	float:left;
	font-size:9px;
	color:#FFF;
}
#pagination li a{
	text-decoration:none;
}
#pagination li a.current{
	color:#64ccef;
	text-decoration:underline;
}