@charset "utf-8";
/* CSS Document */
/* Styles généraux et classes */

html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {color: #000; font-family: 'Roboto Condensed', sans-serif; text-align: center; background-color: #f7f7f7;}

p.signature {font-style: italic;}
div.justify {text-align: justify;}
hr {visibility: hidden;}
address {text-align: center; margin: 10px; font-style: normal; font-weight: bold; font-size: 0.8em; line-height: 1.5em;}
a img {border: none;}
img.sansbordure {border: none;}
img.bordure {border: 1px solid #000; box-shadow: 8px 8px 12px #000;}
.centrer {text-align: center;}
.left {text-align: left;}
hr.separateur_10 {margin: 10px 0; clear: left;}
hr.separateur_20 {margin: 20px 0; clear: left;}
hr.clear {clear: both; margin: 20px 0; visibility: hidden;}
hr.clear_both {clear: both;}
.sep {border-top:4px solid #EFEFEF; margin-top: 20px; width:650px;}
.lettrine:first-letter {font-size: 300%; float: left; font-weight: 700; color: #666;}
.link_left_text {color: #333; font-weight: lighter;}
.img_left {float: left; border: 1px solid #333; margin-right: 10px;}
.source {color: #666;}
a:hover{text-decoration:underline }
.display_none {display:none;}
.clear_left {clear: left;}
.strong {font-weight: bold;}
.haut_page {text-align:right; margin: 30px 20px 0 0;}
p#nav {text-align: center; padding: 10px; font-weight: bold; color: #F30; margin: 25px; border: 1px solid #F30;}
p#nav a, p#nav span {padding: 3px;}
p.selection_recherche {color: #F30; font-weight: bold; text-align: center; margin-bottom: 35px;}
img.photo_auteur {float: left; margin-right: 10px; border: 1px solid #000; box-shadow: 4px 4px 6px #000;}
img.photo {float: left; margin-right: 10px; border: 1px solid #000; box-shadow: 4px 4px 6px #000;}
input#securite {display:none;}
p.retour {text-align: center;}
img.icone_drapeau {float: right; border: 1px solid #000; box-shadow: 4px 4px 8px #000; margin-left: 10px;}
div.description p {text-align: justify;}
/* Styles des fichiers communs */

object.banniere {border: 1px solid #000; box-shadow: 8px 8px 12px #666; width: 760px; height: 238px;}
.valide {font-weight: bold; color: #2DB32D;}
.important {color: #FF6633; font-weight: bold;}
.vignette {float: left; margin-right: 15px; border: 1px solid #000; box-shadow: 4px 4px 8px #000000;}
/* le conteneur */

div#ban_promo {margin: 0 240px 0 5px; text-align: center;}

div#entete {width: 1048px; background-color: #FFF; margin: 0px auto; height: 80px; text-align: left;}
div#entete a:active, div#entete a:focus, div#entete a:hover {text-decoration: none;}

/* la colonne de droite */


div.cadre_rubrique {float: right; width: 230px; background-color: #FFF; border: 1px solid #000; border-radius: 5px; box-shadow: 4px 4px 8px #000000; padding: 10px; margin: 0 10px; 30px 0;}
div.cadre_rubrique p {text-align: center; font-size: 0.8em; color: #000; line-height: 1.5em;}
div.cadre_rubrique figure {text-align: center; width: 210px; margin: 0 auto;}

div.cadre_right {width:98%; margin: 0 auto; padding-top: 4px; text-align:justify}
div.cadre_right ul {margin-left: 10px; padding: 0px;}
div.cadre_right li {font-size: 0.8em; margin: 15px 0; list-style-type: none; line-height: 1.5em;}
div.cadre_right p.dossiers img {border: 1px solid #000000;}
div.cadre_right p.left {text-align: left;}
div.cadre_pub_right {width: 98%;}
div.cadre_pub_right {margin: 0 auto 20px;}



/* Fichiers spécifiques à la page d'accueil */

div#left_accueil h1, div#box_slide h1, div#info_flash h1 {background: url(https://www.santetropicale.com/images/v2/puce_rf.gif) no-repeat left 2px; padding-left: 22px; color: #333; font-weight: bold; font-size: 130%;}
div#left_accueil h1 span, div#box_slide h1 span, div#info_flash h1 span {font-size: 70%; color: #BB1016; font-weight: 700;}
div#left_accueil {float: left; width: 50%; padding: 0 10px; margin-left: 5px; border-right: 1px dotted #999;}
div#left_accueil img {border: 1px solid #333; margin: 2px 8px 4px 4px;}
div#left_accueil h2 {font-size: 100%; color: #BB1016;}
div#left_accueil h2 {color: #990066;border-bottom: 3px solid #990066;padding-bottom: 5px;font-size: 1em}
div#left_accueil h2 span {font-size:1em; font-weight:400; color:#000}
div#left_accueil h3 {font-size: 100%;color: #990066;}
div#left_accueil ul {margin: 0; padding: 0; list-style-type: none;}



h1.allergies, h2.allergies {color: #990066;border-bottom: 3px solid #990066;padding-bottom: 5px;text-transform: uppercase;}
h1.allergies span, h2.allergies span {font-size:1em; font-weight:400; color:#000; text-transform: uppercase;}
h1.cancero, h2.cancero {color: #5272B3;border-bottom: 3px solid #5272B3;padding-bottom: 5px;text-transform: uppercase;}
h1.cancero span, h2.cancero span {font-size: 1em;font-weight: 400;color: #000;text-transform: uppercase;}
h1.douleur, h2.douleur {color: #F15B21;border-bottom: 3px solid #F15B21;padding-bottom: 5px;text-transform: uppercase;}
h1.douleur span, h2.douleur span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}
h1.orl, h2.orl {color: #06C;border-bottom: 3px solid #06C;padding-bottom: 5px;text-transform: uppercase;}
h1.orl span, h2.orl span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}
h1.cardio, h2.cardio {color: #C00;border-bottom: 3px solid #C00;padding-bottom: 5px;text-transform: uppercase;}
h1.cardio span, h2.cardio span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}
h1.pediatrie, h2.pediatrie {color: #007FFF;border-bottom: 3px solid #007FFF;padding-bottom: 5px;text-transform: uppercase;}
h1.pediatrie span, h2.pediatrie span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}
h1.palu, h2.palu {color: #CCA400;border-bottom: 3px solid #CCA400;padding-bottom: 5px;text-transform: uppercase;}
h1.palu span, h2.palu span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}
h1.mere_enfant, h2.mere_enfant {color: #85B200;border-bottom: 3px solid #85B200;padding-bottom: 5px;text-transform: uppercase;}
h1.mere_enfant span, h2.mere_enfant span {font-size:1em; font-weight:400; color:#000;text-transform: uppercase;}


h3.allergies, h4.allergies {color: #990066;}
h3.cancero, h4.cancero  {color: #5272B3;}
h3.douleur, h4.douleur {color: #F15B21;}
h3.orl, h4.orl {color: #06C;}
h3.cardio, h4.cardio {color: #C00;}
h3.pediatrie, h4.pediatrie {color: #007FFF;}
h3.palu, h4.palu {color: #CCA400;}
h3.mere_enfant, h4.mere_enfant {color: #85B200;}



/* Styles de formulaires */
label#label_motscles {display: block;}
.input {width: 50%;}
.select, .input {color: #333333; font-weight: bold; margin-top: 1%;}
div#div_formulaire ul {list-style-type: none;}


img.zoom {width:650px;height:408px;}
img.zoom:active {width:1000px;height:628px;}	
img.zoomrec {width: 650px;	height: 653px;}
img.zoomrec:active {width: 840px;height: 843px;}

/* Mise en page - Pages d'actualités */

form#selection_actus {text-align: center; padding: 5px; margin: 15px;}
form#selection_actus fieldset {font-weight: bold; border: thin solid #F30; padding: 10px;}
form#selection_actus legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}
form#selection_actus input {margin-left: 15px;}


/* Mise en page - Pages d'actualités */

form#selection_actus {text-align: center; padding: 5px; margin: 15px;}
form#selection_actus fieldset {font-weight: bold; border: thin solid #F30; padding: 10px;}
form#selection_actus legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}
form#selection_actus input {margin-left: 15px;}


/* Mise en page - Pages d'actualités */

/* Mise en page - Page recherche */

form#form_recherche_simple, form#form_recherche_pied {font-weight: bold; color: #BB1016; margin: 0px 20px 10px; background-color: #ffc529; border: 1px solid #000; box-shadow: 4px 4px 8px #000; font-family: Arial, Helvetica, sans-serif; padding: 10px; border-radius: 10px;}
form#form_recherche_simple fieldset, form#form_recherche_pied fieldset {padding: 10px; border: none;}
form#form_recherche_simple legend, form#form_recherche_pied legend {color: #BB1016; font-size: 1em;}
form#form_recherche_simple, input[type="text"] form#form_recherche_pied input[type="text"] {border: 1px solid #000;}
form#form_recherche_pied p {text-align: center;}

div#reponse_recherche {margin: 1%;}
div#reponse_recherche p {text-align: center;}
div#reponse_recherche img {border: 0 none; margin-right: 5px;}
div.result_texte {display: none; padding-top: 4px;}
div.result_texte p {line-height: 1.5em; color: #000; text-align: justify;}
/* Mise en page - Page recherche */



/* Mise en page - Page visio */
div#visio p, div#visio li {font-size: 0.8em; line-height: 1.5em;}
div#visio h4 {color: #BB1016; text-align: left; font-size: 1em; line-height: 1.5em;}
div#visio li {list-style: none;}
div#visio li p {font-size: 100%;}
div#visio hr {clear: left; visibility: hidden;}
object#visio_pdf {margin-bottom: 10px; border: 1px solid #666666; height: 900px; margin-right: auto; margin-left: auto; width: 99%;}

#visio_swf {height: 750px; width: 99%; margin-top: 10px;}
/* Mise en page - Page visio */

div#div_commentaire {margin: 20px 0 20px 20px; text-align: left; background: transparent; border: none; color: #000000;}
div#div_commentaire em {color: #BB1016; font-weight: bold;}
div#div_commentaire img {float: left; margin-right: 10px; border: 1px solid #000; box-shadow: 4px 4px 6px #666;}
div#div_commentaire form {margin: 20px; padding: 10px; border: 1px solid #3176E8; border-radius: 25px; -moz-border-radius: 25px; /* Old Firefox */}
div#div_commentaire fieldset {border: none; margin-top: 0px;}
div#div_commentaire legend {text-align: left; display: block; font-size: 0.8em; color: #007CC2; padding-bottom: 5px;}
div#div_commentaire form textarea {background: #FFF url(https://www.santetropicale.com/club/images/logos_labos/logo_bg_apidpm.png) no-repeat center center; margin-left: 10px; color: #000; box-shadow: 10px 10px 5px #333; border: 1px solid #333; text-align: left; padding: 5px;}
div#div_commentaire form fieldset#submit {clear: left; margin-top: 10px; text-align: center;}
div#div_commentaire ul li {padding: 5px 0px; font-size: 0.8em; line-height: 1.5em;}
div#div_commentaire h2, div#div_commentaire h3, div#div_commentaire h4 {color: #BB1016; text-align: left; font-size: 1em; line-height: 1.5em;}
div#div_commentaire p {text-align: left; font-size: 0.8em; line-height: 1.5em;}

div#div_commentaire label {font-weight: bold; text-align: left; display: block; padding: 5px 0; margin-left: 10px; font-size: 0.8em; color: #BB1016;}

div.commentaire {text-align: left; margin: 0 15px; padding: 10px;}


/* Mise en page - WEB TV */



.onlist_gris {background-color: #f1f1f1; -webkit-box-shadow: 0 3px 5px #0066FF; -moz-box-shadow: 0 3px 5px #0066FF; box-shadow: 0 3px 5px #0066FF; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c0c0c0, Strength=1, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#c0c0c0, Strength=4, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#c0c0c0, Strength=4, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#c0c0c0, Strength=4, Direction=270);}


/* Mise en page - WEB TV - Webcasts CFA */

/* Bloc rubriques  */
div.bloc_rubrique {background-color: #FFFFFF; margin: 20px auto 0; padding: 5px 20px;}
div.bloc_rubrique div.coldroite {float: right; width: 300px; margin-top: 20px;}
div.bloc_rubrique div.coldroite ul {margin: 0; padding: 0; list-style-type: none;}
div.bloc_rubrique div.coldroite h2 {background-color: #333; color: #FFF; padding: 5px; -webkit-box-shadow: 6px 6px 12px #000; -moz-box-shadow: 6px 6px 12px #000; box-shadow: 6px 6px 12px #000;}
div.bloc_rubrique div.centre {width: 680px;}
div#include_text {font-size: 0.8em; line-height: 1.5em;}

div#webtv.bloc_rubrique h2 {color: #1870B7; text-align: left;}
div#webtv.bloc_rubrique h2 span {color: #333; font-size: 50%; font-weight: normal;}
div#webtv.bloc_rubrique h3 {font-size: 0.95em; color: #C80E3D;}
div#webtv.bloc_rubrique h3 a {color: #1870B7;}
div#webtv.bloc_rubrique h4 {color: #1870B7; text-align: left; font-size: 1.5em;}
div#webtv.bloc_rubrique h5 {font-size: 0.95em; color: #C80E3D; line-height: 1.5em;}
div#webtv.bloc_rubrique h5 span {font-size: 0.8em; color: #000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#webtv.bloc_rubrique p, div#webtv.bloc_rubrique ul, div#webtv.bloc_rubrique ol {font-size: 0.8em; text-align: justify; line-height: 1.5em;}
div#webtv.bloc_rubrique p.centrer {text-align: center;}
div#webtv.bloc_rubrique p.rubrique {text-align: center; margin-bottom: 0px; padding: 4px; border-top: 1px solid #1870B7; background-color: #C9E2F8;}
div#webtv.bloc_rubrique div#include_text p, div#webtv.bloc_rubrique div#include_text ul, div#webtv.bloc_rubrique div#include_text ol {font-size: 100%;}
div#webtv.bloc_rubrique img.vignette {float: left; margin-right: 15px; border: 1px solid #000; box-shadow: 4px 4px 8px #000000;}
div#webtv.bloc_rubrique div.coldroite {background-color: #F7F7F7;}
div#webtv.bloc_rubrique div.coldroite h3 {background-color: #1870B7; color: #FFF; padding: 5px; margin-top: 0px;}
div#webtv.bloc_rubrique div.coldroite h5 {margin-left: 10px;}
div#webtv.bloc_rubrique div.coldroite h5 a {color: #C80E3D;}
div#webtv.bloc_rubrique div.coldroite li {height: 100px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #DBDBDB; padding: 8px; margin: 10px 0; color: #333; font-size: 0.8em; text-align: left; line-height: 1.5em;}
div#webtv.bloc_rubrique div.coldroite ul.sommaire li {height: auto; margin: 5px 0; font-size: inherit;}
div#webtv.bloc_rubrique div.coldroite li img {float: left; margin: 0 10px 5px 5px; border: 1px solid #000; -webkit-box-shadow: 6px 6px 12px #000; -moz-box-shadow: 6px 6px 12px #000; box-shadow: 6px 6px 12px #000;}
div#webtv.bloc_rubrique div.coldroite li a {color: #1870B7; font-weight: bold;}
div#webtv.bloc_rubrique div.coldroite em {color: #1870B7; font-weight: bold;}
div#webtv.bloc_rubrique p#nav {color: #C80E3D; border: 1px solid #1870B7; background-color: #C9E2F8; text-align: center;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)  {
	iframe{width:100%;}
	div#coldroite_rub, div#coldroite {display: none}
	div#conteneur{width:100%;}
	div#conteneur img{max-width:100%;}
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
div#accueil_2col, div#accueil_2col_cadre {width: 100%;margin: 0}
	div#conteneur div.left_accueil{ width: 100%}
div#conteneur div.right_accueil{ display:none}
div#div_principale_actus, div#div_principale_allergies, div#div_principale_congres, div#div_principale_rpscien, div#div_principale_sites, div#div_principale_recherche, div#div_principale_article, div#visio, div#div_principale_rapports, div#div_principale_outils { width:100%}
	
}