/* ________________________________________________________*/
/* CONTENEURS                                              */
#conteneur		{ width:992px; margin:0 auto; text-align:left; padding:16px; position:relative; background:#fff;}
#header			{ height:201px; width:100%; position: absolute; top:0; left:0; background:#000; }
	#logo			{ background:url('../documents/design/site-sprite.png') no-repeat; display:block; width:400px; height:200px; position:relative; z-index:2; left:15px; text-indent:-99999em; }
	#description	{ width:480px; position:absolute; right:0; bottom:42px; text-align:right; font-size:11px; }
#navigation		{}
#template 			{ position:relative; padding-top:210px; }
#right			{ background:#999; padding:10px; width:180px; float:right; }
.footer			{ clear:both; float:none; height:30px; position:relative; border-top:6px solid #8c1726; padding-top:8px; }


/* ________________________________________________________*/
/* BALISES                                                 */
html			{ padding:0; margin:0;}
body			{ background:#76796d; color:#53574d; font-family:"Tahoma",Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:center;}
a				{ color:#333; outline:none; }
a img			{ border:none;}
a:hover			{ }
p				{ margin:0 0 8px; font-size:11px; }
img				{ border:1px solid #63675d; }
img.no_border	{ border:none;}
h1,h2,h3,h4		{ margin:0; }
h1 				{ font-size:1.8em; color:#222;}
h2				{ margin-bottom:5px; }
h3 				{ color:#3a3f34; margin-bottom:5px; }
h4				{ font-size:1.2em; }
h5				{ }
ul,ol			{ list-style-position:inside; padding:0;}
li				{ }
acronym			{ cursor:help; }
iframe			{ border:0;}

/* ________________________________________________________*/
/* FORMULAIRES                                                 */
fieldset		{ border:none; padding:0; position:relative;}
label			{ display:inline-block; width:100px; margin-right:8px; text-align:right; font-weight:bold;}
input, select, textarea{ width:210px; border:1px solid #8c99a3; padding:4px; margin-bottom:8px; font-family:inherit; font-size:11px;}
label.error		{ float: none; color:#F80; margin-top:-10px;}
input.submit	{ width:140px; float:right; margin-right:8px;}

.error 			{ height:15px;background:#313a2c; font-size:11px; color:#fff; padding:3px 10px; margin-left:-2px; z-index:15000;-moz-box-shadow:0 0 6px #333;-webkit-box-shadow:0 0 6px #333;}


/* ________________________________________________________*/
/* TABLEAUX                                                 */
table			{ }
thead			{ }
td				{ vertical-align:top; }

/* ________________________________________________________*/
/* CLASSES                                                 */
.left				{ float:left; margin:0 10px 10px 0; }
.right				{ float:right; margin:0 0 10px 10px; }
.cale				{ display:block; clear:both; float:none; height:0; }
.margin				{ margin:15px; }
.suite				{ display:block; width:105px; height:14px; background:url('../documents/design/site-sprite.png') no-repeat -547px -289px; margin-top:3px; text-indent:-99999px; }

/* ________________________________________________________*/
/* Colonnes (defaut) */
.c1					{ width:45%; float:left; position:relative; padding:2%;  }
.c2					{ width:45%; float:right; position:relative; padding:2%; }

.bloc				{ margin-bottom:20px; border:1px solid #63675d; padding:8px 8px 0; background:#dad8d4; }

/* ________________________________________________________*/
/* NAVIGATION */
#navigation			{ background:#313a2c url('../documents/design/site-sprite.png') no-repeat left bottom; position:absolute; margin:0 16px; top:182px; height:30px; width:990px; z-index:10; }
#navigation ul		{ height:30px; padding:4px 0; width:1068px; margin:0; }
#navigation ul ul	{ display:none; height:auto; width:170px; position:absolute; background:#333; }
#navigation ul ul ul{ left:170px; top:-15px; }
#navigation li		{ list-style:none; display:inline-block; list-style-position:outside; width:auto; line-height:20px;position:relative; margin:0; padding:0 14px; }
#navigation li.last	{ border:none;}
#navigation li li	{ float:none; clear:both; margin:0; border:none; }
#navigation li.current{ background:#333; }
#navigation ul a	{ display:block; color:#fff; text-decoration:none; font-size:16px; }
#navigation ul a:hover{ color:#F80; }

#barLang			{ position:absolute; z-index:10; top:10px; left:0; width:50px; height:100px; }
#lang				{ list-style:none; list-style-position:outside; margin-left:20px; }
#lang li			{ width:16px; height:11px; margin-bottom:8px; }
#lang a				{ display:block; text-indent:-200em; width:16px; height:11px; background:url('../documents/design/flags-sprite.jpg'); }
#lang a#en			{ background-position:left -11px; }
#lang a#es			{ background-position:left -22px; }
#lang a#pt			{ background-position:left -33px; }

/* ________________________________________________________
TEMPLATES */

	/* MODELES */
	h1				{ }
	h2				{ }
	#bloc1			{ width:240px; height:485px; float:left; padding:0; margin-right:14px; }
	#bloc2,
	#bloc3,
	#bloc4			{ width:717px; float:left; }
	
	
	.slider 				{ width:240px; height:485px;position:relative; }
	.slider .numbers		{ opacity:0.4;filter : alpha(opacity=40); position:absolute; z-index:100; bottom:10px; right:40px; width:auto; overflow:hidden; height:20px; border:none; }
	.slider:hover .numbers	{ opacity:1;filter : alpha(opacity=100); }
	.slider .numbers li		{ list-style:none; width:15px; height:15px; margin-right:5px; float:left; background:none; }
	.slider .numbers li a	{ background:#D2C9B7; color:#000; font-size:11px; width:15px; height:15px; display:block; border:none; padding:0; text-decoration:none; text-align:center; }
	.slider .numbers li a.current{ background:#fff; color:#222; }
	.slider .panes			{ border:none; width:240px; height:485px; overflow:hidden; }
	.slider .item			{ display:none; border:none; width:240px; height:485px; position:absolute; top:0; left:0; }
	.slider .description	{ display:none; }
	
	/* ACCUEIL */
	.accueil .bloc			{ float:left; width:470px; height:118px; }
	.accueil #bloc1			{ width:988px; height:333px; padding:0; }
	.accueil #bloc2			{ width:470px; margin-right:12px; position:relative; }
	.accueil #bloc3			{ cursor:pointer; width:470px;}
	
	.accueil .slider 		{ width:988px; height:333px; }
	.slider .numbers		{ display:none; }
	.accueil .slider .panes	{ width:988px; height:333px; }
	.accueil .slider .item	{ width:988px; height:333px; }
	
	.news					{ }
	.news dt				{ font-weight:bold; }
	.news dd				{ margin:0; }
	.news .post				{ width:315px; }
	.news .image			{ width:140px; height:100px; position:absolute; top:8px; right:8px; }

	/* blog (actualités)*/
	.blog h1				{ background-position:left -428px; }
	.blog #bloc2			{ width:343px; float:left; margin-right:12px; }
	.blog #bloc3			{ width:343px; float:left; }
	.blog dt				{ font-size:14px; font-weight:bold; }
	.blog dd				{ margin:0; }
	.blog dd.date			{ margin:0 0 4px; color:#fff; }
	
	
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.panes > div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
	overflow:hidden;
}


.ajaxForm .item{ padding:10px; border:1px solid #999; margin-bottom:12px;}
.ajaxForm .tic{ color:red;}
.ajaxForm .script	{ display:none;}
.ajaxForm .list .template{ display:none;}

.levelsBox			{ background:#6C7884; border:none; -moz-border-radius :10px;-webkit-border-radius :10px; padding:15px; text-align:left;}
.debug				{-moz-box-shadow:0px 0px 7px #444; -webkit-box-shadow:0px 0px 7px #444; }
.debug pre			{ font-family:"Trebuchet MS"; }

