/*

	PILOTE & FILLES #### [ screen.css ]
	####################

	1. Page Layout
		1.0. Network
		1.1. Page
		1.2. Header
		1.3. Footer
	2. Content Layout
		2.0. Links
		2.1. Forms
	3. Content Layout
		3.0. Headings
	4. Other

	* Background Colors
	#E7EAEA - Page Color

	* Colors
	#624F26 (Brown) - H1 / H3 / A.actif / BODY
	#BD2B5C (Pink) - H2 / H4 / A / #footer
	#C03564 (Dark Pink)

	* Font Sizes
	10px - BODY / #footer
	12px - #page-body

*/

/* ############################################
   1. Page Layout
   ############################################ */

	html { background-color:#fff; overflow-y:scroll; }

	body {
		color:#624F26;
		font-family:Verdana, Arial, sans-serif;
		text-align:center;
	}


   /* 1.0. Resets ############################### */

	#header ul,
	#footer ul,
	ul#promobox,
	ul.columns,
	.stripViewer ul,
	.stripTransmitter ul {
		list-style:none;
		padding-left:0;
		}
		#header ul li,
		#footer ul li,
		.stripTransmitter ul li {
			display:inline;
		}


   /* 1.1. Page ############################### */

	#header, #footer, #splash, #slideshow, #page-body {
		width:915px;
		margin:0 auto;
		text-align:left;
	}

   /* 1.2. Header ############################# */

	#header {
		position:relative;
		background:url(../images/header.jpg) no-repeat bottom;
		padding:17px 0;
		height:76px;
		text-align:center;
		}
		#header a#logo {
			position:relative;
			left:-34px;
			display:block;
			margin:0 auto;
			height:74px;
			width:212px;
		}

		#header ul#navigation {
			position:absolute;
			top:47%;
			left:0;
			width:100%;
			text-align:center;
			}
			#header ul#navigation li {
				padding:0 12px;

				font-size:1.5em;
				font-weight:bold;
				font-family:Times, sans-serif;
				text-transform:uppercase;
				}

				#header ul#navigation li#nav-nouvelles     {  }
				#header ul#navigation li#nav-produits      { padding-right:134px; }
				#header ul#navigation li#nav-distributeurs { padding-left:134px; }
				#header ul#navigation li#nav-siteofficiel  {  }

		#splash, #slideshow {
			background:url(../images/splash.jpg) repeat center bottom;
			margin-bottom:-52px;
			}
			#splash { padding-bottom:72px; }


   /* 1.3. Footer ############################# */

	#footer {
		background:url(../images/footer.png) no-repeat bottom;
		padding:64px 0 7px;
		height:10px;
		color:#BD2B5C;
		text-transform:uppercase;
		}
		#footer p { padding:0; }

		#footer ul li {
		}

   /* 1.4. Content ############################ */

	#page-body {
		position:relative;
		margin-top:32px;
		}

		#page-body .col-left {
			float:left;
			width:500px;
			padding:0 20px;
		}
		#page-body .col-right {
			float:right;
		}



	.entry {
		font-size:1.3em;
		}

		.entry p { line-height:1.5; }


	ul#promobox {
		background:url(../images/promo.jpg) no-repeat;
		padding:42px 0;
		height:500px;
		width:328px;
		}

		ul#promobox li#promo-produits      {}
		ul#promobox li#promo-distributeurs { margin:40px 0; }
		ul#promobox li#promo-siteofficiel  {}
		ul#promobox li#promo-blog { margin:33px 0; }

		ul#promobox li#promo-produits a:focus,
		ul#promobox li#promo-produits a:hover,
		ul#promobox li#promo-produits a:active {
			background-position:left top;
		}
		ul#promobox li#promo-distributeurs a:focus,
		ul#promobox li#promo-distributeurs a:hover,
		ul#promobox li#promo-distributeurs a:active {
			background-position:left -70px;
		}
		ul#promobox li#promo-siteofficiel a:focus,
		ul#promobox li#promo-siteofficiel a:hover,
		ul#promobox li#promo-siteofficiel a:active {
			background-position:left -140px;
		}
		ul#promobox li#promo-blog a:focus,
		ul#promobox li#promo-blog a:hover,
		ul#promobox li#promo-blog a:active {
			background-position:left bottom;
		}		
	
	.no_link {
			color:#BD2B5C;
			font-weight:bold; !important
		}


/* ############################################ */



/* ############################################
   2. Content Layout
   ############################################ */

	strong { color:#BD2B5C; }

	ul.columns {
	}

	ul.columns li {
		float:left;
		padding:2px 0;
		}
		ul.columns.col-2 li { width:49%; }
		ul.columns.col-3 li { width:29%; }
		ul.columns.col-4 li { width:24%; }
		ul.columns.col-5 li { width:19%; }

   /* 1.0. Links ############################## */

	a {}
		a:link,
		a:visited {
			color:#BD2B5C;
		}
		a:focus,
		a:hover,
		a:active,
		ul li.actif a, ul li.actif a:link, ul li.actif a:visited {
			color:#624F26;
		}


	/* Link Styles for Promobox in index.html */
	ul#promobox li a {
		display:block;
		height:55px;
		padding:15px 18px 0;
		}

		ul#promobox li a:link h3,
		ul#promobox li a:visited h3 {
			color:#624F26;
			}
			ul#promobox li a:link h4,
			ul#promobox li a:visited h4 {
				color:#BD2B5C;
			}

		ul#promobox li a:focus h3, ul#promobox li a:focus h4,
		ul#promobox li a:hover h3, ul#promobox li a:hover h4,
		ul#promobox li a:active h3, ul#promobox li a:active h4 {
			color:#fff;
			}
			ul#promobox li a:focus,
			ul#promobox li a:hover,
			ul#promobox li a:active {
				background-repeat:no-repeat;
				background-image:url(../images/promo-sprites.jpg);
			}

	/* Link Styles for SideViewer pagination */
	.stripTransmitter ul li a {
		background-color:#fff;
		border:1px solid #E4ABBE;
		padding:4px 6px;
		font-weight:bold;
		line-height:22px;
		text-align:center;
		}

		.stripTransmitter ul li a:link,
		.stripTransmitter ul li a:visited {
			color:#BD2B5C;
		}
		.stripTransmitter ul li a:focus,
		.stripTransmitter ul li a:hover,
		.stripTransmitter ul li a:active,
		.stripTransmitter ul li a.current, .stripTransmitter ul li a.current:link, .stripTransmitter ul li a.current:visited {
			background-color:#B11F52;
			color:#fff;
		}



   /* 1.1. Table ############################## */

	table {}

		table tr td, table tr th { vertical-align:middle; }

		.shade-1 { color:#551229; background:url(../images/table-td.jpg) no-repeat left bottom; }
		.shade-2 { color:#8B2143; background:url(../images/table-td.jpg) no-repeat -30px bottom; }
		.shade-3 { color:#BF5B7B; background:url(../images/table-td.jpg) no-repeat right bottom; }

		thead tr th {
			height:110px;
			width:30px;
			text-indent:-50000px;
			font-weight:bold;
			background-repeat:no-repeat;
			background-image:url(../images/table-thead.jpg);
			}
			thead tr th#col-vetements   { background-position:left top; }
			thead tr th#col-accessories { background-position:-30px top; }
			thead tr th#col-bottes      { background-position:right top; }


		tbody {}

			tbody tr th, tbody tr td {
				height:50px;
			}

			tbody tr th { background:url(../images/table-tbody.jpg) no-repeat left bottom; }

				tbody tr th a { font-weight:bold !important; }
				tbody tr th address { padding-top:4px; }

			tbody tr td {
				font-size:2em;
				text-align:center;
				/*background:url(../images/table-td.png) no-repeat right center;*/
				
			}


   /* 1.1. SlideViewer ######################## */

	/* Preload Classes*/
	.svw {
		/*height:20px;
		width:50px;*/
		}
		.svw ul {
			position:absolute;
			left:-999em;
		}

	/* Core Classes */
	.stripViewer {
		position:relative;
		overflow:hidden;
		}
		.stripViewer ul { /* this is your UL of images */
			position:relative;
			left:0;
			margin:0;
			padding:0;
			width:1%;
			}
			.stripViewer ul li { float:left; }

	.stripTransmitter {
		display:none;
		margin:0 auto;
		}
		.stripTransmitter ul {
			position:relative;
			text-align:center;
			}
			.stripTransmitter ul li {
				display:inline;
				margin:0 1px 1px 0;
			}


/* ############################################ */


/* ############################################
   3. Typography
   ############################################ */

	h1, h2, h3, h4, h5, h6 {
		font-family:Times, sans-serif;
		font-weight:normal;
	}

	h1, h3, h5 {
		color:#624F26;
		font-size:1.5em;
		font-weight:bold;
		text-transform:uppercase;
	}

	h1, h2 { padding-bottom:0.5em; }

	h2, h4, h6 {
		color:#BD2B5C;
		font-size:3em;
	}

	h4, h6 { font-size:2.8em; }

/* ############################################ */


/* ############################################
   4. Other
   ############################################ */

	hr.spacer { display:block; height:1em; visibility:hidden; } /* Hidden Visibility trick to hide IE's borders */

	hr { display:none; }
	.hr { background-color:#BBC7C7; height:1px; width:100%; margin:0 0 10px; }



   /* 1.0. Section Specific ################### */

	#page-produits {}

		#page-produits #page-body { margin-top:0; width:100%; }

			#page-produits #page-body .entry {
				margin:32px auto 0;
				width:915px;
				}
				#page-produits #page-body .entry h1, #page-produits #page-body .entry h2 { text-align:center; }
				#page-produits #page-body .entry h2 a { display:block; width:112px; margin:0 auto; }

		#page-produits #footer {
			background:url(../images/splash.jpg) no-repeat top;
			padding:12px 0 7px;
			height:58px;
		}

/* Code is poetry by */