html, body {
	text-align:			center;
	margin:				0;
	font-size:			13px;
	line-height:		1.45em;
}

#wrap {
	width:				960px;
	text-align:			left;
	margin:				0 auto;
	
	height:				auto !important;
	height:				100%; 
	min-height:			100%; 
}

#main {
	padding:			0 330px 0 10px;
	min-height:			200px;
}

* html #main { 
	height:				100px; 
}

#main.fullLayout {
	padding-right:		10px;
}


#logo {
	display:			block;
	width:				236px;
	height:				68px;
	background:			url(img/logo.gif) no-repeat;
	position:			absolute;
	left:				657px;
	top:				-10px;
}

/* =================================================== */
/* > Footer ------------------------------------------ */
/* =================================================== */

.footerWrap {
	font-size:			0.8em;
	padding:			6px 0 6px 0;
	text-align:			center;
}

.footerTotalWrap {
	margin-bottom:		100px;
}

.footerWrap:last-child {
	border:0;
}

.footerMargin {
	margin-top:			280px;
}

.footer {
	width:				960px;
	margin:				0 auto;
}

.footer ul {
	display:			-moz-inline-stack;
    display:			inline-block;
    zoom:				1;
    *display:			inline;
}

.footer li {
	display:			inline;
	float:				left;
}

.footer li a {
	float:				left;
	display:			block;
	padding:			5px 20px;
}

/* =================================================== */
/* > Navigation -------------------------------------- */
/* =================================================== */

#nav {
	position:			relative;
	margin-top:			60px;
	margin-bottom:		75px;
}

#navleft, #navright, #nav ul {
	float:				left;
}

#navleft {
	width:				5px;
	height:				43px;
}

#navright {
	width:				21px;
	height:				43px;
}

#nav ul {
	width:				626px;
}

#nav li, #navSec li {
	display:			inline;
	float:				left;
}

#nav li a {
	display:			block;
	float:				left;
	padding:			0 12px;
	height:				43px;
	line-height:		43px;
	font-size:			1em;
	text-decoration:	none;
}

.cufon-active #nav li a {
	padding:			14px 12px 6px 12px;
	height:				23px; /* 43 */
	line-height:		43px;
}

#nav li a:active {
	padding-top:		1px;
	height:				42px;
}


.cufon-active #nav li a:active {
	padding-top:		15px;
	height:				22px;
}

.navSep {
	width:				1px;
	height:				43px;
	float:				left;
	display:			block;
}

#navSec {
	position:			absolute;
	top:				3px;
}

#navSec li a {
	display:			block;
	float:				left;
	padding:			6px 11px;
	font-size:			0.85em;
}


/* Secondaire ---------------------------------------- */
#nav ul #ctx {
	position:			absolute;
	top:				130px;
	width:				311px;
	right:				0;
	background:			none;
}

#ctx li {
	clear:				both;
	float:				none;
}

#ctx li a {
	float:				none;
	font-size:			1em;
	background:			none;
	height:				38px;
	line-height:		36px;
	padding:			0 0 0 19px;
	font-size:			0.95em;
}

.cufon-active #ctx li a {
	padding:			12px 0 4px 19px;
}

#nav li.active li a {
	background:			none;
}


#ctx li a:active {
	background:			0;
	padding-top:		1px;
	height:				37px;
}

.cufon-active #ctx li a:active {
	padding:			13px 0 4px 19px;
}

#ctx li.active a,
#nav li.active li.active a {
	padding-left:			19px;
}

#ctx li.ctxActiveSh a {
	border-top:				none;
}


/* =================================================== */
/* > Slider ------------------------------------------ */
/* =================================================== */

#slider {
	width:				960px;
	height:				300px;

	position:			relative;
	left:				-10px;
}

#slider div {
	display:			none;
}

#ulNav {
	padding-top:			7px;
	padding-right:			10px;
	float:					right;
	display: 				inline; 
}

#ulNav li {
	display:				inline;
	float:					left;
	display: 				inline; 
}

#ulNav li a {
	display:			block;
	float:				left;
	display: 			inline; 
	width:				11px;
	height:				12px;
	margin-left:		4px;
}

#slider .slide {
	position:			relative;
}

#slider .slide div {
	font-size:			2.6em;
	position:			absolute;
	top:				218px;
	left:				10px;
	width:				950px;
}

/* =================================================== */
/* > CSS Spécifiques --------------------------------- */
/* =================================================== */

#plan li {
	margin:				0 0 0 20px;
	list-style-type: 	square;
}

#plan .prNav {
	margin-top:			16px;
}

.form {
	margin-top:			60px;
}

.more.sbm, .top.sbm {
	margin-top:			30px;
	text-align:			center;
}

.listfade {
	height:				150px;
	margin-top:			-150px;
	margin-left:		-1px;
	z-index:			99;
	position:			relative;
	background:			url(img/listfade.png) repeat-x;
}

/* =================================================== */
/* > Mise en page----------------------------------- */
/* =================================================== */

.col3 {
	width:				306px;
}

.col3-2 {
	width:				622px;
}

.col3, .col3-2, .col2, .col2-nf {
	float:				left;
}

.col2 {
	width:				350px;
}

.col2-nf {
	width:				305px;
}

.rMargin {
	margin-right:		10px;
}

/* =================================================== */
/* > Mise en forme ----------------------------------- */
/* =================================================== */

#main ul, p {
	margin:				0 0 20px 0;
}


h1 {
	font-size:			2.55em;
	letter-spacing:		-0.01em;
	margin:				30px 0 40px;
	font-weight:		normal;
	line-height:		1.2em;
}

.cufon-active h1 {
	letter-spacing:		0;
	font-size:			2.7em;
	line-height:		2em;
}

h1 .cufon-canvas {
	margin-bottom:		6px;
}

h2 {
	font-size:			1.5em;
	margin:				40px 0 25px;
	font-weight:		normal;
}

h3 {
	margin:				30px 0 10px;
}

h4 {
	margin:				0 0 20px;
}

ul ul {
	margin-left:		20px;
}

a, #tabs a {
	text-decoration:	none;
}

#content {
	
}

.first {
	margin-right:		20px;
}

hr {
	height:				1px;
	border:				0;
	margin:				30px 0;
}

p.imp {
	font-style:			italic;
	font-size:			0.8em;
}

ul.puces li {
	list-style-type:	square;
	margin-left:		14px;
}

/* =================================================== */
/* > Formulaires ------------------------------------- */
/* =================================================== */


label, .label input, select, textarea {
	width:				146px;
}


textarea.wide {
	width:				590px;
	height:				200px;
}

input.midf {
	width:				72px;
	margin-right:		6px;
}

span.labelMid {
	font-size:			0.85em;
	margin-right:		6px;
}

.col3 label {
	width:				100px;
}

.col3 input, .col3 textarea	 {
	width:				170px;
}



label, .label {
	float:				left;
	display:			block;
	margin-right:		11px;
	font-size:			0.85em;
}

span.label {
	font-size:1em;
}

.value {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

input, textarea, button, .sbm {
	font-family:		Verdana, Arial, Helvetica;
	font-size:			0.8em;
	padding:			2px 6px;
	font-style:			italic;
}


.col3 input[type=submit], input[type=submit], .sbm, button {
	width:				auto;
	height:				auto;
	padding:			0 8px 2px;
	height:				24px;
	line-height:		25px;
	cursor:				pointer;
	font-style:			normal;
	
	/* CSS 3 */
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
}


.sbm {
	display:			-moz-inline-stack;
    display:			inline-block;
    zoom:				1;
    *display:			inline;
	padding:			0 8px 1px;
	margin-right:		8px;
}


input[type=submit]:active, .sbm:active, button:active {
	padding-top:			1px;
}
.sbm:active {
	padding-bottom:			0;
}

input[type=submit].bigger, .sbm.bigger {
	padding:				0 2em 0.2em;
	font-size:				1.8em;
	line-height:			1.8em;
	height:					2em;
	margin:					0 auto;
}


form p {
	margin-bottom:			12px;clear:both;
}


/* Modal */

.md button {
	height:					32px;
	padding:				0 14px 6px;
}

/* Accroches ----------------------------------------- */
.accroche {
	padding:			6px 0 4px 10px;
	margin:				36px 0 36px 0;
	font-size:			1.3em;
}

.accroche .cufon-canvas {
	margin-bottom:		4px;
}

/* Boîtes -------------------------------------------- */
.box {
	width:				306px;
	float:				left;
	line-height:		1.3em;
}

.marginR {
	margin-right:		11px;
}

.box a.suite {
	text-decoration:	underline;
}

.box .boxTitle {
	padding-top:		10px;
	height:				30px;
	line-height:		40px;
	font-size:			1.45em;
}

.box .boxCt {
	padding:			12px 0 0 0;
}

.box hr {
	height:				1px;
	margin:				12px 0;
	border: 			0;
}

.box label {
	width:				136px;
	font-size:			1em;
}

.box .boxCt {
	padding-left:		10px;
}

.box input[type=text], .box input[type=password] {
	width:				134px;
}

/* Accueil */
.accueil .box {
	font-size:			0.85em;
}

#logos {
	margin-top:			30px;
}

#logos .logos {
	width:				960px;
	background:			#fff;
	float:				left;
}

#logos .logos a {
	width:				320px;
	height:				200px;
	float:				left;
	display:			block;
}

#logos.thinner .logos {
	width:				640px;
}

/* Nouvelle */

p.nvDate {
	margin:				-18px 0 4px;
	text-indent:		8px;
	font-size:			0.8em;
}

/* Formulaires */
form .box {
	width:				304px;
}

form input[type=submit] {
	margin-top:			6px;
}

/* =================================================== */
/* > Profil ------------------------------------------ */
/* =================================================== */
#profilBox {
	width:420px;
	float:left;
	margin-left:20px;
}

#profilBox {
	font-size:0.8em;
}


/* =================================================== */
/* > Notifications ----------------------------------- */
/* =================================================== */
.notifs {
	padding:			10px 20px;
	margin:				0 0 35px 0;
}

.notifs li {
	font-weight:		bold;
	font-size:			0.8em;
	line-height:		1.6em;
	margin-bottom:		21px;
}

.notifs ul {
	margin:				0;
}

li .iconImg,
a.sbm img {
	margin-bottom:		-3px;
	margin-right:		8px;
}

.notifs .sbm {
	margin-top:			8px;
}


label.tt {
	cursor:		pointer;
}

/* =================================================== */
/* > Ajustements ------------------------------------- */
/* =================================================== */

/* Clearfix */
.dn {
	display:		none;
}
.clearfix:after, form p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix, form p { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix, * html form p { height: 1%; }
.clearfix, form p { display: block; }
/* End hide from IE-mac */