/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { 
  	margin: 0pt;
    padding: 0pt;
    background: #FFFFFF none repeat scroll 0%;
    font-family:Arial, Helvetica, sans-serif;
    height: 100%;
    overflow: auto;
    width: 768px;
    }
	
  img { border: medium none ;
    }

  #centre { 
  	position: absolute;
    top: 10px;
    left: 50%;
    width: 768px;
    margin-left: -382px;
	text-align:center;
	border:none;
    }
	
	
  #bord { 
    width: 768px;
	border-width:2px;
	border-style:solid;
	border-color:#304559;
    }
		
  #centre table{ 
  	width:768px;
    }
	


  #fond_top { 
    width: 768px;
	height:195px;
	margin:0px;
	padding:0px;
 	background: #ffffff url(../img/header_site.png) no-repeat left top;
	
    }

  #fond_top table{width:768px;}


  #fond_middle { 
    width: 768px;
	text-align:center;
	min-height:450px;	
	background: #FFFFFF;
	padding:0px;
	margin:0px;
   }
   
  #fond_middle table{ 
  	width: 768px;
	}	   

  *html  #fond_middle { 
   
	height:450px;
	}
	
   
  #fond_bottom { 
    width: 768px;
	height:30px;
 	/*text-align:right;*/
	vertical-align:top;
	padding-top:2px;
	
	
	
    }	
	
  #fond_bottom table {
	width:770px;	
  }	
 
 #fond_bottom table table{
	width:580px;	
  }	
		

  #page_top{
  	width:768px;
	height:8px;
	background:url(../img/fond_page_milieu.png) repeat-y left top;
	margin:0px;
	padding:0px;
	vertical-align:top;
  }
  
    #page_bottom{
  	width:768px;
	height:8px;
	line-height:8px;
	background:#ffffff;
	vertical-align:bottom;
	padding:0px;
	margin:0px;
  }

  #page_middle{
  	width:768px;
	min-height:450px;
	
	background:url(../img/fond_page_milieu.png) repeat-y left top;
  }
  *html  #page_middle {
	height:450px;
	}
  #corps { 
	border: none;
  	margin: 0pt;
    padding: 0pt;
    width: 746px;
	vertical-align:top;
    }

  .colonneMenu { 
  	/*width: 180px;*/ 
	text-align:left; 
	vertical-align: top; 
	padding:0px 0 0 20px;
    }


  
  #menu { 	
  	vertical-align: top;
	float:left;

	
	width:140px;
	min-height:150px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	
    }
	
	
  #content { 	
  	vertical-align: middle;

	width:525px;
	min-height:250px;
	
	text-align:left;
	padding-top:0px;
	padding-right:10px;

	margin-left:220px;
    }	
	
	*html #content{
	height:250px;
	
	}
	
#content_index { 	
  	vertical-align: middle;
	width:700px;
	min-height:250px;
	text-align:left;
	padding-top:0px;
	padding-right:10px;
	margin-left:20px;
 
 }	
*html #content_index{

	height:250px;
	
}
		

  #phrase { 	
  	vertical-align: middle;
	
	width:560px;
	height:60px;
	text-align:center;
	padding-top:10px;
    }	

  #recherche { 	
  	vertical-align: top;
	float:left;
	width:250px;
	height:150px;
	text-align:center;
	
    }	
  #promo{ 	
  	vertical-align: top;
	float:left;
	width:310px;
	height:150px;
	text-align:center;
    }	

  #homme { 	
  	vertical-align: middle;
	float:left;
	width:180px;
	
	text-align:center;
	padding-top:10px;
	padding-right:5px;
    }
	
	  #femme { 	
  	vertical-align: middle;
	float:left;
	width:180px;
	
	text-align:center;
	padding-top:10px;
	
	padding-left:5px;
	padding-right:5px;
    }	
	
	  #enfant { 	
  	vertical-align: middle;
	float:left;
	width:180px;
	
	text-align:center;
	padding-top:10px;
	padding-left:5px;
    }		


 p{ 
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}

 h3{ 
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #3D2818;
	text-decoration: none;
	}
 h4{ 
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	}

.titre1{
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#304559;
	text-decoration: none;
	line-height: normal;
}
.alerte{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#CC0033;
	text-decoration: none;
	line-height: normal;
}

.alerte2{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:#CC0033;
	text-decoration: none;
	line-height: normal;
}

.titre2{
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #3D3D3D;
	text-decoration: none;
	line-height: 16px;
}

.titre3{
	font-family: Palatino Linotype, Cottonwood;
	font-size: 18px;
	font-weight: bold;
	color: #3D3D3D;
	text-decoration: none;
	line-height: 16px;
	text-align:center;
	margin-left:240px;
}

.titre4{
	font-size: 20px;
}

.sstitre_accueil{
	font-family: Palatino Linotype, Cottonwood;
	font-size: 16px;
	font-weight: bold;
	color: #2F4559;
	text-decoration: none;
	line-height: 16px;
	text-align:center;
	margin-left:10px;
	vertical-align:top;
}

 h1{ 
	font-size: 16px;
	font-style: normal;
	line-height:18px;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:6px;
	
	font-weight: bold;
	color: #3D3D3D;
	text-decoration: none;
	text-align: left;
    }
 h2{ 
	font-size: 16px;
	font-style: normal;
	
	font-weight: bold;
	color: #3D2818;
	text-decoration: none;
	text-align: left;
	
    }
	
 a{ 
	color: #2F4559;
	text-decoration:none;

    }
	
 a:hover{ 
	color: #59A3D9;
	
    }
	
 ul{
 	/*margin: 0px 0px 0px 0px;
    padding: 0pt;*/
    list-style-type: disc;
    /*list-style-position: outside;*/
    font-size: 11px;
    
 }
 
 li{
 	color:#2F4559;
	line-height:12px;
	}

 .alert a{ 
	color: #59A3D9;
	text-decoration:none;

    }
	
 .alert a:hover{ 
	color: #2F4559;
    }	
	
  #Contenu { 
  	vertical-align: top;
	text-align:left;
	background:transparent;
	margin:0px;
	padding:5px;
	/*margin-bottom:5px;*/
	/*margin-top:5px;*/
	padding-bottom:20px;
	font-size: 11px;
    color: #000;
    text-decoration: none;
	line-height: 16px;
	width:788px;

	
    }
	
	


   #Contenu table { 
  	width:788px;
	
	
    } 
	
   #Contenu td { 
  	height:24px;
	vertical-align:middle;
	
	
    } 	
	form{
	padding:0px;
		padding-top:5px;
		padding-bottom:5px;
	vertical-align:middle;
	margin:0px;
	}
	
	input{
	vertical-align:middle;
	/*border:#999999;*/
	/*border-width:1px;
	border-style:solid;*/
	padding:0px;
	margin:0px;
	
	}
	

	select{
	vertical-align:middle;
	font-size:10px;
	/*border:#999999;*/
	/*border-width:1px;
	border-style:solid;*/
	}
	textarea{
		vertical-align:middle;
	/*border:#999999;*/
	/*border-width:1px;
	border-style:solid;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.sous_titre_produit{
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color:#2F4559;
	text-decoration: none;
	line-height: normal;
}

.titre_produit{
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color:#2F4559;
	text-decoration: none;
	line-height: normal;
}


  #styleTDAdmin{ 
  	/*width:468px; */
	vertical-align: top;
	text-align:left;
	padding:0px 36px 16px 30px;
	
    }
				
  .styleTDVignette { 
  	margin: 0pt;
    font-size: 11px;
    color: #000;
    text-decoration: none;
	line-height: 16px;
	width: 180px; 
	height:110px; 
	text-align:left; 
	vertical-align:middle;
	padding:0px 0 18px 64px;
	
    }



  #colonneMenu ul { margin: 5px 5px 10px 25px;
    padding: 0pt;
    list-style-type: disc;
    list-style-image: url(../../../../../../../Mes%20documents/Site%20Arpedia/pics/puceB.gif);
    list-style-position: outside;
    font-size: 11px;
    color: rgb(255, 255, 255);
    }

  #colonneMenu a { color: rgb(255, 255, 255);
    }

  #colonneMenu a:hover { text-decoration: none;
    }

  #menuGris h3 { color: rgb(51, 51, 51);
    }

  #menuGris p { margin: 5px 15px 5px 5px;
    color: rgb(51, 51, 51);
    font-size: 11px;
    line-height: 14px;
    }

  #menuGris ul { margin: 5px 5px 5px 20px;
    padding: 0pt;
    list-style-type: disc;
    list-style-image: url(../../../../../../../Mes%20documents/Site%20Arpedia/pics/puceG.gif);
    list-style-position: outside;
    font-size: 11px;
    color: rgb(51, 51, 51);
    }

  #menuGris a { color: rgb(102, 102, 102);
    }

  #menuGris a:hover { text-decoration: none;
    }


.lienMenu {
	color: #000000;
	text-decoration:none;
	font-size: 11px;
	font-weight:normal;

    }

  .lienMenu:hover { 
  	color: #59A3D9;
	font-weight: bold;
	font-size: 11px;
    }
	
  .mentions { margin: 0pt 4px 0pt 0pt;
    font-size: 12px;
    color: rgb(170, 170, 170);
    text-decoration: none;
    }

  .lienBasDePage { 
  	margin: 0pt;
    font-size: 11px;
    color:#777;
    text-decoration: none;
    }

  .lienBasDePage:hover { margin: 0pt;
    font-size: 11px;
    color: #222;
    text-decoration: none;
    }

  .vignette { 
  	margin: 0pt;
    font-size: 12px;
    color:#2F4559;
    text-decoration: none;
	font-weight:bold;
    }

  .vignette:hover { margin: 0pt;
    font-size: 12px;
    color: #EC2024;
    text-decoration: underline;
	font-weight:bold;
    }	

  .titreCitation { 
    font-size: 14px;
    color: #7E5C38;
    text-decoration: none;
	line-height: 16px;
	font-style:italic;
	font-weight:bold;
	text-align:left;
   }

  .titreMarron { 
    font-size: 16px;
    color: #7E5C38;
    text-decoration: none;
	font-weight:bold;
	text-align:left;
	}

  .texte { 
  	margin: 0pt;
    font-size: 12px;
    color: #000;
    text-decoration: none;
	text-align:left;	
    }
	

 
	
  .savoirPlus:link { 
  	margin: 0pt;
    font-size: 12px;
    color: #7E5C38;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;	

    }


  .savoirPlus:visited { 
  	margin: 0pt;
    font-size: 12px;
    color: #7E5C38;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;	

    }
	
  .savoirPlus:hover { 
  	margin: 0pt;
    font-size: 12px;
    color: #555;
    }


  .lienAdmin:link { 
  	margin: 0pt;
    font-size: 12px;
    color: #7E5C38;
	text-decoration:underline;

	font-weight:bold;	

    }


  .lienAdmin:visited { 
  	margin: 0pt;
    font-size: 12px;
    color: #7E5C38;
	text-decoration:underline;

	font-weight:bold;	

    }
	
  .lienAdmin:hover { 
  	margin: 0pt;
    font-size: 12px;
    color: #555;
    }





  .mail:link { 
  	margin: 0pt;
    font-size: 11px;
    color: #7E5C38;
	text-decoration:underline;
    }

 .mail:visited { 
  	margin: 0pt;
    font-size: 11px;
    color: #7E5C38;
	text-decoration:underline;
    }
  .mail:hover { 
  	margin: 0pt;
    color: #555;
    }
		


			


#texte li {
	color: #7E5C38;
	line-height:18px;
}

.texte {

	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
	text-indent: 0pt;
	vertical-align: middle;
	
	white-space: normal;
}

.ds_box { 
background-color: #FFF; 
border: 1px solid #000; 
position: absolute; 
z-index: 32767; 
} 

.ds_tbl { 
background-color: #FFF; 
} 

.ds_head { 
background-color: #999; 
color: #FFF; 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
text-align: center; 
letter-spacing: 2px; 
} 

.ds_subhead { 
background-color: #CCC; 
color: #000; 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
font-family: Verdana, Helvetica, sans-serif; 
width: 32px; 
} 

.ds_cell { 
background-color: #EEE; 
color: #000; 
font-size: 12px; 
text-align: center; 
font-family: Verdana, Helvetica, sans-serif; 
padding: 5px; 
cursor: pointer; 
} 

.ds_cell:hover { 
background-color: #F3F3F3; 
} /* This hover code won't work for IE */ 

#olivier {
	padding-top:20px;
	padding-left:30px;
}

#tableau_scott {
	background-color:#FFF;
	border:#000 solid 1px;
}

#tableau_scott td {
	vertical-align:top;
	font-size:10px;
	text-align:center;
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	background:#FFF;
}


ul#tab_olivier {
	margin:0px;
	margin-left:-40px;
	
}

#tab_olivier li {
	list-style-type:none;
	float:left;
	border:#CCCCCC solid 1px;
	width:50px;
	color:#000;
	background:#FFF;
	font-size:10px;
	text-align:center;
	
}

.clear-left {
	clear:left;
}