@viewport {width: device-width; zoom: 1;}
@-webkit-viewport{width: device-width;}
@-moz-viewport{width: device-width;}
@-ms-viewport{width: device-width;}
@-o-viewport{width: device-width;}
@viewport{width: device-width;}

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

* {
    box-sizing: border-box;
}

 */@font-face{font-family:'FontAwesome'; src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0'); src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-twitter-square:before{content:"\f081";font-size:27px; margin-right:5px }
.fa-facebook-square:before{content:"\f082"; font-size:27px; margin-right:5px}
.fa-linkedin-square:before{content:"\f08c"; font-size:27px; margin-right:5px}
.fa-youtube-square:before{content:"\f166"; font-size:27px; margin-right:20px}
.fa-user-circle-o{content:"\f166"; font-size:27px; margin-right:20px}
.fa-twitter-square:hover, .fa-facebook-square:hover, .fa-linkedin-square:hover, .fa-youtube-square:hover, .fa-user-circle-o:hover{color:#FE5247}
div.share_boutons {display: flex;}

html, body {margin: 0; padding: 0; width: 100%; height: 100%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body {color: #000000; background-color: #FFFFFF; text-align: center;}
p.centrer {text-align: center;}
h1, h2, h3, h4, h5, h6 {font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', sans-serif;}
h1 {font-size: 1.3em; margin: 20px 0;}
h2 {font-size: 1.1em;}
h2 span {font-size: 80%; font-weight: normal;}
h3 {color: #333; font-size: 1em;}
h4 {color: #EF3130;}
h5 {color: #000000;	font-size: 0.9em;	line-height: 1.5em;}
hr {visibility: hidden; clear: left;}
p.teasing {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;}
address {text-align: center; margin: 10px; font-style: normal; font-weight: bold; font-size: 0.85em; line-height: 1.5em;}
address span.siret {font-size: 80%;}
span.important {font-size: 200%; color: #F00; font-weight: bold;}
span.required {color: #F00; font-weight: bold;}
input#piege_robot {display: none;}
img.float_left {float: left; margin-right: 0.5em; border: 1px solid #999999;}
iframe {border: 1px solid #333;	margin-bottom: 20px;}
div#ban_header, div.header {margin-top: 0px;}


.button {padding: 10px 10px; text-align: center;  text-decoration: none; display: inline-block; font-size: 0.9em;
font-weight:bold; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}
.button1 {background-color: #EB2144;color: white;border: 1px solid #BB0339;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.button1:hover {background-color: #8E0D23; color: #FFF;border: 1px solid #8E0D23 }
.button2 {background-color: #333; color: white;border: 1px solid #333;}
.button2:hover {background-color: #8E0D23; color: #FFF;border: 1px solid #8E0D23 }
.button3 {text-align: left;	background-color: #F4923B; color: #fff; border: 1px solid #F4923B; background-image: url(https://www.santetropicale.com/kiosque/images/mep/voir.png); background-repeat: no-repeat; background-position: 90%; padding: 16px 62px 16px 32px;}
div#header {width: 100%;	margin: -18px auto 0 auto;	text-align: center;	position: fixed;	background-color: #E5E5E5;	z-index: 2;}
div#header div p.access #logo {display:none}
div#header div {width: 75%; margin: 0 auto 0 auto;}
div#header div h3 {border: none; margin-top:40px}
div#header div p a {color: #333; vertical-align: middle; font-size:100%; text-decoration:none; }
div#header div p a:hover {color:#EE1919;text-decoration: underline }
div#header .access {float:right; color:#333; font-size:90%}
div#header .logo {float:left}
.reso_pc_display {display:none}

/* Mise en page 2024 */
img {max-width: 100%;}
div#conteneur_2024 {max-width: 1200px; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-around; background-color: #FFF; text-align: left;}

div#conteneur_2024 h1 {color: #000000; border: 3px solid #EF3130; line-height: 1.5em;}
div#conteneur_2024 h2 {color: #000000;}
div#conteneur_2024 p, div#conteneur_2024 ul {font-size: 0.85em; line-height: 1.5em;}

div#principale {padding: 1%; width: 73%;}
div#principale h1 {color: #0066FF;}
div#principale h1 span {color: #cc9966; font-size: 60%;}
div#principale h2 {color: #333333; text-align: left; margin-top: 0px; border-bottom: 3px solid #F12A32; padding-bottom: 10px; text-transform: uppercase;}
div#principale h3 {color: #333333;}
div#principale h4 {font-size: 1em; line-height: 1.3em;}
div#principale p {line-height: 1.5em; font-size: 0.85em; text-align:justify}
div#principale a:link {color: #F12A32; text-decoration: none; font-style: normal;}
div#principale a:visited {color: #E44A05; font-style: italic; text-decoration: underline;}
div#principale a:hover, div#principale a:active {color: #DE2110; text-decoration: underline;}
div#principale ul, div#principale ol {line-height: 1.3em; font-size: 0.85em;}
div#principale ul li, div#principale ol li {padding: 5px 0px;}
div#principale ul ul {font-size: 100%;}

div#principale div.contenu {padding: 3%; background-color: #FFF;}
div#principale div.contenu h1 {color: #C00; text-align: left;}
div#principale div.contenu h3 {color: #333333;}
div#principale div.contenu ul {margin: 0; padding: 0; list-style: none; font-weight: bold; font-size: 1em;}
div#principale div.contenu ul span {color: #000; font-size: 80%;}
div#principale div.contenu ul span a {font-weight: normal; color: #F12A32;}
div#principale div.contenu h5 span, div#principale div.contenu h4 span, div#principale div.contenu h3 span {color: #000; font-size: 80%;}


div#principale div.bloc_horizontal {padding: 3%; background-color: #FFF;}
div#principale div.bloc_horizontal ul {margin: 0; padding: 0; list-style: none; color: #333333; font-size: 0.85em;}
div#principale div.bloc_horizontal li {margin: 10px 0;}
div#principale div.bloc_horizontal li a {font-weight: normal; color: #333333; line-height: 1.5em; text-decoration: none;}
div#principale div.bloc_horizontal li a:hover {text-decoration: underline;}
div#principale div.bloc_horizontal h5 span, div#principale div.bloc_horizontal h4 span, div#principale div.bloc_horizontal h3 span {color: #000; font-size: 80%;}
div#principale div.bloc_horizontal p {line-height: 1.5em; font-size: 0.85em;}
div#principale div.bloc_horizontal p a:link, div#principale div.bloc_horizontal li a:link {color: #F12A32;	text-decoration: none; font-style: normal;}
div#principale div.bloc_horizontal p a:visited, div#principale div.bloc_horizontal li a:visited {color: #333; font-style: italic; text-decoration: underline;}
div#principale div.bloc_horizontal p a:hover, div#principale div.bloc_horizontal p a:active, div#principale div.bloc_horizontal li a:hover, div#principale div.bloc_horizontal li a:active {color: #DE2110; text-decoration: underline;}

div#coldroite_2024 {padding: 1%; text-align: center; width: 25%;}
div#coldroite_2024 figure {margin: auto; text-align: center;}
div#coldroite_2024 h2 {color: #FFF; text-align: left; background-color: #F12A32; padding: 10px; text-transform: uppercase;}
div#coldroite_2024 h3 {font-size: 1.1em; color: #F12A32; text-align: left;}
div#coldroite_2024 a:link {color: #DE2110; text-decoration: none; font-style: normal;}
div#coldroite_2024 a:hover {color: #DE2110; text-decoration: underline;}

div#coldroite_2024 figure {float: none; width: 100%; text-align: center; margin-left: 0px;}
div#coldroite_2024 figure figcaption {font-size: 0.85em; font-weight: 500; text-align: left; line-height: 1.6em;}
div#coldroite_2024 figure figcaption a {color: #000000;}
div#coldroite_2024 figure figcaption a:hover {color: #F00;}
div#coldroite_2024 figure img {max-width: 100%; box-shadow: none; border: 1px solid #000000;}

figure.banniere, figure.banniere_bas {margin: 2% auto;}
figure.banniere img, figure.banniere_bas img {border: 1px solid #000000;}

/* webtv*************************** */
div.video {border: 1px  solid #DE2110; padding: 15px;}
div.video:hover {border: 1px  solid #333;}
div.video img {float: left; margin: 0 15px 15px 0; border: 1px solid #666;}
div.video hr {clear: left; visibility: hidden; margin: 0px;}
div.video h3, div.video h4 {margin: 0px; text-align: left;}
div#principale div.video a:link {text-decoration: none; color: #333;}
div#principale div.video a:visited {color: #666; font-style: italic; text-decoration: underline;}
div#principale div.video a:hover, div#principale div.video a:active {color: #DE2110; text-decoration: underline;}
div.video p {text-align: left;}


/* Newsletters *************************** */

div#principale.newsletter form {text-align: center; padding: 5px; margin: 15px;}
div#principale.newsletter form fieldset {font-weight: bold; border: 1px solid #DE2110; border-radius: 5px; padding: 10px;}
div#principale.newsletter form legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #DE2110;}
div#principale.newsletter form label {font-size: 0.9em;}
div#principale.newsletter form input {margin: 5px; color: #333; color: #DE2110;}
div#principale.newsletter form input#motscles {font-size: 0.9em; margin: 0 2px 0 5px; font-weight: bold; color: #BB1016; text-align: left; width: 75%;}
div#principale.newsletter p.msg {background-color: #DE2110; border: 1px solid #000; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; color: #FFF;}
div#principale.newsletter p.msg em {font-weight: bold; color: #F9D012;}

div.nospam {border: thin solid RED; padding: 10px;}
div.div_conditions_offre {margin: 15px; border: 1px solid;}
div.div_conditions_offre img {margin: 0 5px 5px 0; float: left; border: 1px solid #333333;}

/* Mise en page 2024 */


/* Styles choix FMC (Entête commune) */
.fmc {background-color: #F9F9F9; width: 100%; padding-top: 5px; top: 0px;  border-bottom: 1px solid #CCC; text-align:center; margin:0 auto; z-index:5}
.fmc p{ font-size:0.9em}
.chx_spec {color:#333; padding:0 10px;border-right:1px solid #CCC;text-decoration: none; }
.chx_spec:hover{border-bottom:3px solid #EE1919;text-decoration: none; }
.dropdown {display:none}


/* liste déroulante Langue */
.custom-dropdown--large {font-size: 0.8em;}
.custom-dropdown--small {font-size: 0.7em;}
.custom-dropdown__select{font-size: inherit; /* inherit size from .custom-dropdown */ padding: 0em; /* add some space*/ margin: 0; /* remove default margins */}
.custom-dropdown__select--white {
	background-color: #F9F9F9;
	color: #333333;
}
@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {position: relative; display: inline-block; vertical-align: middle;}

    .custom-dropdown__select { padding-right: 0em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    .custom-dropdown::before, .custom-dropdown::after {content: "";position: absolute; pointer-events: none;}
    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC"; height:1.2em; font-size: 1em; line-height: 1; right: 2.5em;top: 30%; margin-top: -.2em;}
/*  Custom dropdown arrow cover */
    .custom-dropdown::before {width: 1.5em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0;}
    .custom-dropdown__select[disabled] {color: rgba(0,0,0,.3);}
    .custom-dropdown.custom-dropdown--disabled::after {color: rgba(0,0,0,.1);}
    /* White dropdown style */
    .custom-dropdown--white::before {top: .5em; bottom: .5em; background-color: #fff; border-left: 1px solid rgba(0,0,0,.1);}
    .custom-dropdown--white::after {color: rgba(0,0,0,.9);}
    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select {padding-right: 1.2em;}
        .custom-dropdown--large .custom-dropdown__select {padding-right: .8em}
        .custom-dropdown--small .custom-dropdown__select {padding-right: .5em}
    }
}

/* Classes */
.display_none {display: none;}
.securite {display: none;} /* Utilisée pour les pièges robots des formulaires */
.sansbordure {border: none;}
.right {text-align: right;}
.left {text-align: left;}
.centrer {text-align: center;}
.justify {text-align: justify;}
.parution_couv {float: left; margin-left:45px; text-align:center}
hr.separateur {clear: both; margin: 20px;}
hr.separateur_20 {clear: left; margin: 20px;}
hr.separateur_200 {clear: left; margin-top: 200px;}
img.couv_parution {padding: 5px; border: 1px solid #CCC; float: left; margin-right: 5px; margin-bottom: 5px;}
img.photo {float: left; border: 1px solid #333; margin: 0 10px 5px 0;}
img.sansbordure {border: none;}
img.icone_drapeau {float: right; border: 1px solid #000; margin-left: 10px;}
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;}
img.couv {float: left; border: 1px solid #000; margin-right: 10px;}
img.affiche {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; margin: 0 auto;}
img.affiche:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
.haut_page {text-align:right; margin: 30px 20px 0 0;}
a.original:link {color:#EF3130; text-decoration: none;}

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

img#statue {box-shadow: 4px 4px 8px #000; float: right; margin: 20px 60px 0 0;}
.cadre_fd_gris {background-color: #F3F3F3;padding: 20px}
div#entete {width: 1048px; background-color: #FFFFFF; margin: 0px auto; height: 80px; text-align: left;}
div#entete a:active, div#entete a:focus, div#entete a:hover {text-decoration: none;}

p#banniere {text-align: center; margin: 0px auto 0px auto;}
p#banniere img {border: 1px  solid #000; width: 70%; height: 70%; box-shadow: 3px 3px 6px #000000;}
div#banniere {text-align: left; width: 1000px; margin: 0px auto; border: 1px solid #000; }
div#conteneur {width: 1048px; background-color: #FFFFFF; margin: 10px auto; text-align: left; padding-bottom: 20px;}
div#conteneur h1 {color: #000000; border-bottom-width: 3px;border-bottom-style: solid; border-bottom-color: #EF3130; line-height: 1.5em;}
div#conteneur h2 {color: #000000;}
div#conteneur p, div#conteneur ul {font-size: 0.85em; line-height: 1.5em;}
div#conteneur div#coldroite img.couv {float: none;}

div#coldroite, div#coldroite_ebola, div#coldroite_covid19 {float: right; margin-right: 10px; width: 29%; background-color: #FFF; padding: 10px;}
div#coldroite h2, div#coldroite_ebola h2, div#coldroite_covid19 h2 {color: #333333; font-size: 1em; line-height: 1em;	background-color: #F9D012; padding: 10px 10px 10px 20px; border-width: 1px 2px 2px 1px;}
div#coldroite h2 span, div#coldroite_ebola h2 span {color: #000; font-size: 70%; font-weight: normal;}
div#coldroite p.couv_revue {height: 61px; border: 1px solid #CCC; background-color: #FFF; list-style: none;	padding-right: 5px;	clear: left}
div#coldroite a:link, div#coldroite_ebola a:link {color: #DE2110; text-decoration: none; font-style: normal;}
div#coldroite a:hover, div#coldroite_ebola a:hover {color: #DE2110; text-decoration: underline;}
div#coldroite_covid19 a:link, div#coldroite_covid19 a:visited {color: #1b4040;; text-decoration: none;}
div#coldroite_covid19 a:hover, div#coldroite_covid19 a:active {color: #F00; text-decoration: underline;}

div#coldroite_ebola .col_nav_dossiers, div#coldroite_covid19 .col_nav_dossiers {position: -webkit-sticky; position: sticky; top: 7rem; width: 80%; text-align: left; margin-bottom: 0; margin-left: 10px; float: left; border-radius: 5px; padding: 10px 13px; opacity: 0.85;}
div#coldroite_ebola .col_nav_dossiers {background-color: #CC0001;}
div#coldroite_ebola .col_nav_dossiers li a {font-weight: 100; color: #333; font-size: 0.85em;}
div#coldroite_ebola .col_nav_dossiers li a.current {font-weight: bold; color: #333;}
div#coldroite_ebola .col_nav_dossiers ul li {list-style: disc; line-height:1.5em;}

div#coldroite_covid19 .col_nav_dossiers {background-color: #1b4040;}
div#coldroite_covid19 .col_nav_dossiers h3 {color: #FFF;}
div#coldroite_covid19 .col_nav_dossiers ul li {list-style: disc; line-height:1.5em;}
div#coldroite_covid19 .col_nav_dossiers li a {font-weight: 100; color: #FFF; font-size: 0.85em;}
div#coldroite_covid19 .col_nav_dossiers li a.current {font-weight: bold; color: #F00;}
div#coldroite_covid19 div.encadre {background-color: #1b4040; border-radius: 10px; color: #FFF; padding: 10px; font-size: 0.8em; font-weight: normal; font-family: Verdana, sans-serif;}
div#coldroite_covid19 div.encadre h3 {color: #FFF;}

div#fd_ebola {
	background-color: #072758;
	margin-top: -15px;
	padding-bottom: 60px
}
div#fd_covid {
	background-color: #122222;
	margin-top: -15px;
	padding-bottom: 60px
}
div#fd_covid h2, div#fd_covid h3 {font-size: 120%; color: #1b4040;}
div#fd_covid div.rubrique {border-radius: 10px; box-shadow: 5px 5px 3px #000; color: #000; background-color: #DDE6E0; padding: 10px;}
div#fd_covid div.video {border: 1px solid #122222;}

div#fd_covid_2 {
	background-color: #C0C0C0;
	margin-top: -15px;
	padding-bottom: 60px
}
div#fd_covid_2 h2, div#fd_covid_2 h3 {font-size: 120%; color: #1b4040;}
div#fd_covid_2 div.rubrique {border-radius: 10px; box-shadow: 5px 5px 3px #000; color: #000; background-color: #DDE6E0; padding: 10px;}
div#fd_covid_2 div.video {border: 1px solid #122222;}
div#fd_covid_2 div#conteneur {border: 1px solid #000;}

div#coldroite_ebola table {width: 100%;text-align: justify;font-size: 0.9em;}
div#coldroite_ebola td {text-align: left;vertical-align: top;font-size: 0.9em;padding: 0 12px 12px 12px;}
div#coldroite_ebola td span {text-align: center;vertical-align: top;font-size: 1.3em;background-color: #C03;font-weight: bold;color: #FFF;margin-right: 5px;padding: 0 5px 0 5px;}
div#coldroite_ebola td.numero {text-align: right;vertical-align: top;font-size: 1.3em;font-weight: bold;color: #C03;margin-right: 5px;padding-left: 5px;padding-right: 5px;}
div#coldroite_ebola div.encadre {border-radius: 0px 10px 10px 0px;color: #333;padding: 10px;border: 2px solid #F00;}


#onglets {display: none;}
#onglets li {position: relative;	float: left;list-style: none;cursor: pointer;z-index: 1; margin:0;	}
#onglets .actif{border-radius: 10px;font-weight: bold;	z-index: 10;border-top-style: solid;border-right-style: solid;
	border-bottom-style: solid;	border-left-style: solid;border-top-color: #FC0;border-right-color: #FC0;	border-bottom-color: #F3F3F3;	border-left-color: #FC0;}

#contenu {clear: both;position: relative;padding: 10px;	border: 5px solid #FC0;	z-index: 5;	top: -8px;	background-color: #F3F3F3;color: #0F67A1;width: 350px;	overflow: hidden;	border-radius: 15px;margin-top: 0;	margin-right: 5px;	margin-bottom: 0;	margin-left: 5px;}

div.flex {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	float: left;
}

div.col_double {
	background-color: #FFF;
	width: 49%;
	padding: 20px;
	margin-right: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}


/* *************************** */

div#colcentre {
	text-align: left;
	padding-left: 20px;
	width: 65%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
}
div#colcentre h1 {color: #0066FF;}
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.85em; text-align:justify}
div#colcentre a:link {color: #F12A32; text-decoration: none; font-style: normal;}
div#colcentre a:visited {color: #333; font-style: italic; text-decoration: underline;}
div#colcentre a:hover, div#colcentre a:active {color: #DE2110; text-decoration: underline;}
div#colcentre ul, div#colcentre ol {line-height: 1.3em; font-size: 0.85em;}
div#colcentre ul li, div#colcentre ol li {padding: 5px 0px;}
div#colcentre ul ul {font-size: 100%;}

div#colcentre div.contenu h1 {color: #C00; text-align: left;}
div#colcentre div.contenu h2 {
	color: #F12A32;
}
div#colcentre div.contenu h3 {color: #333333;}
div#colcentre div.contenu ul {margin: 0; padding: 0; list-style: none; font-weight: bold; font-size: 1em;}
div#colcentre div.contenu ul span {color: #000; font-size: 80%;}
div#colcentre div.contenu ul span a {font-weight: normal; color: #F12A32;}
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;}
div#colcentre div.contenu {padding: 10px; background-color: #FFF;}

object#visio_pdf {margin-bottom: 10px; border: 1px solid #000; box-shadow: 4px 4px 8px #000; height: 900px; margin-right: auto; margin-left: auto; width: 99%;}
object#visio_pdf_vaxigrip {margin: 20px auto; border: 1px solid #000; box-shadow: 8px 8px 12px #000000; width: 800px; height: 1067px;}

div#titre_site img.couv {margin-right: 20px;}
div#titre_site h1 span {font-size: 0.85em; font-weight: normal; color: #000;}
h1#titre_site img.couv {margin-right: 20px;}
h1#titre_site span {font-size: 70%; font-weight: bold; color: #000;}

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


/* rubrique *************************** */
div#rubrique, div#forum {
	text-align: left;
	width: 63%;
	padding: 20px;
	float: left;
}
div#rubrique h1 img, div#forum h1 img {float: left; margin-right: 10px;}
div#rubrique p { text-align:justify}
div#rubrique ul, div#rubrique ol {line-height: 1.3em; font-size: 0.85em;}
div#rubrique ul li, div#rubrique ol li {padding: 5px 0px;}
div#rubrique ul ul {font-size: 100%;}

p#accueil_fil a {color: #000; font-weight: bold;}
p#accueil_fil a:hover {color: #ED080D;}
p#accueil_fil span {color: #666;}

/* Pagination des articles */

#nav {text-align: center; width: auto; padding: 1%; font-weight: bold; color: #333; border: 1px solid #E15A00; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 20px;}
#nav a, #nav a span {display: inline; border-right: 1px solid #CCC; padding: 0 6px;}
#nav a {color: #EF3130; font-size: 90%;text-decoration: none}
#nav a:hover { text-decoration:underline}


/* actus.asp */

form#selection_actus {text-align: center; padding: 5px; margin: 15px;}
form#selection_actus fieldset {font-weight: bold;border: 1px solid #DE2110;	border-radius: 5px;	padding: 10px;}
form#selection_actus legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #DE2110;}
form#selection_actus input, form#selection_actus select {margin: 5px; color: #333; color: #DE2110;}
form#selection_actus input#motscles {font-size: 0.9em; margin: 0 2px 0 5px; font-weight: bold; color: #BB1016; text-align: left; width: 75%;}
p.selection_recherche {color: #FF0000; font-weight: bold; text-align: center; margin-bottom: 35px;}
p.reponse_recherche {text-align: center; color: #FF3300; font-weight: bold;}

/* biblio.asp */

ul#alphabet {margin: 0px; padding: 0px; list-style: none; font-size: 1em; display: block; height: 100px;}
ul#alphabet a {color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 5px;}
ul#alphabet li {float: left; display: inline; padding: 10px; background-color: #000; margin: 5px; border: 1px  solid #DE2110; width: 25px; padding: 0px; border-radius: 5px; text-align: center; }
ul#alphabet li a:hover {color:#DE2110;}

form#restriction_revue {text-align: left; padding: 10px; margin: 0px; width: auto;}
form#restriction_revue fieldset {font-weight: bold; border: 1px solid #DE2110; padding: 10px;}
form#restriction_revue select, form#restriction_revue input {margin: 5px; color: #333; color: #DE2110;}

form#selection_biblio {text-align: center; padding: 5px; margin: 15px;}
form#selection_biblio fieldset {font-weight: bold; border: 1px solid #DE2110; padding: 10px;}
form#selection_biblio input, form#selection_biblio select {margin: 5px; color: #333; color: #DE2110;}
form#selection_biblio input#motscles {font-size: 0.9em; margin: 0 2px 0 5px; font-weight: bold; color: #BB1016; text-align: left; width: 75%;}
p.selection_recherche {color: #FF0000; font-weight: bold; text-align: center; margin-bottom: 35px;}
p.reponse_recherche {text-align: center; color: #FF3300; font-weight: bold;}

/* kiosque.asp */

div.man_kiosk_pres, div.mag_kiosk_pres, div.ost_kiosk_pres {padding: 10px; margin: 0 20px 20px 0; box-shadow: 4px 4px 8px #000}
div.man_kiosk_pres p, div.mag_kiosk_pres p, div.ost_kiosk_pres p {text-align:justify;}
div.man_kiosk_pres {border: 1px solid #B2353D; background-color: #FBEEEF;}
div.mag_kiosk_pres {border: 1px solid #434182; background-color: #F2F2F9;}
div.ost_kiosk_pres {border: 1px solid #67853F; background-color: #EFF4E8;}

ul#archives {padding: 0; margin: 0 0 0 165px;}
ul#archives li {list-style-type: none; display: block; width: 40px; float: left; font-weight: bold; padding: 10px; margin: 5px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; border-radius: 5px; box-shadow: 4px 4px 8px #000; text-align: center;}
ul#archives li:hover {border-width: 2px 1px 1px 2px; border-color: #333 #000 #000 #333;}
ul#archives li a {color: #FFF; text-decoration: none; display: block;}

div#rubrique.man h1 {color: #AA3138;}
div#rubrique.mag h1 {color: #3a3a76;}
div#rubrique.ost h1 {color: #67853F;}

ul#archives.man li {background-color: #AA3138;}
ul#archives.mag li {background-color: #3a3a76;}
ul#archives.ost li {background-color: #58792a;}

div#kiosque ul {list-style-type: none; margin-left: 0px; padding: 0px; font-size: 0.8em; line-height: 1.5em;}
div#kiosque ul li {padding: 10px;}
div#kiosque li em {color: #000; font-style: normal; font-weight: bold;}
div#kiosque p.important {color: #F00; font-style: normal; font-weight: bold;}

div#kiosque div.resume ul {list-style-type: disc; margin-left: 15px; padding-left: 10px; font-size: 0.8em; line-height: 1.5em; border: none;}
div#kiosque div.resume p {text-align: justify;}

div#kiosque ul li p {font-size: inherit;}
div#kiosque ul li h3 {font-size: 120%;}

div#kiosque.man h2 {color: #AA3138;}
div#kiosque.mag h2 {color: #3a3a76;}
div#kiosque.ost h2 {color: #67853F;}

div#kiosque.man h3 {color: #000;}
div#kiosque.mag h3 {color: #3a3a76;}
div#kiosque.ost h3 {color: #67853F;}

div#kiosque.man ul {border: 1px solid #B2353D;}
div#kiosque.mag ul {border: 1px solid #434182;}
div#kiosque.ost ul {border: 1px solid #67853F;}

div#kiosque.man li a:link {color: #AA3138; text-decoration: none;}
div#kiosque.man li a:hover, div#kiosque_ost li a:active {text-decoration: underline;}
div#kiosque.man li a:visited {text-decoration: underline;}

div#kiosque.mag li a:link {color: #3a3a76; text-decoration: none;}
div#kiosque.mag li a:hover, div#kiosque_ost li a:active {text-decoration: underline;}
div#kiosque.mag li a:visited {text-decoration: underline;}

div#kiosque.ost li a:link {color: #435728; text-decoration: none;}
div#kiosque.ost li a:hover, div#kiosque_ost li a:active {text-decoration: underline;}
div#kiosque.ost li a:visited {text-decoration: underline;}




/* Rapports*************************** */
div#rapports h1 {background: url(https://www.santetropicale.com/images/v2/puce_rf.gif) no-repeat left 2px; padding-left: 22px; color: #333;}
div#rapports h3 {line-height: 1.5em; color: #BB1016; font-size: 0.9em;}
div#rapports h3 span {font-weight: normal; font-size: 90%;}
div#rapports p, div#rapports ul {font-size: 0.85em; line-height: 1.5em;}
div#rapports a {color: #BB1016; text-decoration: none;}
div#rapports a:hover, div#rapports a:visited, div#rapports a:focus, div#rapports a:active {text-decoration: underline;}
div#rapports li {margin: 5px 0;}

/* Web médical*************************** */
div#webmedical h1 {background: url(https://www.santetropicale.com/images/v2/puce_rf.gif) no-repeat left 2px; padding-left: 22px; color: #333;}
div#webmedical h3 {
	line-height: 1.5em;
	color: #000000;
	font-size: 0.9em;
}
div#webmedical h3 span {font-weight: normal; font-size: 90%;}
div#webmedical p, div#webmedical li {font-size: 0.85em; line-height: 1.5em;}

/* annuaire.asp */
div#annuaire {text-align: left; margin: 0px 360px 0px 0px; padding-left: 20px;}
div#annuaire h1 {font-size: 1em;}
div#annuaire h1 img {float: left; margin-right: 10px;}
div#annuaire ul li, div#annuaire ol li {line-height: 1.5em; font-size: 0.85em;}
div#annuaire ul.menu_annu li {list-style: none; padding: 10px; display: inline;}
div#annuaire ul.affiche li {list-style: none; padding: 10px; margin: 10px 0; border: 1px solid #F00; border-radius: 5px; height: 75px;}
div#annuaire ul li a:link {text-decoration: none; color: #000;}
div#annuaire ul li a:visited {color: #666; text-decoration: underline;}
div#annuaire ul li a:hover, div#annuaire ul li a:focus, div#annuaire ul li a:active {text-decoration: underline; color: #F00;}
div#annuaire ul li img.drapeau {float: right; margin-left: 15px; box-shadow: 3px 3px 6px #000000;}
div#annuaire ul ul {font-size: inherit;}

form.selection_annuaire {padding: 5px; margin: 15px;}
form.selection_annuaire fieldset {font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; background-color: #F9D012;}
form.selection_annuaire legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #DE2110;}
form.selection_annuaire label {font-size: 0.85em; color: #DE2110;}
form.selection_annuaire input, form.selection_annuaire select {margin: 5px; color: #333; color: #DE2110;}
p.selection_recherche {color: #FF0000; font-weight: bold; text-align: center; margin-bottom: 35px;}
p.reponse_recherche {text-align: center; color: #FF3300; font-weight: bold;}

div#id_abonne {border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px;}
div#id_abonne img {border: 1px solid #000; box-shadow: 4px 4px 8px #000;}
div#id_abonne div#photo {float: left; margin-right : 10px;}
form#form_photo {display: none;}
form.affichage_annuaire {padding: 5px; margin: 15px;}
form.affichage_annuaire fieldset {font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px;}
form.affichage_annuaire legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #DE2110;}
form.affichage_annuaire label {font-size: 0.85em; color: #000;}
form.affichage_annuaire input, form.affichage_annuaire select {margin: 5px; color: #333; color: #DE2110;}
form.affichage_annuaire input[type="text"], form.affichage_annuaire input[type="email"], form.affichage_annuaire input[type="password"] {width: 60%;}
form.affichage_annuaire textarea {width: 90%;}
form.affichage_annuaire label.repertoire_specialites {display: block; margin: 10px 0; font-size: 0.7em; width: 100%;}



/* Forum*************************** */

div#forum form {text-align: center; padding: 5px; margin: 15px;}
div#forum form fieldset {font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; background-color: #F9D012;}
div#forum form legend {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #DE2110;}
div#forum form label {font-size: 0.9em;}
div#forum form input {margin: 5px; color: #333; color: #DE2110;}
div#forum form input#motscles {font-size: 0.9em; margin: 0 2px 0 5px; font-weight: bold; color: #BB1016; text-align: left; width: 75%;}

p.tdroite {text-align: right; margin-right: 20px; margin-bottom: 10px;}

div.th, div.th_msg {background-color: #9F2524; color: #FFF; font-weight: bold; padding: 5px 0; font-size: 0.9em;}
div.tbody, div.tbody_msg {background-color: #F6F6F6; border: 1px solid #9F2524; padding-left: 5px;}
div.tbody p, div.tbody_msg p {margin: 0px 0; padding: 10px 0;}
div.th span, div.th_msg span, div.tbody span, div.tbody_msg span {display: block; float: left;}
div.th span, div.th_msg span, div.tbody span {text-align: center;}
div.tbody_msg span {text-align: left;}
div.th hr, div.th_msg hr, div.tbody hr, div.tbody_msg hr {clear: left; visibility: hidden;}
div.tbody span.col1 {text-align: left;}
div.tbody span.col1 img {margin-right: 5px;}
div.th span.col1, div.tbody span.col1 {width: 56%;}
div.th span.col, div.tbody span.col {width: 14%; border-left: 1px solid #FFF;}
div.th_msg span.col1, div.tbody_msg span.col1 {width: 25%;}
div.th_msg span.col, div.tbody_msg span.col {width: 74%; border-left: 1px solid #FFF;}

div#forum form#form_inscription, div#forum form#form_login, div#forum form#form_identifiants, div#forum form#form_msg {font-size: 0.9em;}
div#forum form#form_inscription fieldset, div#forum form#form_login fieldset, div#forum form#form_identifiants fieldset {padding: 5px; border: 1px solid #BB1016;}
div#forum form#form_login label, div#forum form#form_identifiants label {display: block; float:left; clear: left; width: 150px; margin: 5px 10px;}
div#forum form#form_login input.submit, div#forum form#form_identifiants input.submit {float: right; margin: 20px 60px 0 0;}
div#forum form#form_inscription label {display: block; float: left; clear: left; width: 250px; height: 14px; margin: 5px; text-align: right;}
div#forum form#form_inscription input.submit {margin: 20px auto;}
div#forum form#form_inscription input, div#forum form#form_inscription select, div#forum form#form_login input, div#forum form#form_identifiants input {display: block; color: #BB1016; margin: 5px 10px;}
div#forum form#form_inscription label#label_validation_forum_inscription, div#forum form#form_login label#label_validation_forum_inscription, div#forum form#form_identifiants label#label_validation_forum_inscription, 
div#forum form#form_inscription input#validation_forum_inscription, div#forum form#form_login input#validation_forum_inscription, div#forum form#form_identifiants input#validation_forum_inscription, div#forum form#form_login input#piege_robot {display: none;}
div#forum form#form_msg fieldset, div#forum form#form_reponse fieldset {padding: 10px; border: none;}
div#forum form#form_msg label, div#forum form#form_reponse label {display: block;}
div#forum form#form_msg input, div#forum form#form_msg textarea, div#forum form#form_msg input, div#forum form#form_reponse textarea, div#forum form#form_reponse input {color: #BB1016;}
div#forum form#form_msg input.submit, div#forum form#form_reponse input.submit {margin: 20px auto;}


/* La page Contact */
div.contact {margin: 15px; padding: 10px; text-align: left;}
div.contact img {float: left; border: 1px solid #000; margin: 0 10px 5px 0;}
div.contact form {margin: 0px; border: 1px solid #000; border-radius: 25px;}
div.contact form fieldset {border: none; margin-top: 0px; text-align: left;}
div.contact form legend, div.contact form label {text-align: left; display: block; font-size: 0.85em; font-weight: bold; padding-bottom: 5px; line-height: 1.5em; padding-top: 10px; margin-left: 10px;}
div.contact form label {
	color: #333333;
}
div.contact form legend {font-style: italic; color: #F00;}
div.contact form input[type="text"], div.contact form input[type="email"] {
	background-color: #FFF;
	margin-left: 10px;
	border: 1px solid #999;
	text-align: left;
	padding: 5px;
	color: #333333;
}
div.contact form textarea {
	margin-left: 10px;
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
	color: #333333;
	background-color: #FFF;
}
div.contact form fieldset#submit {clear: left; text-align: center; margin: 15px 0;}

/* commentaire*************************** */
div#div_commentaire {margin: 30px; text-align: left; background: transparent; border: none; color: #000000;}
div#div_commentaire p {
	font-size: 0.85em;
	color: #666666;
	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; width: inherit;}
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;
	border: 1px solid #999;
	text-align: left;
	padding: 5px;
	color: #333333;
}
div#div_commentaire form textarea {
	margin-left: 10px;
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
	color: #333333;
}
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;}

/* Styles du pied */




/* Styles page d'accueil */


/* Blocs horizontaux *********************** */

div#conteneur div.bloc_horizontal {padding: 10px; background-color: #FFF; margin-right: 20px; margin-left: 20px; box-shadow: 0 3px 5px #999;}
div#conteneur div.bloc_horizontal h2 {
	color: #333333;
	text-align: left;
	margin-top: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F12A32;
	padding-bottom: 10px;
	text-transform: uppercase;
}
div#conteneur div.bloc_horizontal h3 {color: #333333;}
div#conteneur div.bloc_horizontal ul {margin: 0;padding: 0;	list-style: none; color: #333333; font-size: 0.85em;}
div#conteneur div.bloc_horizontal ul {color: #000; font-size: 80%;}
div#conteneur div.bloc_horizontal li {padding-top:10px}
div#conteneur div.bloc_horizontal li a {font-weight: normal;color: #333333;	line-height: 1.5em;	padding-top: 10px;
 text-decoration: none;}
div#conteneur div.bloc_horizontal li a:hover {font-weight: normal;color: #333333;	line-height: 1.5em;	padding-top: 10px; text-decoration: underline;}
div#conteneur div.bloc_horizontal h5 span, div#conteneur div.bloc_horizontal h4 span, div#conteneur div.bloc_horizontal h3 span {color: #000; font-size: 80%;}
div#conteneur div.bloc_horizontal p {line-height: 1.5em; font-size: 0.85em;}
div#conteneur div.bloc_horizontal p a:link, div.bloc_horizontal li a:link {color: #F12A32;	text-decoration: none;
	font-style: normal;}
div#conteneur div.bloc_horizontal p a:visited, div#conteneur div.bloc_horizontal li a:visited {color: #333; font-style: italic; text-decoration: underline;}
div#conteneur div.bloc_horizontal p a:hover, div#conteneur div.bloc_horizontal p a:active, div#conteneur div.bloc_horizontal li a:hover, div#conteneur div.bloc_horizontal li a:active {color: #DE2110; text-decoration: underline;}
div#conteneur div.bloc_horizontal div.bloc_horizontal_gauche {
	text-align: left;
	padding-left: 20px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 61%;
	margin-right: 40px;
}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite {
	float: left;
	width: 30%;
}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite h3 {
	color: #FFFFFF;
	background-color: #F12A32;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite a:link {color: #F12A32;text-decoration: none; font-style: normal;}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite a:hover {text-decoration: underline;}

/* Savoir pour sauver *********************** */

div#rubrique.savoirpoursauver p {text-align: justify;}
div#rubrique.savoirpoursauver h2 span {font-size: 100%; font-weight: bold; padding-right: 5px; border-right: 1px solid #666;}
div#rubrique.savoirpoursauver a:link, div#rubrique.savoirpoursauver a:visited {color: #013567; text-decoration: none;}
div#rubrique.savoirpoursauver a:hover, div#rubrique.savoirpoursauver a:focus {text-decoration: underline;}

/* Dossier *********************** */
div#rubrique.dossier img {float: none;}
div#coldroite.dossier h2 {text-align: center; color: #000080;}
div#coldroite.dossier h3 {margin: 15px 0; color: #09F;}
div#coldroite.dossier div#cache_videos {display: none;}
div#coldroite.dossier div.vignette_video {float: left;}
div#coldroite.dossier div.info_video {float: left; margin-left: 10px;}
div#coldroite.dossier div.info_video p.intervenant {font-weight: bold; line-height: 1.5em; font-size: 0.8em;}
div#coldroite.dossier div.info_video p.duree {line-height: 1.5em; font-size: 0.8em;}
div#coldroite.dossier span.chiffre {font-size: 1.5em; color: #2B52AA; font-weight: bold;}
div#coldroite.dossier h1 {font-size: 1.2em; color: #2B52AA; line-height: 1.5em; margin: 20px 0;}
div#coldroite.dossier h1 span {color: #003399;}
div#coldroite.dossier h2 {font-size: 1.15em; color: #2B52AA;  line-height: 1.5em; text-align: center;}
div#coldroite.dossier h3 {font-size: 0.85em; color: #09F; line-height: 1.5em; margin: 15px 0;}
div#coldroite.dossier h3.video img {float:left; margin-right: 10px; border: 1px solid #000; box-shadow: 4px 4px 6px #666;}
div#coldroite.dossier h3 span {color: #333; font-size: 90%; font-weight: normal;}
div#coldroite.dossier h3 a img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #999999 #666666 #666666 #999999; height: 90px; width: 120px;}
div#coldroite.dossier h3 a:focus img, div#coldroite.dossier h3 a:hover img, div#coldroite.dossier h3 a:active img {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #666666 #999999 #999999 #666666; height: 90px; width: 120px}



/* Recherche*************************** */

div#div_principale_recherche h1 {background: url(https://www.santetropicale.com/images/v2/puce_rf.gif) no-repeat left 2px; padding-left: 22px; color: #333;}
div#div_principale_recherche p {font-size: 0.85em;}
div#div_principale_recherche p.important {color: #BB1016; font-weight: bold;}
div#div_principale_recherche span.important {color: #000; font-weight: bold; font-size: inherit;}
div#affichage_recherche {margin: 10px;}
div#affichage_recherche h2 {color: #FFFFFF; background-color: #BBB977; margin-left: 15px; padding: 5px;}
div#affichage_recherche h3 {margin-bottom: 5px; color: #000;}
div#affichage_recherche a:hover {font-weight: bold;}
div#affichage_recherche a:active {font-weight: normal;}
div#affichage_recherche a:focus {font-weight: normal;}
div#affichage_recherche hr {clear: left; visibility: hidden;}
div#affichage_recherche ul {margin: 0; padding: 0}
div#affichage_recherche li {list-style-type: none; padding: 5px 10px; margin: 20px 0;}
div#affichage_recherche ul ul {margin: 25px; padding: 0;}
div#affichage_recherche ul li ul li {font-size: 0.85em; line-height: 1.5em; margin: 5px 0; list-style-type: disc;}


form#form_abonnement {padding: 5px; border-radius: 10px; box-shadow: 3px 3px 6px #000; background-color: #F5E0E2; margin-left: 175px;}
form#form_abonnement.mag {background-color: #e6e6f9;}
form#form_abonnement.ost {background-color: #eaf8d7;}
form#form_abonnement label {font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;}
form#form_abonnement div {float: left;}
form#form_abonnement fieldset#tarif {float: left; width: 70%; margin-right: 50px;}

form#form_abonnement_coldroite {padding: 5px; border-radius: 10px; box-shadow: 3px 3px 6px #000; background-color: #F5E0E2; margin-right: 10px;}
form#form_abonnement_coldroite.mag {background-color: #e6e6f9;}
form#form_abonnement_coldroite.ost {background-color: #eaf8d7;}
form#form_abonnement_coldroite label {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
form#form_abonnement_coldroite div {float: left;}
form#form_abonnement_coldroite fieldset#tarif {}

form#form_recherche_annee {font-weight: bold; padding: 10px; border-radius: 10px; box-shadow: 10px 10px 5px #000; border: 1px solid #000; max-width: 450px;}
form#form_recherche_annee.man {color: #BB1016; background-color: #ffc529; border: 1px solid #BB1016;}
form#form_recherche_annee.mag {color: #000000; background-color: #DDDDEE; border: 1px solid #3a3a76;}
form#form_recherche_annee.ost {color: #000000; background-color: #EFFAF4; border: 1px solid #006699;}
form#form_recherche_annee fieldset {padding: 15px; border: none;}
form#form_recherche_annee legend {display: block; text-align: center; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 100%;}
form#form_recherche_annee legend span {float: right; font-size: 70%; font-weight: normal;}
form#form_recherche_annee legend span a {color: #000;}
form#form_recherche_annee label {font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;}
form#form_recherche_annee h2 {color: #BB1016; font-size: 1em;}
form#form_recherche_annee select {font-weight: bold;}
form#form_recherche_annee hr {clear: left; visibility: hidden; margin: 0px;}
form#form_recherche_annee input[type="text"] {width: 50%; border: 1px solid #000; float: left; padding: 3px;}
label.form_recherche_annee {font-weight: bold; width: 20%; margin: 0px; padding: 5px; display: block; float: left;}

form#form_recherche_avancee {font-weight: bold; padding: 10px; border-radius: 10px; box-shadow: 10px 10px 5px #000; border: 1px solid #000; max-width: 450px;}
form#form_recherche_avancee.man {color: #BB1016; background-color: #ffc529; border: 1px solid #BB1016;}
form#form_recherche_avancee.mag {color: #000000; background-color: #DDDDEE; border: 1px solid #3a3a76;}
form#form_recherche_avancee.ost {color: #000000; background-color: #EFFAF4; border: 1px solid #006699;}
form#form_recherche_avancee fieldset {padding: 5px; border: none;}
form#form_recherche_avancee legend {display: block; text-align: center; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 100%;}
form#form_recherche_avancee legend span {float: right; font-size: 70%; font-weight: normal;}
form#form_recherche_avancee legend span a {color: #000;}
form#form_recherche_avancee label {font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;}
form#form_recherche_avancee h2 {color: #BB1016; font-size: 1em;}
form#form_recherche_avancee select {font-weight: bold; width: 98%;}
form#form_recherche_avancee hr {clear: left; visibility: hidden; margin: 0px;}
form#form_recherche_avancee input[type="text"] {border: 1px solid #000; padding: 3px; width: 98%; margin-bottom: 5px;}
label.label_recherche_avancee {font-weight: bold; width: 20%; margin: 0px; padding: 5px; display: block; float: left;}

div#reponse_recherche {margin: 1%;}
div#reponse_recherche p {text-align: center;}
div#reponse_recherche img {border: 0 none; margin-right: 5px;}
div#reponse_recherche span.important {font-size: inherit;}
div.result_texte {display: none; padding-top: 4px;}
div.result_texte p {line-height: 1.5em; color: #000; text-align: justify;}

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


/* eShop *********************** */
h1.panier {color: #191919; text-align: center;}
a.boutique:link {color: #F00; text-decoration: none;}
a.boutique:visited {color: #F00; text-decoration: underline;}
a.boutique:hover, a.boutique:active {color: #03F; text-decoration: underline;}


div#eshop {text-align: left; margin: 0px 230px 0px 0px; padding-left: 20px;}
div#coldroite_eshop {float: right; margin-right: 10px; width: 200px; border: 1px solid #008000; box-shadow: 4px 4px 8px #000; background-color: #FFF;}

form.form_calcul_tarifs {text-align: left; margin: 15px; font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; background-color: #F9D012;}
form.form_calcul_tarifs span {color: #F00;}
form.form_calcul_tarifs fieldset {padding: 15px;}
form.form_calcul_tarifs legend {font-size: 1em; color: #DE2110;}
form.form_calcul_tarifs label {display: block; float: left; clear: left; width: 150px; margin: 5px 10px;}
form.form_calcul_tarifs select {margin: 5px; color: #DE2110;}
form.form_calcul_tarifs input.submit {background-color: #FF0000; font-size: 0.8em; color: #FFFFFF; font-weight: bold; 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;}
form.form_calcul_tarifs input.submit:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

form.form_selection_numeros fieldset {padding: 15px; text-align: left; margin: 15px;}
form.form_selection_numeros span {color: #F00;}
form.form_selection_numeros fieldset {font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; background-color: #F9D012;}
form.form_selection_numeros legend {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #DE2110;}
form.form_selection_numeros label {margin-left: 10px; font-size: 0.8em;}
form.form_selection_numeros select {margin: 5px; color: #DE2110;}
form.form_selection_numeros fieldset.submit {border: none; box-shadow: none; background: none; text-align: center;}
form.form_selection_numeros fieldset.submit input {background-color: #FF0000; font-size: 0.8em; color: #FFFFFF; font-weight: bold; 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;}
form.form_selection_numeros fieldset.submit input:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

form.form_selection_pays {padding: 15px; text-align: left; margin: 15px;}
form.form_selection_pays span {color: #F00;}
form.form_selection_pays fieldset {font-weight: bold; border: 1px solid #DE2110; box-shadow: 4px 4px 8px #000; border-radius: 5px; padding: 10px; background-color: #F9D012;}
form.form_selection_pays legend {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #DE2110;}
form.form_selection_pays label {margin-left: 10px; font-size: 0.8em;}
form.form_selection_pays select {margin: 5px; color: #DE2110;}
form.form_selection_pays input {background-color: #FF0000; font-size: 0.8em; color: #FFFFFF; font-weight: bold; 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;}
form.form_selection_pays input:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

div#coldroite div.newsletter {padding: 15px; margin-right: 10px; border-radius: 10px; box-shadow: 2px 2px 4px #000000; background-color: #F5E0E2;}
div#coldroite div.newsletter.mag {background-color: #e6e6f9;}
div#coldroite div.newsletter.ost {background-color: #eaf8d7;}

div#coldroite p span.bouton {background-color: #AA3138; color: #FFF; font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-weight: bold; padding: 5px 10px; border-radius: 5px; box-shadow: 4px 4px 8px #000000; width: auto;}
div#coldroite p span.bouton:hover {cursor: pointer;}
div#coldroite p.man span.bouton {background-color: #AA3138;}
div#coldroite p.mag span.bouton {background-color: #3a3a76;}
div#coldroite p.ost span.bouton {background-color: #58792a;}
div#coldroite p.man a, div#coldroite p.mag a, div#coldroite p.ost a, div#coldroite p a.btn_id {text-decoration: none;}

div#promo_boutique {color: #FFF; border-radius: 15px; padding: 10px; border: 1px solid #000; box-shadow: 4px 4px 8px #000;}
div#promo_boutique.man {background-color: #AA3138;}
div#promo_boutique.mag {background-color: #3a3a76;}
div#promo_boutique.ost {background-color: #58792a;}
div#promo_boutique h1 {font-size: 1.5em; color: #FFF; margin-bottom: 0px;}
div#promo_boutique p.slogan {font-weight: bold; margin-top: 0px; font-style: italic;}
div#promo_boutique em {font-weight: bold; font-size: 130%; color: #FFF; font-style: italic;}
div#promo_boutique a {color: #FFF; text-decoration: underline;}

/* La page compte */
div#compte {padding: 15px;}
div#compte h1 {padding-left: 15px; margin-top: 25px;}
div#compte h3 span {font-size: 100%; color: #000000; font-weight: normal;}
div#compte hr {clear: left; visibility: hidden;}
div#compte p {font-size: 0.85em; line-height: 1.5em;}
div#compte p.important {color: #F00; font-weight: bold;}
div#compte span.important {font-size: inherit;}
div#compte ul {list-style-type: none;}
div#compte ul li {font-size: 0.85em; line-height: 1.5em;}
div#compte ul li p {font-size: 100%;}
div#compte div#photo {float: right; width: 300px; border: 1px solid #fff; text-align: center; padding: 10px;}
div#compte form {margin: 0px; background-color: #F5E0E2; border: 1px solid #000; padding: 10px; border-radius: 15px; box-shadow: 4px 4px 8px #000000;}
div#compte form fieldset {margin: 20px auto; width: 100%;}
div#compte form fieldset#identite {width: 400px;}
div#compte form fieldset input {width: 50%;}
div#compte form fieldset legend {display: block; font-size: 0.9em; font-weight: bold; color: #932647; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; width: 80%;}
div#compte form fieldset label {font-weight: bold; font-size: 0.85em; text-align: left; float: left; margin-bottom: 5px; padding: 5px; width: 20%;}
div#compte form input, div#compte form select, div#compte form textarea {color: #932647; font-weight:bold;}
div#compte form input[type="text"], div#compte form input[type="password"], div#compte form input[type="email"], div#compte form input[type="tel"], div#compte form textarea, div#compte form select {border: 1px solid #000; border-radius: 5px; padding: 5px; margin-bottom: 5px;}
div#compte form fieldset#submit {margin: 10px auto; text-align: center;}
div#compte form fieldset#submit input {width: auto; margin: 0 10px;}
div#compte fieldset hr {margin: 0px 0;}
div#compte img#photo_abonne {float: left; border: 1px solid #000; margin: 0 15px 5px 0; box-shadow: 4px 4px 8px #000000; border-radius: 5px;}
#articles_auteurs li {list-style: url(images/fleche.gif) none outside;}
/* La page compte */
/* Promotion avec Modal */
/* Modal Accès membres */
.cf:before, .cf:after {content: ""; display: table;}
.cf:after {clear: both;}
.droite {float: right;} 

.oModal {position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; width:100%; height:100%} 
.oModal:target {opacity: 1; pointer-events: auto;}
.oModal:target > div {margin: 10% auto; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; border: 4px solid #717174;} 
.oModal > div {max-width: 40%; position: relative; margin: 1% auto; padding: 0px; border-radius: 7px; background: #eee; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.oModal > div form fieldset{ text-align:left; padding:20px; border:none}
.oModal > div form input[type=text], .oModal > div form input[type=password]{width: 100%;  padding: 12px 20px;  margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
.oModal > div form button {background-color: #333;  color: white; padding: 10px 10px; margin: 8px 0; border: none; cursor: pointer;   width: 100%;}
.oModal > div header,.oModal > div footer {border-bottom: 1px solid #e7e7e7; border-radius: 5px 5px 0 0;}
.oModal .footer {border: none; border-top: 1px solid #e7e7e7; border-radius: 0 0 5px 5px;} 
.oModal > div h2 {margin: 0; background-color:#E1470B; color:#FFF; padding:10px}
.oModal > div ul li { list-style-type:none}
.oModal > div p { font-size:90%; text-align:center;}
.oModal > div p a{ color: #666}
.oModal > div .btn {float: right;} 
.oModal > div section,.oModal > div > footer {padding: 15px;}
.oModal .close {background: #BB0339;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;	top: -10px;	width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
.oModal .close:hover { background: #00d9ff; }

/* Promotion avec Modal */
.modalDialog {position: fixed;overflow-y:scroll;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;
		left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		text-align:justify;	
	}

.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog:target > div {margin: 10% auto;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;border: 4px solid #EA6631;} 
.modalDialog > div {width: 50%;	position: relative;	background-color:#E5E0DC;margin-top: 10%;margin-right: auto;
	margin-bottom: 10%;	margin-left: auto;	padding-bottom: 13px;border-radius: 7px; background: #eee; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.modalDialog div h2 {margin: 0;	background-color: #047F86;	color: #FFF;padding: 10px 10px 20px 10px;	text-align: center}
.modalDialog div p {padding:10px 20px 0px 20px;}
.modalDialog div h2 span{color:#FFF;}
.modalDialog div h3 {text-align:center;}	
.modalDialog div h3 .numero_question {background-color:#069; color:#FFF; padding:10px;border-radius: 5px; text-align:center;}
.modalDialog div ul li {list-style-type:none} 
.oModal .footer {border: none; border-top: 1px solid #e7e7e7; border-radius: 0 0 5px 5px;background-color:#E5E0DC} 
.modalDialog .close {background: #BB0339;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;	top: -10px;	width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;	-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;}
.modalDialog .close:hover { background: #00d9ff; }


/* Pied */
#pied {width: 100%; background-color: #F9D012; text-align: center; padding-top: 30px; margin-top: 0;}
#pied div {max-width: 1120px; margin: 0 auto 0 auto; text-align: center;}
#pied div .bloc {padding: 21px; float: left;}
#pied div .bloc h3 {color: #333;text-align: left;}
#pied div .bloc p {color: #EF3130; font-weight: 600; text-align: left; text-indent: 10%;}
#pied div .bloc p a {color: #EF3130; text-decoration: none;}
#pied div .bloc p a:hover {color: #EF3130; text-decoration: underline;}
#pied div .bloc ul li {color: #333; font-size: 90%; text-align: left; list-style: none;}
#pied div .bloc ul li a {
	color: #666;
	text-decoration: none;
	list-style: disc;
	line-height: 1.5em;
}
#pied div .bloc ul li a:hover {color: #333; text-decoration: underline;}

#copyright{width: 100%;	background-color: #000000;display: flex;flex-wrap: wrap;padding: 30px 0 20px 0;	margin-top: -10px}
#copyright p {vertical-align: middle;}
#copyright p.copy {margin-left: 70px; color:#FFF; text-align: left; width: 61%; font-size: 80%;}
#copyright p.reso {text-align: right; width:28%; margin-right: 50px;}

/*!
 *  Font Awesome 4.7.0 by @davegandy - https://fontawesome.io - @fontawesome
 *  License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-twitter-square:before{content:"\f081";font-size:27px; margin-right:5px }
.fa-facebook-square:before{content:"\f082"; font-size:27px; margin-right:5px}
.fa-linkedin-square:before{content:"\f08c"; font-size:27px; margin-right:5px}
.fa-youtube-square:before{content:"\f166"; font-size:27px; margin-right:20px}
.fa-user-circle-o{content:"\f166"; font-size:27px; margin-right:20px}
.fa-twitter-square:hover, .fa-facebook-square:hover, .fa-linkedin-square:hover, .fa-youtube-square:hover, .fa-user-circle-o:hover{color: #FE5247;}


div#cookies {background-color: #A30A0A; color: #FFF; position: fixed; bottom: 0px; padding: 1%; display: flex; justify-content: space-around; width: 100%;}
div#cookies a {color: #FFF;}
div#cookies .button {padding: 3px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.9em; font-weight: bold; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}
div#cookies .button1 {background-color: #FFF; color: #A30A0A; border: none;}
div#cookies .button1:hover {background-color: #A30A0A; color: #FFF; border: 1px solid #FFF;}

div#cookies .button2 {background-color: #FFF; color: #090; border: none;}
div#cookies .button2:hover {background-color: #090; color: #FFF; border: 1px solid #FFF;}

div.alaune {padding: 3%;}
div.alaune h2 {margin-top: 0px;}
div.alaune h3 {font-size: 1.1em; color: #272e80; font-weight: bold;}
div.alaune h3 span {font-size: 80%; font-weight: normal;}
img.img_accueil, figure.img_accueil {float: left; margin: 0 20px 10px 0;}
figure.img_accueil figcaption {font-size: 80%; font-style: italic;}

@media only screen and (min-width: 1300px){
	
/* Code valide V2024 */
div#conteneur_2024 {max-width: 1250px;}
div#visio_pdf {max-width: 1200px;}
/* Code valide V2024 */
}

@media only screen and (min-width: 1600px){
	
	/* Code valide V2024 */
div#conteneur_2024 {max-width: 1400px;}
/* Code valide V2024 */
}

@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) {
.modalDialog {z-index: 99999 ;overflow-y: scroll;}
.modalDialog > div {width: 80%; text-align: justify; position: relative;}	
.modalDialog > div img{max-width: 70%; height: 70%;}	
div#conteneur {width: 100%; margin: 0; padding: 10px;}
div#colcentre, div#coldroite, div#rubrique {width: 100%; display: block;}	
div.flex {flex-wrap: wrap; width: 100%;}
div.col_double {width: 100%; margin: 0;}
div#fd_ebola img {width: 90%; height: 90%; margin-top: 160px;}
div#fd_covid img.ban, div#fd_covid_2 img.ban {margin-top: 160px;}
div#coldroite_ebola, div#coldroite_covid19 {width: 98%; float: none;}
div#coldroite_ebola iframe, div#coldroite_covid19 iframe {width: 93%; float: none;}
div#coldroite_ebola .col_nav_dossiers, div#coldroite_covid19 .col_nav_dossiers {width: 70%;	float: none; top: 9rem;  left: 0;}
div#colcentre .contenu {width: 100%; padding:0}
div#conteneur div.bloc_horizontal div.bloc_horizontal_gauche {width: 100%; float: none; padding: 0px;}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite {width: 100%; float: none; padding: 0px;}
img.img_accueil, figure.img_accueil {float: none; display: block; margin: 0 0 10px 0;}
p#banniere {text-align: center; margin: 160px auto 0px auto;}
p#banniere img{width: 90%; height:90%; padding:0}
div#div_commentaire form {width:100%;}
div#div_commentaire fieldset {margin-top: 0px; text-align: center;width:87%;}
div#div_commentaire form textarea {text-align: left;width:87%;}
div#div_commentaire form input {text-align: left;width:87%;}
iframe {width: 100%; height: 250px;}
div.contact form {width:100%;}
div.contact form fieldset{text-align: left;width:87%;}
div.contact form input[type="text"], div.contact form input[type="email"] {text-align: left;width:87%;}
div.contact form textarea {text-align: left;width:87%;}
div#cookies {display: block; text-align: center;}

.fmc {width: 100%; z-index:5; position:fixed; }
#chx_spec {display:none}
form#selection_actus {padding: 0px; margin: 0px; width:98%}
div#conteneur div#rubrique {width: 100%; margin:0; float:none ; padding:10px}
#pied div {text-align:center; width:100%; padding:10px}
#pied div .bloc {padding:0;text-align:center;}
#copyright {width: 100%;text-align:center; padding:10px;flex-wrap: none;}
#copyright p.copy {text-align:center; width: 68%; margin:10px auto}
#copyright p.reso {text-align:center; width:68%;  margin:10px auto}
}

@media screen and (max-width:600px) {
	
/* Code valide V2024 */

div#conteneur {margin: 10px auto 25px auto;}

div#conteneur_2024 {width: 95%; margin: auto; display: block;}
div#principale {padding: 0 3%; width: 100%;}
div#coldroite_2024 {padding: 1% 1%; width: 100%; display: block;}

figure.banniere {margin: 150px auto 25px; max-width: 95%;}
figure.banniere_bas {margin: 0 auto; max-width: 95%;}
div.video img {float: none; margin: 15px auto;}
object#visio_pdf {margin-bottom: 10px; border: 1px solid #000; margin-right: auto; margin-left: auto; width: 100%;}

/* Code valide V2024 */		
	
	
img.float_left {float: none; display: block; margin-right: auto; margin-left: auto;}



}