/******************************************************************************/
/* RESET CSS */
/******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
}

a {
	text-decoration:none;
	color:#4A5D68;
}

body {
	line-height: 1;
	font-size:0.8em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	color: #d4d4d4;
	background-color: #d4d4d4;
	height: 1px;
	border: 0;
}

p {
	line-height:1.2em;
}

.alerte {
	color:#e5322c;
	display:block;
}

.avecUnderline:hover{
	text-decoration:underline;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
#popmask {
	background-image:url(images/charte/pop_mask.png);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:90000;
	display:none;
}
#popinfo {
	display:none;
	position:fixed;
	top:20%;
	width:610px;
	margin-left:-305px;
	left:50%;
	z-index:100000;
}
	#popinfo .popinfo_nav {
		text-align:right;
	}
	#popinfo .popinfo_ct {
		margin-top:1px;
		border:1px solid #c4c6c7;
		background-color:#fff;
		padding:20px;
	}
	
	#popinfo .popinfo_ct p {
		padding-top:15px;
		font-size:11px;
	}
	#popinfo .popinfo_ct h2 {
		font-family:Arial;
		font-size:14px;
		color:#4a5d68;
		padding:0px 0 5px 0px;
		margin:0;
		font-weight:bold;
	}
	#popinfo .popinfo_ct h3 {
		font-family:Arial;
		font-size:14px;
		color:#4a5d68;
		padding:0px 0 5px 0px;
		margin:0;
		font-weight:normal;
	}

/******************************************************************************/
/* ELEMENTS COMMUNS */
/******************************************************************************/
body {
	font-family : Arial, Helvetica, sans-serif;
	background:#E3E3E3;
	background-image : url('images/charte/body_fond.gif');
	background-position:center top;
	background-repeat:repeat-y;
}

.global {
	width:1004px;
	margin:10px auto;
	padding-bottom:20px;
}

.traitBas {
	position:absolute;
	bottom:0;
	left:0;
	width:1px;
	height:15px !important;
	margin:0 !important;
}

p {
	color:#4a5d68;
	line-height:1.35em;
}

hr {
	color: #bfc1c2;
	background-color: #bfc1c2;
	height: 1px;
	border: 0;
}

.textePresta p {
	margin-bottom:15px;
}

.longText h2 {
	margin-top:12px !important;
}

.lienGris {
	color:#4a5d68;
}

.fondgris {
	background:#fff;
	background-image:url('images/charte/fond_gris.gif');
	background-repeat:repeat-y;
	border-bottom:1px solid #edefec;
	padding:10px 10px 0 10px;
}
	.fondgris .puceGris, .fondgris .puceRouge,  .fondgris .puceVert{
		background-color:transparent;
	}

/******************************************************************************/
/* HEADER */
/******************************************************************************/
.header {
	height:96px;
	position:relative;
}
	.header .pratique {
		position:absolute;
		right:0;
		top:0;
	}
		.header .pratique span {
			background:#e7e7e8;
			font-family:Times New Roman, Times, serif;
			padding:4px 6px;
		}
	
	.header .avancee {
		position:absolute;
		right:105px;
		bottom:0;
	}
	
	.header a {
		color:#5f6062;
		font-weight:bold;
		text-decoration:underline;
	}
		.header a:hover {
			text-decoration:none;
		}

/******************************************************************************/
/* MENU */
/******************************************************************************/
.menu {
	position:relative;
	padding-top:4px;
	height:51px;
	width:100%;
	z-index:700;
}
	.menu_actif {
		background:#6b6c6e;
	}
	.menu_inactif {
		background:#a9abac;
	}
	
	.menu .jointure {
		position:absolute;
		top:4px;
		left:720px;
	}

	.menu ul {
		width:724px;
	}

		.menu li {
			margin-top:20px;
			height:30px;
			float:left;
			width:170px;
			margin-right:2px; 
			text-transform:uppercase;
		}
		
		.menu li#home {
			width:30px;
		}
			.menu li:hover {
			}
			.menu li a{
				display:block;
				/*padding:8px 10px 7px 10px;*/
				padding:8px 0 0 10px;
				font-weight:bold;
				color:#fff;
				height:22px;
				/*background:#a9abac;*/
			}
			.menu li#home a {
				padding:0;
				height:30px;
			}
				.menu li a:hover{
					/*background:#6b6c6e;*/
					background:#6b6c6e;
				}
	.menu form {
		width:200px;
		position:absolute;
		top:0;
		right:26px;
		margin:0;
		padding:5px 0;
	}
			
	.menu .rech {
		margin:0;
		border:1px solid #f2f4f6;
		padding:7px 5px;
		font-size:.9em;
		width:130px;
	}
			
	.menu .ok {
		margin:0;
		padding:0;
		border:1px solid #f2f4f6;
		padding:6px 5px 5px 5px;
		font-family:Times New Roman, Times, serif;
		font-weight:bold;
	}
	

.smenu {
	position:absolute;
	width:230px;
	top:54px;
	z-index:1000;
	padding:0px;
	display:none;
}
.smenu table {
	background-color:#6b6c6e;
}
.smenu_large {
	width:374px;
}
	.smenu_large .separ {
		border-top:1px solid #fff;
		text-transform:uppercase;
		width:288px;
		margin-left:20px;
		padding:7px 0 5px 0;
		
	}

	.smenu_large hr{
		color: #fff;
		background-color: #fff;
		height: 1px;
		width:100px;
		border: 0;
		padding:0;
		margin:0;
	}
	
	.smenu .top {
		background-color:#6b6c6e;
		height:10px;
	}
	.smenu .bot {
		background-image : url('images/charte/smenu_bot.png');
		height:10px;
		width:230px;
	}
	.smenu .bot_large {
		background-image : url('images/charte/smenu_bot_large.png');
		height:10px;
		width:374px;
	}
	.smenu p {
		font-weight:bold;
		font-size:11px;
		display:block;
		color:#f2f4f6;
		background-color:#6b6c6e;
		padding:10px 10px 10px 20px;
	}
	.smenu a {
		font-size:11px;
		display:block;
		color:#f2f4f6;
		background-color:#6b6c6e;
		padding:4px 10px 4px 20px;
	}
		.smenu a:hover {
			color:#fff;
			font-weight:bold;
		}
	
	
/******************************************************************************/
/*  DROITE  */
/******************************************************************************/
.aside {
	width:247px;
	float:right; 
	padding-bottom:30px;
	position:relative;
	margin-top:-25px;
}	
	.aside .abonnes {
		position:relative;
		top:0px;
		margin:0;
		padding:46px 7px 0 7px;
		background:#fff;
		background-image : url('images/charte/aside_abonnes_bg.gif');
		background-repeat:repeat-y;
		border-bottom:1px solid #edefec;
	}
	
		.aside .contact  {
			text-transform:uppercase;
			color:#a3acb2;
			font-family: Times New Roman, Times, serif;
			font-size:.9em;
			text-decoration:underline;
			font-weight:bold;
			margin-left:120px;
			padding-top:0px;
			padding-bottom:8px;
			display:block;
		}
			.aside .contact:hover {
				color:#000;
			}
	
			
	.aside .panier {
		background-image : url('images/charte/aside_panier_bg.gif');
		background-repeat:no-repeat;
		height:25px;
		margin:11px 0 2px 0;
		padding:27px 10px 0 10px;
	}
		.aside .panier a {
			color:#000;
		}
	
			.aside .panier a:hover {
				text-decoration:underline;
			}
	
	.aside .identification {
		background:#a9abac;
		width:211px;
		padding:10px 10px 15px 10px;
		margin:2px 0;
	}
		.aside .identification img {
			margin-bottom:6px;
		}
		
		.aside .identification .text {
			height:18px;
			background:#a9abac;
			border:1px solid #fff;
			padding:5px;
			color:#fff;
			font-size:1.1em;
			width:160px;
			margin-bottom:7px;
		}
			.aside .identification .text:hover, .aside .identification .text:focus {
				background:#8c8d8e;
			}
			
		.aside .identification a {
			color:#fff;
		}
	
			.aside .identification a:hover {
				text-decoration:underline;
			}
			
	.aside .premiere {
		background:#bfbd00;
		width:211px;
		padding:10px 10px 10px 10px;
		margin:2px 0;
	}	
		.aside .premiere img {
			margin-bottom:3px;
		}
		
		.aside .premiere a p, .aside .premiere a {
			color:#fff;
		}
	
			.aside .premiere a:hover p, .aside .premiere a:hover {
				text-decoration:underline;
			}
			
	.aside .abonnement {
		background:#8A8000;
		width:211px;
		padding:10px 10px 10px 10px;
		margin:2px 0;
	}	
		.aside .abonnement img {
			margin-bottom:7px;
		}
		
		.aside .abonnement a p {
			color:#fff;
		}
	
			.aside .abonnement a:hover p {
				text-decoration:underline;
			}		
	
	.aside .connect {
		width:211px;
		padding:10px 10px 10px 10px;
		margin:2px 0;
	}	
		.aside .connect img {
			margin-bottom:3px;
		}
		
		.aside .connect a {
			color:#000;
		}
	
			.aside .connect a:hover {
				text-decoration:underline;
			}
	
		.aside .connect .social {
			margin:8px 2px 0 0;
		}
	
	.aside .bienvenue {
		background:#a9abac;
		width:211px;
		padding:10px 10px 10px 10px;
		margin:2px 0;
	}
		.aside .bienvenue p{
			color:#fff;
			margin:0;
		}	
			.aside .bienvenue p a{
				color:#fff;
			}			
				.aside .bienvenue p a:hover{
					text-decoration:underline;
				}
		
	.aside .abonnez {
		background:#01a4a6;
		width:211px;
		padding:10px 10px 10px 10px;
		margin:2px 0;
	}
		.aside .abonnez p{
			color:#fff;
			margin:10px 0 0 0;
		}
			.aside .abonnez p a{
				color:#fff;
			}			
				.aside .abonnez p a:hover{
					text-decoration:underline;
				}	
	
	.aside .profil {
		padding:15px 10px 15px 10px;
	}
	
	.aside .dernieres {
		padding:18px 10px 18px 10px;
	}
		.aside .dernieres img{
			margin-bottom:12px;
		}
	
	.aside .toutesSyntheses {
		background:#8a8000;
		width:211px;
		padding:15px 10px 15px 10px;
		margin:2px 0;
	}
			.aside .toutesSyntheses p a{
				color:#fff;
			}			
				.aside .toutesSyntheses p a:hover{
					text  -decoration:underline;
				}	
	
	.aside .tagcloud {
		margin:16px 0;
		text-align:justify;
		line-height:20px;
	}
		.aside .tagcloud .keyword_1 {
			padding:4px;
			color:#999;
			font-size:12px;
			word-spacing : -6px;
		}
		.aside .tagcloud .keyword_2 {
			padding:4px;
			color:#666;
			font-size:13px;
			font-weight:bold;
			word-spacing : -3px;
		}
		.aside .tagcloud .keyword_3 {
			padding:4px;
			color:#424242;
			font-size:20px;
			font-weight:bold;
			padding:0;
			word-spacing : -3px;
		}
		.aside .tagcloud .keyword_1:hover, .aside .tagcloud .keyword_2:hover, .aside .tagcloud .keyword_3:hover {
			color:#fff;
			background:#000;
		}
	
	.aside .quizz {
		background-image : url('images/charte/aside_quizz.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:40px 10px 20px 10px;
		position:relative;
		height:80px;
		min-height:80px;
	}
		.aside .quizz p{
			font-size:1.2em;
		}
		.aside .quizz label{
			display:block;
			color:#4a5d68;
			font-weight:bold;
			margin:2px 5px;
		}
	
	.aside .collections {
		background-image : url('images/charte/aside_collections.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:20px 10px 20px 10px;
		position:relative;
	}
		.aside .collections li{
			font-weight:bold;
			background-image : url('images/charte/aside_puce_fleche.gif');
			background-repeat:no-repeat;
			background-position:left 3px;
			padding-left:9px;
			margin:6px 0;
			color:#4a5d68;
		}
			.aside .collections li a{
				color:#4a5d68;
			}			
				.aside .collections li a:hover{
					text-decoration:underline;
				}

/******************************************************************************/
/*  THEMES  */
/******************************************************************************/
.colThemes {
	width:180px;
	margin-bottom:50px;
	float:left;
}
	.colThemes p{
		font-weight: bold;
		margin: 11px 0 10px 0;
	}
	
	.colThemes .themes {
		background-image : url('images/charte/themes_fond.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:25px 5px 25px 0;
		margin-bottom:9px;
		position:relative;
	}
	
	.colThemes .themes p{
		font-weight:bold;
		background:#fff;
		background-image : url('images/charte/aside_puce_fleche.gif');
		background-position:left 5px;
		background-repeat:no-repeat;
		padding-left:9px;
		margin:2px 0;
		color:#4a5d68;
	}
		.colThemes .themes p a{
			color:#4a5d68;
		}
			.colThemes .themes p a:hover{
				text-decoration:underline;
			}

		.colThemes .themes .actif{
			background-image : url('images/charte/aside_puce_fleche2.gif');
			background-position:left 5px;
		}
		
		.colThemes .themes ul .actif{
			background-image : url('images/charte/aside_puce_carre.gif');
			background-position:left 5px;
		}
		
		.colThemes .themes ul{
			margin-bottom:7px;
		}
		
		.colThemes .themes li{
			background:#fff;
			background-image : url('images/charte/aside_puce_carre.gif');
			background-position:left 5px;
			background-repeat:no-repeat;
			/*background : url(images/charte/aside_puce_carre.gif) left 2px no-repeat;*/
			padding-left:8px;
			color:#4a5d68;
			margin:0px 1px 5px 1px;
		}
			.colThemes .themes li a{
				color:#4a5d68;
			}
				.colThemes .themes li a:hover{
					text-decoration:underline;
				}

			.colThemes .themes .actif{
				color:#bebc00;
			}
			
	.colThemes form {
		margin:9px 0;
	}
	
	.colThemes  .champs {
		width:130px;
		border:1px solid #bfc1c2;
		height:18px;
		float:left;
		color:#4a5d68;
		padding:5px 5px;
		margin-bottom:5px;
	}
	
	.colThemes  .ok {
		float:right;
	}
	
	.colThemes form p {
		clear:left;
		margin:10px 0 10px 5px;
		font-weight:bold;
	}
		.colThemes form p a{
			color:#4a5d68;
			text-decoration:underline;
		}
			.colThemes form p a:hover{
				text-decoration:none;
			}
					
/******************************************************************************/
/*  MAIN  */
/******************************************************************************/
.main {
	position:relative;
	padding-top:4px;
	width:749px;
}

	.main h6, .main .arianne {
		font-size:1em;
		font-weight: bold;
		color:#4a5d68;
		margin:8px 0 11px 0;
	}
		.main h6 a, .main .arianne a {
			text-decoration:underline;
			color:#4a5d68;
		}
		
	
	.main h1 {
		font-family:Arial;
		font-size:26px;
		color:#4a5d68;
		padding:15px 0 5px 0px;
		margin:0;
		font-weight:bold;
	}
		.main h1 a {
			color:#4a5d68;
			font-size:26px;
		}
	.main h2 {
		font-family:Arial;
		font-size:14px;
		color:#4a5d68;
		padding:5px 0 5px 0px;
		margin:0;
		font-weight:bold;
	}
		.main h2 a {
			color:#4a5d68;
			font-size:14px;
		}
	.main h3 {
		font-family:Arial;
		font-size:18px;
		color:#4a5d68;
		padding:15px 0 5px 5px;
		margin:0;
		font-weight:bold;
	}
		.main h3 a {
			color:#4a5d68;
			font-size:18px;
		}
	.main .blocs_1 {
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#fff;
		background-color:#bfbd00;
		padding:5px 8px;
		margin:0 0 0 18px;
		font-weight:normal;
		text-align:center;
	}
	.main .blocs_2 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#d5d6cb;
		padding:8px;
		margin:0 0 0 36px;
		font-weight:normal;
		text-align:center;
	}
	.main .blocs_3 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#b7b8b1;
		padding:8px 15px 8px 15px;
		margin:0 0 0 18px;
		font-weight:normal;
		text-align:center;
	}
	.main .blocs_4 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#ece8df;
		padding:8px;
		margin:0 0 20px 28px;
		font-weight:normal;
		text-align:center;
	}
	
	.main .blocs_5 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#b7b8b1;
		padding:8px;
		margin:0 0 0px 15px;
		font-weight:normal;
		text-align:left;
	}
	.main .blocs_6 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#ece8df;
		padding:8px;
		margin:0 0 0px 25px;
		font-weight:normal;
		text-align:left;
	}
	.main .blocs_7 {
		clear:left;
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#4a5d68;
		background-color:#ece8df;
		padding:8px;
		margin:0 0 20px 35px;
		font-weight:normal;
		text-align:center;
	}
	.main .refclient {
		float:left;
		width:91px;
		height:61px;
		background-position:center;
		background-repeat:no-repeat;
		border:1px solid #bfc1c2;
		margin:3px 3px 0 0;
	}
/******************************************************************************/
/*  pavés  */
/******************************************************************************/
	.pave {
		position:relative;
		border-top:1px solid #bfc1c2;
		border-right:1px solid #bfc1c2;
		margin:30px 0 0 0;
		padding:0 0 0 0;
	}
		.pave .title {
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
			color:#bfc1c2;
			position:absolute;
			background-color:#fff;
			top:-11px;
			left:10px;
			padding:0px 5px 1px 5px;
		}
		
		.pave .italique {
			padding-top:10px;
			font-family:Times, serif;
			font-size:15px;
			font-style:italic;
			font-weight:bold;
		}
		
		.pave .head {
			font-size:14px;
			font-family:Times;
			font-weight:bold;
			font-style: italic;
			padding:15px 0px 10px 0px;
		}
		.pave .head_bold {
			font-size:16px;
			font-weight:bold;
			padding:15px 0px 0px 0px;
		}
		.pave p {
			padding-right:20px;
		}
			
			.pave .lettrine:first-letter {
				width:9px; 
				height:20px; 
				float:left;
			}
			
			.pave p a{
				color:#4a5d68;
				font-size:11px;
				font-weight:bold;
			}
		
		.pave .bot {
			border-left:1px solid #bfc1c2;
			border-bottom:1px solid #bfc1c2;
			height:19px;
			text-align:right;
			padding-right:8px;
			color:#4a5d68;
			font-size:12px;
		}
		.pave label{
			display:block;
			color:#4a5d68;
			font-weight:bold;
			margin:2px 5px;
		}
		
		.paveQuiz{
			margin-top:36px;
		}
		
		.promo{
			margin-top:25px;		
		}
			.promo a {
				margin: 0 auto;
				display: block;
				width: 176px;
			}
/******************************************************************************/
/*  ACTU  */
/******************************************************************************/
.main .actu {
	clear:left;
	margin-top:15px;
}
	.main .actu img {
		float:left;
		width:77px;
		height:77px;
		margin-right:15px;
		margin-bottom:15px;
	}
	
	.main .actu h2 a {
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		padding:2px 0 2px 0;
		margin:0px;
		color:#4a5d68;
	}
	
	.main .actu h3 {
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		padding:0px;
		margin:0px;
		color:#a3acb2;
	}
	.main .actu p a{
		color:#4a5d68;
	}
	
	.main .actu .puceVert {
		/*margin-left:*/
	}
		.main .actu .puceVert:hover {
			text-decoration:underline;
		}
	
	.main .actu  .traitBas {
		width:1px;
		height:15px;
	}
	
	.divActu {
		width:680px;
		text-align:justify;
	}
	.divActu p{
		text-align:justify;
	}
/******************************************************************************/
/*  HOME  */
/******************************************************************************/
.puceRouge {
	background:#fff;
	background-image : url('images/charte/puce_rouge.gif');
}
.puceGris {
	background:#fff;
	background-image : url('images/charte/puce_gris.gif');
}
.puceVert {
	background:#fff;
	background-image : url('images/charte/puce_vert.gif');
	color:#566872;
}

.puceVert, .puceRouge, .puceGris {
	background-position:left 5px;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:15px;
	margin:2px 0;
	font-size:1em;
}
	.puceVert a, .puceRouge a, .puceGris a{
		color:#4a5d68;
	}	
		.puceVert a:hover, .puceRouge a:hover, .puceGris a:hover, a.newsletter:hover{
			text-decoration:underline;
		}
	.presBlog .puceVert a{
		font-size:11px;
	}

.homeDroite {
	width:250px;
	padding-right:10px;
	float:right;
}
	.avecThemes .homeDroite {
		width:190px;
		padding:0;
		margin-top:2px;
	}

	.homeDroite h2, .homeGauche h2  {
		color:#4a5d68;
		font-size:2em;
		text-transform:uppercase;
		font-family: Myriad Pro, Arial, Helvetica, sans-serif;
		margin:5px 0;
		width:100%;
	}
	.homeGauche h2  {
		padding-left:0;
	}

	.homeGauche .descrTheme {
		font-size:1.3em;
	}
	
	.homeDroite .presta{
		background-image : url('images/charte/home_presta_bg.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:20px 15px 18px 10px;
		position:relative;
		margin-bottom:20px;
	}

		.homeDroite .presta h2{
			margin-top:0px !important;
		}

		.homeDroite .presta p{
			font-size:1.2em;
			margin:10px 0 0 0;
			width:99%;
		}

		.homeDroite .presta .puceVert {
			font-size:.9em;	
			margin:5px 0;			
		}

	
	
	.homeDroite .actu{
		background-image : url('images/charte/home_actus_bg.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:25px 15px 15px 10px;
		position:relative;
		margin-bottom:0px;
	}
	
	.homeDroite .actu div {
		padding:4px 0;
		width:98%;
		min-height:85px;
	}
	
		.homeDroite .actu div img{
			float:left;
			width:60px;
			height:60px;
		}
		
			.homeDroite .actu div h3{
				margin-left:70px;
				color:#4a5d68;
			}
			
			.homeDroite .actu div p{
				margin-left:70px;
			}
			
				.homeDroite .actu div p a{
					color:#4A5D68;
				}
			
			.homeDroite .actu div .puceVert{
				margin-left:70px;	
			}
		
		
	.offres {	
		background:#fff;
		background-image : url('images/charte/home_offres.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:23px 9px 5px 0px;
		position:relative;
		margin-bottom:20px;
	}
		.offres h1{
			font-family : Times New Roman, Times, serif;
			color:#4a5d68;
			font-size:1.7em;
			text-transform:uppercase;
			font-style:italic;
			letter-spacing:-1px;
		}
		
		.offres h2{
			font-family : Times New Roman, Times, serif;
			color:#4a5d68;
			font-size:1.2em;
			font-style:italic;
			text-transform:none;
		}
		
		.offres div{
			width:155px;
			padding:8px 10px 15px 10px;
			background:#01a4a6;
			-moz-box-shadow: 3px 3px 0px #bfc1c2;
			-webkit-box-shadow: 3px 3px 0px #bfc1c2;
			box-shadow: 3px 3px 0px #bfc1c2;
			margin-bottom:8px;
		}
			.offres div p{
				color:#fff;
				font-family : Times New Roman, Times, serif;
				font-size:1.3em;
				font-style:italic;
				font-weight:bold;
				margin:0;
				line-height:1.2em;
			}
				.offres div p span{
					font-style:normal;
					font-weight:normal;
					font-family : Arial, Helvetica, sans-serif;
					font-size:.7em;
				}
		
		.offres .savoir{
			margin:7px 0;
		}		
			.offres .savoir a{
				margin:7px 0;
				color:#4a5d68;
			}	
				.offres .savoir a:hover{
					text-decoration:underline;
				}
		
		.offres .date{
			text-align:right;
			margin:12px 7px 3px 0;
			color:#b7b8b1;
			font-weight:bold;
		}
		
		.encartAbo {
			width:187px;
			float:right;
			margin:20px 20px 0 30px;
		}
		
			.encartAbo div{
				color:#fff;
				background:#01a4a6;
				padding:9px;
				-webkit-box-shadow: 2px 2px 0px #bfc1c2;
				-moz-box-shadow: 2px 2px 0px #bfc1c2;
				box-shadow: 2px 2px 0px #bfc1c2;
			}
				.encartAbo div h4{
					font-family:Times New Roman, Times, serif;
					color:#fff;
					font-style:italic;
					font-size:1.5em;
					font-weight:normal;
					margin-bottom:7px;
				}
					.encartAbo div h4 span{
						float:right;
						font-size:1em;
					}
				
				.encartAbo div p{
					font-family:Times New Roman, Times, serif;
					font-size:1em;
					color:#fff;
				}
		
		
	.homeDroite .quizz {
		background:#fff;
		background-image : url('images/charte/aside_quizz2.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:40px 10px 20px 10px;
		position:relative;
	}
		.homeDroite .quizz p{
			font-size:1.2em;
		}
		.homeDroite .quizz label{
			display:block;
			color:#4a5d68;
			font-weight:bold;
			margin:2px 5px;
		}
		

		
		
.homeGauche {
	width:453px;
	margin-left:0px;
}
	.hrBottom {
		position:absolute;
		width:345px;
		bottom:0px;
	}
	
	.conteneurMain {
		position:relative;
		margin-left:197px;
	}	
	
	.avecThemes .homeGauche {
		width:345px;
	}
	
	.homeGauche .synthese {
		
	}
	
	.homeGauche .synthese div {
		padding:4px 10px 20px 0;
	}
	
		.homeGauche .synthese div img, .articleBlog .synthese img{
			float:left;
			margin-top:1px;
		}
			.homeGauche .synthese h2{
				margin-top:5px;
				margin-bottom:2px;
			}
			
			.homeGauche .synthese div h3{
				margin-left:130px;
				padding:0;
				font-size:1.2em;
				line-height:1.2em;
				color:#4a5d68;
				margin-bottom:5px;
				margin-top:0;
			}
				.homeGauche .synthese div h3 a{
					color:#4a5d68;
					font-size:1.2em;
					
				}
				
			
			.articleBlog .synthese{
				min-height:120px;
				margin-bottom:10px;	
			}
			
			.homeGauche .synthese div p, .articleBlog .synthese p{
				margin-left:130px;				
			}	
				.homeGauche .synthese div p a, .articleBlog .synthese p a{
					color:#4A5D68;
					
				}
				
			.homeGauche .synthese div .puceGris, .articleBlog .synthese .puceGris{
				margin-top:3px !important;				
			}		

	.homeGauche .date{
		color:#969696;
	}
			
	.homeGauche hr {
		margin-bottom:8px;
	}	
	
	.homeGauche ul {
		margin-bottom:20px;
	}
	
	.homeGauche li {
		margin-bottom:5px;
	}
	
		.homeGauche li a{
			color:#4a5d68;
		}
			.homeGauche li a:hover{
				color:#000;
			}
			
	
.plusInfoVert {
	background-image : url('images/charte/plus_info_vert.gif');
	background-repeat:no-repeat;
	background-position:right 0;
	width:250px;
	float:right;
}

.plusInfoGris {
	background-image : url('images/charte/plus_info_gris.gif');
	background-repeat:no-repeat;
	background-position:right 0;
	width:453px;
}
	.avecThemes .plusInfoGris {
		width:345px;
	}
	.plusInfo a{
		text-align:right;
		padding:25px 60px 10px 0px;
		display:block;
		color:#4a5d68;
		font-weight:bold;
	}
		.plusInfo a span{
			background:#fff;
			padding:0 10px;
			text-decoration:underline;
		}
		.plusInfo a:hover span{
			text-decoration:none;
		}

		
/******************************************************************************/
/*  ONGLETS - LISTINGS  */
/******************************************************************************/
.conteneurMainTable td {
	vertical-align:top;
	position:relative;
}

.conteneurMainTable .homeDroite {
	float:none;
	margin-left:15px;
}

.conteneurMainTable .traitTD {
	background:#fff;
	background-image:url('images/charte/td_fond.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}

.onglets {
	width:100%;
	position:relative;
}
	.onglets ul{
		height:36px;
	}

	.onglets li {
		border:1px solid #bfc1c2;
		width:179px;
		float:left;
		margin:0 1px 10px 0;
	}
		.onglets li a{
			text-transform:uppercase;
			font-weight:bold;
			padding:8px 10px 10px 10px;
			display:block;
			color:#4a5d68;
		}
			.onglets li a:hover, .onglets li .active{
				background:#e3e4e5;
			}

.listingSyntheses {

}
	.synth {
		min-height:98px;
		margin-top:14px;
	}
		.synth img{
			float:left;
		}
		.synth h2{
			margin-left:97px;
			padding:0;
		}
			.synth h2 a {
				font-size:1.2em;
				color: #4a5d68;
			}
			
		.synth h3{
			padding:0;
			font-size:1.2em;
			color: #bac1c5;
		}
		
		.synth p{
			margin-left:97px;
			min-height:35px;
		}
			.synth p a{
				color: #4a5d68;
			}
			
		.ouvrage h2, .ouvrage h3, .ouvrage p{
			margin-left:67px !important;
		}
			
		.ouvrage p {			
			min-height:10px;
		}		
			
		.synth .puceRouge, .synth .puceGris{
			margin-top:0px;
			margin-bottom:0px;
			min-height:7px;
		}
		
		.synth .puceRouge {
			/**/margin-bottom:22px;			
		}
		
		.listingSyntheses .pagination {
			text-align:right;
			color:#a3acb2;
			margin-top:0;
			font-weight:bold;
		}
		
			.listingSyntheses .pagination span{
				color:#62737c;
			}
			
			.listingSyntheses .pagination a{
				color:#62737c;
				text-decoration:underline;
			}

	.plusLoin h2, .plusLoin p {
		margin-left:0;
	}	
		
/******************************************************************************/
/*  SYNTHESES  */
/******************************************************************************/
.headerSynthese {
	position:relative;
}
	.headerSynthese div {
		min-height:135px;
	}
	
	.headerSynthese .vignette {
		float:left;
		margin-right:20px;
	}
	
	.headerSynthese h1{
		font-size:1.7em;
		line-height:1.2em;
		margin:13px 220px 10px 0;
		padding:0;
		color: #4a5d68;
	}
	
	.headerSynthese table p a{
		font-size:1em;
	}
	.headerSynthese a:hover{
		text-decoration:underline;
	}
	
	.headerSynthese p{
		font-size:1.2em;
		line-height:1.2em;
		margin:0 220px 0 140px;
	}
	
	.headerOuvrage p, .headerOuvrage h1 {
		margin-right:0;
	}
	
	.headerOuvrage p {
		margin-left:105px;
	}
	
	.headerOuvrage .puceRouge {
		margin-top:10px !important;
	}
	
	.headerSynthese p span{
		font-size:1em;
		color:#a3acb2;
	}
	
	.headerSynthese .puceRouge, .headerSynthese .puceGris, .headerSynthese .puceVert{
		margin:0;
	}
	.headerSynthese .puceGris{
		margin-top:25px;
	}
	
	.headerSynthese .savoirPlus {
		width:171px;
		background:#fff;
		background-image : url('images/charte/dax_savoirplus.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:23px 9px 10px 5px;
		position:absolute;
		margin-bottom:20px;
		top:0;
		right:0;
	}
		.headerSynthese .savoirPlus p{
			margin:2px 0;
			font-size:1em;
		}
			.headerSynthese .savoirPlus p a{
				color:#4a5d68;
				font-weight:bold;
				font-size:.9em;
			}
				.headerSynthese .savoirPlus p a:hover{
					text-decoration:underline;
				}

	.headerSynthese .icone_print {
		display:block;
		position:absolute;
		bottom:5px;
		*bottom:25px; /*Hack IE7 */
		right:0; /*Modif Will suite ajout ShareThis*/
		/*right:30px;*/ 
	}	

	.headerSynthese .icone_perso {
		display:block;
		position:absolute;
		bottom:5px;
		*bottom:25px; /*Hack IE7 */
		right:0;
	}	
	
	.main .blockSharethis {
		position:absolute;
		bottom:2px;
		right:29px;
	}
	
	.headerSynthese .blockSharethis {
		position:absolute;
		bottom:5px;
		*bottom:25px; /*Hack IE7 */
		right:27px;
	}	
	
	.main .gplusone {
		position:absolute;
		right:159px;
		bottom:2px;		
		height:15px;
	}
	
	.headerSynthese .gplusone {
		position:absolute;
		right:140px;
		bottom:5px;	
		height:15px;
	}
	
				
				
.contentSynthese {
	width:99%;
	position:aboslute;
}

	.contentSynthese p {
		margin:5px 0 5px 0;
	}
		.contentSynthese p a:hover{
			text-decoration:underline;
		}
		.contentSynthese .puceRouge {
			position:absolute;
			right:0;
		}
		.contentSynthese .puceGris {
			margin:0 0 15px 0;
		}
		
		.contentSynthese .synth p {
			margin : 0 0 0 67px;
		}
	
	.contentSynthese h2 {
		font-size:1.2em;
		color:#4a5d68;
		margin:10px 0 0 0;
		padding-bottom:0; 
	}
	
/******************************************************************************/
/*  COMPETENCES  */
/******************************************************************************/
.enjeux {
	
}
	.enjeux th{
		text-align:left;
		width:378px;
		background-image:url('images/charte/td_fond.gif');
		background-repeat:repeat-x;
		background-position:left 20px;
		font-weight:normal;
		color:#4a5d68;
	}
		.enjeux th div{
			padding:15px 10px;
			background:#e1e2e2;
			margin:44px 0px 22px 0px;
		}
			.enjeux th div span{
				display:block;
			}

	.enjeux td{
		vertical-align:top;		
		background-image:url('images/charte/td_fond.gif');
		background-repeat:repeat-x;
		background-position:left 20px;
	}
		.enjeux td h2{
			margin-top:4px;
		}
			.enjeux td h2 span{
				background:#fff;
				padding:11px 5px 0 20px;
				font-size:1.1em;
			}
			
		.enjeux td p{
			margin:4px 15px 4px 20px;
		}
	
/******************************************************************************/
/*  ABONNEMENTS  */
/******************************************************************************/
.typeAbo h3 {	
	font-family:Times New Roman, Times, serif;
	font-style:italic;
	font-size:1.7em;
	text-transform:uppercase;
	margin-bottom:3px;
	padding-bottom:0;
}

.typeAbo .head {
	
}

	
	
/******************************************************************************/
/*  SLIDER  */
/******************************************************************************/
.slider {
	width:100%;
	height:201px;
	background:#f4f4f5;
	background-image:url('images/charte/slider_fond.png');
	background-repeat:no-repeat;
	background-position: left bottom;
	position:relative;
	z-index:300;
}
	.slider .ouvert {
		position:relative;
		width:577px;
		height:174px;
		margin-left:165px;
		padding-top:15px;
	}
		.slider .onglets {		
			position:absolute;	
			bottom:0;
			right:0;
			height:20px;
			text-align:right;
			
			width: 130px;
		}
			.slider .onglets a{					
				background-color:transparent;
				background-image:url('images/charte/slider_onglet_off.png');
				background-repeat:no-repeat;
				padding:5px 8px 5px 6px;
				color:#fff;
				margin-left:10px;
				font-weight:bold;
				font-size:.9em;
				display:block;
				float:left;
			}
			
				.slider .onglets a span{
					
				}			

				.slider .onglets a:hover, .slider .onglets .active{					
					background-image:url('images/charte/slider_onglet_on.png');
				}
		
		.slider .sliderTexte {
			font-family : Times New Roman, Times, serif;
			font-style:italic;
			font-size:1.5em;
			font-weight:bold;
			margin:25px 15px 5px 0;
			line-height:1.2em;
		}
			.slider .sliderTexte b{
				display:block;
				text-transform:uppercase;
				font-size:1.1em;
				letter-spacing:-1px;
			}
			
			.slider p a {
				color:#4A5D68;
			}
			
		.slider .puceRouge, .slider .puceVert {
			background-color:transparent;
		}
		
		.slider .gabarit3 .sliderTexte{
			margin-top:5px;
		}
		.slider .gabarit3 .offrespe{
			margin-top:5px;
			font-weight:bold;
			color:#a3acb2;
		}
		
		.slider .gabarit3 .cadreVert {
			width:225px;
			padding:8px 5px 7px 10px;
			background:#01a4a6;
			-moz-box-shadow: 2px 2px 0px #bfc1c2;
			-webkit-box-shadow: 2px 2px 0px #bfc1c2;
			box-shadow: 2px 2px 0px #bfc1c2;
			margin-bottom:5px;
			margin-top:5px;
			margin-right:5px;
			position:relative;
		}
			.slider .gabarit3 .cadreVert p b{
				color:#fff;
				font-family : Times New Roman, Times, serif;
				font-size:1.4em;
				font-style:italic;
				font-weight:bold;
				margin: 0 0 3px 0;
				padding:0;
				line-height:1.4em;
			}
			
			.slider .gabarit3 .cadreVert p{
				font-style:normal;
				font-weight:normal;
				font-family : Arial, Helvetica, sans-serif;
				font-size:1em;
				color:#fff;
			}
			
			.slider .gabarit4 .sliderTexte {
				margin-top:10px;
			}
			
			.slider .gabarit4 .encartAbo {
				margin:0 !important;
				float:none !important; 
				padding-right:5px !important;
			}

			.slider .gabarit4 .encartAbo div{
				min-height:75px;
				width:160px !important;
			}
			
			
.slider2 {
	width:100%;
	height:75px;
	background:#fff;
	background-image:url('images/charte/slider2_fond.gif');
	position:relative;
	
}
		.slider2 .sliderTexte {
			font-family : Times New Roman, Times, serif;
			font-style:italic;
			font-size:18px;
			font-weight:bold;
			padding:15px 70px 0 165px;
			margin:0;
			line-height:.9em;
			
		}
		
		.slider2Clients  {
			background-position:215px bottom;
			margin-bottom:10px;
			height:85px;
			
		}
			.slider2Clients .sliderTexte {
				padding:7px 40px 0 215px;
				font-size:14px;	
				line-height:1.1em;
				font-weight:normal;
				font-style:normal;
				font-family : Arial, Helvetica, sans-serif;
			}
			.slider2Clients .sliderTexte span{
				font-weight:bold !important;
				font-size:12px !important;
				display:inline-block;
				text-align:right;
				margin:0;
				line-height:1em;
			}
		
		.slider2 .citationVert {
			position:absolute;
			top:0;
			left:0;
			background:#bfbd00;
			width:172px;
			height:65px;		
			padding:10px 15px;	
			display: table-cell;
			vertical-align: middle;
			margin-right:10px;
		}
		
		.slider2 .citationVert blockquote {
			font-family : Times New Roman, Times, serif;
			color:#FFF;
			font-weight:bold;
			font-style:italic;
			font-size:18px;
			margin-top:13px;			
		}
			.slider2 .sliderTexte span{
				padding:0;
				margin:3px 0 0 0;
				display:block;
				font-size:12px;
				font-weight:normal;
				font-style:normal;
			}
		.slider2 .onglets {		
			position:absolute;	
			bottom:0;
			right:0;
			height:20px;
			text-align:right;
		}
			.slider2 .onglets a{					
				background-color:transparent;
				background-image:url('images/charte/slider_onglet_off.png');
				background-repeat:no-repeat;
				width:20px;
				padding:3px 8px 3px 6px;
				color:#fff;
				font-weight:bold;
				font-size:.9em;
			}
				.slider2 .onglets a:hover, .slider .onglets .active{					
					background-image:url('images/charte/slider_onglet_on.png');
				}

/******************************************************************************/
/*  FOOTER  */
/******************************************************************************/
.footer {
	clear:both;
	margin-top:30px;
}
	.footer p{
		color:#8d9398;
		/*color:#bbc2c7;*/
		text-align:justify;
		font-size:.9em;
	}
	.footer img{
		margin-bottom:7px;
	}
	
	.footer p a{
		font-size:1em;
		font-weight:bold;
		color:#8d9398;
		/*color:#bbc2c7;*/
	}
		.footer p a{
			text-decoration:underline;
		}
	
	
	.footer table  {
		margin-top:10px;
	} 
	
		.footer table td {
			width:170px;
			border-right:1px solid #dedede;
			padding:0 20px;
		} 
		
		.footer table td p {
			margin-bottom:5px;
			font-size:.8em;
			text-align:left;
		}

			.footer table td p a{
				text-decoration:none;
			} 
				.footer table td p a:hover{
					text-decoration:underline;
				} 
		
		.footer table td p strong{
			color:#666;
			/*color:#9a9c9e;*/
		} 

	

/******************************************************************************/
/*  COLLECTIONS  */
/******************************************************************************/
.collecOffre {	
		background:#fff;
		background-image : url('images/charte/dax_offre_du_mois.gif');
		background-repeat:no-repeat;
		background-position:right 0;
		border-bottom:1px solid #bfc1c2;
		padding:23px 9px 5px 0px;
		position:relative;
		margin-bottom:20px;
	}
		.collecOffre h1{
			font-family : Times New Roman, Times, serif;
			color:#4a5d68;
			font-size:1.7em;
			text-transform:uppercase;
			font-style:italic;
			letter-spacing:-1px;
		}
		
		.collecOffre h2{
			font-family : Times New Roman, Times, serif;
			color:#4a5d68;
			font-size:1.2em;
			font-style:italic;
			text-transform:none;
		}
		
		.collecOffre div.bloc{
			width:155px;
			padding:8px 10px 15px 10px;
			background:#01a4a6;
			-moz-box-shadow: 3px 3px 0px #bfc1c2;
			-webkit-box-shadow: 3px 3px 0px #bfc1c2;
			box-shadow: 3px 3px 0px #bfc1c2;
			margin-bottom:8px;
		}
			.collecOffre div.bloc p{
				color:#fff;
				font-family : Times New Roman, Times, serif;
				font-size:1.3em;
				font-style:italic;
				font-weight:bold;
				margin:0;
				line-height:1.2em;
			}
				.collecOffre div.bloc p span{
					font-style:normal;
					font-weight:normal;
					font-family : Arial, Helvetica, sans-serif;
					font-size:.7em;
				}

.collecFonction {
	width:543px;
	background:#fff;
	background-image : url('images/charte/dax_meilleures_fonction.gif');
	background-repeat:no-repeat;
	background-position:right 0;
	border-bottom:1px solid #bfc1c2;
	padding:23px 9px 15px 0px;
	position:relative;
	margin-bottom:20px;
	margin-top:30px;
}
.collecFonction p{
	font-family : Times New Roman, Times, serif;
	font-style:italic;
	width:310px;
	font-size:1.2em !important;
	margin-bottom:6px;
	font-weight:bold;
}
.collecFonction li{
	color:#4A5D68;
	margin-bottom:4px;
}
	.collecFonction li a{
		color:#4A5D68;
	}
		.collecFonction li a:hover{
			color:#000;
		}

		.collecFonction div{
			float:right;
			width:216px;
			padding:8px 5px 10px 10px;
			background:#01a4a6;
			-moz-box-shadow: 3px 3px 0px #bfc1c2;
			-webkit-box-shadow: 3px 3px 0px #bfc1c2;
			box-shadow: 3px 3px 0px #bfc1c2;
			margin-bottom:10px;
			/*margin-top:18px;
			margin-right:5px;*/
		}
			.collecFonction div p{
				color:#fff;
				font-family : Times New Roman, Times, serif;
				font-size:1.3em;
				font-style:italic;
				font-weight:bold;
				margin:0;
				line-height:1.3em;
			}
				.collecFonction div p span{
					font-style:normal;
					font-weight:normal;
					font-family : Arial, Helvetica, sans-serif;
					font-size:.7em;
				}



.collecParTheme {
	background-image : url('images/charte/dax_meilleures_thematique.gif');
	border:0;
}
		.collecParTheme div{
			margin-top:00px;
		}

.collecTableau {
	width:255px;
	padding-bottom:27px;
	margin-top:10px;
}
	.collecCadre1 {
		background-image : url('images/charte/dax_par_enjeu.gif');
	}
	.collecCadre2 {
		background-image : url('images/charte/dax_par_enjeu_mana.gif');
	}
	.collecCadre3 {
		background-image : url('images/charte/dax_moment_cle.gif');
	}
	.collecCadre4 {
		background-image : url('images/charte/dax_par_competence.gif');
	}

.collecHeader h1  {
	color:#4a5d68;
	font-size:2em;
	text-transform:uppercase;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	margin:5px 0;
	width:100%;
	/*width:365px;*/
}
	.collecHeader p {
		text-align:justify;
		padding-right:15px;
		font-size:1.2em;
		line-height:1.2em;
		width:365px;
		margin-bottom:15px;
	}	
	
	.collecHeaderDroite {
		float:right;
	}
	
	.collecHeaderDroite .commander {
		margin-top:10px;
		margin-bottom:5px;
	}

		.collecHeaderDroite div{
			width:150px;
			padding:8px 5px 10px 10px;
			background:#01a4a6;
			-moz-box-shadow: 3px 3px 0px #bfc1c2;
			-webkit-box-shadow: 3px 3px 0px #bfc1c2;
			box-shadow: 3px 3px 0px #bfc1c2;
			margin-bottom:10px;
			margin-top:30px;
			margin-right:5px;
		}
			.collecHeaderDroite div p{
				color:#fff;
				font-family : Times New Roman, Times, serif;
				font-size:1.3em;
				font-style:italic;
				font-weight:bold;
				margin:0;
				line-height:1.3em;
			}
				.collecHeaderDroite div p span{
					font-style:normal;
					font-weight:normal;
					font-family : Arial, Helvetica, sans-serif;
					font-size:.7em;
				}
	
	
/******************************************************************************/
/*  MON ABONNEMENT  */
/******************************************************************************/
.monAbo {
	margin:20px 0 0 0;
}

	.monAbo h2{
		font-size:1.1em !important;
		margin:20px 0 3px 0;
		padding:0;
	}

	.monAbo .puceVert{
		margin:0;
	}

	.monAbo .cadreVert{
		width:545px;
		padding:8px 5px 7px 10px;
		background:#01a4a6;
		-moz-box-shadow: 2px 2px 0px #bfc1c2;
		-webkit-box-shadow: 2px 2px 0px #bfc1c2;
		box-shadow: 2px 2px 0px #bfc1c2;
		margin-bottom:0px;
		margin-top:10px;
		margin-right:5px;
		position:relative;
	}
		.monAbo .cadreVert h3{
			color:#fff;
			font-family : Times New Roman, Times, serif;
			font-size:1.3em;
			font-style:italic;
			font-weight:bold;
			margin: 0 0 3px 0;
			padding:0;
			line-height:1.4em;
		}
		
		.monAbo .cadreVert p{
			font-style:normal;
			font-weight:normal;
			font-family : Arial, Helvetica, sans-serif;
			font-size:.9em;
			color:#fff;
		}

		.monAbo .cadreVert img{
			position:absolute;
			bottom:0;
			right:-25px;
		}

	
	.monAbo .cadreGris {
		background:#e3e4e5;
		width:545px;
		padding:8px 5px 7px 10px;
		margin:0 0 0 2px;
		font-family : Times New Roman, Times, serif;
	}
		.monAbo .cadreGris table{
			width:100%;
		}
		
		.monAbo .cadreGris td{
			width:50%;
			vertical-align:bottom;
		}
			.monAbo .cadreGris td p b{
				font-size:1.3em;
				font-style:italic;
			}
		
		.monAbo .cadreGris .puceRouge {
			background-color:transparent; 
			font-family : Arial, Helvetica, sans-serif;
		}

.changement {
	width:406px;
	background:transparent;
	background-image: url('images/charte/dax_changement.gif');
	background-repeat:no-repeat;
	background-position:right 0;
	border-bottom:1px solid #bfc1c2;
	padding:30px 9px 15px 0px;
	position:relative;
	margin-bottom:20px;
	margin-top:30px;
}
	.changement a{
		color:#4a5d68;
	}
	
.collectif {
	background-image: url('images/charte/dax_collectifs.gif');
	width:258px;
	float:right;
	margin-right:40px;
}
	
	
/******************************************************************************/
/*  PREMIERE VISITE  */
/******************************************************************************/
.moncompte {
	width:737px;
	background:#fff;
	background-image: url('images/charte/dax_moncompte.gif');
	background-repeat:no-repeat;
	background-position:right 0;
	border-bottom:1px solid #bfc1c2;
	padding:30px 9px 15px 0px;
	position:relative;
	margin-bottom:20px;
	margin-top:30px;
	position:relative;
}
	.moncompte th{
		width:140px;
		vertical-align:center;
		padding-bottom:10px;
		text-align:left;
		font-weight:normal;
		color:#4a5d68;
	}
	.moncompte td{
		width:250px;
		vertical-align:center;
		padding-bottom:10px;
		color:#4a5d68;
	}
		.moncompte .champ{
			width:240px;
			vertical-align:center;
			border:1px solid #bfc1c2;
			padding:5px 8px;
		}

.interets {
	background-image: url('images/charte/dax_interets.gif');
}	
	.interets table{
		width:100%;
	}
	
	.interets td{
		width:50%;
		vertical-align:top;
		color:#4a5d68;
	}
	
	.interets label{
		display:block;
		padding-top:10px;
	}
	
	
	
/******************************************************************************/
/*  NOS LECTEURS  */
/******************************************************************************/
.noslecteurs {
	/*width:330px;*/
}
	.noslecteurs  li{
		margin-bottom:10px;
		color:#4A5D68;
		padding-left:20px;
		line-height:1.3em;
	}
	.noslecteurs  p{
		margin:15px 10px 15px 0;
		text-align:justify;
	}
	
	.noslecteursCitation {
		padding:20px 0;
		border-bottom:1px dotted #4A5D68;
		margin:0 15px;
	}
		.noslecteursCitation blockquote{
			margin: 0 0px 0 3px;
			font-size:1.2em;
			color:#4A5D68;
			text-align:justify;
		}
		.noslecteursCitation p{
			text-align:right;
		}

		.noslecteursDroite {
			float:right;
			width:200px;
		}
		
			.noslecteursDroite span{
				text-transform:uppercase;
			}
			
			.noslecteursDroite div{
				margin-top:10px;
				background:#EEE;
				margin-right:10px;
				padding:10px;
				color:#000;
			}
				.noslecteursDroite div a {font-weight:normal;}
				
				.noslecteursDroite div span{
					text-transform:none;
					font-size:11px;
					font-weight:bold;
				}
	
/******************************************************************************/
/*  BLOG  */
/******************************************************************************/
.menublog li  {
	margin-left:548px;
}

.asideblog {
	margin-top:-16px;
	margin-right:4px;
}

.presBlog {
	width:218px;
	height:175px;
	padding: 25px 15px 0px 15px;
	background-image: url('images/charte/aside_encart_fond.gif');
	background-repeat:no-repeat;

}

	.presBlog p{
		margin-top:15px;
	}
	
	.presBlog .puceVert{
		background-color:transparent;
		margin-top:5px;
		background-image : url("images/charte/puce_vert.gif");
		background-position:left 5px;	
	}

	
	
	
.paveBlog p {
	margin-left:8px;
}

.paveAproposBlog p {
	margin-top:15px;
	margin-left:8px;
}

	.paveAproposBlog .puceVert {
		float:right;
		width:80px;
		margin-top:10px;
	}

	.paveAproposBlog .bot {
		clear:right;
	}

.articleBlog {
	width:700px;
	margin-bottom:25px;
	margin-left:20px;
}
	.articleBlog a:hover{
		text-decoration:underline;
	}
	.articleBlog h1{			
		color:#4A5D68;
		padding:10px 0 10px 0;
	}
	
	.articleBlog h1 a{			
		color:#4A5D68;
		font-size:1em;
		
	}
		.articleBlog h1 a:hover{			
			text-decoration:underline;
		}
	
	.articleBlog p{		
		color:#4A5D68;
		font-size:1.1em;
		text-align:justify;
		margin-bottom:10px;
	}
	
	.articleBlog p a {
		color:#4a5d68;
		/*font-weight:bold;*/
		font-size:1em;
	}
	
	.articleBlog p a:hover {
		text-decoration:underline;
	}
	
	.articleBlog .livre {
		min-height:135px;
		margin-bottom:10px;
	}
	
	.articleBlog .livre img {
		float:left;
		padding:0 15px 0 0;
	}
	
	.articleBlog .date{
		border-bottom:1px solid #c1c0c0;
		height:11px;
	}
	
	
		.articleBlog .date span{
			font-weight:bold;
			font-size:1.1em;
			color:#abafa6;
			background:#fff;
			padding:0 10px;
			margin-left:15px;
			text-transform:lowercase;
		}
		
	.articleBottom {
		margin:0 !important;
		padding:0 !important;
		color:#a3acb2 !important;
	}			
	
		.articleBottom .gplusone{
			position:relative;
			left:5px;
			top:3px;
		}
		
		.articleBottom a:hover{	
			text-decoration:underline !important;
		}
	
		.articleBottom b a{		
			color:#4A5D68;
		}
	
		.articleBottom b {		
			color:#4A5D68;
		}	
		
		.articleMotcle a{		
			color:#b2bb1e;
			font-weight:bold;
		}	
		
		.articleBlog .puceVert {
			margin-top:12px;
		}
		

		
		.paginationBlog {
			text-align:right;
			color:#a3acb2;
			margin-top:0;
			font-weight:bold;
			width:720px;
		}
		
			.paginationBlog span{
				color:#62737c;
			}
			
			.paginationBlog a{
				color:#62737c !important;
				text-decoration:underline;
			}
				
				.paginationBlog a img.pagination_g_b{
					margin:0 5px 0 0;
				}
			
				.paginationBlog a img.pagination_d_b{
					margin:0 0 0 2px;
				}
			
			.blogPhoto {
				float:left;
				margin: 2px 10px 5px 0;
			}

.commentaireBlog {
	width:700px;
	padding:15px 20px 15px 0;
	border-bottom:1px dashed #c1c0c0;
}
	.commentaireBlog p{
		font-size:.9em;
		text-align:justify;
	}
	
.formulaireBlog {

}

	.formulaireBlog p, .formulaireBlog label{
		font-size:.9em;
		display:block;
		color:#4a5d68;
		margin-top:15px;
	}
	
	.formulaireBlog span{
		font-size:1em;
		width:170px;
		display:block;
		float:left;
		padding-top:5px;
	}
		
	.formulaireBlog .champ{
		height:25px;
		width:250px;
		color:#4A5D68;
	}
	
	.formulaireBlog textarea{
		width:700px;
		height:80px;
		font-family:Arial, sans-serif;
		color:#4A5D68;
	}
	
	.formulaireBlog .inputCode{
		position:relative;
		top:-11px;
		margin-right:20px;
	}

	
/******************************************************************************/
/*  OFFRES  */
/******************************************************************************/	
	
.offre .slider2{
	height:100px;
}
	.offre .slider2 div{
		float: left;
		height: 90px;
		background-color: #8A8000;
		padding: 5px 10px;
		width: 183px;
		margin-right: 15px;
		color: white;
		font-family: Times New Roman, Times, serif;
		font-style: italic;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	
	.offre .slider2 .sliderTexte{
		font-family: Times New Roman, Times, serif;
		font-style: italic;
		font-size: 18px;
		font-weight: bold;
		padding: 9px 25px 0 225px;
		margin: 0;
		line-height: .9em;
	}
.offre .longText h1{
	color: #4A5D68;
	font-size: 2em;
	text-transform: uppercase;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	margin: 5px 0;
	width: 100%;
}
	
.offre h1 span{
	font-size:18px;
}

.offre p.sliderTexte{
	background-color:#E5E4B0;
	padding:10px;
	border:1px solid #BABE19;
	color:#70661D;
	font-style:italic;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	.offre p.sliderTexte span{
		color:#1D1D1B;
		font-weight: bold; 
		text-align:right; 
		font-style:normal;
	}
	
.offre .date {
	text-align: right;
	margin: 12px 7px 3px 0;
	color: #B7B8B1;
	font-weight: bold;
}


.offre .homeDroite .pave h2{
	font-size:1.2em;	
	font-family: Arial, Helvetica, sans-serifsans-serif;
	/*font-style: italic;*/
	color: #4A5D68;
	width:182px;
	text-transform:none;
}

.offre .homeDroite .pave div.bloc{
	width: 150px;
	padding: 8px 5px 10px 10px;
	background: #01A4A6;
	-moz-box-shadow: 3px 3px 0px #bfc1c2;
	-webkit-box-shadow: 3px 3px 0px #BFC1C2;
	box-shadow: 3px 3px 0px #BFC1C2;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 5px;
}
	.offre .homeDroite .pave div.bloc p{
		color: white;
		font-family: Times New Roman, Times, serif;
		font-size: 1.3em;
		font-style: italic;
		font-weight: bold;
		margin: 0;
		line-height: 1.3em;
	}
	
.offre .homeDroite .pave p {
	padding-right:0;
}
.offre .homeDroite div p{
	font-size:1.2em;	
}