/* CSS www.twi.fr */

 /*TEXTES*/
a:link {
	text-decoration: none;
	color: #660000;
}
a:visited {
	text-decoration: none;
	color: #660000;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #A30000;
}
body,td,th {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.ours {
	color: #000000;
	font-size: 10px;
}
.titrerouge {
	font-weight: bold;
	color: #660000;
}
.titrerouge_text {
	font-weight: bold;
	color: #660000;
	font-size: 16px;
}
.titrenoir {
	font-weight: bold;
	color: #000000;
}
.grostitre16 {
	font-size: 16px;
	font-weight: bold;
}
.grostitre22 {
	font-size: 22px;
	font-weight: bold;
}
 h1 span {
	display: none;
}
.epuise {
	color: #660000;
}

.titreliens {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
}


 /*BLOCS CONTENU PAGE GENERALE*/
body {
	background-color: #EBDBC1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url("../images/bg/papier.jpg");
}
.frise {
	background: url("../images/bg/frise.jpg");
	height: 96px;
	position: relative;
	left: 0px;
	top: 0px;
}
.conteneur {
	position:static;
	width: 880px;
	height: 570px;
	left: 0px;
	top: 0px;
}
.nav1 {
	top: 9px;
	left: 580px;
    width: 300px;
	height: 22px;
	position: absolute;
}
 .header {
	top: 0px;
    width: 880px;
	height: 130px;
	position: absolute;
	background: url(../images/bg/bg_01.jpg) no-repeat ;
}
.page {
	top: 130px;
    width: 880px;
	height: 430px;
	position: absolute;
	background: url(../images/bg/bg_02.jpg) no-repeat ;
}
.page2 {
	top: 130px;
	width: 880px;
	height: 430px;
	position: absolute;
	background: url(../images/bg/bg_02.jpg) no-repeat;
	overflow: auto;
}
.footer {
	top: 560px;
    width: 880px;
	height: 22px;
	position: absolute;
}

.footer2 {
	width: 880px;
	height: 22px;
	text-align: left;
}

 /*BLOCS CONTENU PAGE ACCUEIL*/
 .header_acc {
	top: 0px;
    width: 880px;
	height: 130px;
	position: absolute;
	background: url(../images/bg_accueil/accueil_top.jpg) no-repeat ;
}
.page_acc {
	top: 130px;
    width: 880px;
	height: 430px;
	position: absolute;
	background: url(../images/bg_accueil/accueil_page.jpg) no-repeat ;
}

 /*BLOCS CONTENU PAGE SOMMAIRE*/
 .header_som {
	top: 0px;
    width: 880px;
	height: 130px;
	position: absolute;
	background: url(../images/bg_som/som_01.jpg) no-repeat ;
}
.page_som {
	font-size: 13px;
	top: 130px;
	width: 880px;
	height: 430px;
	position: absolute;
	background: url(../images/bg_som/som_02.jpg) no-repeat;
	font-weight: bold;
}
.page_som a:link {text-decoration: none; color: #660000;}
.page_som a:visited {text-decoration: none; color: #660000;}
.page_som a:hover {text-decoration: none; font-size: 14px; color: #000000;}
.page_som a:active {text-decoration: none; color: #A30000;}
.zoneimg1 {
	left: 568px;
	top: 66px;
    width: 130px;
	height: 130px;
	position: absolute;
}
.zoneimg2 {
	left: 130px;
	top: 134px;
    width: 130px;
	height: 130px;
	position: absolute;
}
.zoneimg3 {
	left: 130px;
	top: 408px;
    width: 130px;
	height: 130px;
	position: absolute;
}
.nav_som1 {
	left: 490px;
	top: 120px;
	width: 190px;
	height: 200px;
	position: absolute;
}
.nav_som2 {
	left: 700px;
	top: 55px;
    width: 190px;
	height: 200px;
	position: absolute;
}
.nav_som3 {
	left: 370px;
	top: 156px;
    width: 100px;
	height: 200px;
	position: absolute;
}
 /* .nav_som1 {
	left: 400px;
	top: 120px;
	width: 190px;
	height: 200px;
	position: absolute;
}
.nav_som2 {
	left: 590px;
	top: 103px;
    width: 190px;
	height: 200px;
	position: absolute;
}
.nav_som3 {
	left: 795px;
	top: 103px;
    width: 100px;
	height: 200px;
	position: absolute;
}
*/
.nav_bout_new {
	left: 698px;
	top: 399px;
    width: 111px;
	height: 26px;
	position: absolute;
}

 /*BLOCS CONTENU PAGE CONTACT*/
 .header_cont {
	top: 0px;
    width: 880px;
	height: 130px;
	position: absolute;
	background: url(../images/bg_contact/contact_01.jpg) no-repeat ;
}
.page_cont {
	top: 130px;
    width: 880px;
	height: 430px;
	position: absolute;
	background: url(../images/bg_contact/contact_02.jpg) no-repeat ;
}
.txt_cont {
	left: 580px;
	top: 60px;
	width: 285px;
	position: absolute;
	text-align:right;
}

/*BLOCS CONTENU PAGE ARTICLES*/
.zone_cadre {
	left: 0px;
	top: 0px;
	width: 640px;
	height: 430px;
	position: absolute;
	background: url(../images/bg/bg_cadre.jpg) no-repeat;
}
.zone_bout {
	left: 640px;
	top: 0px;
	width: 240px;
	height: 430px;
	position: absolute;
	background: url(../images/bg/bg_motif.jpg) no-repeat;
}
.titre {
	top: 35px;
	left: 400px;
    width: 480px;
	height: 95px;
	position: absolute;
}
.conteneur_produits {
	left: 50px;
	top: 55px;
	width: 542px;
	height: 325px;
	position: absolute;
}
.rubrique_titre {
	left: 7px;
	top: 0px;
	width: 535px;
	height: 25px;
	position: absolute;
}
.rubrique_produits {
	left: 0px;
	top: 25px;
	width: 542px;
	height: 300px;
	position: absolute;
}
#divControl {
	position: absolute;
	width: 43px; 
	visibility: hidden;
}
.clScroll {
	position: absolute;
	visibility: visible;
}
#divCont {
	position: absolute;
	width: 180px;
	height: 285px;
	clip: rect(0px 180px 280px 0px);
	visibility: visible;
	left: 0px;
	top: 15px;
}
#divCont_text {
	position: absolute;
	width: 495px;
	height: 300px;
	clip: rect(0px 495px 300px 0px);
	visibility: visible;
	left: 5px;
	top: 0px;
}
.zone_fleches {
	left: 180px;
	top: 35px;
	width: 46px;
	height: 270px;
	position: absolute;
	text-align: center;
}
.zone_fleches_text {
	left: 500px;
	top: 35px;
	width: 46px;
	height: 270px;
	position: absolute;
	text-align: center;
}
.zone_image {
	left: 241px;
	top: 0px;
	width: 300px;
	height: 280px;
	position: absolute;
}
.zone_legende {
	left: 241px;
	top: 285px;
	width: 300px;
	height: 20px;
	position: absolute;
}
.rubrique_rappel {
	left: 400px;
	top: 0px;
	width: 135px;
	height: 25px;
	position: absolute;
	text-align: right;
}

/*BLOCS NEWS*/
.nav_news {
	left: 47px;
	top: 0px;
	width: 250px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
}
.nav_news a:link {text-decoration: none; color: #660000;}
.nav_news a:visited {text-decoration: none; color: #660000;}
.nav_news a:hover {text-decoration: none; font-size: 12px; color: #000000;}
.nav_news a:active {text-decoration: none; color: #A30000;}
.newsletter {
	left: 0px;
	top: 370px;
	position: absolute;
}

/*BLOCS LOGIN*/
.login {
	font-size: 11px;
	font-weight: bold;
	background-color: #EBDBC1;
	text-align: center;
	border: 2px solid #660000;
}

.fee1 {
	position: absolute; 
	left: 300px; 
	width: 38; 
	height: 71;
}

.fee2 {
	position: absolute; 
	left: 200px; 
	width: 38; 
	height: 71;
}

.fee3 {
	position: absolute; 
	left: 400px; 
	width: 38; 
	height: 71;
}

.fee4 {
	position: absolute; 
	left: 500px; 
	width: 38; 
	height: 71;
}

/* Contact forms */

#contentForm {
  	display: block;
	line-height:8px;
}

label {
	display: block;
	margin-top: 5px;
	color:#000000;
	font-size: 11px;
}

input, textarea, select {
	margin: 0;
	padding: 2px;
	font-size: 1em;
	color: #000000;
	border: 1px solid #660000;
	margin: 2px 0;
	background-color: #EBDBC1;
	font-family: Georgia, "Times New Roman", Times, serif;
}   

.button {
	color: #660000;
	font-weight: bold;
}   

input:focus, textarea:focus, select:focus {
	border: 1px solid #660000;
	background-color: #E4C48C;
}

.errormsg {
  color: #660000;
  font-weight: bold;
  padding: 3px 25px 3px 0px;
  background: url('../images/bg_contact/icon-error.png') no-repeat right top;
  height:25px;
}

.successrmsg {
  color: #660000;
  font-weight: bold;
  padding: 3px 25px 3px 0px;
  background: url('../images/bg_contact/icon-success.png') no-repeat right top;
  height:25px;
}