/*=============================================================================================
CSS Content ::: Hartmann ::: kdang@advisa.fr
=============================================================================================*/

body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans serif;
	font-size: 0.625em; /*Taille de base 10px*/
	color: #333;
	line-height: 110%;
}

a {
	color: #333;
}
a:hover {
	color: #000;
}
a img {
	border: 0;
	border: none;
}
h3 {
    color: #E53517;
}
table {
	border-collapse: collapse;
	margin: 0;
}


/* ---------------------------   TAILLES   -------------------------------- */
.___Tailles___{}
	
	.taille-11 {
		font-size: 0.85em;
		line-height: 110%;
	}
	.taille-12 {
		font-size: 0.925em;
		line-height: 110%;
	}
	.taille-13 {
		font-size: 1em;
		line-height: 110%;
	}
	.taille-14 {
		font-size: 1.08em;
		line-height: 110%;
	}
	.taille-16 {
		font-size: 1.235em;
		line-height: 110%;
	}
	.taille-18 {
		font-size: 1.39em;
		line-height: 110%;
	}
	

/* ---------------------------   COULEURS   -------------------------------- */
.___Couleurs___{}

	.rose {
		color: #DA93B8 !important;
	}
		.rose a {
			color: #DA93B8 !important;
		}
	.rouge {
		color: #E53517 !important;
	}
		.rouge a {
			color: #E53517 !important;
		}
	.rouge-vif {
		color: #E53517 !important;
	}
		.rouge-vif a {
			color: #E53517 !important;
		}
	.vert {
		color: #B6C544 !important;
	}
		.vert a {
			color: #B6C544 !important;
		}
	.gris {
		color: #999 !important;
	}
		.gris a {
			color: #999 !important;
		}
	.noir {
		color: #333 !important;
	}
		.noir a {
			color: #333 !important;
		}
		
		
/* ---------------------------   TAILLES et COULEURS   -------------------------------- */
.___Tailles-et-couleurs___{}
	
	.taille-11-rose {
		font-size: 0.85em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-11-rouge {
		font-size: 0.85em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-11-rouge-vif {
		font-size: 0.85em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-11-vert {
		font-size: 0.85em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-11-gris {
		font-size: 0.85em;
		line-height: 110%;
		color: #999;
	}
	
	.taille-12-rose {
		font-size: 0.925em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-12-rouge {
		font-size: 0.925em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-12-rouge-vif {
		font-size: 0.925em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-12-vert {
		font-size: 0.925em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-12-gris {
		font-size: 0.925em;
		line-height: 110%;
		color: #999;
	}
	
	.taille-13-rose {
		font-size: 1.3em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-13-rouge {
		font-size: 1.3em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-13-rouge-vif {
		font-size: 1.3em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-13-vert {
		font-size: 1.3em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-13-gris {
		font-size: 1.3em;
		line-height: 110%;
		color: #999;
	}
	
	.taille-14-rose {
		font-size: 1.08em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-14-rouge {
		font-size: 1.08em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-14-rouge-vif {
		font-size: 1.08em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-14-vert {
		font-size: 1.08em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-14-gris {
		font-size: 1.08em;
		line-height: 110%;
		color: #999;
	}
	
	.taille-16-rose {
		font-size: 1.235em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-16-rouge {
		font-size: 1.235em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-16-rouge-vif {
		font-size: 1.235em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-16-vert {
		font-size: 1.235em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-16-gris {
		font-size: 1.235em;
		line-height: 110%;
		color: #999;
	}
	
	.taille-18-rose {
		font-size: 1.39em;
		line-height: 110%;
		color: #DA93B8;
	}
	.taille-18-rouge {
		font-size: 1.39em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-18-rouge-vif {
		font-size: 1.39em;
		line-height: 110%;
		color: #E53517;
	}
	.taille-18-vert {
		font-size: 1.39em;
		line-height: 110%;
		color: #B6C544;
	}
	.taille-18-gris {
		font-size: 1.39em;
		line-height: 110%;
		color: #999;
	}
	

/* ---------------------------   TITRES   -------------------------------- */
.___Titres___{}

	.sousTitre-avec-puce {
		font-weight: bold;
		color: #333;
		background: url(../images/puce_readmore.gif) left center no-repeat;
		padding: 5px 0 5px 15px;
	}
	.onglet-title-vert {
		background: #8AC2B4 url(../images/onglet_title_vert_left.gif) left top no-repeat;
	}
	.onglet-title-jaune {
		background: #FFC86D url(../images/onglet_title_jaune_left.gif) left top no-repeat;
	}
	.onglet-title-beige {
		background: #D4D4C8 url(../images/onglet_title_beige_left.gif) left top no-repeat;
	}
	.onglet-title-in {
		height: 22px;
		padding: 10px 10px 0 10px;
	}
	.onglet-title-vert .onglet-title-in {
		background: url(../images/onglet_title_vert_right.gif) right top no-repeat;
	}
	.onglet-title-jaune .onglet-title-in {
		background: url(../images/onglet_title_jaune_right.gif) right top no-repeat;
	}
	.onglet-title-beige .onglet-title-in {
		background: url(../images/onglet_title_beige_right.gif) right top no-repeat;
	}
		.onglet-title h1 {
			margin: 0;
			padding: 2px 0 0 0;
			font-size: 2.1em;
			color: #fff;
			font-weight: normal;
		}
		.onglet-title h2 {
			margin: 0;
			padding: 6px 0 0 0;
			font-size: 1.6em;
			color: #fff;
			font-weight: normal;
		}
		.onglet-title-in table {
			border: 0;
			height: 22px;
		}
			.onglet-title-in table td {
				padding: 0;
			}
			.onglet-title-in table .td-border-left {
				width: 10px;
				background: url(../images/onglet_title_in_left.png) right top no-repeat;
			}
			.onglet-title-in table .td-border-right {
				width: 10px;
				background: url(../images/onglet_title_in_right.png) left top no-repeat;
			}
			.onglet-title-in table .td-title {
				background: #fff;
			}
			.onglet-title-in .div-border-left {
				width: 10px;
				background: url(../images/onglet_title_in_left.png) right top no-repeat;
				height: 22px;
				float: left;
			}
			.onglet-title-in .div-border-right {
				width: 10px;
				background: url(../images/onglet_title_in_right.png) left top no-repeat;
				height: 22px;
				float: left;
			}
			.onglet-title-in .div-title {
				background: #fff;
				height: 22px;
				float: left;
			}
		.onglet-title td h1,
		.onglet-title td h2,
		.onglet-title .div-title h1,
		.onglet-title .div-title h2 {
			color: #333;
		}

/* ---------------------------   LIENS   -------------------------------- */
.___Liens___{}

	.lien-avec-puce {
		background: url(../images/puce_readmore.gif) left center no-repeat;
		padding: 5px 0 5px 15px;
	}
	

/* ---------------------------   LISTES   -------------------------------- */
.___Listes___{}

	.list-avec-puce {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.list-avec-puce li {
			background: url(../images/puce_readmore.gif) left 2px no-repeat;
			padding: 0 0 0 15px;
			margin: 7px 0;
			list-style: none;
		}
	li.list-avec-puce {
		background: url(../images/puce_readmore.gif) left 2px no-repeat;
		padding: 0 0 0 15px;
		margin: 7px 0;
		list-style: none;
	}

	
/* ---------------------------   IMAGES   -------------------------------- */
.___Images___{}

	.img-avec-onglet {
		background: url(../images/ctn_img_avec_onglet.gif) no-repeat;
		padding: 22px 0 0 20px;
		margin: 0 18px 0 0;
	}
	div.img-avec-onglet {
		width: 333px;
	}
	table.img-avec-onglet {
		width: auto;
		background: none;
	}
		table.img-avec-onglet td {
			vertical-align: top;
			padding: 0;
		}
		table.img-avec-onglet td.td-border-left {
			width: 20px;
			background: url(../images/ctn_img_avec_onglet_left.gif) no-repeat;
		}
		table.img-avec-onglet td.td-border-right {
			width: 20px;
			background: url(../images/ctn_img_avec_onglet_right.gif) no-repeat;
		}
		table.img-avec-onglet td.td-img {
			padding-top: 21px;
			background: url(../images/ctn_img_avec_onglet_repeat.gif) repeat-x;
		}
	.img-avec-bordure {
		border: 1px solid #ccc;
	}
		.img-avec-bordure img {
			display: block;
		}
		

/* ---------------------------   MARGES   -------------------------------- */
.___Marges___{}

	.padding-droit-10 {
		padding-right: 10px;
	}
	.padding-gauche-10 {
		padding-left: 10px;
	}
	.margin-droit-10 {
		margin-right: 10px;
	}
	.margin-gauche-10 {
		margin-left: 10px;
	}
	.padding-droit-20 {
		padding-right: 20px;
	}
	.padding-gauche-20 {
		padding-left: 20px;
	}
	
	.margin-droit-20 {
		margin-right: 20px;
	}
	.margin-gauche-20 {
		margin-left: 20px;
	}

/* ---------------------------   MISE EN PAGE   -------------------------------- */
.___Mise-en-page___{}

	.entete {
		font-size: 1.235m;
		line-height: 110%;
	}
	
	
/* ---------------------------   OUTILS   -------------------------------- */
.___Outils___{}

	.clear{
		clear: both;
	}
	
/* --------------------------- ZONE TINYMCE -------------------------------- */
html body.mceContentBody { /* Body Editeur */
	font-size: 0.813em;
}
td.mceVisualAid,
td.mceVisualAid td {
    border: 1px dashed #999;
    font-size: 0.813em;
}