/* ------------------------------ Anya stylesheet ----------------------------------- */
/* --------------------------------- http:// ----------------------------------- */



/* ------------------------------------- ELEMENTS ------------------------------------------ */
BODY{
	font: normal 75%/normal Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #0000CB;
	margin: 52px auto;
}
IMG{
	border: 0px none;
}

.clear {
	clear: both;
}
.rouge{
	color: #FF0000
}
FORM{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
A{
	color: #FFFFFF;
	text-decoration: none;
}
A:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* ------------------------------------- OBJECTS ------------------------------------------ */
#container{
	width: 780px;
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 11px 11px 11px 11px;
}
/* ------------------------- Header ---------------------------------*/

#header{
	width: 780px;
	height: 81px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header .logo{
	width: 152px;
	height: 81px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
#header .visual_accueil{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.tissus-anya.fr/accueil/images/header/header_visual_accueil.jpg) no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_enductions{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:     url("http://www.tissus-anya.fr/tissu-au-metre/achat-tissu-enduits/tissus-enduits/header/header_visual_enductions.jpg") no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_non_tisses{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:      url("http://www.tissus-anya.fr/tissu-au-metre/achat-tissu-non-tisses/tissus-non-tisses/header/header_visual_non_tisses.jpg") no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_brodes{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:       url("http://www.tissus-anya.fr/tissu-au-metre/achat-tissu-brodes/tissus-brodes/header/header_visual_brodes.jpg") no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_montages{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:      url("http://www.tissus-anya.fr/tissu-au-metre/achat-tissu-multi-matieres/tissus-montages-multi-matieres/header/header_visual_montages.jpg") no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_peints_mains{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:     url("http://www.tissus-anya.fr/tissu-au-metre/tissu-peints-mains/tissus-peints-mains/header/tissus-peints-mains.jpg") no-repeat right top;
	float: right;
	display: inline;
}
#header .visual_contact{
	width: 628px;
	height: 81px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.tissus-anya.fr/contact/images/header/header_visual_contact.jpg) no-repeat right top;
	float: right;
	display: inline;
}
/* ------------------------- Navigation ---------------------------------*/

#navigation{
	font: normal 0em/0em Arial, Helvetica, sans-serif;
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000033;
	border: none;
	float: left;
	clear: both;
}
#navigation UL{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navigation LI{
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none;
	border: none;
	float: left;
}
/* ------------------------- Content ---------------------------------*/

#content {
	background: #0C00E3 url(http://www.tissus-anya.fr/images/bg/bg_content.gif) repeat-x left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	float: left;
}
#content .visual {
	width: 301px;
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content .desc {
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	width: 389px;
	display: inline;
	float: right;
	margin: 53px 90px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content .desc H1 {
	font: normal 2em/normal Arial, Helvetica, sans-serif;
	color: #00CCFF;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}
#content .desc P {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
}
#content .desc P a {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	color: #00CCFF;
	text-decoration: underline;
}
#content .desc P a:hover {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	color: #00CCFF;
	text-decoration: underline;
}
#content .desc P a:visited {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	color: #00CCFF;
	text-decoration: underline;
}
/* ------------------------- Footer ---------------------------------*/

#footer{
	background: #000033;
	color: #CCCCCC;
	font: normal 0.85em/1.8em Arial, Helvetica, sans-serif;
	width: 772px;
	height: 18px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
/* ------------------------- Menu ---------------------------------*/
#menu{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 154px;
	margin: 0px 0px 0px 0px;
	padding: 36px 21px 18px 58px;
	display: inline;
	float: left;
	color: #FFFFFF;
}
#menu H1{
	font: bold 1.25em/normal Arial, Helvetica, sans-serif;
	color: #00CCFF;
	text-transform: uppercase;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}
/* ------------------------- Contact ---------------------------------*/

#contact{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 36px 5px 18px 58px;
	display: inline;
	float: left;
	color: #cccccc;
}
#contact H1{
	font: bold 1.25em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}
#contact P{
	font: normal 0.9em/normal Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}
#contact a{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
#contact a:hover{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-decoration: underline;
}
/* ------------------------- Navsub ---------------------------------*/

#navsub {
	font: normal 0.9em/0.9em Arial, Helvetica, sans-serif;
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
#navsub UL{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navsub LI{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
}
#navsub .selected {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00CCFF;
	text-align: center;
	text-decoration: underline;
}
#navsub .inter {
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-align: center;
}
#navsub a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#navsub a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00CCFF;
	text-align: center;
	text-decoration: underline;
}
#navsub a.arrow {
	font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
#navsub a.arrow:hover {
	font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	color: #00CCFF;
	text-align: center;
	text-decoration: underline;
}
/* ------------------------- Navsub2 ---------------------------------*/
#navsub2 {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navsub2 UL{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navsub2 LI{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
}
#navsub2 .selected {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
#navsub2 a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
	text-decoration: none;
}

#navsub2 a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
	text-decoration: underline;
}
/* ------------------------- Detail ---------------------------------*/

#detail{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 483px;
	margin: 44px 64px 18px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
	color: #FFFFFF;
}
#detail H1{
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	margin: 16px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#detail P{
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
}
/* ------------------------- Form ---------------------------------*/

#form{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 481px;
	margin: 36px 64px 18px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
	color: #FFFFFF;
}
#form .title{
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#form .title H1{
	font: bold 1.25em/normal Arial, Helvetica, sans-serif;
	color: #00ccff;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	float: left;
	display: inline;
}
#form .title H2{
	font: normal 0.75em/normal Arial, Helvetica, sans-serif;
	color: #00ccff;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: inline;
}
#form FORM{
	font: bold 0.9em/normal Arial, Helvetica, sans-serif;
	width: 415px;
	margin: 0px 0px 0px 0px;
	padding: 22px 33px 22px 33px;
	display: inline;
	float: left;
	color: #FFFFFF;
	border: 1px solid #a3a4ca;
}
#form UL, #form LI{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
	color: #FFFFFF;
	list-style: none;
}
#form .aster{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	color: #00ffff;
}
#form .single{
	width: 413px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	color: #FFFFFF;
}
#form .single INPUT{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 409px;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #000243;
	border: 1px solid #939393;
	background: #FFFFFF;
}
#form .single TEXTAREA{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 407px;
	height: 106px;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	color: #000243;
	border: 1px solid #939393;
	background: #FFFFFF;
}
#form .button{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 75px;
	clear: both;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #0a00e1;
	border: 1px solid #939393;
	background: #FFFFFF;
}
#form .left{
	width: 198px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
	color: #FFFFFF;
}
#form .left INPUT{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #000243;
	border: 1px solid #939393;
	background: #FFFFFF;
}
#form LABEL{
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clear: both;
	margin: 20px 0px 0px 0px;
}
#form LABEL.blue{
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	color: #00ccff;
	display: inline;
}
#form .right{
	width: 198px;
	margin: 0px 0px 12px 19px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
	color: #FFFFFF;
}
#form .right INPUT{
	font: normal 1em/normal Arial, Helvetica, sans-serif;
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #000243;
	border: 1px solid #939393;
	background: #FFFFFF;
}
#form INPUT.checkbox{
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	border: none;
	background: transparent;
}
#form .block{
	width: 415px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	clear: both;
	float: left;
	color: #FFFFFF;
}
/* ------------------------- Zoom ---------------------------------*/

#zoom{
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
	clear: both;
}
#zoom a{
	font: bold 0.9em/normal Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00CCFF;
	text-decoration: none;
}
#zoom a:hover{
	font: bold 0.9em/normal Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00CCFF;
	text-decoration: underline;
}
/* ------------------------- Visual box ---------------------------------*/
#visualbox{
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #A3A3CA;
	width: 469px;
	text-align: center;
	clear: both;
}
#visualbox IMG{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}