/* Rolph & Rolph - http://www.rolph-rolph.com - 0.1 */ 

/* page */ 

body  { font-family: Times, "Times New Roman", serif; font-size: 62.5%; color: #ccc; margin: 25px 0 0 0; background-color: #000; }
#home { width: 955px; margin: 0 auto; }
#page { width: 955px; height: auto !important; height: 205px; min-height: 205px; margin: 0 auto; background:url(img/bg.png) no-repeat top left; }
a     { color: #ccc; outline: none; border: none; }
*	  { outline: none; }

/* header */

#page h1    { margin: 0 0 40px 0; padding: 0; }
#home h1    { margin: 50px 0 30px 0; padding: 0; }
#page h1 a,
#home h1 a	{ display: block; width: 955px; height: 87px; text-indent: -9999px; background:url(img/rolph_rolph.png) no-repeat top center; }

#menugauche, #menu, #langues			{ list-style: none; margin: 0; padding: 0; }
#menugauche li, #menu li, #langues li 	{ display: inline; float: left; }
#menugauche a, #menu a, #langues a		{ display: block; text-indent: -9999px; }

#presentation, #procedes, /*#collections,*/ #contact, #presentationin, #procedesin, /*#collectionsin,*/ #contactin 	{ height: 28px; background:url(img/menu.png); margin: 0 7px 0 0; }

#presentation			{ width: 132px; background-position: 0 0; }
#presentation:hover 	{ 				background-position: 0  -28px; }
#presentationin		 	{ width: 132px; background-position: 0  -28px; }
#presentation:active,
#presentationin:active	{ 				background-position: 0  -56px; }

#procedes				{ width: 99px;  background-position: -132px 0; }
#procedes:hover			{ 				background-position: -132px  -28px; }
#procedesin				{ width: 99px;  background-position: -132px  -28px; }
#procedes:active,
#procedesin:active		{				background-position: -132px  -56px; }

/*#collections 		    { width: 125px; background-position: -231px 0; }
#collections:hover  	{ 				background-position: -231px  -28px; }
#collectionsin			{ width: 125px; background-position: -231px -28px; }*/
/*#collections:active, 
#collectionsin:active	{ 				background-position: -231px  -56px; }*/

#contact, #contactin 	{ margin-right: 90px; }
#contact				{ width: 95px;  background-position: -356px 0; }
#contact:hover			{ 				background-position: -356px  -28px; }
#contactin				{ width: 95px;	background-position: -356px  -28px; }
#contact:active,
#contactin:active		{ 				background-position: -356px  -56px; }

#presse, #newsletter, #rss, #fr, #nl, #en, #pressein, #newsletterin, #frin, #nlin, #enin { height: 10px; margin-top: 10px; background:url(img/menu_secondaire.gif) no-repeat top left; line-height: 1px; }

#presse					{ width: 45px;  background-position: -69px 0; }
#presse:hover			{ 				background-position: -69px  -10px; }
#pressein				{ width: 45px;	background-position: -69px  -10px; }


#newsletter				{ width: 84px;  background-position: -114px 0; }
#newsletter:hover		{ 				background-position: -114px  -10px; }
#newsletterin			{ width: 84px;	background-position: -114px  -10px; }
 
#rss				    { width: 23px;  background-position: -198px 0; }
#rss:hover		        { 				background-position: -198px  -10px; }

#fr						{ width: 19px;  background-position: 0 0; }
#fr:hover				{ 				background-position: 0  -10px; }
#frin					{ width: 19px;	background-position: 0  -10px; }

#nl						{ width: 26px;  background-position: -19px 0; }
#nl:hover				{ 				background-position: -19px  -10px; }
#nlin					{ width: 26px;	background-position: -19px  -10px; }

/*#en, #enin 				{ margin-right: 175px; }*/
#en				  		{ width: 21px;  background-position: -45px 0; }
#en:hover		        { 				background-position: -45px  -10px; }
#enin			        { width: 21px;	background-position: -45px  -10px; }

#page h2				{ display: block; width: 491px; height: 15px; margin: 60px 0 42px 231px; padding: 0 0 0 11px; float: left; font-size: 1.3em; font-weight: normal; background:url(img/fleche.gif) no-repeat center left; display: inline;  }

	/* ie et ff */
	*html #page h2			{ margin: 10px 0 42px 231px; }
	#page h2, x:-moz-any-link {height: 11px}
	#page h2, x:-moz-any-link, x:default { height: 15px; }
	
#page h2 a				{ text-decoration: none; }
#page h2 a:hover		{ color: #ffa800; }

/* Content */

#content										{ width: 955px;  float: left; background:url(img/vl.gif) repeat-y top left; }
#contentcentre, #contentcentretexte 			{ width: 543px; margin: 0 18px; text-align: justify; }
#contentgauche, #contentdroite 					{ width: 168px; padding: 13px 10px 0 10px; font-size: 1.2em; background:url(img/masque.gif) no-repeat top left; }
#contentgauche, 
#contentcentre, 
#contentdroite, 
#contentcentretexte								{ float: left; }

#contentgauche ul, #contentdroite ul						{ list-style-image: url(img/fleche.gif); margin: 0 0 0 15px; padding: 0; }
	*html #contentgauche ul, #contentdroite ul				{ list-style-image: url(img/iefleche.gif); }
#contentgauche ul li a, #contentdroite ul li a  			{ text-decoration: none; font-weight: bold; }
#contentgauche ul li a:hover, #contentdroite ul li a:hover	{ color: #ffa800; }

.bloc					{ display: block; width: 168px; height: 29px; margin: 0 0 22px 0; padding: 0; text-indent: -9999px; }
.blocproduits			{ background:url(img/nos_autres_produits.gif) no-repeat top left; }
.bloccollections		{ background:url(img/autres_collections.gif) no-repeat top left; }
.blocnewsletter			{ background:url(img/newsletter.gif) no-repeat top left; }
.blocnouveautes			{ background:url(img/les_nouveautes.gif) no-repeat top left; }
.bloccontact			{ background:url(img/coordonnees.png) no-repeat top left; }
.selected				{ color: #ffa800; }

#contentgauche p, #contentdroite p					{ display: block; width: 134px; margin: 0 0 7px 17px; text-align: justify; }
#contentgauche p a, #contentdroite p a				{ padding: 0 0 1px 15px; text-decoration: none; background:url(img/c.gif) no-repeat center left; }
#contentgauche p a:hover, #contentdroite p a:hover	{ color:#ffa800; }

#produit				{ width: 241px; padding: 13px 0 0 42px; float: left; color: #fff; }
#produit h3				{ display: block; width: 185px; height: 22px; padding: 8px 0 0 15px; margin: 0 0 13px 0; font-size: 1.3em; font-weight: normal;  }
#produit a				{ color:#fff; }

.jaune					{ background:url(img/jaune.png) no-repeat top right; }
.bleu					{ background:url(img/bleu.png)  no-repeat top right; }
.bleu2					{ background:url(img/bleu2.png)  no-repeat top right; }
.blanc					{ background:url(img/blanc.png)  no-repeat top right; }
.gris					{ background:url(img/gris.png) no-repeat top right; }
.marron					{ background:url(img/marron.png) no-repeat top right; }
.info					{ padding: 0 0 0 16px; margin: 3px 0 0 0; background:url(img/info.gif) no-repeat center left; }
.description			{ width: 200px; margin: 15px 0 0 0; padding: 9px 0 0 0; text-align: justify; background:url(img/hl.gif) no-repeat top left; }
.info, .description     { font-size: 1.2em; }

#contentcentre img 		{ float: left; }

	/* collections */ 

	#contentcentre h5,
	#contentcentretexte h5		{ display: block; width: 530px; height: 22px; margin: 13px 0 22px 0; padding: 7px 0 0 13px; font-size: 1.2em; color: #fff; background:url(img/collections.png) no-repeat top right; float: left; }
	#contentcentre .cjaune		{ background-position: 0 0; }
	#contentcentre .cbleu		{ background-position: 0 -29px; }
	#contentcentre .cbleu2 		{ background-position: 0 -58px; }
	#contentcentre .cblanc		{ background-position: 0 -87px; }			
	#contentcentre .cgris		{ background-position: 0 -116px; }
	#contentcentre .cmarron		{ background-position: 0 -145px; }
	
	#contentcentre ul 			{ list-style: none; margin: 0 0 0 2px; padding: 0; }
	#contentcentre li			{ display: inline; float: left; padding: 0; margin: 0 1px 5px 0; }
	#contentcentre li a 		{ display: block; width: 134px; height: 179px; padding: 0; }
	#contentcentre li a img 	{ border: 0; }
	#contentcentre li p, .dli	{ margin: 2px 0 0 0; padding: 0 0 0 10px; background:url(img/cf.png) no-repeat left center;}
	#contentcentre li p a		{ display: inline; text-decoration: none;}
	#contentcentre li p a:hover { color: #ffa800;}

	/* documents et home (formulaire) */

	#contentcentre fieldset,
	#home fieldset				{ float: left; margin: 0 0 10px 0; padding: 0 30px; border: solid 1px; border-color: #131212; }
	#home fieldset 				{ margin: 30px 272px 20px 272px; }
	#home fieldset p			{ text-align: center; }
	
	#contentcentre fieldset		{ width: 481px; }
	#home fieldset				{ width: 350px; }
	#home fieldset:hover		{ background-color: #131212; }
	
	label 						{ width: 150px; float: left; margin: 0 4px 0 0; text-align: right; line-height: 1.6em; }
	.champs						{ width: 250px; }
	input:focus, 
	textarea:focus,
	select:focus				{ background-color: #fff29b; }
	strong						{ color: #ffa800; }
	#valider					{ margin: 0 0 0 154px; }
	
	/* confirmation (download) */
	
	.dl								{ margin: 0 0 0 30px; }
	legend							{ color: #fff; }
	#contentcentre p, 
	#contentcentre legend,
	#home			 				{ font-size: 1.2em; }
	#home h3						{ font-size: 1.1em; }
	#home h3 small					{ font-size: 1.0em; }
	#contentcentretexte p			{ font-size: 1.2em; }
	#contentcentre ul li p			{ font-size: 1.0em; }
	.sepa							{ display: block; width: 523px; margin: 0; padding: 15px 10px; text-decoration: none; float: left; background:url(img/sepa.gif) repeat-x top left; }
	.sepa:hover						{ background-color: #0f0f0f; }
	.sepa strong					{ color: #fff; }
	.sepa p							{ margin: 0; }
	#home h3						{ display: block; width: 600px; margin: 0 173px 10px 173px; float: left; text-align: center; font-weight: normal; }
	#home h3 p						{ margin: 0 10px; }
	.homefooter						{ display: block; margin: 20px 272px; text-align: center; }
	.homefooter	img					{ margin-top: 10px; margin: 10px 20px; }
	
	/* Footer */

#page h4				{ display: block; width: 537px; height: 34px; margin: 67px 0 0 188px; float: left; font-size: 1.1em; font-weight: normal; display: inline; }
#top					{ display:block; width: 42px; height: 14px; margin: 65px 0 0 0; float: left;  text-indent: -9999px; background:url(img/top.gif) no-repeat top left; }
#top:hover				{ background-position: 0 -14px; }


/* ---------- modification Mathieu -------- */

/* menu */

#collections						{position:relative;height:28px;margin:0 7px 0 0;padding:0}

#collections a						{display:block;height:28px}

#collectionsA						{background: url(img/menu.png);background-position: -231px 0;width:126px}
#collectionsA:hover, #collectionsAin:hover					{background-position: -231px  -28px}
#collectionsA:active, #collectionsAin:active				{background-position: -231px  -56px}

#collectionsAin					{background: url(img/menu.png);background-position: -231px  -28px;width:126px}


#sousMenu							{position:absolute;top:0;left:0;padding:36px 0 0 0;background: url(img/sousMenu-bg.jpg) top left no-repeat;height:100px;margin:0}

#sousMenu li						{padding:0;margin:0}

#sousMenu li a						{height:28px;width:126px}

#selectionSalee						{background: url(img/selection-salee-bg.jpg) top left no-repeat}
#selectionSalee:hover, #selectionSaleein						{background: url(img/selection-salee-bg-hover.jpg) top left no-repeat}
#selectionSalee:active						{background: url(img/selection-salee-bg-active.jpg) top left no-repeat}

#selectionSucree						{background: url(img/selection-sucree-bg.jpg) top left no-repeat;margin-top:8px}
#selectionSucree:hover, #selectionSucreein						{background: url(img/selection-sucree-bg-hover.jpg) top left no-repeat}
#selectionSucree:active						{background: url(img/selection-sucree-bg-active.jpg) top left no-repeat}

#degrade1							{position:absolute;left:-20px;bottom:0px;width:20px;background:red;height:30px}
#degrade2							{position:absolute;right:-20px;bottom:0px;width:20px;background:red;height:30px}


/* menu secondaire */

#contact, #contactin 												{margin-right:80px}

#brochures,#brochuresin												{background: url(img/menu-brochures.gif) top left no-repeat;width:75px;height:10px; margin-top:10px;line-height:0;padding:0}

#brochures:hover,#brochuresin,#brochuresin:hover		       		{background-position: left -10px;}

/* brochure */

.brochuresDiv														{padding:15px 10px 0 10px;background: url(img/brochures-filet.jpg) bottom center no-repeat;clear:both;height:30px;margin-bottom:20px}

.brochuresNom														{float:left;margin:0;padding:0}

.brochuresNom span													{color:#999999}

.brochuresTelecharger												{float:right;margin:0;padding:0}

.brochuresTelecharger a												{display:block;padding-left:10px;background: url(img/telecharger-fleche.gif) left center no-repeat;text-decoration:none}

.brochuresTelecharger a:hover										{color:#F0A72E;background-image: url(img/telecharger-fleche-hover.gif)}

/* presse */

#presse,
#pressein															{width:40px;margin-right:80px}

#en,
#enin 																{margin-right:55px}