/*

	TAIGA ###### [ screen.css ]
	#############

	1. Page Layout
		1.0. Page
		1.1. Header
		1.2. Footer
		1.3. Content
	2. Anchor Links
	3. Typography
	4. Forms
	5. Thickbox
		5.0. Typography
		5.1. Layout

*/

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

	html, body { height:100%; }

	html {
		background:#00A3E2 url(../images/html.png) repeat-y center top;
		overflow-y:scroll;
		}
		html#home { background:#00A3E2 url(../images/home.png) no-repeat center top; }

	body {
		color:#fff;
		font-family:Arial, sans-serif;
	}


   /* 1.0. Page ############################### */

	#wrapper {
		background:url(../images/wrapper.jpg) repeat-y 0 -161px;
		min-height:100%;
		width:1000px;
		margin:0 auto;
		}

		/* IE6 Hack */
		* html #wrapper { height:100%; }
		* html#home #wrapper { height:auto; }

		#home #wrapper { min-height:inherit; }

		/* IE7 Hack */
		html#home > body #wrapper { *min-height:auto; }

		#wrapper .inner {
			position:relative;
			background:url(../images/inner.jpg) no-repeat center top;
			min-height:656px;
			width:100%;
			padding-bottom:20px;
		}

   /* 1.1. Header ############################# */

	#logo {
		display:block;
		float:left;
		background:url(../images/logo.jpg) no-repeat;
		height:124px;
		width:235px;
		
	}

	#navigation {
		text-indent:-10000px;
		height:124px;
		width:926px;
		margin:0 auto 40px;
		}
		#home #navigation { margin-bottom:0; }

		a#nav-1, a#nav-2, a#nav-3, a#nav-4 {
			float:left;
			display:block;
			position:relative; top:64px;
			background-repeat:no-repeat;
			background-position:left bottom;
			height:38px;
		}

		/* DÉFI DES CHAMPIONS */
		#nav-1:link, #nav-1:visited { width:194px; /*background-image:url(../images/btn_defi.jpg);*/ }

		/* NOS PRODUITS */
		#nav-2:link, #nav-2:visited { width:158px; background-image:url(../images/btn_produits.jpg); }

		/* TAIGA S'IMPLIQUE */
		#nav-3:link, #nav-3:visited { width:169px; background-image:url(../images/btn_simplique.jpg); }

		/* CONTACTEZ-NOUS */
		#nav-4:link, #nav-4:visited { width:170px; background-image:url(../images/btn_contactez_nous.jpg); }

		/* HOVER + CURRENT STATES */
		#nav-1:focus, #nav-2:focus, #nav-3:focus, #nav-4:focus,
		#nav-1:hover, #nav-2:hover, #nav-3:hover, #nav-4:hover,
		#nav-1:active, #nav-2:active, #nav-3:active, #nav-4:active,

		#navigation a.current:link,
		#navigation a.current:visited {
			background-position:left top;
		}


	#subnavigation {
		display:block;
		height:40px;
		width:920px;
		margin:0 auto;
		}
		#subnavigation a {
			float:left;
			display:block;
			background:url(../images/content.png);
			height:18px;
			padding:4px 15px 8px;
			margin:0 10px 0 0;
			font-size:18px;
			font-weight:bold;
			}
			* html #subnavigation a { background:#3DBFF0 none; }

			#subnavigation a:link,
			#subnavigation a:visited {
				color:#fff;
			}
			#subnavigation a:focus,
			#subnavigation a:hover,
			#subnavigation a:active,

			#subnavigation a.selected:link,
			#subnavigation a.selected:visited {
				color:#E41E25;
			}


   /* 1.2. Footer ############################# */

	#footer {
		clear:both;
		overflow:hidden;
		background:url(../images/content.png) left top;
		height:10px;
		width:896px;
		margin:10px auto 0;
		padding:10px 12px;
		font-size:10px;
		text-transform:uppercase;
		}
		* html #footer { background:#3DBFF0 none; }

		#home { margin-top:0; }
		#footer {margin-top:70px;}
		#footer a:link,
		#footer a:visited {
			color:#efefef;
		}
		#footer a:focus,
		#footer a:hover,
		#footer a:active {
			color:#E31E25;
		}

		#footer p { margin:0; padding:0; }
		#footer ul#nav-footer {
			list-style:none;
			margin:0;
			padding:0;
			}
			#footer ul#nav-footer li { display:inline; }

			#footer .spacer { padding:0 2px 0 5px; }


   /* 1.3. Content ############################ */

	#container,
	.wrapper {
		width:930px;
		margin:0 auto;
		}
		#home #container { width:100%; margin:0; }
		#produits #container { width:965px; margin:0 0 0 auto; }

		address { line-height:1.5em; }

		p { line-height:1.3; }

	/* 1.4.0. Columns Short/Wide */

		.content {
			overflow:hidden;
			background:url(../images/content.png);
			width:880px;
			padding:20px;
			margin:0 5px 10px;
			font-size:13px;
			line-height:1.3;
			}

			* html .content { background:#3DBFF0 none; }
			* html .team { padding-bottom:0; }
			html>body .team { *padding-bottom:0; }

			.col-left {
				float:left;
				width:310px;
			}
			.col-right {
				float:left;
				width:520px;
			}

			.col-short {
				float:left;
				width:300px;
			}
			.col-image {
				float:right;
				position:relative; top:-6px;
				width:610px;
				margin:0 0 10px;
				}
				* html .col-left, * html .col-right,
				* html .col-short, * html .col-image { display:inline; }

	/* 1.4.1. Columns 2 */

		.col-two {
			float:left;
			width:415px;
			font-size:11px;
			}
			* html .col-two { display:inline; }

			.col-two  div.team-thumb {
				float:left;
				width:200px;
				margin:0 15px 0 0;
			}
			.col-two  div.team-info {
				width:200px;
			}

	/* 1.4.2. Columns 3 */

		.col-three {
			float:left;
			width:270px;
			padding:15px;
			font-size:12px;
			}
			* html .col-three { display:inline; }

			.col-three h1 { font-size:22px; }

	/* 1.4.3. Columns 4 */

		.col {
			float:left;
			background:url(../images/content.png);
			width:200px;
			padding:11px;
			margin:0 5px 10px;
			font-size:11px;
			line-height:1.1;
			}
			* html .col { display:inline; background:#3DBFF0 none; }

			div.notes {
				margin:12px 0 15px;
			}

			div.notes, p.date {
				color:#000;
				font-size:11px;
				line-height:1.3;
				text-transform:uppercase;
			}

			div.team-big {
				float:left;
				position:relative;
				width:425px;
				margin:0;
				}
				div.team-big img.team-img {
					background-color:#fff;
					border:5px solid #fff;
					height:310px;
					width:415px;
				}
				div.team-big div.team-caption {
					overflow:hidden;
					width:100%;
					margin:0.5em 0 0;
				}


			div.team-thumb {
				position:relative;
				}
				div.team-thumb img.team-img {
					background-color:#fff;
					border:2px solid #fff;
					height:146px;
					width:196px;
				}
				div.team-thumb div.team-caption {
					overflow:hidden;
					width:100%;
					margin:0.5em 0 20px;
					}
					span.team-votes { float:left; }
					span.team-comments, span.team-points { float:right; }

			div.team-info {
				float:right;
				width:434px;
				color:#000;
			}


			img.badge1, img.badge2, img.badge3 {
				position:absolute;
				}
				img.badge1 {
					position:absolute; top:258px; right:15px;
				}
				img.badge2, img.badge3 {
					position:absolute; top:107px; right:7px;
				}


			ul.team-members {
				list-style:none;
				padding:0;
				margin:15px 0;
				}
				ul.team-members li {
					border-bottom:1px solid #8DD8F6;
					padding:5px 0;
					color:#fff;
					font-weight:bold;
					text-transform:uppercase;
				}


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

/* ############################################
   2. Anchor Links
   ############################################ */
/*
	a {}
		a:link,
		a:visited {
			color:inherit;
		}
		a:focus,
		a:hover,
		a:active {
			color:inherit;
		}
*/
	.content a {
		font-weight:bold;
		}
		.content a:link,
		.content a:visited {
			color:#fff;
			border-bottom:1px solid #fff;
		}
		.content a:focus,
		.content a:hover,
		.content a:active {
			color:#fff;
			border-bottom:0;
		}

	.col a,
	a.location,
	.team-caption a {
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;
		}
		.col a:link, a.location:link, .team-caption a:link,
		.col a:visited, a.location:visited, .team-caption a:visited {
			color:#000;
			border-bottom:1px solid #000;
		}
		.col a:focus, a.location:focus, .team-caption a:focus,
		.col a:hover, a.location:hover, .team-caption a:hover,
		.col a:active, a.location:active, .team-caption a:active {
			color:#fff;
			border-bottom:1px solid #fff;
		}


	#TB_closeAjaxWindow {
		position:absolute; top:28px; right:28px;
		}
		a#TB_closeWindowButton {
			font-size:11px;
			font-weight:normal;
			text-transform:uppercase;
			}
			a#TB_closeWindowButton:link,
			a#TB_closeWindowButton:visited {
				color:#fff;
				border-bottom:0;
			}
			a#TB_closeWindowButton:focus,
			a#TB_closeWindowButton:hover,
			a#TB_closeWindowButton:active {
				color:#fff;
				border-bottom:1px solid #fff;
			}


	#TB_closeAjaxWindow.TB_inline {
		background-color:#fff;
		border:1px solid #000;
		}
		#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton {
			display:block;
			border:1px solid #b0b0b0;
			border-width:0 1px 1px 0;
			padding:3px 5px;
			}
			#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton:link,
			#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton:visited {
				color:#000;
			}
			#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton:focus,
			#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton:hover,
			#TB_closeAjaxWindow.TB_inline a#TB_closeWindowButton:active {
				color:#E31E25;
				border:1px solid #b0b0b0;
				border-width:0 1px 1px 0;
			}


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


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

	h1, h2, h3, h4, h5, h6 {
		clear:both;
		color:#E41E25;
		font-weight:bold;
		margin:0;
		padding:0 0 0.3em;
	}

	h1 {
		font-size:26px;
	}

	h2 {
		padding:0.7em 0 0;
		font-size:18px;
		text-transform:uppercase;
	}

	h3 {
		padding:0 0 2px;
		font-size:18px;
	}

	h4 {
		border-bottom:1px solid #fff;
		padding:0 0 6px;
		margin:0 0 6px;
		color:#fff;
		font-size:18px;
	}
	
	.col h4 {
		color:#E41E25;
	}

	h5 {
		padding:0 0 2px;
		color:#fff;
		font-size:14px;
	}


	h6 {
		padding:2px 0;
		color:#000;
		font-size:10px;
		text-transform:uppercase;
	}

	p.subhead {
		padding:0 0 2px;
		color:#000;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}

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


/* ############################################
   4. Forms
   ############################################ */

	form {}


	/* 4.0. Standard Fieldsets */

		fieldset { clear:both; padding-bottom:10px; }

			fieldset div.full {
				clear:both;
				width:520px;
				margin:5px 0 5px 0;
			}
			fieldset div.boxes {
				width:255px;
				padding:1.8em 0 0 0;
				margin:5px 0 5px 0;
				}
				* html fieldset div.boxes {
					display:inline;
					padding-bottom:4px;
				}
				html > body fieldset div.boxes {
					*display:inline;
					*padding-bottom:1px;
				}

			fieldset div.field {
				clear:left;
				width:250px;
				margin:5px 15px 5px 0;
				}
				* html fieldset div.field { margin-right:2px; }

			fieldset div.float {
				float:right;
				width:255px;
				margin:5px 0 5px 0;
			}

			fieldset input.text, fieldset select { display:block; width:95%; }

			fieldset textarea { display:block; width:98%; }

				textarea#description { height:166px; }
					* html textarea#description { height:177px; }
					html > body textarea#description { *height:177px; }

				textarea#profile { height:116px; }
					* html textarea#profile { height:127px; }
					html > body textarea#profile { *height:127px; }

	/* 4.1. Labels & Requirements */

		p.required {
			margin:20px 0 0;
			font-size:10px;
			text-transform:uppercase;
		}

		label { font-weight:bold; line-height:1.8; }

			label.error { display:block; color:#E41E25; line-height:1.7; }
			label.radio { margin-right:10px; }


	/* 4.2. Other */

		input.text, textarea { display:block; }

		select { margin:5px 0 0 0; font-size:12px; }
			* html select { margin-right:0; }


	/* 4.3. Buttons */

		input.submit,
		.content a.button,
		.col a.button {
			display:block;
			background:url(../images/button.png) left top;
			border:0;
			height:26px;
			width:200px;
			padding:1px 0 5px 10px;
			margin:15px 0 0;

			color:#fff;
			font-size:11px;
			line-height:15px;
			font-weight:bold;
			text-align:left;
			text-transform:uppercase;
			}
			.content a.button,
			.col a.button {
				height:20px;
				width:190px;
				margin:5px 0;
				line-height:20px;
				}
				* html a.button { position:relative; }

			.content a.button:link, .col a.button:link,
			.content a.button:visited, .col a.button:visited {
				border:0;
				color:#fff;
			}
			input.submit:hover, .content a.button:hover, .col a.button:hover,
			input.submit:active, .content a.button:active, .col a.button:active {
				background-position:left -26px;
				border:0;
				color:#fff;
			}


	/* 4.4. Thickbox Fieldsets */

		#TB_ajaxContent form {
			background:#fcc url(../images/popup.jpg) no-repeat;
			height:100%;
			padding:100px 18px 18px 18px;
			}
			#TB_ajaxContent form fieldset div.field {
				width:269px;
				margin:0 18px 0 0;
				}
				* html #TB_ajaxContent form fieldset div.field { margin:0 5px 0 0; }
			#TB_ajaxContent form fieldset div.float {
				width:269px;
				margin:0;
			}
			#TB_ajaxContent form fieldset div.full {
				width:100%;
				margin:0;
			}

			#TB_ajaxContent form p.required, #TB_ajaxContent form input.submit { margin-top:0; }
			#TB_ajaxContent form input.text { width:263px; }
			#TB_ajaxContent form textarea { height:70px; width:554px; }


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


/* ############################################
   5. Thickbox
   ############################################ */

	.gmap_info {
		height:104px;
		width:300px;
		color:#000;
	}

   /* 5.0. Typography ######################### */

	#TB_window { font-size:13px; }
	#TB_secondLine { font-size:10px; }

   /* 5.1. Layout ############################# */

	#TB_overlay {
		z-index:100;
		position:fixed; top:0px; left:0px;
		height:100%;
		width:100%;
		}
		/*#TB_overlay.TB_overlayMacFFBGHack { background:transparent url(../images/macFFBgHack.png) repeat; }*/
		#TB_overlay.TB_overlayBG {
			/*display:block;*/
			background-color:#fff;
			filter:alpha(opacity=0);
			-moz-opacity:0;
			opacity:0;
		}
		* html #TB_overlay { /* IE6 Hack */
			position:absolute;
			height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
		}

	#TB_window {
		z-index:102;
		display:none;
		position:fixed; top:50%; left:50%;
		background:url(../images/popup-bg.png) no-repeat;
		padding:10px;
		color:#000000;
		text-align:left;
		}
		* html #TB_window { /* ie6 hack */
			position:absolute;
			background:url(../images/popup-ie.png) no-repeat;
			margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
		}
		html > body #TB_window { /* ie7 hack */
			padding:10px;
			*background:url(../images/popup-ie.png) no-repeat;
		}

	#TB_window.big { background:url(../images/popup-bg-650.png) no-repeat; }
	* html #TB_window.big { background:url(../images/popup-ie-650.png) no-repeat; } /* ie6 hack */
	html > body #TB_window.big { *background:url(../images/popup-ie-650.png) no-repeat; } /* ie7 hack */

	/* 5.1.0. Images */

		#TB_window img#TB_Image {
			display:block;
			margin:15px 0 0 15px;
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
			border-top:1px solid #666;
			border-left:1px solid #666;
		}
		#TB_caption {
			height:25px;
			padding:7px 30px 10px 25px;
			float:left;
		}
		#TB_closeWindow {
			height:25px;
			padding:11px 25px 10px 0;
			float:right;
		}
		/*#TB_closeAjaxWindow {
			padding:7px 10px 5px 0;
			margin-bottom:1px;
			text-align:right;
			float:right;
		}*/
		#TB_ajaxWindowTitle {
			float:left;
			padding:7px 0 5px 10px;
			margin-bottom:1px;
		}
		#TB_title {
			background-color:#e8e8e8;
			height:27px;
		}


	/* 5.1.1. AJAX Content */

		#TB_ajaxContent {
			clear:both;
			overflow:hidden;
			background:#fff;
			margin:0;
			padding:0;
			color:#fff;
			text-align:left;
			line-height:1.4em;
			}
			/*#TB_ajaxContent.TB_inline {
				padding:15px;
			}*/
			#TB_ajaxContent.TB_modal {
				padding:15px;
			}
			#TB_ajaxContent p {
				padding:5px 0px 5px 0px;
			}


	/* 5.1.2. Miscellaneous */

	#TB_load {
		position:fixed;
		display:none;
		height:32px;
		width:32px;
		z-index:103;
		top:50%;
		left:50%;
		margin:-16px 0 0 -16px; /* -height/2 0 0 -width/2 */
		}
		* html #TB_load { /* ie6 hack */
			position:absolute;
			margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
		}

	#TB_HideSelect {
		z-index:99;
		position:fixed;
		top:0;
		left:0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
		height:100%;
		width:100%;
		}
		* html #TB_HideSelect { /* ie6 hack */
			position:absolute;
			height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
		}


	/* 5.1.3. iFrame Content */

		#TB_iframeContent {
			clear:both;
			border:none;
			margin-bottom:-1px;
			margin-top:1px;
			_margin-bottom:1px;
		}


	#thumbs {
		float:left;
		width:224px;
		margin-top:10px;
	}
	#thumbs img {
		float:left;
		display:block;
		margin:0 8px 8px 0;
		border:4px solid white;
		cursor:pointer;
	}
	#pic {
		float:right;
		margin-top:10px;
		height:466px;
	}
	#pic #img {
		width:638px;
		height:414px;
		border:4px solid white;
	}
	#img_name {
		/*display:block;*/
		/*margin-left:12px;*/
		margin-top:8px;
		text-transform:uppercase;
	}
	#galerie_load {
		background-color:white;
		width:638px;
		height:418px;
		border:4px solid white;
		top:-422px;
		position:relative;
		float:right;
		display:none;
	}
	#galerie_load img {
		position:relative;
		top:197px;
		left:307px;
	}
/* Code is poetry by */