/*****************   Styles commun à l'ensemble du site   *****************/
	/* Style du body */
body {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: justify;
}

/* Marge et décalage par défaut */
table,form,div,p,img,a,span {
	margin: 0;
	padding: 0;
}

/* Style des images */
img {
	border: none;
}

/* Style des liens */
a {
	text-decoration: none;
}

/* Style des liens lors du passage de la souris */
a:hover {
	text-decoration: underline;
}

/* Style des champs de formualaire */
input,select {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Retour à la ligne */
br {
	clear: both;
}

/* Tableau */
table {
	border-style: none;
}

/* Style appliqué aux balises de titre */
h1,h2 {
	font-weight: normal;
	display: inline;
}

/* Lien de retour vers une page précédente */
.lien a,.lien a:hover {
	color: #007C73;
}

/* Lien de retour vers une page précédente */
.lien_noir a,.lien_noir a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Flèche précédent un lien de retour vers une page précédente */
.lien span a,.lien span a:hover {
	color: #F27014;
}

/* Texte italique orange */
.texte_italic_orange {
	font-size: 11px;
	color: #F27014;
	font-style: italic;
}

/* Séparateur vertical orange */
.separateur {
	width: 3px;
	padding-left: 1px;
	padding-right: 1px;
	color: #F27014;
}

/* Style des blocs de texte */
.para {
	padding-left: 15px;
}

/* Style des blocs de texte */
.paracentre {
	padding-left: 150px;
}

/* Decalage supplémentaire des blocs de texte */
.decal_para {
	padding-left: 15px;
}

/* Dégradé de droite */
.degrade_droite {
	background: url(../images/degrade_droit.gif) top right repeat-y;
	height: 500px;
	min-height: 500px;
}

/* Dégradé de droite */
.degrade_droite_1 {
	background: url(../images/degrade_droit.gif) top right repeat-y;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 240px;
	height: 150px;
	width: 730px;
}

div.degrade_droite_1 p {
	padding-right: 60px;
	height: inherit;
}

/* Dégradé de droite */
.degrade_droite_2 {
	background: url(../images/degrade_droit.gif) top right repeat-y;
	width: 1000px;
	min-height: 334px;
}

/* Dégradé du bas de page */
.degrade_bas {
	background: url(../images/degrade_bas.gif) bottom right no-repeat;
	height: 85px;
	width: 920px;
	padding-top: 10px;
	padding-left: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Dégradé du haut de page */
.degrade_haut,.degrade_haut_2,.degrade_haut_3,.degrade_haut_4,.degrade_haut_5
	{
	background: url(../images/degrade_haut.gif) top right no-repeat;
	height: 45px;
}

/* Alignement du bouton accueil dans le degrade */
.degrade_haut div {
	margin-left: 22px;
	margin-top: 8px;
}

/* Alignement du bouton accueil dans le degrade */
.degrade_haut_2 div {
	margin-left: 22px;
	margin-top: 8px;
}

/* Alignement du bouton accueil dans le degrade */
.degrade_haut_3 div {
	margin-left: 1px;
	margin-top: 8px;
}

/* Alignement du bouton accueil dans le degrade */
.degrade_haut_4 div {
	margin-left: 6px !important;
	margin-left: 40px;
	margin-top: 6px;
}

/* Alignement du bouton accueil dans le degrade */
.degrade_haut_5 {
	padding-left: 225px;
	padding-top: 6px;
	width: 775px;
}

/* Style appliqué aux mots clefs de bas de page */
.mots_clefs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 20px;
}

/*****************   Styles des pages générales   *****************/
	/* Body */
.body_general {
	background: white url(../images/fond.gif) left top no-repeat;
}

/* Décalage appliqué au logo du menu */
.logo_general {
	margin-top: 35px;
	margin-left: 25px;
}

/* Mise en forme du menu gauche */
.menu_general_gauche {
	margin: 40px 0px 0px 10px;
	width: 250px;
}

/* Haut du menu gauche */
.menu_general_gauche_top {
	border-top: 1px solid #ffeabe;
}

/* Element du menu sélectionné */
.menu_general_gauche_on,.menu_general_gauche_on a {
	color: #F27014;
	padding: 5px 0px 5px 3px;
	font-weight: bold;
	border-bottom: 1px solid #ffeabe;
}

/* Element du menu non sélectionné */
.menu_general_gauche_off,.menu_general_gauche_off a {
	color: #007C73;
	padding: 5px 0px 5px 3px;
	font-weight: bold;
	border-bottom: 1px solid #ffeabe;
}

/* Puces devant les éléments du menu */
.puce_menu_general_gauche {
	background: url(../images/puces.gif) 2px 7px no-repeat;
	width: 40px;
}

/* Mise en forme du menu en haut */
.menu_general_haut {
	margin-left: 40px;
	height: 21px;
}

/* Menu central de la page d'acceuil */
.menu_home {
	margin-top: 25px;
	margin-left: 50px;
}

/* Ecart entre les éléments du menu central de la page d'acceuil */
.menu_home td {
	padding: 10px;
}

/* Pictogramme a droite de la page d'acceuil */
.picto_home {
	/*background: transparent url(../images/picto_home.jpg) no-repeat 30px*/
		10px;
	width: 320px;
	height: 300px;
	/*
	padding-left:30px;
	padding-top:10px;
*/
}

/* Titre de la page d'accueil */
.titre_home {
	margin-top: 40px;
	margin-left: 100px;
}

/* Contenu */
.contenu_general {
	padding-top: 35px;
	padding-left: 75px;
}

/* Titre */
.titre_general {
	font-size: 22px;
	color: #FFA800;
}

/* Sous titre */
.sous_titre_general {
	color: #FFA800;
	font-size: 18px;
}

.puce_bleu_general {
	background: url(../images/puce_bleu_vert.gif) no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}

.puce_jaune_general {
	background: url(../images/puce_jaune.gif) no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
}

/*****************   Styles des espaces   *****************/
	/* Menu du haut de page */
.menu_espace_haut {
	height: 21px;
	margin-left: 42px;
}

/* Menu du haut de page avec décalage supplémentaire */
.menu_espace_haut_2 {
	margin-top: 5px;
	margin-left: 42px;
}

/* Mise en forme du menu de haut de page */
.menu_espace_haut td,.menu_espace_haut_2 a,.menu_espace_haut_2 img {
	vertical-align: middle;
}

.menu_espace_haut_2 a:hover, .menu_espace_haut_2 a:visited {
	text-decoration: none;
}

.menu_espace_pro_gauche {
	width: 180px;
	padding: 0;
	margin-left: -200px;
	margin-top: 230px;
}

.menu_espace_pro_gauche a img {
	margin-bottom: 0 !important;
	margin-bottom: -7px;
}

/* Contenu des pages */
.contenu_espace {
	padding-left: 45px;
	padding-top: 35px;
}

.contenu_espace_2 {
	padding-left: 45px !important;
	padding-left: 75px;
}

.contenu_espace_gauche {
	padding-left: 45px;
	padding-top: 40px;
	float: left;
	width: 180px;
}

.contenu_espace_central {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	width: 715px;
}

.contenu_espace_droite {
	padding-top: 40px;
	text-align: left;
	float: right;
}

/* Logo espace */
.logo_espace {
	background: white url(../images/fond_inter.gif) left top no-repeat;
}

/* Décalage particulier appliqué à certains pages des espaces */
.decal_contenu {
	padding-top: 50px;
	padding-left: 100px;
}

/* Décalage particulier appliqué au pages de login et d'erreur */
.decal_login_erreur {
	padding-top: 25px;
	padding-left: 120px;
}

/* Décalage appliqué au premier encard */
.decal_encard {
	padding-top: 50px;
}

/* Décalage appliqué entre les encard */
.decal_inter_encard td {
	padding-top: 20px;
}

/* Décalage appliqué à certains titres et images */
.decal_titre_image {
	padding-left: 60px;
}

/* Pictogramme de gauche */
.picto_espace_gauche,.picto_espace_gauche_image {
	padding-left: 203px;
}

.picto_espace_gauche_image {
	/*background: transparent url(../images/picto_gauche.jpg) no-repeat 0*/
		220px;
}

/* Puce numérotée d'une liste */
.liste_numero img {
	display: block;
	float: left;
}

/* Texte suivant puce numérotée d'une liste */
.liste_numero span {
	padding-left: 5px;
}

/* Lien dans une liste de puces numerotées */
.liste_numero a,.liste_numero a:hover {
	color: #007C73;
}

.titre_erreur {
	font-weight: bold;
	font-size: 22px;
	color: #F00;
}

.noir_bold_10 {
	font-weight: bold;
	font-size: 10px;
}

/*****************   Styles de l'espace comp   *****************/
	/* Titre des pages de l'espace comp */
.titre_jaune {
	font-size: 22px;
	color: #FFA800;
}

/* Sous titre des pages de l'espace comp */
.sous_titre_jaune {
	color: #FFA800;
	font-size: 18px;
}

/* Sous titre intermédiaire des pages de l'espace comp */
.sous_titre_inter_jaune {
	color: #FFA800;
	font-size: 16px;
}

/* Puce jaune avec mise en forme du texte */
.sous_titre_jaune_puce {
	background: url(../images/puce_jaune.gif) no-repeat;
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
}

/* Titre des pages de l'espace media */
.titre_mauve {
	font-size: 22px;
	color: #66024C;
}

.titre_rouge {
	font-size: 22px;
	color: #ED0202;
}

.ss_titre_rouge {
	font-size: 12px;
	font-weight: bold;
	color: #ED0202;
}

/* Sous titre des pages de l'espace media */
.sous_titre_mauve {
	color: #66024C;
	font-size: 18px;
}

.sous_titre_rouge {
	color: #ED0202;
	font-size: 18px;
}

/* Sous titre intermédiaire des pages de l'espace média */
.sous_titre_inter_mauve {
	color: #66024C;
	font-size: 16px;
}

/* Sous titre intermédiaire des pages de l'espace média */
.sous_titre_inter_rouge {
	color: #ED0202;
	font-size: 16px;
}

/* Puce rouge avec mise en forme du texte */
.sous_titre_rouge_puce {
	background: url(../images/puce-rouge.gif) center left no-repeat;
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}

.sous_titre_rouge_puce_lien {
	background: url(../images/puce-rouge.gif) center left no-repeat;
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}

.sous_titre_rouge_puce_lien a,lien_video_espace_media a:hover {
	color: #007C73;
}

.sous_titre_rouge_puce_secondaire {
	background: url(../images/puce_rouge_petite.gif) left 3px no-repeat;
	color: #007C73;
	font-size: 12px;
	padding-left: 15px;
}

.sous_sous_titre_ss_rouge_puce {
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
}

/* Décalage particulier appliqué au premier encard */
.decal_encard_sup {
	padding-top: 125px;
}

/* Haut du cadre des encards */
.encard {
	background: white url(../images/cadre_haut.gif) right top no-repeat;
	width: 163px;
}

/* Bas du cadre des encards */
.encard_inter {
	background: url(../images/cadre_bas.gif) right bottom no-repeat;
	width: 163px;
}

/* Espacement entre cadre et texte des encards */
.encard_inter div {
	padding: 15px 5px 15px 10px;
}

/* Lignes des encards */
.encard_puce {
	background: url(../images/cadre_puce.gif) left 3px no-repeat;
	font-size: 10px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 8px;
}

/* Pictogramme début paragraphe */
.picto_para img {
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 2px;
}

/* Retour à la ligne le long des picto */
.picto_para br {
	clear: none;
}

/*****************   Styles de l'espace pro   *****************/
	/* Titre des pages de l'espace pro */
.titre_vert {
	font-size: 22px;
	color: #3F7700;
}

/* Sous titre des pages de l'espace pro */
.sous_titre_vert {
	color: #3F7700;
	font-size: 18px;
}

.texte_vert {
	color: #3F7700;
	font-size: 11px;
}

.texte_rouge {
	color: #ED0202;
	font-size: 11px;
}

.texte_mention_legale{
	font-size: 9px;
	font-style: italic;
}

/* Puce verte avec mise en forme du texte */
.sous_titre_vert_puce {
	background: url(../images/puce_vert.gif) no-repeat;
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
}

/* Titre pour le nouveau reseau optique */
.titre_nx_reseau {
	color: #007C73;
	font-size: 14px;
	font-weight: bold;
}

.sous_titre_nx_reseau {
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
}

/* Introduction du formulaire */
.intro_formulaire {
	font-size: 10px
}

.souligne {
	text-decoration: underline;
}

/* Titre de chaque partie du formulaire */
.titre_formulaire {
	color: #007C73;
	font-weight: bold;
}

/* Mise en forme du formulaire */
.table_formulaire {
	border-collapse: collapse;
	border-style: none;
}

/* Mise en forme du formulaire */
.table_formulaire td {
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
}

/* Descriptif champs du formulaire */
.formulaire {
	padding-right: 7px;
}

/* Explication champs du formulaire */
.intero {
	padding-left: 10px;
	font-style: italic;
}

/* Image explication champs du formulaire */
.intero img {
	cursor: pointer;
	vertical-align: bottom;
}

/* Bouton de validation du formulaire */
.bouton_valider {
	cursor: pointer;
}

/* Explication erreur saisie formulaire */
.erreur {
	font-weight: bold;
	color: #F00;
}

/* Boite de dialogue d'explication du formulaire*/
.tooltip {
	visibility: hidden;
	position: absolute;
	width: 200px;
	top: 0;
	left: 0;
	font-style: italic;
	padding: 3px;
	border: solid 1px;
	text-align: justify;
	background-image: url(../images/fond_tooltip.gif);
	background-repeat: repeat;
}

/* Tableau des paniers pharma */
.table_panier {
	margin-left: 12px;
	margin-top: 10px;
	text-align: left;
	color: #F27014;
}

/* Liste a puce standart */
.liste_puce {
	background: url(../images/puce_vert_petite.gif) left 3px no-repeat;
	padding-left: 15px;
}

/* Liste à petite puce rouge */
.liste_puce_rouge {
	background: url(../images/puce_rouge_petite.gif) left 3px no-repeat;
	padding-left: 15px;
	align: left;
}

/* Liste a puce standart */
.liste_2 {
	padding-left: 25px;
}

/*****************   Styles de l'espace assurés   *****************/
	/* Titre des pages assurés */
.titre_bleu {
	font-size: 22px;
	color: #007C73;
}

.titre_bleu_clicable {
	font-size: 22px;
	color: #007C73;
	cursor: pointer;
}

.titre_bleu_grand {
	font-size: 26px;
	color: #007C73;
}

/* Sous titre des pages assurés */
.sous_titre_bleu {
	color: #007C73;
	font-size: 18px;
}

/* Puce bleu turquoise avec mise en forme du texte */
.sous_titre_bleu_puce {
	/*	background:url(../images/puce_bleu_vert.gif) no-repeat;*/
	color: #007C73;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
}

/* Puce bleu turquoise sans mise en forme du texte */
.puce_bleu {
	background: url(../images/puce_bleu_vert.gif) no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}

li.puce_bleu {
	background: none;
	margin-left: -40px;
	list-style-image: url(../images/puce_bleu_vert.gif);
	list-style-position: outside;
	margin-bottom: 10px;
}

li.puce_bleu .sous_titre_bleu_puce,li.puce_bleu .para {
	padding-left: 0px;
}

/* Décalage appliqué à la map d'accueil page assuré */
.decal_map {
	padding-left: 100px;
}

/* pictogramme titre pages assurés */
.picto {
	vertical-align: middle;
	padding-right: 10px;
}

/* Cadre explicatif */
.comment_faire {
	background: url(../images/bloc_comment_faire.gif) no-repeat top;
	width: 515px;
	height: 176px;
	padding: 25px 20px;
	color: #FFFFFF;
	font-weight: bold;
}

.comment_faire li {
	background: transparent url(../images/puce.gif) no-repeat scroll top
		left;
	padding-bottom: 15px;
	list-style-position: inside;
	list-style-type: decimal;
	text-indent: 2px;
}

.comment_faire span,.comment_faire p {
	font-weight: normal;
	color: #1E887E;
	text-indent: 2px;
}

.comment_faire p {
	padding: 15px 0;
}

.comment_faire ul {
	padding: 0 0 0 30px;
	margin-top: -10px;
	margin-bottom: -10px;
}

/* Texte suivant puce numérotée du cadre explicatif */
.comment_faire div {
	float: left;
	width: 490px;
	padding-left: 5px;
}

/* Mot mis en évidence du cadre explicatif */
.comment_faire strong {
	font-weight: bold;
	color: #F27014;
}

/* Pour l'impression */
.imprimer {
	float: left;
	font-size: 10px;
}

.imprimer a {
	float: left;
	font-size: 10px;
	text-decoration: none;
	color: #007c73;
}

.imprimer a:hover {
	text-decoration: underline;
}

/* Alignement de l'icone de l'espace */
.icone_espace {
	text-align: left;
}

/* Masquage du logo santeclair present à l'impression */
.logo_imp {
	display: none;
}

/* Cadre d'annonce optique */
.annonce_optique {
	background: url(../images/encard_annonce_optique_grand.gif) no-repeat;
	height: 160px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 34px;
	color: #1E887E;
}

.annonce_optique span {
	margin-left: 15px;
}

/* Cadre d'annonce dentaire */
.annonce_dentaire {
	background: url(../images/encard_annonce_optique.gif) no-repeat;
	height: 90px;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 42px;
	color: #1E887E;
}

.annonce_dentaire span {
	margin-left: 15px;
}

/* Index des FAQ */
.index_faq {
	font-size: 12px;
	margin-bottom: 14px;
}

.index_faq a,index_faq a:hover {
	color: #007C73;
}

.index_faq span {
	color: #F27014;
}

/* Pour l'assurance RCP */
.rcp_nouveau_petit {
	margin-left: -35px;
	margin-top: -30px;
	position: absolute;
}

.rcp_nouveau_grand {
	margin-left: 0 !important;
	margin-left: -46px;
	margin-top: -29px;
	position: absolute;
}

/* liens des videos espace Media */
.lien_video_espace_media {
	font-size: 8.3pt;
	margin-bottom: 14px;
}

.lien_video_espace_media a,lien_video_espace_media a:hover {
	color: #007C73;
}

/* Tableau */
table_contact_dentiste {
	border-style: none;
}

.table_contact_dentiste td {
	vertical-align: top;
	text-align: left;
}

.div_lien_video {
	padding-left: 15px;
}

.menuGauche {
	width: 166px;
	position: relative;
	margin-left: -200px;
	margin-right: 30px;
	padding-top: 230px;
}

.entreeMenuGauche,.entreeMenuGaucheActif {
	list-style-type: none;
	height: 24px;
	margin-bottom: 2px;
	border-bottom: 1px solid #FF7F00;
}

.entreeMenuGauche a,.entreeMenuGaucheActif a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	padding: 4px 0 0 16px;
	margin-bottom: -2px;
	font-weight: bold;
	font-family: Helvetica;
	color: #007C73;
}

.entreeMenuGauche a:hover,.entreeMenuGaucheActif a,.entreeMenuGaucheActif a:hover
	{
	background: url('../images/bouton_vide.gif') transparent top left
		no-repeat;
	text-decoration: none;
	color: #004C00;
}

.encadre_noir {
	border-style: solid;
	border-width: thin;
	border-color: black;
	padding: 5px;
}

.img_rs {
	float:left;
}