/*****************   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:60px;
	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:50px;
	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_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;
}
/* 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;
}