/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

.namsai{
	color:#0096A7;
	font-weight:bold;
}
#centrer{
	float:left;
	/*border:1px solid red;*/
	width:512px;
}
*html #centrer{
	float:left;
	/*border:1px solid red;*/
	width:495px;
}
#centrer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	text-align:right;
	color: #006570;
	padding-left:15px;
	padding-bottom:15px;
}

/**************************************** CONTENU ****************************************/
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#ff48a8;
	margin-bottom:15px;
	margin-top:5px;
	letter-spacing:-1px;
	padding-left:15px;
}
#contenu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	color:#ff48a8;
	letter-spacing:normal;
	/*display:inline;*/
	padding-left:0px;
	padding-top:30px;
}

#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	text-align:justify;
	color: #006570;
	padding-left:15px;
	padding-bottom:15px;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#00aabd;
}
#contenu p.rose, .rose{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	color:#ff48a8;
}
#contenu a{
	font-weight:bold;
	text-decoration:underline;
	color: #ff48a8;
}
#contenu a:hover{
	font-weight:bold;
	text-decoration:underline;
	color: #00aabd;
}
#chemindefer {
	margin-bottom:15px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FF48A8;
	font-weight:bold;
	font-size:1.8em;
	letter-spacing:-1px;
}
#contenu .filariane{
	font-size:1em;
	text-decoration:none;
	color: #FF48A8;
}
#contenu .filariane:hover{
	font-size:1em;
	color: #0495A1;
}


/**************************************** NAMSAI ****************************************/
ul{
	position:left;
	padding-left:300px;
	/*margin-bottom:15px;
	width:120px;
	padding:5px 0;
	border:1px dashed #80d5de;
	border-top-style:solid;
	border-top-color:#00aabd;
	background:#00aabd;*/
	/*border:1px solid red;*/
}
li {
	list-style-image:url(../images/charte/puce04.gif);
	list-style-position:outside;
	/*padding-left:300px;*/
	margin-bottom:15px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	color: #006570;
	text-align: justify;
	/*border:1px solid red;*/
}
/*.li01 {
	list-style-image:url(../images/charte/puce04.gif);
	list-style-position:outside;
	padding-left:300px;
	margin-bottom:15px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	color: #006570;
	text-align: justify;
	border:1px solid red;
}*/


/**************************************** PRESSE ****************************************/
#ligne_img{
	width:510px;
	float:right;
	height:250px;
	padding:5px 0px 5px 0px;
	/*border:1px red solid;*/
}
*html #ligne_img{
	width:495px;
}
.image{
	float:left;
	width:150px;
	height:235px;
	background-color:#D9F2F5;
	/*border:1px red solid;*/ 
	margin:0px 8px 25px 10px; 
	padding-right:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
	margin-right:-3px;
}
*html .image{
	margin:0px 9px 25px 0px; 
	/*border:1px blue solid;*/
}
#ligne_img a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
	text-decoration:none;
}
#ligne_img a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
	text-decoration:none;
}
.img_bordure{
	/*position:relative;
	top:0;*/
	left:0;
	width:150px;
	height:198px;
	border:1px #D7D7D7 solid;
}



/**************************************** FOOTER ****************************************/
#footerMenu p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color: #006570;
	text-align:right;
	letter-spacing:1px;
	padding-top:9px;
}
#footerMenu a{
	font-weight:normal;
	text-decoration:none;
	color: #006570;
}
#footerMenu a:hover{
	font-weight:normal;
	text-decoration:underline;
	color: #fff;
}

/**************************************** CONTACT ****************************************/
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height:14px;*/
	letter-spacing:0.06em;
	text-align:left;
	color: #006570;
}
#contactgauche{
	float:left;
	width:255px;
	/*border:1px solid blue;*/
	margin-right:25px;
}

#contactTxt{
	/*width:45%;*/
	float:left;
	background-color:#D9F2F5;
	width:255px;
	margin-bottom:20px;
	border:1px solid #00B7C8;
	/*margin-right:25px;*/
	padding:30px 0 20px 0;
}
#contactTxt p{
	text-align:center;
}
#contactPlan{
	float:left;
	background-color:#D9F2F5;
	width:235px;
	margin-top:15px;
	padding:15px 10px;
	border:1px solid #00B7C8;

	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*line-height:14px;*/
	letter-spacing:0.06em;
	color: #006570;
}
*+html #contactPlan{
	margin-top:5px;
}
*html #contactPlan{
	margin-top:5px;
}
#formContact input{
	/*width:170px;*/
	width:150px;
	border:1px solid #000;
	font-size:12px;
}
*+html #formContact input{
	width:146px;
}
*html #formContact input{
	width:144px;
}

#formContact textarea{
	width:407px;
	border:1px solid #000;
	font-size:12px;
}
*+html #formContact textarea{
	width:398px;
}
*html #formContact textarea{
	width:392px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF48a8;
}
#formContact .champRequis{
	color:#FF48a8;
}
.bouton{
	background-color:#ff48a8;
	color:#D1F0F3;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.06em;
	margin:0 10px;
}
*+html .bouton{
	font-size:10px;
	width:auto;
	/*width:300px;*/
}
/**************************************** ESPACE PROF ****************************************/
#espace_prof{
	width:295px;
	float:left;
	height:95px;
	background-image:url(../images/charte/fd_espaceprof.gif) ;
	margin-top:20px;
	margin-left:100px;
	margin-bottom:20px;
	padding:20px 20px 0 10px;
	/*border:1px solid red;*/
}
*html #espace_prof{
	width:315px;
	padding:16px 0 0 10px;
	margin-bottom:0;
	}
*+html #espace_prof{
	width:315px;
	padding:20px 0 0 10px;
	margin-bottom:0;
	}
#cadreacces1{
	float:left;
	width:120px;
	/*border:1px solid blue;*/
}
#cadreacces2{
	float:left;
	width:170px;
	/*border:1px solid black;*/
}

/**************************************** CATALOGUE ****************************************/
#catalogue{
	width:810px;
	float:left;
	/*height:250px;*/
	padding:5px 0px 5px 0px;
	/*border:1px blue solid;*/
}
#catalogue .image{
	float:left;
	width:180px;
	background-color:#D9F2F5;
	min-height:180px;
	height:auto !important;
	height:180px;
	/*border:1px red solid;*/ 
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin:0px 5px 25px 5px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
}
#catalogue a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	/*color: #D60073;*/
	color:#ff48a8;
	font-weight:600;
	text-decoration:none;
}
#catalogue a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
	text-decoration:none;
}
#catalogue .img_bordure{
	/*position:relative;
	top:0;*/
	left:0;
	width:190px;
	height:143px;
	border:1px #D7D7D7 solid;
}

/**************************************** FICHE PRODUIT ****************************************/
#ficheproduit{
	width:810px;
	float:left;
	padding:5px 0px 5px 0px;
	/*border:1px blue solid;*/
}
#ficheproduit_left{
	width:350px;
	float:left;
}
#ficheproduit_img{
	float:left;
	width:350px;
	background-color:#D9F2F5;
	margin:0px 25px 25px 5px; 
	padding:5px;
	/*border:1px red solid; */
}
#ficheproduit_vig{
	float:left;
	width:350px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 5px; 
	padding:5px;
	/*border:1px #00B9C8 solid; */
}
#ficheproduit_vig img{
	/*width:100px;*/     /*********** ligne mise en commentaire par développeur car ca déforme les photos ***********/
	margin:0px 6px 0px 6px;
	/*padding:5px;*/
	border:1px solid #017D8B;
}
/*Pour IE6*/
*html #ficheproduit_vig{
	float:left;
	width:355px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 5px; 
	padding:5px;
	/*border:1px #00B9C8 solid; */
}
*html #ficheproduit_vig img{
	/*width:100px;*/     /*********** ligne mise en commentaire par développeur car ca déforme les photos ***********/
	margin:0px 5px 0px 5px;
	border:1px solid #017D8B;
}
/* POUR IE7*/
*+html #ficheproduit_vig{
	float:left;
	width:351px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 5px; 
	padding:5px;
	/*border:1px #00B9C8 solid; */
}
*+html #ficheproduit_vig img{
	/*width:100px;*/     /*********** ligne mise en commentaire par développeur car ca déforme les photos ***********/
	margin:0px 5px 0px 5px;
	border:1px solid #017D8B;
}

/******************************** VIGNETTES COULDEURS *********************************/
#ficheproduit_couleur{
	float:left;
	width:349px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 6px; 
	padding:5px 5px 5px 5px;
	/*border:1px #01808E solid; */
}
#ficheproduit_couleur a{
	margin-bottom:50px;
}
#ficheproduit_couleur img{
	width:18px;
	margin:0px 3px 5px 2px;
	/*border:1px solid #017D8B;*/
}

/* IE 6 */
*html #ficheproduit_couleur{
	float:left;
	width:353px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 6px; 
	padding:5px 5px 5px 5px;
	/*border:1px #01808E solid; */
}
#ficheproduit_couleur img{
	width:18px;
	margin:0px 2px 5px 2px;
	/*border:1px solid #017D8B;*/
}

/* IE 7 */
*+html #ficheproduit_couleur{
	float:left;
	width:352px;
	background-color:#D9F2F5;
	margin:0px 0px 5px 6px; 
	padding:5px 5px 5px 5px;
	/*border:1px #01808E solid; */
}
#ficheproduit_couleur img{
	width:18px;
	margin:0px 2px 5px 2px;
	/*border:1px solid #017D8B;*/
}
#ficheproduit_desc{
	float:right;
	width:415px;
	margin:0;
	padding:5px 5px 5px 0px;
	/*border:1px blue solid;*/
}
*html #ficheproduit_desc{
	width:390px;
}
#ficheproduit_echan{ 
	float:left;
	width:366px;
	background-color:#D9F2F5;
	margin:5px 0px 5px 25px; 
	padding:5px 5px 15px 5px ;
	border:1px #00B9C8 solid; 
}
*html #ficheproduit_echan{
	float:left;
	width:370px;
	margin:5px 0px 5px 5px; 
}
#ficheproduit_echan img{
	/*width:100px; */         /*********** ligne mise en commentaire par développeur car ca déforme les photos ***********/
	margin:0px 10px 0px 10px;
	border:1px solid #017D8B;
}

#formproduit{
	margin-left:15px;
	/*border:1px solid #017D8B;*/
}
#formproduit ul{
	float:left;
	padding-left:17px;
}
#formproduit li{
	list-style-image:url(../images/charte/puce04.gif);
	padding-left:0px;
	/*list-style-position:inside;*/
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	/*line-height:14px;*/
	letter-spacing:0.06em;
	color: #006570;
	text-align: justify;
	/*border:1px solid red;*/
}
#formproduit select{
	background-color:#D9F2F5;
	border:1px solid #017D8B;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	margin-right:7px;
	margin-bottom:10px;
}
.selectdim{
	width:120px;
}
.selectcoloris{
	width:180px;
}
.selectqte{
	width:50px;
}

/********************** ajouté par développeur *****************/
.dev_prix_textfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	text-align:justify;
	color: #006570; 
	text-shadow:#006570;
	border-style:none; 
	background-color:#FFFFFF; 
	text-align:right
}

.windows{
  display: none;
  z-index:299;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-200px;
  margin-top:-50px;
  border:1px solid #CCC;
  background: #EEE;
  width:400px;
  height:100px;
  text-align:center;
}

.table_tailles{ 
	margin-left:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height:14px;*/
	letter-spacing:0.06em;
	text-align:left;
	color: #006570;
}

.td_tailles{			
	padding:0px;
	/*padding-left:5px;*/
}

/*.chemindefer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff48a8;
}
.chemindefer:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff48a8;
}*/

.prixbarre{
	color:#666666;
	text-decoration:line-through;
	font-family:"Times New Roman", Times, serif;
}

/********************** fin ajouté par développeur *****************/


/****************************************** CGV ************************************/
#cgv{
	width:795px;
	/*width:365px;*/
	float:left;
	margin:0px 13px;
	/*border:1px solid red;
	padding-bottom:50px;*/
	/*padding-left:15px;
	padding-bottom:35px;*/
}
*html #cgv{
	width:770px;
	margin:0px 13px;
}
#cgv ul{
	float:left;
	padding-left:0px;
}
#cgv li{
	list-style-image:url(../images/charte/puce01.gif);
	padding-left:0px;
	margin-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	color: #006570;
	text-align: justify;
	/*border:1px solid red;*/
}
#cgv p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	text-align:justify;
	color: #006570;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#cgv h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:14px;
	letter-spacing:0.06em;
	text-align:justify;
	color: #ff48a8;
	padding-left:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	/*border:1px solid red;*/
}

/*POINTS DE VENTE*/
.pointvente{
	float:left;
	width:250px;
	/* height:200px;  mis en commentaire par développeur car trop court pour le texte*/
	background-color:#D9F2F5;
	margin:10px;
	padding:10px;
	border:1px solid #00AABD;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01919E;
	font-weight:600;
}

.pointvente img{
margin-bottom:20px;
}

#contenu h3{
	font-family:Arial, Helvetica, sans-serif;
	size:11px;
	font-weight:bold;
	text-align:left;
	text-align:center;
	color:#01919E;
	letter-spacing:normal;
	/*display:inline;*/
	padding:10px 0px 15px 0px;
}
#pays{
	font-weight:bold;
	color:#ff48a8;
}