@charset "utf-8";
/* CSS Document */
html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;}
/* Personnalisé */ body.algerie_2015 {background-color:#CCCCCC;} /* Vert */
/* Personnalisé */ body.maroc {background-color: #006C34;} /* Vert */
/* Personnalisé */ body.tunisie {background-color: #FFCCD0;} /* Bleu */

p.centrer {text-align: center;}
h1, h2, h3, h4, h5, h6 {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif;}
h1 {color: #008000; font-size: 1.5em;}
h2 {color: #DE2110;	font-size: 1.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DE2110;}
h3 {color: #DE2110; font-size: 1.1em;}
h4 {color: #008000;}
h5 {color: #00679f; font-size: 0.9em; line-height: 1.5em;}
p {text-align:justify}
hr {visibility: hidden; clear: left;}
p.teasing {font-family: Arial, Helvetica, sans-serif; font-size: 2em; color: #008000;}
p.teasing span {color: #cc9966;}
form {margin: 5px 0px 0px 0px;}
fieldset {padding: 0px; border: 0;}
/*em {font-weight: bold; font-style: normal; color: #F00;}*/

a {text-decoration: none;cursor: pointer;}
a:link {color: #000000;}
a:hover {text-decoration: underline;color: #339900;}
a.original:link {color: #333; text-decoration: none;}
a.original:hover, a.original:active, a.original span {color: #339900;}
a.original:hover, a.original:active {color: #339900;text-decoration: underline;}
a.original:visited {color: #333; text-decoration: underline;}
a.original span {font-weight:bold;}

/* Classes */
.display_none {display: none;}
.securite {display: none;} /* Utilisée pour les pièges robots des formulaires */
.sansbordure {border: none;}
.centrer {text-align: center;}
.justify {text-align: justify;}
hr.separateur {clear: both; margin: 20px;}
hr.separateur_20 {clear: left; margin: 20px;}
hr.separateur_200 {clear: left; margin-top: 200px;}
img.photo {float: left; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; margin: 0 10px 5px 0;}
img.photo:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
img.sansbordure {border: none;}
img.icone_drapeau {float: right; border: 1px solid #000; box-shadow: 4px 4px 8px #000; margin-left: 10px;}
img#statue {border: none; margin-left: 150px; box-shadow: 4px 4px 8px #000;}
img.couv {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; border-radius: 5px; margin: 5px;}
img.couv:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

p#accueil_fil {color: #ED080D; background-color: #E9E9E9; padding: 5px; font-weight: 700; border: 1px solid #000; box-shadow: 4px 4px 8px #000; border-radius: 5px;}
p#accueil_fil a {color: #333;}
p#accueil_fil a:hover {color: #ED080D;}
p#accueil_fil span {color: #666;}

div.video {margin: 15px 25px; display: block; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #333 #666 #666 #333; padding: 15px; background-color: #F2E6D9; border-radius: 10px; box-shadow: 4px 4px 8px #000;}
div.video:hover {margin: 15px 25px; display: block; border-width: 2px 1px 1px 2px; border-style: solid; border-color: #666 #333 #333 #666; cursor: pointer; padding: 15px; background-color: #C2EBC2;}
div.video img {float: left; margin-right: 25px; box-shadow: 4px 4px 6px #333;}
div.video hr {clear: left; visibility: hidden; margin: 0px;}
div.video h3, div.video h4 {margin: 0px; text-align: left;}
div.video a {text-decoration: none; color: #333;}
div.video p {text-align: left;}
iframe {border: 3px solid #333; box-shadow: 8px 8px 12px #333; margin-bottom: 20px;}

/* Barre de navigation */
div#menu_header {width: 100%; height: 75px;background-color: #ffffff;  box-shadow: 1px 1px 12px #555; padding: 7px 0px 0 0; position: fixed; left: 0px; top: 0px; right: 0px; z-index: 3000;}
div#menu_header.maroc {background-color: #C1272D;}
div#menu_header.tunisie {background-color: #E70013;}
div#menu_header.algerie_2015 {background-color: #319400;}
div#menu_header img {border: none;}
div#menu_header img.drapeau {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; margin-right: 15px;}
div#menu_header img.drapeau:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
div#menu_contenu {width: 1000px; margin: 5px auto;}
ul#menu_rapide {text-align: left; float: left; padding: 0px; color: #333333; font-size: 0.7em; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 250px;}
ul#menu_rapide li {list-style-type: none; display: inline; padding: 3px 0 2px;}
ul#menu_rapide img {border: none; margin-right: 5px; vertical-align: middle;}
ul#menu_rapide a:link, ul#menu_rapide a:visited {text-decoration: none; color: #333333; font-weight:normal;}
ul#menu_rapide a:hover, ul#menu_rapide a:active, ul#menu_rapide a:focus {text-decoration: underline;}

div#conteneur {	padding: 20px;width: 1050px;margin: 10px auto;border: 1px solid #000;box-shadow: 4px 4px 8px #000;
	z-index: 1000;position: relative;	background-color: #CCCCCC;}
/* Personnalisé */ div#conteneur.algerie_2015 {background-color: #FFFFFF;} /* 
/* Personnalisé */ div#conteneur.maroc {background-color: #FFFFFF;} /* 
/* Personnalisé */ div#conteneur.tunisie {background-color: #FFFFFF;} /*  */



p#banniere {text-align: center; margin: 100px auto 20px;}
p#banniere img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; border-radius: 5px; margin: 5px;}
p#banniere img:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

div#banniere {text-align: left; width: 1000px; height: 300px; margin: 100px auto 20px; border: 3px solid #000; box-shadow: 8px 8px 12px #000;}

div#coldroite {float: right;margin-right: 10px;width: 310px;box-shadow: 4px 4px 8px #000;background-color: #FFFFFF;	padding: 10px}
div#coldroite_algerie {float: right;margin-right: 10px;	width: 310px;box-shadow: 4px 4px 8px #000;	background-color: #E1F0E4;padding: 10px}
div#coldroite_algerie h2 {color: #FFFFFF;font-size: 1em;line-height: 1em;border-bottom-width: 1px;	border-bottom-style: solid;border-bottom-color: #216600;box-shadow:4px 4px 6px #000;	background-color: #319400;	padding: 3px;	text-indent: 10px;}
div#coldroite h2.tunisie {color: #FFFFFF;font-size: 1.25em;	line-height: 1em;border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #216600;	background-color: #319400;	padding: 3px;}
div#coldroite h2 span {color: #000; font-size: 70%; font-weight: normal;}
div#coldroite h3 {color: #000000; font-size: 1em; line-height: 1em;}
div#coldroite_algerie h3 {color: #319400;font-size: 1em;line-height: 1em;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #319400;padding: 3px;}
div#coldroite h4 {color: #000000; font-size: 0.9em; line-height: 1em;}
div#coldroite h4 {color: #000000; font-size: 0.9em; line-height: 1em;}
div#coldroite ul {line-height: 1.5em;}
div#coldroite_algerie ul {line-height: 1.5em;}
div#coldroite ul li {padding: 5px 0px; font-size: 0.8em;}
div#coldroite_algerie ul li {padding: 5px 0px; font-size: 0.8em;}
div#coldroite ul span {font-family: Arial, Helvetica, sans-serif; color: #336699;}
div#coldroite_algerie ul span {font-family: Arial, Helvetica, sans-serif; color: #336699;}
div#coldroite p {font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#coldroite_algerie p {font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#coldroite div#douleur {background: url(https://www.santetropicale.com/images/v_2014/campagne_douleur/bg_bas_coldroite.png) no-repeat right bottom; padding-bottom: 200px;}
div#coldroite div#douleur ul {margin-left: 0px; padding-left: 0px; list-style: none;}
div#coldroite div#douleur li {background: url(https://www.santetropicale.com/images/v_2014/campagne_douleur/fleche.png) no-repeat left 15px; padding-left: 55px;}
div#coldroite div#douleur p {padding: 0 10px;}
div#coldroite div#douleur p.image {padding: 0px; text-align: center;}
div#coldroite div#douleur p.accroche {font-size: 1.05em; font-weight: bold; color: #FD3E06; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
div#coldroite div#douleur p.citation {text-align: justify; letter-spacing: 0.1em;}

div#colcentre {text-align: left; margin: 0px 360px 0px 0px; padding-left: 20px;}
div#colcentre h1 {color: #0066FF; font-size: 1.75em;}
div#colcentre h1 span {color: #cc9966; font-size: 60%;}
div#colcentre h4 {font-size: 1em; line-height: 1.3em;}
div#colcentre p {line-height: 1.5em; font-size: 0.8em;}
div#colcentre p a:link, div#colcentre li a:link {color: #216600; text-decoration: none; font-style: normal;}
div#colcentre p a:visited, div#colcentre li a:visited {color: #333; font-style: italic;}
div#colcentre p a:hover, div#colcentre p a:active, div#colcentre li a:hover, div#colcentre li a:active {color: #DE2110; text-decoration: underline;}
div#colcentre ul, div#colcentre ol {line-height: 1.3em; font-size: 0.8em;}
div#colcentre ul li, div#colcentre ol li {padding: 5px 0px;}
div#colcentre ul ul {font-size: 100%;}

div#colcentre div.contenu {padding: 10px; border: 1px solid #008000; box-shadow: 4px 4px 8px #000; background-color: #FFF;}
div#colcentre div.contenu h3 {color: #000000;}
div#colcentre div#jacd.contenu h3 {color: #00679f;}
div#colcentre div#jacd.contenu h4 {color: #F00;}
div#colcentre div.contenu li {line-height: 1.5em; margin: 5px 0;}
div#colcentre div.contenu ul span {color: #000; font-size: 90%;}
div#colcentre div.contenu ul span a {font-weight: normal; color: #216600;}
div#colcentre div.contenu h5 span, div#colcentre div.contenu h4 span, div#colcentre div.contenu h3 span {color: #000; font-size: 80%;}
div#colcentre div.contenu p#carte_gd img {float: none;}
object#visio_pdf {margin-bottom: 10px; border: 1px solid #666666; height: 900px; margin-right: auto; margin-left: auto; width: 99%;}

/* Pagination des articles */
div#colcentre div.contenu p#nav {font-size: 0.9em; padding: 10px; margin: 20px; text-align: center; border: 1px solid #000; box-shadow: 4px 4px 8px #000; border-radius: 10px; color: #000; background-color: #239e46;}
div#colcentre div.contenu p#nav a, div#colcentre div.contenu p#nav span {border-right: 1px solid #CCCCCC; padding: 0 6px;}
div#colcentre div.contenu p#nav a {color: #FFD600; text-decoration: none;}
div#colcentre div.contenu p#nav a:hover, div#colcentre div.contenu p#nav a:focus, div#colcentre div.contenu p#nav a:active {text-decoration: underline;}
div#colcentre div.contenu p#nav span {color: #DE2110; font-weight: bold;}

div#colcentre div#promo_abonnement {background-color: #3A3A76;color: #FFF;border-radius: 15px;	padding: 20px;
	border: 1px solid #000;	box-shadow: 4px 4px 8px #000;}
div#colcentre div#promo_abonnement em {font-weight: bold; font-size: 130%; color: #FFF; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif; font-style: italic;}
div#colcentre div#promo_abonnement a {color: #FFF; text-decoration: underline;}
div#colcentre div#promo_abonnement img {float: left; margin-right: 10px; box-shadow: 4px 4px 8px #fff;}

div#affichage_texte {font-size: 0.8em; text-align: justify;}
div#affichage_texte p {font-size: inherit;}

/* commentaire*************************** */
div#div_commentaire {margin: 30px; text-align: left; background: transparent; border: none; color: #000000;}
div#div_commentaire p {font-size: 0.8em;color: #000000;line-height: 1.5em;	text-align: left;}
div#div_commentaire em {color: #FF0000; font-weight: bold;}
div#div_commentaire img {float: left; border: none; margin: 25px 0 0 20px;}
div#div_commentaire form {margin: 0px; border: 1px solid #000; border-radius: 25px; -moz-border-radius: 25px; /* Old Firefox */}
div#div_commentaire fieldset {border: none; margin-top: 0px; text-align: left;}
div#div_commentaire legend, div#div_commentaire label {text-align: left; display: block; font-size: 0.85em; color: #F00; padding-bottom: 5px; line-height: 1.5em; padding-top: 10px; margin-left: 10px;}
div#div_commentaire form input[type="text"], div#div_commentaire form input[type="email"] {background-color: #FFF; margin-left: 10px; box-shadow: 3px 3px 6px #000; border: 1px solid #000; text-align: left; padding: 5px; color: #239e46;}


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; box-shadow: 3px 3px 6px #000; border: 1px solid #000; text-align: left; padding: 10px; color: #239e46;}
div#div_commentaire form fieldset#submit {clear: left; text-align: center; margin: 15px 0;}
div#div_commentaire form#form_commentaire img, div#div_commentaire div.commentaire img {margin: 25px 10px 0 10px; border: 1px solid #000; -webkit-box-shadow: 6px 6px 12px #000; -moz-box-shadow: 6px 6px 12px #000; box-shadow: 6px 6px 12px #000;}

/* Styles du pied */
div#pied {padding: 55px 25px 25px;	max-width: 1400px;	margin: 0 3% 15px;	border: 1px solid #000;	box-shadow: 4px 4px 8px #000;	z-index: 1;	position: relative;	top: -30px;	background-color: #BFA00F;}
/* Personnalisé */ div#pied.algerie_2015 {background-color: #DE2918;} /* Rouge */
/* Personnalisé */ div#pied.maroc {background-color: #C1272D;} /* Bleu */
/* Personnalisé */ div#pied.tunisie {background-color: #E70013;} /* Jaune */
div#pied h1 {color: #FFF; line-height: 1.3em;}

div#pied h1 img.drapeau {float: left; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; margin-right: 15px;}
div#pied h1 img.drapeau:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
div#pied h1 span {color: #FFF; font-size: 80%;}


div#pied h2, div#pied h3, div#pied em {color: #f7f409;} /* Jaune */
/* Personnalisé */ div#pied.algerie_2015 h2, div#pied.algerie_2015 h3, div#pied.algerie_2015 em {color: #BFA00F;} /* Jaune */
/* Personnalisé */ div#pied.maroc h2, div#pied.maroc h3, div#pied.maroc em {color: #BFA00F;} /* Jaune */
/* Personnalisé */ div#pied.tunisie h2, div#pied.tunisie h3, div#pied.tunisie em {color: #ffffff;} /* Jaune */

div#pied p {color: #FFFFFF; text-align: center; font-size: 0.8em; line-height: 1.5em;}
/* Personnalisé */ div#pied.rca p {color: #000;}

div#pied p a {color: #999999;}
div#pied form#contact {float: right; padding: 5px; text-align: left; width: 450px; border: none; margin: 0px;}
div#pied form#contact p {text-align: left; font-weight: bold;}

div#pied form#contact legend {display: block; width: 100%; color: #f7f409;} /*  */
/* Personnalisé */ div#pied.algerie_2015 form#contact legend {color: #BFA00F;} /*  */
/* Personnalisé */ div#pied.maroc form#contact legend {color: #BFA00F;} /*  */
/* Personnalisé */ div#pied.tunisie form#contact legend {color: #ffffff;} /*  */

div#pied form#contact label {color: #fff; display: block; width: 100%; margin: 5px 0; font-size: 0.8em;}
div#pied form#contact fieldset {border: none;}
div#pied form#contact fieldset#submit {clear: left; text-align: center; margin: 15px 0;}
div#pied form#contact input[type="submit"] {box-shadow: 3px 3px 6px #000; border: 1px solid #000; border-radius: 5px; cursor: pointer; background-color: #f7f409; color: #be0027;} /* Jaune et Rouge */
/* Personnalisé */ div#pied.algerie_2015 form#contact input[type="submit"] {background-color: #BFA00F; color: #ffffff;} /*  */
/* Personnalisé */ div#pied.maroc form#contact input[type="submit"] {background-color: #BFA00F; color: #ffffff;} /*  */
/* Personnalisé */ div#pied.tunisie form#contact input[type="submit"] {background-color: #666666;color: #ffffff;} /*  */

div#pied form#contact input[type="email"] {background-color: #FFF; margin-left: 10px; box-shadow: 3px 3px 6px #000; border: 1px solid #000; text-align: left; padding: 5px;}
div#pied form#contact input[type="email"] {color: #216600;}
div#pied form#contact textarea {background: #FFF url(https://www.santetropicale.com/club/images/logos_labos/logo_bg_apidpm.png) no-repeat center center; margin-left: 10px; box-shadow: 3px 3px 6px #000; border: 1px solid #000; text-align: left; padding: 20px;}
div#pied form#contact textarea {color: #216600;}
div#pied div#carte_site {color: #FFFFFF; padding: 10px; text-align: left;}
div#pied div#carte_site ul {float: left; list-style-type: none; width: 130px; margin: 0; padding: 0;}
div#pied div#carte_site ul.liens_pays li img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; border-radius: 5px; margin-right: 10px;}
div#pied div#carte_site ul.liens_pays li img:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
div#pied div#carte_site ul li {font-size: 0.8em; margin: 5px 0;}
div#pied div#carte_site ul li a {color: #CCCCCC;text-decoration: none;}
div#pied div#carte_site ul li a:hover, div#pied div#carte_site ul li a:focus, div#pied div#carte_site ul li a:active {text-decoration: underline;}
p.copyright {text-align: center; font-size: 0.8em;}
p.copyright img {border: 1px solid #000; box-shadow: 4px 4px 8px #000; margin-right: 10px;}
 
/* Styles du pied */

/* Styles div promo APIDPM */
div#promo_apidpm {padding: 0 25px; margin: 15px; text-align: center;}
div#promo_apidpm p {text-align: center;}
div#promo_apidpm h2 {color: #000; border: none;}
div#promo_apidpm img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000; border-radius: 5px; margin: 5px;}
div#promo_apidpm img:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
/* Styles div promo APIDPM */