/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background:url(img/bg-total.gif) repeat-x top left #fff;	
	margin:0;	
	padding:0;
}

.fin {
	clear: both;
}

#general{
	width:955px;
	margin:0 auto;
	padding:0;
}
 
#general01{
	width:30px;
	height:700px;
	background:url(img/bga.gif) no-repeat top right #fff;	
	margin:0;
	padding:0;
	float:left;
}

#general02{
	width:895px;
	margin:0;
	padding:0;
	float:left;
}

#general03{
	width:30px;
	height:700px;
	background:url(img/bgb.gif) no-repeat top left #fff;	
	margin:0;
	padding:0;
	float:left;
}

#contenu{
	padding:25px;
	margin:0;
	background-color:#fff;
}

#vspacer {
	height:70px;
}

/*-------------------------------------------- BANDEAU */
#bando{
	width:895px;
	height:336px;
	background:url(img/bando.gif) no-repeat top left;
	margin:0;
	padding:0;
}

#bando-metier {
	width:895px;
	height:336px;
	background:url(img/bg-metier.jpg) no-repeat top left;
	margin:0;
	padding:0;
}

#bando-contact {
	width:895px;
	height:336px;
	background:url(img/bg-contact.jpg) no-repeat top left;
	margin:0;
	padding:0;
}

#bando-contact h2{
	width:536px;
	text-align:center;
	margin:0;
	padding:0;
}

#bando-metier h2{
	width:536px;
	text-align:center;
	margin:0;
	padding:0;
}

#bando h2{
	width:536px;
	text-align:center;
	margin:0;
	padding:0;
}

#bando-contact img.flash{
	width:358px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

#bando-metier img.flash{
	width:358px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

#bando img.flash{
	width:358px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

#bando-contact .logo{
	width:166px;
	height:139px;
	margin:0;
	padding:18px 334px 15px 37px;
	float: left;
}

#bando-metier .logo{
	width:166px;
	height:139px;
	margin:0;
	padding:18px 334px 15px 37px;
	float: left;
}

#bando .logo{
	width:166px;
	height:139px;
	margin:0;
	padding:18px 334px 15px 37px;
	float: left;
}

#bando-contact .flash{
	width:356px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

#bando-metier .flash{
	width:356px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

#bando .flash{
	width:356px;
	height:336px;
	margin:0;
	padding:0;
	float:right;
}

/*-------------------------------------------- MENU */
#menu{
	width:193px;
	height:104px;
	margin:0;
	padding:0 0 0 23px;
	float: left;
}

#menu ul{
	width:193px;
	height:104px;
	padding:0;
	margin:0;
	
}

#menu ul li{
	height:23px;
	margin:0;
	padding:0 0 3px 0;
}

#menu ul li a{
	height:23px;
	margin:0;
	display:block;
	text-decoration:none;
}

#menu ul li a:hover{
	background-position:0 -23px;
	list-style-type:none;
}

#menu ul li a.focus{
	background-position:0 -23px;
	list-style-type:none;
}

a.menu_acc_1{
	background:url(img/titre1.gif) top left no-repeat;
}

a.menu_acc_2{
	background:url(img/titre2.gif) top left no-repeat;
}

a.menu_acc_3{
	background:url(img/titre3.gif) top left no-repeat;
}

a.menu_acc_4{
	background:url(img/titre4.gif) top left no-repeat;
}

/*-------------------------------------------- ACCUEIL */

.accueil{
	width:845px;
	height:215px;
	background: url(img/bg-accueil.jpg) no-repeat 0px 35px;
	margin:0;
	padding:0;
	float:left;
}

.accueil .texte{
	width:255px;
	height:140px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	margin:0;
	padding:35px 20px 0 20px;
	float:left;
}

.ligne_liens {
	text-align: center; 
	font-size: 10px; 
	padding: 20px 0px 10px;
	color: #FC992B;
	line-height: 2em;
	font-weight: bold;
}
.ligne_liens a {
	color: #FFD7B2;
	background: url(img/bg_ligne_liens.gif) no-repeat center center;
	padding: 4px 40px;
}
.ligne_liens a:hover {
	color: #fff;
}

/*-------------------------------------------- METIER */

.notremetier .h3 {
background-image:url(img/puce-violet.gif);
background-repeat:no-repeat;
padding-left:20px;
}

.metier{
	width:845px;
	height:215px;
	background: url(img/bg-accueil.jpg) no-repeat 0px 35px;
	margin:0;
	padding:0;
	float:left;
}

.notremetier {
	width:845px;
	color:#000;
	float:left;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.notremetier_texte{
	float:left;
	width:400px;
}
.notremetier ul {
	padding: 20px 0 20px 0;
}

.notremetier ul .li{
	margin: 7px 0 0 0;
	padding: 2px 0 0 15px;
	background-image:url(img/puceviolet.gif);
	background-repeat:no-repeat;
}


/*-------------------------------------------- TECHNIQUES */

#main .txtitre {
background-image:url(img/puce-violet.gif);
background-repeat:no-repeat;
padding-left:20px;
}

#main2 .txtitre {
background-image:url(img/puce-violet.gif);
background-repeat:no-repeat;
padding-left:20px;
}

#main img {
	cursor:pointer;
}

#main2 img {
	cursor:pointer;
}

#main .txtitrerouge {
background-image:url(img/puce-rouge.gif);
background-repeat:no-repeat;
padding-left:20px;
}

#main2 .txtitrerouge {
background-image:url(img/puce-rouge.gif);
background-repeat:no-repeat;
padding-left:20px;
}

#main{
	width:850px;
	margin:0;
	padding:0;
	float: left;
}

#main2{
	width:850px;
	margin:0;
	padding:0;
	float: left;
}

#main p.entete{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
}

#main2 p.entete{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#6e0b14;
}

.stretcher{
	width:850px;
	margin:0;
}

#main .stretcher {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#7a5282;
}

#main2 .stretcher {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#6e0b14;
}

.stretcher p{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding:7px 10px 10px 5px;
	margin:0;
}

.stretcher ul{
	padding:0 0 0 9px;
	margin:0;
}

.stretcher ul .li{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/puceviolet.gif) no-repeat 0px 0px;
	color:#7a5282;
	padding:0 0 0 24px;
	margin:0 0 10px 0;
	list-style:none;
}

.stretcher img{
	padding:0 0 0 6px;
}

.txttitrejava{
	width:850px;
	height:28px;
	background:url(img/bg-barviolet.gif) repeat-x 0px 0px;
	padding:0;
	margin:0;
}

.txttitrejava p{
	width:290px;
	height:24px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding:4px 0 0 10px;
	line-height:20px;
	color: #fff;
	float:left;
}

.txttitrejava2{
	width:850px;
	height:28px;
	background:url(img/bg-barouge.gif) repeat-x 0px 0px;
	padding:0;
	margin:0;
}

.txttitrejava2 p{
	width:290px;
	height:24px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding:4px 0 0 10px;
	line-height:20px;
	color: #fff;
	float:left;
}

.savoirplus{
	width:90px;
	height:26px;
	background:url(img/bg-savoirplus.gif) no-repeat 40px 14px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 10px 0 0;
	line-height:15px;
	color: #fff;
	text-align:right;
	float:right;
	cursor: pointer;
}

.savoirplus2{
	width:90px;
	height:26px;
	background:url(img/bg-savoirplus2.gif) no-repeat 40px 14px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 10px 0 0;
	line-height:15px;
	color: #fff;
	text-align:right;
	float:right;
	cursor: pointer;
}

.ultralink {
	float:left;
	width:700px;
}

.ultralink-photo {
	float:right;
	padding-top:10px;
}

.ultrastress {
	float:left;
	width:640px;
}

.ultrastress-photo {
	float:right;
	padding-top:10px;
}

.poudre {
	float:left;
	width:570px;
}

.volumateur {
	float:left;
	width:620px;
}

.ultrastrand {
	float:left;
	width:670px;
}

.poudre-photo {
	float:right;
	padding-top:10px;
}

/* --------------------------------------------------FOOTER */
#footer{
	width:100%;
	height:250px;
	text-align:center;
	margin:0;
	padding:0;
	background:url(img/bg-footer.gif) repeat-x top left #ffb84c;
}

.footer{
	width:895px;
	text-align:center;
	margin:0 auto;
	padding:0;
	background-color: #ffb84c;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding-top:10px;
	clear: both;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

/* -------------------------------------------------- CONTACT */

.contact-plan {
	float:left;
	cursor:pointer;
}

#info2 {
	float:left;
	width:100px;
	color:#5b2184;
}

.adresse {
	float:left;
	width:220px;
	background-image:url(img/puce-contact-adresse.gif);
	background-repeat:no-repeat;
	margin:25px 0 0 20px;
	padding:0 0 0 50px;
}

.tel {
	float:left;
	width:220px;
	height:30px;
	background-image:url(img/puce-contact-tel.gif);
	background-repeat:no-repeat;
	margin:25px 0 0 20px;
	padding:0 0 0 50px;
}

.mail {
	float:left;
	width:220px;
	background-image:url(img/puce-contact-mail.gif);
	background-repeat:no-repeat;
	margin:25px 0 0 20px;
	padding:0 0 0 50px;
}

.txtitre-contact1{
	float:left;
	font:bold normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#741D88;
	padding:0 0 5px 0;
	letter-spacing: 6px;
	width:550px;
}

.txtitre-contact2{
	float:left;
	font:bold normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#741D88;
	padding:0 0 5px 0;
	letter-spacing: 6px;
	width:235px;
}

.txtbarre-contact1 {
	height:1px;
	margin:0 20px 10px 0;
	background-color:#741D88;
	line-height:1px;
	clear:both;
	width:550px;
}

.txtbarre-contact2 {
	height:1px;
	margin:0 20px 10px 0;
	background-color:#741D88;
	line-height:1px;
	clear:both;
	width:235px;
}

.deco {
	float:left;
	width:850px;
}

.deco1 {
	float:left;
	width:550px;
	padding:0 30px 0 0;
}

.deco2 {
	float:left;
	width:235px;
}

/* -------------------------------------------------- FORMULAIRE 1 */

label{
	display:block;
	float:right;
	width:150px;
	line-height: 20px;
}

form{
	margin:0;
}

form p{
	margin:0;
	clear:both;
	display: block;
}

.input{
	width:230px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#7a5282;
	margin:0 0 5px 5px;
	background-color: #fff;
	border:solid 1px #a30000;
	float: right;
}

form select{
	width:232px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#7a5282;
	margin:0 0 3px 5px;
	background-color: #fff;
	border:solid 1px #a30000;
	float: right;
}

textarea{
	width:230px;
	height:85px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#7a5282;
	margin:0 0 3px 0;
	background-color: #fff;
	border:solid 1px #a30000;
	float: right;
}

#bouton{
	width:120px;
	height:25px;
	font:bold 14px verdana, Arial, Helvetica, sans-serif;
	color:#7a5282;
	background-color:#ffffff;
	padding:0 0 3px 2px;
	border:none;
	clear: both;
	border:solid 1px #a30000;
	cursor: pointer;
}

#formulaire{
	float:right;
	width:250px;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 30px 0 0;
	margin:0;
}

/*------------------------- LIENS -------------------------- */
a{
	text-decoration: none;
	color:#a30000;
}

a:hover{
	text-decoration: none;
	color:#ff7700;
}

#footer a{
	text-decoration: none;
	color:#fff;
}

#footer a:hover{
	text-decoration: none;
	color:#a30000;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txtitalik{
	text-align:right;
	font:italic normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#7a5282;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txtspace{
	height:10px;
	margin:0px;
	padding:0px;
	line-height:10px;
	clear:both;
}


.txtbarre{
	width:850px;
	height:1px;
	margin:0 20px 10px 0;
	background-color:#741D88;
	line-height:1px;
	clear:both;
}

.txtbarrerouge{
	height:1px;
	margin:0 20px 10px 0;
	background-color:#a30000;
	line-height:1px;
	clear:both;
}

.txtitre{
	font:bold normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#741D88;
	padding:0 0 5px 0;
	letter-spacing: 5px;
}

.txtitrerouge{
	font:bold normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#a30000;
	padding:0 0 5px 0;
	letter-spacing: 6px;
}



		/* ----------- Référencement -------------*/