/* ======================================================================
*  Propriete de MAC 
*  Auteur : Marc VARLET - Ste Arilys (http://www.arilys.com)
*  Créer le 10 décembre 2009
*  Modifications :
*
*/

/**************** Page and tag styles ****************/
*{margin: 0px; padding: 0px;}
body {
	text-align: center;
	color: #666;
	font: 85% verdana,arial,helvetica,sans-serif;
	line-height: 1.2em;
	background: none;
}
#global{
	margin: 0px auto;
	padding: 0px;
	width : 1020px;
	text-align: justify;
	border: 0px none;
}

/* === Classes ===*/
.inline{display:inline !important;}
.center{margin:0px auto;text-align:center !important;}
.left{float:left;}
.right{float:right;}
.hide{display:none !important;}
.strong{font-weight:bold;}
.clear{clear: both;}
.separation {clear: both;margin:0px;padding:0px;height:0px;visibility: hidden;border: none;}
.line{margin:0px auto; padding-top: 35px; padding-bottom: 5px; background: url(../img/separation.png) no-repeat 0px 30px;border: 0px none;}


/* ===  Typo ===  */
a {text-decoration: none;}
a:hover {text-decoration: none;}
a img {border:0px;}

blockquote,q{font-style:italic;
	quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

h1,h2,h3,h4,h5,caption,thead{
	font-style: italic;
	background: transparent none !important;
	padding: 0;
	color: #3A3A3A;
	line-height: 1.1em;
	text-align: left;
	font-weight: normal;
	margin: 0 0 10px 0;
	letter-spacing: -0.5px;
}
h1{
	margin-top: 20px;
	text-align: left;
	font-size: 25px;
}
h2{
	font-size: 25px;
}

h3{
	color: #444;
	font-size: 20px;
}
h4,h5{
	color: #444;
	font-size:14pt;
}

#page p {padding-top: 10px; font-size: 12px; color: #666;}
#page ul {font-size: 12px;color: #666;padding-left:20px;}
#page li {
	padding-left:12px;
	min-height:8px;
	text-decoration:none;
	list-style-type:none;
	background: url(../img/ptiret.png) no-repeat 0em .5em;
}
#page h3{margin:0px;font-size: 16px;}
#page h4{font-size: 14px;}
#page dt{font-size: 12px;}


/* ===  End Typo ===  */

/* ===  Form ===  */
input {
	margin-bottom: 5px;
	padding: 0;
}

.texte input.button  {
	margin-left: 0;
	padding: 0 1em;
}
input.lien {
	background: transparent;
	border: none;
	cursor: pointer;
	color: #7C6E6B;
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
}

.buttons{clear:both;margin:10px 0 10px 7px;}
.button{
	margin:0 10px 15px 0;
	padding:0px 10px;
	background:#fff;
	border:1px solid #3A3A3A;
	cursor:pointer !important;
	color: #7C6E6B;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-moz-box-shadow:3px 3px 10px #3A3A3A;
	-webkit-box-shadow:3px 3px 10px #3A3A3A;	
}
.button:hover {background:#3A3A3A;color: #FF6235;}
.weblogin .desc {text-align: left;}
/* ===  End Form ===  */

/* === Access === */
#access {
	margin: 0 auto;
	padding: 0px;
	padding-right: 25px;
	text-align: right;
	font-size: 10px;
	background-color: #fff;
	color: #fff;
}
#access ul{
	margin:0 auto;
	padding-bottom:0.2em;
}
#access li{
	display:inline;
	list-style-type:none;
	margin-right:0;
	letter-spacing:0.1em;
	background: none;
	color: #C4C7CA;
}
#access li a{
	text-decoration:none;
	color: #C4C7CA;
}
#access li a:hover{
	/*text-decoration:underline;*/
	color:#6A5751;
}
/* === End Access=== */

/* === Language === */
#language{margin-left:220px;}
#language span, #language select{float: left;margin: 0 2px;font-size: 10px;color:#6A5751;}

/* === End Language === */

/* === Menus === */
/*-- Menu principal --*/
#mnu_p {
	float: left;
	width: 228px;
	min-height: 100px;
	margin-left: 208px; 
	margin-right: 2px; 
	padding-top:10px;
	padding-right:10px;
	text-align: right;
	font-size: 16px;
	list-style-type:none;
	background: none; /* correction d'un bug IE */
}
#mnu_p li{
	margin-top: 12px;
	list-style-type:none;
	font-weight: bold;
}
#mnu_p li a{text-decoration:none;}
#mnu_p li a:hover{color: #3A3A3A;}


/*-- Menu secondaire --*/
#aideMenu {float: left; width: 21px; height:21px;}
#mnu_s {
	font-size: 16px;
	background: none; /* correction d'un bug IE */
}
#mnu_s li{
	margin: 8px 0px;
	margin-left: 20px;
	padding-left: 20px; 
	min-height:18px;
	list-style-type:none;
	background: url(../img/puce_orange.png) no-repeat 0em .15em;
}
#mnu_s.bg_Entreprise li 	{background: url(../img/puce_jaune.png) no-repeat 0em .15em;}
#mnu_s.bg_Catalogue li 	{background: url(../img/puce_fuschia.png) no-repeat 0em .15em;}
#mnu_s.bg_Nuanciers li 	{background: url(../img/puce_violet.png) no-repeat 0em .15em;}
#mnu_s.bg_Partenaires li 	{background: url(../img/puce_part.png) no-repeat 0em .15em;}
#mnu_s.bg_Contact li 		{background: url(../img/puce_vert.png) no-repeat 0em .15em;}
#mnu_s.bg_About li 		{background: url(../img/puce_jaune.png) no-repeat 0em .15em;}
#mnu_s.bg_Products li 	{background: url(../img/puce_fuschia.png) no-repeat 0em .15em;}
#mnu_s.bg_Swatches li 	{background: url(../img/puce_violet.png) no-repeat 0em .15em;}


#mnu_s li a{text-decoration:none;}
#mnu_s li a:hover{font-weight: bold;}
#mnu_s li a:link, #mnu_s li a:visited {color: #3A3A3A;}

#mnu_p .activemenu,#mnu_s ul li.activemenu {font-weight: bold;color: #3A3A3A;}
#mnu_p .menuitem {color: #fff;}
#mnu_s .menuitem {color: #3A3A3A;}

#mnu_s li ul li{
	margin: 5px 0px;
	padding-left: 15px; 
	min-height:15px;
	list-style-type:none;
	background: url(../img/puce_white.png) no-repeat 0em .15em;
}
#mnu_s.bg_Entreprise li ul li,
#mnu_s.bg_Catalogue li ul li,
#mnu_s.bg_Nuanciers li ul li,
#mnu_s.bg_Partenaires li ul li,
#mnu_s.bg_Contact li ul li,
#mnu_s.bg_About li ul li,
#mnu_s.bg_Products li ul li,
#mnu_s.bg_Swatches li ul li	{background: url(../img/puce_white.png) no-repeat 0em .15em;}

#mnu_s ul li ul li.activemenu a{font-weight: normal;color: #FF6235;}
#mnu_s ul li ul li.submnuitem a {text-decoration:none; font-weight: normal;color: #fff;}
#mnu_s ul li ul li.submnuitem a:hover {color: #FF6235;}
#mnu_s ul li ul li.submnuitem a:link, #mnu_s ul li ul li.submnuitem a:visited {}
#mnu_s ul li ul li.submnuitemhere a{font-weight: bold;color: #FF6235;}
#mnu_s ul li ul li ul li.submnuitem a{text-decoration:none; font-weight: normal;color: #fff}
#mnu_s ul li ul li ul li.submnuitemhere a{font-weight: bold;color: #FF6235;}
#mnu_s ul li ul li ul li ul li.submnuitem a{font-weight: normal;color: #fff}
#mnu_s ul li ul li ul li ul li.submnuitemhere a{font-weight: bold;color: #FF6235;}

/* === End Menus === */

/* === Content === */
#rect_top{
	/*float:left;*/
	margin-top: 15px;
	padding-top:20px;
	background: url(../img/bg_carre_orange.png) no-repeat top left;
}
#rect_top.bg_Entreprise		{background: url(../img/bg_carre_jaune.png) no-repeat top left;}
#rect_top.bg_Catalogue		{background: url(../img/bg_carre_fuschia.png) no-repeat top left;}
#rect_top.bg_Nuanciers		{background: url(../img/bg_carre_violet.png) no-repeat top left;}
#rect_top.bg_Partenaires	{background: url(../img/bg_carre_part.png) no-repeat top left;}
#rect_top.bg_Contact		{background: url(../img/bg_carre_vert.png) no-repeat top left;}
#rect_top.bg_About			{background: url(../img/bg_carre_jaune.png) no-repeat top left;}
#rect_top.bg_Products		{background: url(../img/bg_carre_fuschia.png) no-repeat top left;}
#rect_top.bg_Swatches		{background: url(../img/bg_carre_violet.png) no-repeat top left;}

.container {
	background: url(../img/bg_container.png) repeat-y top left;	
}

#header {
	float: left;
	min-height: 180px;
	width:540px;
	border: 0px none;
}
#logo{
	float: right;
	padding-right: 14px;
	width: 290px;
	height: 96px;
	text-align: right;
	background: url(../img/logo.png) no-repeat 0px 1px;
	border: 0px none;
}
#logo p{
	visibility: hidden;
	font-size: 1px;
}

#content{
	clear: both;
	margin-left: 50px;
	border: 0px none;
}
#colonne_1 {
	float: left;
	width: 275px;
	min-height: 475px;
	border: 0px none;
}
#colonne_2 {
	float: left;
	width: 695px;
	background: url(../img/bg_carre_orange.png) no-repeat bottom right;
}
#colonne_2.bg_Entreprise	{background: url(../img/bg_carre_jaune.png) no-repeat bottom right;}
#colonne_2.bg_Catalogue		{background: url(../img/bg_carre_fuschia.png) no-repeat bottom right;}
#colonne_2.bg_Nuanciers		{background: url(../img/bg_carre_violet.png) no-repeat bottom right;}
#colonne_2.bg_Partenaires	{background: url(../img/bg_carre_part.png) no-repeat bottom right;}
#colonne_2.bg_Contact		{background: url(../img/bg_carre_vert.png) no-repeat bottom right;}
#colonne_2.bg_About			{background: url(../img/bg_carre_jaune.png) no-repeat bottom right;}
#colonne_2.bg_Products		{background: url(../img/bg_carre_fuschia.png) no-repeat bottom right;}
#colonne_2.bg_Swatches		{background: url(../img/bg_carre_violet.png) no-repeat bottom right;}

#page{
	margin: 0px;
	padding-right: 15px;
	padding-left: 40px;
	border: 0px none;
}
#pagetitle p{
	padding: 0px;
	font-size: 20px;
	height:20px;
	color: #FF6235; 
	text-align: right;
	border: 0px none;	
}
.pg_default{padding-right: 35px;}
.pg_nuancier{padding-right: 10px;}
#print{
	padding: 0px;
	padding-right: 15px;
	height: 22px;
	color: #FF6235; 
	border: 0px none;	
}

#slideshow{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	width: 640px;
	height: 480px;
	border: 0px none;
	background-color: #fff;
}
#gallery{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	width: 640px;
	height: 480px;
	border: 0px none;
	background-color: #fff;
}
#nuanciers{
	float: left;
	width: 640px;
	border: 0px none;
	background-color: #fff;
}
#nuanciers table{
	width: 625px;
	margin: 5px;
	border: 2px solid #BDBDBD;
}

#nuanciers table thead {color: #3A3A3A; height:20px;}
#nuanciers table td{width:98px;height:98px;}
.img_nuanciers {cursor: pointer;}


#slogan p{
	float: left;
	width: 520px;
	margin-left: 130px;
	padding-top: 0px; 
	text-align: right;
	font-size: .8em;
	background-color: #fff;
}

#instruction {
	background-color: #ffffee;
	font-size: 12px;
	margin-top:10px;
	padding: 5px;
	border:1px solid #e6e6e6;
	display: none;
}
#instruction  h4{font-weight: bold;}

#webuserarea {
	margin: 5px;
	width: 595px;
	height: 435px;
	padding: 15px;
	border: 2px solid #909090;
	background: #fff url(../../../images/slideshow/partenaire/ovl_partenaire_accueil.jpg) no-repeat;
}
#webuserarea ul {padding-left:20px;}
#webuserarea li {
	padding-left:12px;
	min-height:8px;
	text-decoration:none;
	list-style-type:none;
	background: url(../img/ptiret.png) no-repeat 0em .5em;
}

#partenairearea {
	margin:25px 0 20px 0;
	padding: 10px;
	width: 640px;
	min-height:130px;
	background:#ddd;
	border: 0px none;
	border:1px solid #ddd;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-moz-box-shadow:3px 5px 20px #3A3A3A;
	-webkit-box-shadow:3px 5px 20px #3A3A3A;
}

#espacevide{
	float: left;
	width: 695px;
	height: 55px;
}

/* === End Content === */

/* === Footer === */
#footer{
	clear: both;
	margin: 0px;
	padding: 0px;
}
#coordonnees {
	float: left;
	/*bottom: 0px;
	left: 0px;*/
	width: 175px;
	height: 120px;
	padding: 10px;
	background-color: #fff;
}
#coordonnees p{padding: 0px;	font-size: .8em;text-align: right;}
#lstprestataires {
	float: right;
	margin: 0px;
	padding-right: 55px;
	text-align: right;
	border: 0px none;
	color: #C4C7CA;
}
#lstprestataires ul{padding: 0px;font-size: .8em;text-align: right;}
#lstprestataires  li{float: left;padding: 0px 5px;text-decoration:none;list-style-type:none;text-align: left;}
#lstprestataires li:hover, #lstprestataires ul li a:hover {color: #6A5751;}
#lstprestataires li a:link, #lstprestataires li a:visited  {color: #C4C7CA;}
#bdeBlanche{
	float: left;
	margin-top: 90px;
	height: 50px;
	width: 825px;
	background-color: #fff;
}

#copyright{
	float: right;
	margin: 0px;
	padding-right: 15px;
	text-align: right;
	border: 0px none;
	color: #6A5751;
}
#ico{
	float: left;
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	border: 0px none;
}
#ico img  {
	width:66px;
	border: none;
}
#ico a {
	float: left;
	margin: 0px;
	padding: 0px;	
	padding-left: 10px;
}
/* === End Footer === */