/*================================================ 
CSS LAYOUT - Quotipharm.com
================================================*/

body {
  margin: 0;
  padding: 0;
  background: #F9F9F9;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Sans serif;
  font-size: 11px;
  color: #433D2A;
}
.clear {
  clear: both;
}
.preload {
	display: none;
	text-indent: -10000px;
}
#conteneur-site {
	width: 990px;
	margin: 0 auto;
	background: url(../img/bg_site.jpg) center repeat-y;
}

/*===============================================
HEADER
===============================================*/
#header {
	width: 990px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background: #F9F9F9;
}
.header-left {
	width: 800px;
	float: left;
}
	.header-logo {
		margin: 0 33px 0 0;
		float: left;
	}

/*======== Header pad infos ========*/
.header-infos {
	width: 408px;
	background: #A7D3F0;
	padding: 0;
	float: left;
}
	.une-info {
		width: 190px;
		font-size: 11px;
		color: #006CB7;
		margin: 5px;
		float: left;
		line-height: 11px;
	}
		.une-info img {
			border: 3px solid #fff;
			float: left;
			margin: 0 7px 0 0;
		}

		
/*========= Navigation annexe ==========*/
.nav-annexe {
	width: 408px;
	background: #F9F9F9;
	font-size: 10px;
	padding: 5px 0 2px 0;
	float: left;
}
	.nav-annexe a {
		color: #999;
		text-decoration: none;
		background-position: left center;
		background-repeat: no-repeat;
		padding: 0 10px 0 13px;
	}
	.nav-annexe a:hover,	.nav-annexe a:active	{
		color: #333;
	}
	.nav-annexe a.btn-demarrage {
		background-image: url(../img/ico_demarrage.gif);
	}
	.nav-annexe a.btn-favori {
		background-image: url(../img/ico_favori.gif);
	}
	.nav-annexe a.btn-rss {
		background-image: url(../img/ico_rss.gif);
	}
	.nav-annexe a.btn-contact {
		background-image: url(../img/icn_contact.gif);
	}
	.btn-une-info {
		width: 48px;
		float: left;
		padding: 1px 0 0 5px;
	}


/*======== Pad search ========*/
.pad-search {
	width: 162px;
	height: 42px;
	padding: 6px 7px 0 11px;
	background: url(../img/search_ombre.gif) no-repeat;
	float: left;
}
	#search {
		width: 152px;
		height: 32px;
		padding: 10px 0 0 10px;
		margin: 0;
		background: #006CB7;
	}
		.input-search {
			border: 1px solid #ccc;
			background: #fff;
			width: 123px;
			color: #006CB7;
			font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Sans serif;
			font-size: 10px;
			padding: 1px 2px;
			margin: 0;
			float: left;
		}
		.btn-search {
			border: 0;
			margin: 0 0 0 4px;
			float: left;
		}


/*======== Menu Top ========*/
#nav-top {
	width: 620px;
	float: left;
	font-size: 10px;
	font-weight: bold;
}
	#nav-top a {
		display: block;
		height: 48px;
		float: left;
		text-decoration: none;
	}
	#nav-top a.nav-top-1 {
		width: 89px;
		background: url(../img/btn_navtop1.gif) no-repeat;
	}
	#nav-top a.nav-top-1:hover {
		background-image: url(../img/btn_navtop1_on.gif);
	}
	#nav-top a.nav-top-1-active {
		width: 89px;
		background: url(../img/btn_navtop1_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-2 {
		width: 88px;
		background: url(../img/btn_navtop2.gif) no-repeat;
	}
	#nav-top a.nav-top-2:hover {
		background-image: url(../img/btn_navtop2_on.gif);
	}
	#nav-top a.nav-top-2-active {
		width: 88px;
		background: url(../img/btn_navtop2_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-3 {
		width: 88px;
		background: url(../img/btn_navtop3.gif) no-repeat;
	}
	#nav-top a.nav-top-3:hover {
		background-image: url(../img/btn_navtop3_on.gif);
	}
	#nav-top a.nav-top-3-active {
		width: 88px;
		background: url(../img/btn_navtop3_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-4 {
		width: 88px;
		background: url(../img/btn_navtop4.gif) no-repeat;
	}
	#nav-top a.nav-top-4:hover {
		background-image: url(../img/btn_navtop4_on.gif);
	}
	#nav-top a.nav-top-4-active {
		width: 88px;
		background: url(../img/btn_navtop4_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-5 {
		width: 88px;
		background: url(../img/btn_navtop5.gif) no-repeat;
	}
	#nav-top a.nav-top-5:hover {
		background-image: url(../img/btn_navtop5_on.gif);
	}
	#nav-top a.nav-top-5-active {
		width: 88px;
		background: url(../img/btn_navtop5_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-6 {
		width: 88px;
		background: url(../img/btn_navtop6.gif) no-repeat;
	}
	#nav-top a.nav-top-6:hover {
		background-image: url(../img/btn_navtop6_on.gif);
	}
	#nav-top a.nav-top-6-active {
		width: 88px;
		background: url(../img/btn_navtop6_on.gif) no-repeat;
	}
	
	#nav-top a.nav-top-7 {
		width: 88px;
		background: url(../img/btn_navtop7.gif) no-repeat;
	}
	#nav-top a.nav-top-7:hover {
		background-image: url(../img/btn_navtop7_on.gif);
	}
	#nav-top a.nav-top-7-active {
		width: 88px;
		background: url(../img/btn_navtop7_on.gif) no-repeat;
	}


/*======== Header pad Questionnaire (droite) ========*/
.header-right {
	width: 174px;
	height: 126px;
	float: left;
	background: url(../img/header_pad_quest.jpg) no-repeat;
	color: #fff;
	font-size: 11px;
	padding: 8px;
	line-height: 12px;
}
	.header-right form {
		margin: 0;
		padding: 0;
	}
	.header-right table {
		margin: 3px auto;
		color: #000;
		font-size: 11px;
	}


/*===============================================
MAIN
===============================================*/
#main {
	width: 990px;
	margin: 0 auto;
}

/*====== Menu de gauche ======*/
	#left-col {
		width: 161px;
		padding: 0 12px 0 12px;
		float: left;
	}
	/*html > body #left-col {
		padding: 0 12px 0 12px;
	}*/
		.left-col-inner {
			border-top: 1px solid #ccc;
			color: #666;
		}
			#left-col .hr {
				margin: 0;
				padding: 0;
				border: 0;
			}
			#left-col .pad-gris-fonce,
			#left-col .pad-gris-moyen,
			#left-col .pad-gris-clair,
			#left-col .pad-gris-clair-ombre,
			#left-col .pad-blanc
			{
				border-top: 2px solid #fff;
				border-bottom: 2px solid #fff;
				border-left: 3px solid #fff;
				border-right: 3px solid #fff;
				font-size: 12px;
				line-height: 15px;
			}
			#left-col .pad-gris-fonce {
				padding: 2px 5px;
				text-align: center;
				background: #b2b2b2;
			}
				#left-col .pad-gris-fonce strong {
					color: #333;
				}
			#left-col .pad-gris-moyen {
				padding: 2px 5px;
				text-align: center;
				background: #cacaca;
			}
				#left-col .pad-gris-moyen a {
					color: #666;
					font-weight: bold;
					letter-spacing: 0px;
					text-decoration: none;
				}
				#left-col .pad-gris-moyen a:hover {
					color: #000;
				}
			#left-col .pad-gris-clair {
				padding: 0;
				background: #dedede url(../img/degrade_gris_clair.gif) top repeat-x;
			}
			#left-col .pad-gris-clair-ombre {
				padding: 0;
				background: #dedede url(../img/pad_gris_clair_ombre.jpg) center 22px no-repeat;
			}
			#left-col .pad-blanc {
				padding: 0;
				background: #fff url(../img/pad_blanc_ombre.jpg) center 22px no-repeat;
			}
				
				#left-col h1 {
					border-left: 6px solid #006CB7;
					font-size: 13px;
					color: #333;
					text-transform: uppercase;
					padding: 0 0 0 7px;
					margin: 6px 5px;
				}
				#left-col h2 {
					width: 131px;
					font-size: 12px;
					color: #fff;
					text-transform: uppercase;
					padding: 4px 12px;
					margin: 0 0 5px 0;
				}
				
				#left-col a:hover, #left-col a:active	{
					color: #000;
				}

				ul.leftnav-type-1, ul.leftnav-type-2 {
					margin: 0 5px;
					padding: 0 0 5px 0;					
				}
					.leftnav-type-1 li {
						list-style: none;
						margin: 0;
						padding: 3px 0 3px 13px;
						background: url(../img/puce_carre.gif) 4px 8px no-repeat;
						border-bottom: 1px solid #ccc;
						font-size: 10px;
						text-transform: uppercase;
					}
					/*html > body .leftnav-type-1 li {
						padding: 3px 0 3px 13px;
					}*/
					
					.leftnav-type-2 li {
						list-style: none;
						margin: 0;
						padding: 1px 0 1px 12px;
						background: url(../img/puce_carre_small.gif) 4px 9px no-repeat;
						border-bottom: 1px solid #ccc;
						font-size: 10px;
						text-transform: uppercase;
					}
					/*html > body .leftnav-type-2 li {
						padding: 1px 0 1px 12px;
					}*/
					
						.leftnav-type-1 li a,
						.leftnav-type-2 li a
						{
							color: #666;
							text-decoration: none;
						}
						
					ul.leftnav-type-1 a:hover,
					ul.leftnav-type-1 a:active,
					.rollover-bleu a:hover,
					.rollover-bleu a:active
					{
						background-color: #A7D3F0 !important;
					}
					ul.leftnav-type-2 a:hover,
					ul.leftnav-type-2 a:active {
						background-color: #C6E1B8;
					}
						
				.dossier-du-mois {
					padding: 0 7px;
					text-align: center;
					font-size: 10px;
				}
				.dossier-du-mois a {
					color: #666;
					text-decoration: none;
				}
				.dossier-du-mois a:hover {
					text-decoration: underline;
				}
					.dossier-du-mois p {
						padding: 0;
						margin: 5px 0;
					}
					.dossier-du-mois img {
						padding: 0;
						margin: 0;
						border: 3px solid #fff;
					}


/*====== Block de contenu 3 col ======*/
	#content-col {
		width: 990px;
		/*margin: 0 0 0 1px;*/
		background: url(../img/barre_content.gif) 540px top repeat-y;
		/*float: left;*/
	}
		.pub-big {
			background: #f9f9f9 url(../img/pub_big.gif) no-repeat;
			padding: 7px 48px 20px 28px;
		}
	
	/*====== Contenu principale LeftMiddleBody + RightMidleBody ou les 2 col. ======*/
	table#Content{
		
	}
	td#CentralContent{
	/*width: 640px;*/
	}
	td#RightContent{
		
	}
	.content-1-2 {
		background-color: #f9f9f9;
		width: 670px;
		margin: 0 9px 0 0;
		padding: 0 0px 0 0;
		/*float: left;*/
	}
	table.pad-espace-perso td {
	padding-bottom: 2px;
	padding-top: 2px;
	}
	
	/*====== Contenu principale LeftMiddleBody ======*/
	.content-1 {
		width: 364px;
		margin: 0;
		padding: 0 9px 0 0;
		/*float: left;*/
		/*background: url(../img/barre_content.gif) 544px top repeat-y;*/
	}
	
		.lk-font {
			border-collapse: collapse;
			border: 0;
			/*float: right;*/
			text-align: right;
			margin: 2px 5px 0 0;
		}
		.lk-font a {
			font-size: 9px;
			color: #999;
			text-decoration: none;
		}
		.lk-font a:hover {
			color: #333;
		}
		
		.one-art {
			font-size: 11px;
			color: #333;
			padding: 0 0 0 2px;
			line-height: 13px;
		}
		.one-art a {
			color: #333;
			text-decoration: none;
		}
		.one-art a:hover {
			color: #666;
			text-decoration: underline;
		}
		.one-art h1 a:hover, div.one-art p a:hover,
		.one-art h2 a:hover
		{
			color: #666;
			text-decoration: none;
		}
		
			.one-art p {
				padding: 0;
				margin: 0;
			}
			.one-art img {
				padding: 1px;
				margin: 2px 9px 0 0;
				border: 1px solid #ccc;
				float: left;
			}
		.art-sep {
			height: 20px;
			border-bottom: 1px dotted #999;
			margin-bottom: 3px;
		}
		.art-sep-noborder {
			height: 30px;
		}
		
		.pad-theme {
			padding: 0 0 5px 0;
		}
			.pad-theme ul {
				padding: 2px 0 0 20px;
				margin: 0;
			}
			.pad-theme ul a {
				color: #333;
				text-decoration: none;
			}
			.pad-theme ul a:hover {
				text-decoration: underline;
			}
			.btn-all-arts {
				background: url(../img/puce_rect.gif) right center no-repeat;
				padding: 0 17px 0 0;
				margin-top: 2px;
				font-size: 10px;
				color: #999;
				text-decoration: none;
				float: right;
			}
			.btn-all-arts:hover {
				color: #000;
			}
			
			.pad-plus-consultes {
				background: #DDEBF4;
				padding: 0;
				border-top: 2px solid #006CB7;
				border-bottom: 1px solid #ccc;
			}
				.pad-plus-consultes-inner, .pad-honneur-inner {
					padding: 0 13px 5px 8px;
					border-bottom: 2px solid #f9f9f9;
				}
				
					.pad-plus-consultes h3 {
						color: #006CB7;
						text-transform: uppercase;
						font-size: 13px;
						padding: 3px 0;
						margin: 0 0 5px 0;
						border-bottom: 1px solid #569DCF;
					}
						.pad-plus-consultes h3 img {
							float: left;
							padding: 0px;
							margin: -9px 0 0 0;
						}
					.pad-plus-consultes ul a {
						color: #333;
						text-decoration: none;
					}
					.pad-plus-consultes ul a:hover {
						text-decoration: underline;
					}
						
			.pad-honneur {
				background: #E7F4E3;
				padding: 0;
				border-top: 2px solid #52A127;
				border-bottom: 1px solid #ccc;
			}
					.pad-honneur h3 {
						color: #52A127;
						text-transform: uppercase;
						font-size: 13px;
						padding: 3px 0 1px 0;
						margin: 0 0 5px 0;
						border-bottom: 1px solid #8CC170;
					}
					.pad-honneur a {
						color: #333;
						text-decoration: none;
					}
					.pad-honneur a:hover {
						text-decoration: underline;
					}
						.pad-honneur h3 img {
							float: left;
							padding: 0;
							margin: -13px 0 0 0;
						}
						.pad-honneur table {
							width: 100%;
							border: 0;
						}
							.pad-honneur table td {
								vertical-align: top;
							}
/* Pad plus d'info */
.pad-GreenMore {
				background: #E7F4E3;
				padding: 0;
				border-top: 2px solid #52A127;
				border-bottom: 1px solid #ccc;
			}
					.pad-GreenMore h3 {
						color: #52A127;
						text-transform: uppercase;
						font-size: 13px;
						padding: 3px 0 1px 0;
						margin: 0 0 5px 0;
						border-bottom: 1px solid #8CC170;
					}
					.pad-GreenMore a {
						color: #333;
						text-decoration: none;
					}
					.pad-GreenMore a:hover {
						text-decoration: underline;
					}
						.pad-GreenMore h3 img {
							float: left;
							padding: 0;
							margin: -13px 0 0 0;
						}
						.pad-GreenMore table {
							width: 100%;
							border: 0;
						}
							.pad-GreenMore table td {
								vertical-align: top;
							}
			
					.pad-plus-consultes ul, .pad-honneur ul, .pad-GreenMore
					{
						padding: 2px 0 0 20px;
						margin: 0;
					}
					
	
	/*====== Contenu seconadaire ======*/
	.content-2 {
	/*width: 300px;*/
	padding: 0px 6px 0px 9px;
	/*float: left;*/
	}
		.pad-flash-info {
			background: url(../img/degrade_bleu.jpg) left 2px repeat-x;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0 0 1px 0;
		}
			.pad-flash-info h3.title-puce	{
				margin-left: 8px;
			}
			.pad-flash-info .date {
				display: block;
				background: #A5AEB5 url(../img/puce_open.gif) 8px center no-repeat;
				padding: 1px 0 1px 21px;
				font-weight: bold;
				color: #333;
				text-decoration: none;
				border-bottom: 1px solid #f9f9f9;
			}
			.pad-flash-info .info {
				background: #D9E6EF;
				padding: 2px 12px;
				color: #666;
				font-size: 10px;
				border-bottom: 1px solid #f9f9f9;
			}
			
			.pub-content {
				margin: 10px 0 10px 0;
				width : 300px;
			}
				
		.pad-perles {
			background: #fff url(../img/degrade_perles.jpg) left 2px no-repeat;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0px 0px 5px 5px;
			color: #666;
			width:300px;
		}
		.pad-lesaviezvous {
			background: #fff url(../img/degrade_lesaviezvous.jpg) left 2px no-repeat;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0px 0px 5px 0px;
			color: #666;
			width:300px;
		}
		
		.block-onglets {
			margin: 15px 0;
		}
			.onglets {
				border-collapse: collapse;
				height: 39px;
			}
				.onglets .onglet-off {
					background: url(../img/onglet_bg.gif) left 8px repeat-x;
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
					padding: 8px 5px 0 5px;
				}
					.onglets td a {
						display: block;
						font-size: 11px;
						color: #fff;
						font-weight: bold;
						text-decoration: none;
						line-height: 11px;
					}
					.onglet-nouse {
						background: url(../img/onglet_bg.gif) left 8px repeat-x;
						padding: 8px 5px 0 5px;
					}
					.onglet-on {
						background: #fff url(../img/degrade_onglet.jpg) repeat-x;
						padding: 5px !important;
						border-left: 1px solid #ccc;
						border-right: 1px solid #ccc;
						border-top: 1px solid #ccc;
						border-bottom: 1px solid #fff;
					}
						td.onglet-on a {
							color: #52A127;
						}	
					
				
			.block-onglets-content {
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				margin: 0 0 0 0;
				padding: 10px 13px;
			}
				.block-onglets-content ul {
					margin: 0 0 10px 0;
					padding: 0 0 0 10px;
				}		
				.block-onglets-content a {
					color: #999;
				}
				.block-onglets-content a:hover {
					color: #333;
				}
				
		.pad-newsletter {
			background: #fff url(../img/degrade_newsletter.jpg) left 2px no-repeat;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 0px 0px 5px 5px;
			color: #666;
			margin: 0px 0px 10px 0px;
			width:300px;
		}
		.pad-newsletter form {
			margin: 0;
			padding: 10px 0;
		}
/* Pad à lire également */
.pad-lire-info {
			padding: 0 0 1px 0;
		}
			.pad-lire-info h3.title-puce	{
				margin-left: 8px;
			}
			.pad-lire-info h4.title-puce {
				display: block;
				background: 8px center no-repeat;
				padding: 1px 0 1px 21px;
				font-weight: bold;
				font-size: 14px;
				color: #006CB7;
				border-bottom: 1px dashed #999999;
				margin-top: -5px;
				margin-bottom: -5px;
				margin-left: -5px;
			}
			
			.pad-lire-info .info {
				/*background: #D9E6EF;*/
				padding: 2px 12px;
				color: #666;
				font-size: 14px;
				border-bottom: 1px solid #f9f9f9;
			}
/* Bloc espace perso */
.pad-lire-blocMySpace {
			padding: 0 0 1px 0;
		}
			.pad-lire-blocMySpace h3.title-puce	{
				margin-left: 8px;
			}
			.pad-lire-blocMySpace h4.title-puce {
				display: block;
				background: 8px center no-repeat;
				padding: 1px 0 1px 21px;
				font-weight: bold;
				font-size: 14px;
				color: #52A127;
				border-bottom: 1px dashed #999999;
				margin-top: -5px;
				margin-bottom: -5px;
				margin-left: -5px;
			}
			h4.title-puce li {
			list-style-type: square;
			list-style-position: outside;
			}
			
			.pad-lire-blocMySpace .info {
				/*background: #D9E6EF;*/
				padding: 2px 12px;
				color: #666;
				font-size: 14px;
				border-bottom: 1px solid #f9f9f9;
			}
			.pad-lire-blocMySpace p{
			margin-left: 8px;
			}
			.pad-lire-blocMySpace input{
			margin-left: 8px;
			}
/* Tab Espace perso */
.pad-espace-perso {
			padding: 0 0 1px 0;
		}
			.pad-espace-perso h3.title-puce	{
				margin-left: 8px;
			}
			.pad-espace-perso h4.title-puce {
				display: block;
				background: 8px center no-repeat;
				padding: 1px 0 1px 21px;
				font-weight: bold;
				font-size: 14px;
				color: #52A127;
			}
			 h4.title-puce {
				border-bottom: 1px dashed #999999;
				margin-top: -5px;
				margin-bottom: -5px;
				margin-left: -5px;
			}
			h4.title-puce li {
			list-style: square outside;
			}
			
			.pad-espace-perso .info {
				padding: 2px 12px;
				color: #666;
				font-size: 14px;
				border-bottom: 1px solid #f9f9f9;
			}
			
	
	/*====== Menu de droite  ======*/
	#right-menu {
	width: 120px;
	padding: 0;
	margin-left: 4px;
	border-top: 1px solid #cccccc;

	}
	#right-menu form {
		margin: 0;
		padding: 0;
	}
		#right-menu p {
			margin: 2px 0;
			padding: 0;
		}
		#right-menu a {
			color: #666;
		}
		#right-menu a:hover {
			color: #000;
		}
		.block-right-menu {
			margin: 0px 3px 0px 2px;
			padding: 4px 5px 4px 3px;
			border-top: 2px solid #fff;
			font-size: 10px;
			color: #666;
			background: url(../img/degrade_right_col.jpg) bottom repeat-x;
		}
			.block-right-menu table {
				border-collapse: collapse;
				border: 0;
			}
		.btn-right-menu {
			display: block;
			color: #666;
			background: url(../img/puce_carre_vert.gif) left 7px no-repeat;
			padding: 2px 5px 2px 10px;
			margin: 0;
			border-bottom: 1px solid #ccc;
			text-decoration: none;
			text-transform: uppercase;
		}
		.btn-right-menu:hover,
		.btn-right-menu:active
		{
			background-color: #ddd;
		}
		.input-login {
			width: 104px;
			font-size: 10px;
			color: #666;
			border: 1px solid #ccc;
		}
		
		.block-right-pub {
			/*margin: 0 3px;
			padding: 4px 5px 4px 3px;*/
			border-top: 2px solid #fff;
			font-size: 10px;
			color: #666;
		}
			.block-right-pub img {
				margin: 0;
				padding: 0;
				border: 0;
			}


/*===============================================
FOOTER
===============================================*/
#conteneur-footer {
	width: 990px;
	margin: 20px auto 0 auto;
}
	#footer {
		width: 600px;
		margin: 0 0 0 185px;
		background: #eee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 11px 30px;
		text-align: center;
		font-size: 10px;
		color: #999;
	}
		#footer a {
			color: #999;
			text-decoration: none;
		}
		#footer a:hover {
			color: #333;
		}


/*===============================================
COMMON
===============================================*/
a img {
  border: 0;
}
img.border-type-1 {
	padding: 1px;
	margin: 2px 9px 0 0;
	border: 1px solid #ccc;
	float: left;
}

.block-btn-1 {
	background: #fff;
	padding: 4px 7px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
	.block-btn-1 a {
		background: url(../img/puce_rect.gif) left center no-repeat;
		padding: 0 0 0 17px;
		font-size: 10px;
		color: #999;
		text-decoration: none;
	}
	.block-btn-1 a:hover {
		color: #000;
	}

.bg-bleu {
	background: #006CB7;
}
.bg-vert {
	background: #52A127;
}

.vert {
	color: #52A127;
}
.bleu {
	color: #006CB7;
}
.bleu-clair {
	color: #3399FF;
}

.gris999 {
	color: #999;
}


h1.title-rub {
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 0px;
}

h1.artTitle {
	font-size: 24px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 24px;
}
h1.artTitle p {
	font-size: 18px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;

}
h2.artTitle {
	font-size: 18px;
	color: #333;
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 18px;
}
h3.title-puce {
	font-size: 15px;
	padding: 0 0 0 20px;
	margin: 7px 0;
	text-align: left;
	background: url(../img/puce_title.gif) left 12px no-repeat;
}
html > body h3.title-puce {
	padding: 0 0 0 18px;
}
h3.title-sous-rub {
	font-size: 12px;
	color: #999;
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../img/puce_carre_big.gif) left 5px no-repeat;
}
h3.title-theme
{
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 14px;
	border-bottom: 1px dotted #999;
}

.txt-10 {
	font-size: 10px;
}
.txt-11 {
	font-size: 11px;
}

.txt-centre {
	text-align: center;
}

p.title-pub {
	font-size: 10px;
	color: #666;
	margin: 0;
	padding: 0 0 0 13px !important;
	background: url(../img/puce_pub.gif) left center no-repeat;
}

.input-newsletter {
	background: #fff;
	width: 138px;
	font-size: 10px;
	padding: 2px;
	color: #999;
}
/*====== Boite login centrale  ======*/
	#CentralLog {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background-color:#EFEFEF;
	font-size:10px;
	}
	#CentralLog form {
		margin: 0;
		padding: 0;
	}
	#CentralLog p a{
			margin: 5px 0;
			padding: 0;
			font-size:10px;
		}
	#CentralLog a {
			color: #666;
		}
	#CentralLog a:hover {
			color: #000;
		}
	.block-CentralLog {
			margin: 0 3px;
			padding: 4px 5px 4px 3px;
			border-top: 2px solid #fff;
			font-size: 10px;
			color: #666;
		}
	.block-CentralLog table {
				border-collapse: collapse;
				border: 0;
			}
	.btn-CentralLog {
			display: block;
			color: #666;
			background: url(../img/puce_carre_vert.gif) left 7px no-repeat;
			padding: 2px 5px 2px 10px;
			margin: 0;
			border-bottom: 1px solid #ccc;
			text-decoration: none;
			text-transform: uppercase;
		}
	.btn-CentralLog:hover,
	.btn-CentralLog:active
		{
			background-color: #ddd;
		}
		/* ------------------------------- */
		/* reprise css article ancien site */
		.TIT-SURMAIN {
   font-size: 13px;
   font-weight: bold;
   color: #000000;
   text-transform: uppercase;
   /*background-color: #66CC99;*/
   padding: 2px 4px 2px 4px;
   }
.TXT-SURMAIN {
   font-size:  13px;
   line-height: 18px;
   color: #000000;
   background-color: #fff6bf;
   padding: 6px 6px 6px 6px;
   text-align: justify;
   }
.TIT-MAIN {
	font-size: 13px;
   font-weight: bold;
   color: Black;
   padding: 6px 6px 6px 6px;
	}
.TXT-MAIN {
	font-size: 12px;
   color: Black;
   padding: 6px 6px 6px 6px;
   }
.TIT-2ND {
	font-size: 11px;
   font-weight: bold;
   color: Black;
   padding: 6px 6px 6px 6px;
	}

.TXT-2ND {
   font-size: 11px  ;
   padding: 6px 6px 6px 6px;
	}
.TXT {
	font-size: 13px  ;
   padding: 6px 6px 6px 6px;
	}
/* Structure Article de base */
 .rubrique, .RU {
   font-size: 11px;
			color: #006CB7;
   font-style: italic;
			padding-bottom: 2px;
	}
.surtitre, .ST {
 font-size: 14px;
	font-weight:bold;
	color: #999;
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../img/puce_carre_big.gif) left 5px no-repeat;
   }
.titre, .TI {
	font-size: 24px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight:bold;
	line-height: 24px;
	}
.chapo, .CH {
   font-size: 15px;
   font-weight: bold;
   text-align: justify;
			color: #666;
   }
.lettrine, .LT {
	font-size: 14px ;
	text-transform: uppercase;
	}
.inter, .IN {
   font-size: 14px;
   font-weight: bold;
	color: #333;
	}
.texte, .TX {
   font-size: 14px;
   line-height: 18px;
   /*text-align: justify;*/
   font-weight: normal;
   }
span.texte, span.TX {
   font-size: 14px;
   line-height: 18px;
   text-align: justify;
   text-decoration: none;
   }
	div.NT {
/*	border-bottom: 1px dashed #006CB7;
   border-top: 1px dashed #006CB7;*/
	margin : 10px 0px;
   padding: 3px;
   width: 100%;
	float: left;
	}
	p.note, .NT p {
   font-size: 12px;
   font-style: italic;
   }
	div.SI p, div.signature p, div.si p {
	/*border-bottom:1px solid #CACACA;
	border-top:1px solid #CACACA;*/
	margin-bottom:5px;
	margin-top:5px;
	width:auto;
	clear: left;
	}
p.signature, .SI p {
border-bottom:1px solid #CACACA;
	border-top:1px solid #CACACA;
   font-size: 12px ;
	font-weight:bold;
   text-transform: uppercase;
	color: #006CB7;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
   }
.LE, .LM01, .LM02, .LM03, .LM04, .legende {
	font-size: 11px;
	font-style: normal;
	color:#006CB7;
	}
.XX {
   font-size: 12px;
   font-style: italic;
	border-bottom: 3px dotted Gray;
	border-top: 3px dotted Gray;
	padding-bottom: 2px;
	padding-top: 2px;
	}
.AT {
	font-size: 14px;
	}
.LG1 {
	font-size: 14px;
   font-variant: small-caps;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 18px;
	}
.LG2 {
   font-size: 14px;
   font-weight: bold;
   border-bottom: 2px dotted #E9E7B6;
   padding-bottom: 2px;
   padding-top: 2px;
   line-height: 18px;
   }
.Q1 {
	font-size: 14px;
   font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	}
.Q2 {
	font-size: 14px;
   font-style: italic;
	padding-bottom: 2px;
	padding-top: 2px;
	}

div.encadre, div.EN { 
   background-color: #EFEFEF; 
   /*border: 3px solid #CACACA; */
   padding: 5px 3px 5px 10px;
   font-size: 12px ;
   margin-right: 10px ; 
   width: 95%;
			clear:both;
   }
	#contextarticle .encadre, .EN { 
   background-color: #EFEFEF; 
   /*border: 3px solid #CACACA; */
   padding: 5px 3px 5px 10px;
   font-size: 12px ;
   margin: 0px ; 
   width: 95%;
	clear:both;
   }

div.encadre H5, div.encadre H4, div.encadre div.TI {
	font-size: 13px;
	font-weight:bold;
	color : #006CB7;
	text-transform: capitalize;	
}

div.encadre div.TI p, div.EN div.TI p {
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
	color : #006CB7;
	border-bottom: 1px solid #006CB7;
	border-top: 1px solid #006CB7;
	padding-bottom : 6px;
	padding-top : 6px;
	line-height: 100%;
}

div.encadre div.TX p, div.encadre div.TX p a, div.TX p a, p.TX a.TX {
	color: #999999;
	text-decoration: none;
}

.TX a:hover {
	color: #333333;
	text-decoration: none;
}
table.texte{
   border: solid 1px #000000 ;
}
table.texte td, table.TX td{
   background-color: #FFFFFF;
   height: auto;
   width: auto;
   text-align: left;
   border-bottom: 1px solid #EFEFEF;
}
div#photo{
   float: left;
   width: 230px;
   margin-right:5px;
   margin-left: 0px;
   margin-bottom: 5px;
   margin-top: 0px;
}

#contextarticle div#PHOTO{
		margin-left:10px;
		margin-top:5px;
		margin-bottom:5px;
		margin-right:5px;
		border:1px solid #cccccc;
		width:181px;
		height:130px;
		padding:2px;
}
#contextarticle div#PHOTO div.legende, #contextarticle div#PHOTO div.LE {
 float:right;
	vertical-align:bottom;
}

#contextarticle div#PHOTO a img {	
border:3px solid #FFFFFF;
width: 175px;
height: 124px;
overflow:hidden;	
}

div#TABLEAU{
	text-align :center;
   margin-right:5px;
   margin-bottom: 5px;
}
/* Accueil dossier*/
.TIT-TETE {
   font-size: 15px;
   font-weight: bold;
   color: #006CB7;
			font-variant: small-caps;
   }
	/* Contexte Article */
	
	
	/* **************************** onglets ********************************/
	
	#intro_onglets img {
	padding: 2px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-top: 13px;
	margin-right: 17px;
	margin-bottom: 13px;
	}
	
	#intro_onglets p {
	padding-top:13px;
	font-size:13px;
	}