@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;
}

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);
}

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;}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto", sans-serif, Arial, Verdana, 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: #00679f; font-size: 0.9em; line-height: 1.5em;}
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;}
a {color:#000; text-decoration: none}
a:hover {text-decoration: underline}
a.lien_titre {color:#000; text-decoration: none}
a.lien_titre:hover {text-decoration:underline}
address {text-align: center; margin: 10px; font-style: normal; font-weight: bold; font-size: 0.8em; 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;}
.lien_acces_rub {text-align:right; margin-top:20px; clear:left;color:#CC0000}
img.float_left {float: left; margin-right: 0.5em; border: 1px solid #999999;}
iframe {border: 1px solid #333;	margin-bottom: 20px;}
 */@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}


.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}

/* Styles choix FMC (Entête commune) */
.fmc {background-color: #F9F9F9; width: 100%; padding: 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;text-decoration: none; }
.chx_spec:hover{border-bottom:3px solid #EDD909;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}

    }
}

/* Dossier Covid-19 */
div#coldroite_covid19 {float: right; margin-right: 10px; width: 29%; background-color: #FFF; padding: 10px;}
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_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_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_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_covid {
	background-color: #122222;
	margin-top: -15px;
	padding-bottom: 60px
}
div#fd_covid h2, div#fd_covid h3 {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: #220602;
	margin-top: -15px;
	padding-bottom: 60px
}
div#fd_covid_2 h2, div#fd_covid_2 h3 {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;}



/* 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-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #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; 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-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000;  margin-right: 10px;}
img.couv:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
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:#329401; text-decoration: none;}
a.original:hover {text-decoration: underline;}
.lien_titre {color:#000. text-decoration: none}
.lien_titre:hover {text-decoration:underline}
img.banniere {border: 1px solid #000; margin: 5px; width: 70%; height: 70%; box-shadow: 3px 3px 6px #000000;}
img#statue {box-shadow: 4px 4px 8px #000; float: right; margin: 20px 60px 0 0;}
.cadre_fd_gris {background-color: #F3F3F3;padding: 20px}
div.header {margin-top: 0px; max-width: 1200px;}

div#entete {max-width: 1200px; 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;}

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


p#banniere {text-align: center; margin: 0 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; height: 300px; margin: 20px auto; border: 1px solid #000; }

div#conteneur {max-width: 1200px; background-color: #FFFFFF; margin: 10px auto; text-align: left; padding-bottom: 20px;}
div#conteneur h1 {color: #000000;border-bottom: 3px solid #329401;line-height: 1.5em;}
div#conteneur h2 {color: #000000;}
div#conteneur p {font-size: 0.85em; line-height: 1.5em; text-align:justify}
div#conteneur p.centrer {text-align: center;}
div#conteneur div#coldroite img.couv {float: none;}

/* Rubrique Allo Amejjay *************************** */
div#fd_alloamejjay {background-color: #AAAA9E;	padding-bottom: 60px}
div#fd_alloamejjay p{ margin:0;}

/* Colonne de droite *************************** */
div#coldroite {float: right;margin-right: 10px;	width: 29%;	background-color: #FFF;	padding: 10px;}
div#coldroite 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 {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 li  { line-height:1.5em}
div#coldroite a:link {color:#000;	text-decoration: none;}
div#coldroite a:hover {text-decoration: underline;}
div#coldroite ul {font-size: 0.85em;}


#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;}


/* Slideshow Grand */
div#box_slide.gd {background: url(https://www.santetropicale.com/club/images/sanpas/mommysbook/slideshow_med/bg.png) no-repeat top left; width: 440px;}
div#box_slide.gd div#wrapper {}
div#box_slide.gd div#slider {position: relative; float: left; width: 379px; height: 865px; left: 28px; top: 80px;}
div#box_slide.gd img#sliderbutton_prev, div#box_slide.gd img#sliderbutton_next {margin-top: 60px; background-color: #FFF; cursor: pointer;}
div#box_slide.gd div#slider ul {position: absolute; width: 379px; height: 626px; top: 0px; left: 0px; list-style: none; margin: 0px; padding: 0px; overflow: hidden;}
div#box_slide.gd div#slider li {margin: 0px; padding: 0px; float: left; width: 379px; height: 626px;}
div#box_slide.gd div#slider a {color: #F9D012;}
div#box_slide.gd ul.pagination {margin: 50px 0 0 500px; width: 120px; padding-left: 5px;}
div#box_slide.gd ul.pagination li {list-style-type: none; text-align: center; cursor: pointer; margin: 2px 0px; padding: 5px;}
div#box_slide.gd ul.pagination li img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000; box-shadow: 8px 8px 12px #000;}
div#box_slide.gd ul.pagination li:hover img, div#box_slide.gd ul.pagination li:active img, div#box_slide.gd ul.pagination li:focus img {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #000; box-shadow: 8px 8px 12px #F00;}
div#box_slide.gd ul.pagination li.active img {box-shadow: 8px 8px 12px #F00;}

/* Slideshow Medium */
div#box_slide.med {background: url(https://www.santetropicale.com/club/images/sanpas/mommysbook/slideshow_med/bg.png) no-repeat top center;}
div#box_slide.med div#wrapper {width: 100%;}
div#box_slide.med div#slider {position: relative; width: 379px; height: 850px; left: 140px; top: 82px;}
div#box_slide.med div#slider ul {position: absolute; width: 379px; height: 626px; top: 0px; list-style: none; margin: 0px; padding: 0px; overflow: hidden; left: 0px;}
div#box_slide.med div#slider li {margin: 0px; padding: 0px; float: left; width: 379px; height: 626px;}
div#box_slide.med div#slider a {color: #F9D012;}
div#box_slide.med ul.pagination {margin: 50px 0 0 0; width: 120px; padding-left: 5px; display: none;}
div#box_slide.med ul.pagination li {list-style-type: none; text-align: center; cursor: pointer; margin: 2px 0px; padding: 5px;}
div#box_slide.med ul.pagination li img {border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000; box-shadow: 8px 8px 12px #000;}
div#box_slide.med ul.pagination li:hover img, div#box_slide.med ul.pagination li:active img, div#box_slide.med ul.pagination li:focus img {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #000; box-shadow: 8px 8px 12px #F00;}
div#box_slide.med ul.pagination li.active img {box-shadow: 8px 8px 12px #F00;}

/* Slideshow Medium */
div#box_slide.pt {background: url(https://www.santetropicale.com/club/images/sanpas/mommysbook/slideshow_pt/bg.png) no-repeat top center; float: left; width: 291px; height: 580px; margin-right: 20px;}
div#box_slide.pt div#wrapper {width: 100%;}
div#box_slide.pt div#slider {position: relative; width: 253px; height: 520px; left: 17px; top: 55px;}
div#box_slide.pt div#slider ul {position: absolute; width: 253px; height: 418px; top: 0px; list-style: none; margin: 0px; padding: 0px; overflow: hidden; left: 0px;}
div#box_slide.pt div#slider li {margin: 0px; padding: 0px; float: left; width: 253px; height: 418px;}
div#box_slide.pt div#slider a {color: #F9D012;}
div#box_slide.pt ul.pagination {display: none;}


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

div#colcentre {	text-align: left;	padding-left: 20px;	width: 68%;	margin: 0px 10px 0px 0px ;}
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 h3 > a.lien_titre {color:#000; text-decoration: none}
div#colcentre h3 > a.lien_titre:hover {color:#339900; text-decoration: underline}
div#colcentre a {color:#000;text-decoration: none;}
div#colcentre a:hover {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 h1 {color: #C00; text-align: left;}
div#colcentre div.contenu h2 {color: #339900;padding-right: 10px;border-bottom: 2px solid #999;	padding-bottom: -10px;}
div#colcentre div.contenu h3 {color: #333333;}
div#colcentre div.contenu ul {margin: 0; padding: 0; list-style: none; font-size: 1em; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif;}
div#colcentre div.contenu ul span {font-family: Verdana, Arial, Helvetica, sans-serif; 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;}

/* Page visio *************************** */
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#promo_abonnement {color: #FFF; border-radius: 15px; padding: 20px; border: 1px solid #000; box-shadow: 4px 4px 8px #000;}
div#promo_abonnement.man {background-color: #AA3138;}
div#promo_abonnement.mag {background-color: #3a3a76;}
div#promo_abonnement.ost {background-color: #58792a;}
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#promo_abonnement a {color: #FFF; text-decoration: underline;}
div#promo_abonnement img {float: left; box-shadow: 4px 4px 8px #fff; margin: 0 15px 10px 0;}

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;}

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

/* 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 Recherche Alphabet */

div#rubrique ul#alphabet {width: 90%;margin: 0px;	padding: 10px;	list-style: none;	font-size: 1em;	display: block;	height: 100px;}
div#rubrique ul#alphabet a {color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 5px;}
div#rubrique 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; }
div#rubrique 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;}

/* webtv*************************** */
div.video {	margin: 15px 25px;	display: block;	float:left;	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.video a {text-decoration: none; color: #333;}
div.video p {text-align: left;}

/* 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%; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#rapports p, div#rapports ul {font-size: 0.8em; 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%; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#webmedical p, div#webmedical li {font-size: 0.8em; 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.8em;}
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.8em; 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-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;}
div.contact img:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}
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.8em;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;}
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: #319400;}
div#div_commentaire form textarea {margin-left: 10px; box-shadow: 3px 3px 6px #000; border: 1px solid #000; text-align: left; padding: 10px; color: #319400;}
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; box-shadow: 6px 6px 12px #000;}

/* Styles du pied */


/* Styles div promo APIDPM */
div#promo_apidpm {padding: 0 25px; margin: 15px; text-align: center;}
div#promo_apidpm h2 {color: #FFF;}
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 */

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

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


/* Styles page d'accueil */

/* Colonne de droite *********************** */

div#coldroite_accueil {float: right; margin-right: 10px; width: 300px; border: 1px solid #E8E8E8; box-shadow: 4px 4px 8px #000; background-color: #FFF; padding: 10px;}
div#coldroite_accueil {float: right; margin-right: 10px; width: 300px; border: 1px solid #E8E8E8; box-shadow: 4px 4px 8px #000; background-color: #FFF; padding: 10px;}
div#coldroite_accueil h2 {color: #FFFFFF; font-size: 1em; line-height: 1em; background-color: #333; padding: 3px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000 #333 #333 #000; box-shadow: 4px 4px 8px #000;}
div#coldroite_accueil h2 span {color: #000; font-size: 70%; font-weight: normal;}
div#coldroite_accueil p.couv_revue {height: 61px;	border: 1px solid #CCC;	background-color: #FFF;	list-style: none;	padding-right: 5px;	clear: left}
div#coldroite_accueil a:link {color: #216600;	text-decoration: none;	font-style: normal;}
div#coldroite_accueil a:hover {color: #DE2110; text-decoration: underline;}


/* 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: 3px	solid#339900;padding-bottom: 10px;}
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.8em;	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif;}
div#conteneur div.bloc_horizontal ul {font-family: Verdana, Arial, Helvetica, sans-serif; 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: #000000;	text-decoration: none;
	font-style: normal;}
div#conteneur div.bloc_horizontal p a:visited, div.bloc_horizontal li a:visited {color: #000;font-style: italic;}
div#conteneur div.bloc_horizontal p a:hover, div.bloc_horizontal p a:active, div.bloc_horizontal li a:hover, div.bloc_horizontal li a:active {color: #000000;text-decoration: underline;}
div#conteneur div.bloc_horizontal div.bloc_horizontal_gauche {width: 61%;text-align: left;	padding-left: 20px;	float: left; margin: 0px 40px 0px 0px; 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: #339900;	padding : 10px 10px 10px 20px;}
div#conteneur div.bloc_horizontal div.bloc_horizontal_droite a:link {color: #000000;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; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#coldroite.dossier div.info_video p.duree {line-height: 1.5em; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
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.8em;}
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.8em; 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-family: Arial, Helvetica, sans-serif; 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;}

form.form_numeros_papier label {font-size: 0.8em;}

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

form.caddy input {color: #DE2110; font-weight: bold;}
form.caddy 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.caddy input.submit:hover {border-width: 2px 1px 1px 2px; border-style: solid; border-color: #333 #000 #000 #333;}

table.panier {border: 1px solid #000; box-shadow: 4px 4px 8px #000; border-radius: 5px;}
table.panier th, table.panier td {font-size: 0.8em; text-align: center;}
table.panier th.left, table.panier td.left {text-align: left;}
table.panier th.right, table.panier td.right {text-align: right;}
table.panier th {background-color: #DE2110; color: #F9D012}
table.panier td {background-color: #F9D012;}

table#tableau_facture th, table#tableau_facture td {font-size: 0.8em; text-align: center;}
table#tableau_facture th.left, table#tableau_facture td.left {text-align: left;}
table#tableau_facture th.right, table#tableau_facture td.right {text-align: right;}

table#tableau_historique {border: 1px solid #000000; border-radius: 5px; box-shadow: 4px 4px 8px #000000;}

table#tableau_historique th {background-color: #F5E0E2;}
table#tableau_historique th, table#tableau_historique td {font-size: 0.8em; text-align: center; padding: 10px;}

table#tableau_facture {border: 1px solid #000000; border-radius: 5px; box-shadow: 4px 4px 8px #000000;}
table#tableau_facture th {background-color: #F5E0E2;}
table#tableau_facture td {background-color: #F4F4F4;}
table#tableau_facture td.total {text-align: right; font-weight: bold;}
table#tableau_facture th, table#tableau_facture td {font-size: 0.8em; text-align: center; padding: 10px;}

table#tableau_facture_adresse {border: 1px solid #000000; border-radius: 5px; box-shadow: 4px 4px 8px #000000;}
table#tableau_facture_adresse th {background-color: #F5E0E2;}
table#tableau_facture_adresse td {background-color: #F4F4F4;}
table#tableau_facture_adresse th, table#tableau_facture_adresse td {font-size: 0.8em; text-align: center; padding: 10px;}

div#coldroite.boutique form fieldset {border: none;}
div#coldroite.boutique form label {font-size: 0.8em;}
div#coldroite div#panier {padding: 15px; margin-right: 10px; border-radius: 10px; box-shadow: 2px 2px 4px #000000; background-color: #F5E0E2;}
div#coldroite div#panier.mag {background-color: #e6e6f9;}
div#coldroite div#panier.ost {background-color: #eaf8d7;}
div#coldroite div#panier p.items {color: #fff; width: 100%; text-align: center; padding: 5px; border-radius: 5px; box-shadow: 4px 4px 8px #000000; background-color: #aa3138;}
div#coldroite div#panier p.items.man {background-color: #aa3138;}
div#coldroite div#panier p.items.mag {background-color: #3a3a76;}
div#coldroite div#panier p.items.ost {background-color: #58792a;}
div#coldroite div#panier form#check_client {display: none;}
div#coldroite div#panier form#check_client fieldset {margin: 5px 0 0 15px;}
div#coldroite div#panier form#check_client fieldset.login {margin: 15px 0 0 15px;}
div#coldroite div#panier form#check_client fieldset.login input {margin-left: 20px;}
div#coldroite div#panier p.important {color: #F00; font-style: italic; font-weight: bold; text-align: center;}
div#coldroite div#panier li {font-size: 0.8em;}
div#coldroite div#panier li p {font-size: inherit;}

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;}

input.btnpanier {background-color: #FCBAC4; color: #000; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
input.btnpanier:hover {opacity: 1;}
form#bouton_cde {text-align: center; margin: 25px auto;}
form#bouton_cde input {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
form#bouton_cde input:hover {opacity: 1; color: #f00;}
input.bouton_add {text-align: center; margin: 25px auto;}
input.bouton_add {background-color: #AFEBB8; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
input.bouton_add:hover {opacity: 1; color: #f00;}

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; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif; 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-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Arial, Verdana, sans-serif; font-style: italic;}
div#promo_boutique a {color: #FFF; text-decoration: underline;}
div#coldroite div#promo_boutique img.couv {box-shadow: 4px 4px 8px #fff; float: left;}
div#coldroite.boutique {border: none; box-shadow: none; width: 320px;}

div#contenu_commande {width: 1000px; margin: 20px 24px;}
div#contenu_commande h1 {color: #191919;}
div#contenu_commande h2 {color: #191919;}
div#contenu_commande span.important {font-size: 1em;}

div#contenu_commande div#panier h2.items {color: #aa3138; text-align: left; font-size: 1.5em;}
div#contenu_commande div#panier div.items {margin: 5px; padding: 10px; border-radius: 5px; background-color: #eaf8d7;}
div#contenu_commande div#panier div.items div.adresse_livraison {float: right; width: 260px; margin: 0 10px; border: 1px solid #000; text-align: left; padding: 10px; border-radius: 5px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande li {font-size: 0.8em; margin: 10px 0;}
div#contenu_commande div#panier {padding: 15px; margin-right: 10px; border: 1px solid #000; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande div#panier form#infos_client legend {display: block; margin: 25px 0; color: #F00; font-weight: bold;}
div#contenu_commande div#panier form#infos_client label {display: block; font-weight: bold; margin-top: 5px;}
div#contenu_commande div#panier form#infos_client fieldset.infos {width: 250px; margin: 0 65px 15px; float: left; background-color: #F5E0E2; padding: 15px 30px; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande div#panier form#infos_client fieldset.submit_commande {width: 998px; text-align: center;}
div#contenu_commande div#panier fieldset.submit_commande input[type="submit"] {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande div#panier fieldset.submit_commande input[type="submit"]:hover {opacity: 1; color: #f00;}

div#contenu_commande div#panier form.form_modif_dest {display: none;}
div#contenu_commande div#panier form.form_modif_dest fieldset.infos {}
div#contenu_commande div#panier form.form_modif_dest label {display: block; font-weight: bold; margin-top: 5px;}
div#contenu_commande div#panier form.form_modif_dest fieldset.submit {text-align: center;}
div#contenu_commande div#panier form.form_modif_dest fieldset.submit input[type="submit"] {background-color: #F00; color: #FFF; padding: 5px; font-size: 12px; margin-left: 0px; border-radius: 5px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000;}
div#contenu_commande div#panier form.form_modif_dest fieldset.submit:hover input[type="submit"] {opacity: 1;}

div#contenu_commande form#reduction fieldset {width: 500px; margin: 0 auto; background-color: #eaf8d7; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande form#reduction legend {display: block; margin: 25px 0; color: #F00; font-weight: bold;}
div#contenu_commande form#reduction input[type="submit"] {float: right; margin-left: 25px; background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande form#reduction input[type="submit"]:hover {opacity: 1; color: #f00;}

div#contenu_commande form#historique {text-align: center;}
div#contenu_commande form#historique input[type="submit"] {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande form#historique input[type="submit"]:hover {opacity: 1; color: #f00;}


div#contenu_commande hr.visible {visibility: visible;}
div#contenu_commande .important {color: #F00; font-weight: bold;}
div#contenu_commande label {font-size: 0.8em;}

div#contenu_commande input.formulaire {width: 225px; height: 20px; margin: 5px 0 10px;}
div#contenu_commande input.submit {margin-top: 50px; margin-left: 50px;}
div#contenu_commande label.formulaire {text-align: left; margin-left: 5px;}
div#contenu_commande select.formulaire {width: 205px; height: 25px; margin: 5px 0 10px;}
div#contenu_commande textarea.formulaire {width: 200px; height: 75px; margin: 5px 0px 10px 10px;}
div#contenu_commande input#adr {margin-top: 5px;}


div#contenu_commande div#bon_cde {padding: 15px; margin-right: 10px; border: 1px solid #000; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}

div#contenu_commande div#print_facture {background-color: #FFF; width: 900px; padding: 30px 15px; margin: 0 auto;}

div#etapes {border: 1px solid #ccc; width: 1000px; margin: 20px 24px; height: 100px;}
div#etapes ul {list-style-type: none; padding: 0; margin: 0;}
div#etapes ul li {height: 100px; float:left; width: 249px;}
div#etapes ul li p {line-height: 30px; text-align:center;}
div#etapes ul li#active {background-color: #aa3138; color: #fdfdfd; font-weight: bold;}
div#connexion, div#inscription, div#inscription_i, div#verif_mail {display: none; border-top: 1px solid #ccc; padding-top: 10px;}

div#contenu_commande div#verif_mail form fieldset {width: 200px; margin: 0 auto; background-color: #eaf8d7; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande div#verif_mail form legend {display: block; margin: 25px 0; color: #F00; font-weight: bold;}
div#contenu_commande div#verif_mail fieldset input[type="submit"] {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande div#verif_mail fieldset input[type="submit"]:hover {opacity: 1; color: #f00;}


div#contenu_commande div#connexion form fieldset {width: 250px; margin: 0 auto; background-color: #eaf8d7; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande div#connexion form legend {display: block; margin: 25px 0; color: #F00; font-weight: bold;}
div#contenu_commande div#connexion fieldset input[type="submit"] {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande div#connexion fieldset input[type="submit"]:hover {opacity: 1; color: #f00;}


div#contenu_commande div#inscription form.infos_client fieldset.infos, div#contenu_commande div#inscription_i form.infos_client fieldset.infos {width: 225px; margin: 0 15px; float: left; background-color: #eaf8d7; padding: 15px; border-radius: 10px; box-shadow: 2px 2px 4px #000000;}
div#contenu_commande div#inscription form.infos_client legend, div#contenu_commande div#inscription_i form.infos_client legend {display: block; margin: 25px 0; color: #F00; font-weight: bold;}
div#contenu_commande div#inscription fieldset.submit, div#contenu_commande div#inscription_i fieldset.submit {margin: 30px 150px; float: left;}
div#contenu_commande div#inscription fieldset.submit input, div#contenu_commande div#inscription_i fieldset.submit input {background-color: #0C0; color: #000; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
div#contenu_commande div#inscription fieldset.submit input:hover, div#contenu_commande div#inscription_i fieldset.submit input:hover {opacity: 1; color: #f00;}
div#inscription fieldset#adr_livr, div#inscription_i fieldset#adr_livr_i {display:none;}

div#inscription fieldset, div#inscription_i fieldset {width: 225px; margin: 0 25px; float: left; border: none;}
div#inscription fieldset#partinst, div#inscription_i fieldset#partinst2 {margin: 0 25px; float: none; font-size: 0.8em;}
div#inscription fieldset, div#inscription_i fieldset {width: 225px; margin: 0 25px; float: left; border: none;}
div#inscription fieldset#partinst, div#inscription_i fieldset#partinst2 {margin: 0 25px; float: none; font-size: 0.8em; width: 100%;}
div#inscription fieldset#partinst label, div#inscription_i fieldset#partinst2 label {margin: 0 5px; float: left; font-size: 0.8em; display: block; clear: none; width: auto;}
div#inscription fieldset#partinst input, div#inscription_i fieldset#partinst2 input {display: inline;}
div#inscription fieldset label, div#inscription_i fieldset label {text-align: left; margin-left: 10px;}
div#inscription fieldset#adr_fact, div#inscription_i fieldset#adr_fact_i {display:none;}


div#identification {min-height: 300px;}
fieldset#yesno, fieldset#yesno2 {text-align: center;}
input#btnyes, input#btverif {background-color: #0C0; color: #000; width: 200px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
input#btnyes:hover, input#btverif:hover {opacity: 1; color: #f00;}
input#btnno, input#btnno2, input#deconnexion {background-color: #F00; color: #FFF; width: 150px; height: 35px; border-radius: 5px; font-size: 12px; cursor: pointer; opacity: 0.8; box-shadow: 4px 4px 8px 0px #000000; border: 1px solid #000; font-weight: bold;}
input#btnno:hover, input#deconnexion:hover {opacity: 1;}

/* 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.8em; 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.8em; 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.8em; 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: #339900; 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: #333; font-weight: 600; text-align: left; text-indent: 10%;}
#pied div .bloc p a {color: #fff; text-decoration: none;}
#pied div .bloc p a:hover {color: #333; text-decoration: underline;}
#pied div .bloc ul li {color: #fff; font-size: 90%; text-align: left; list-style: none;}
#pied div .bloc ul li a {color: #fff;	text-decoration: none;	list-style: disc;	line-height: 1.5em;}
#pied div .bloc ul li a:hover {color: #333; text-decoration: underline;}
#pied div .bloc ul li img{border:1px solid #FFF}

#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: #ccc;}

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 {max-width: 1250px;}
div#visio_pdf {max-width: 1200px;}
div.header {max-width: 1250px;}
/* Code valide V2024 */
}

@media only screen and (min-width: 1600px){
	
	/* Code valide V2024 */
div#conteneur {max-width: 1400px;}
div.header {max-width: 100%; text-align: center; margin: 0 auto;}
div.header img {max-width: 100%;}
/* 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}
img.banniere {border: 1px solid #000; margin: 5px; width: 90%; height: 90%; max-width: 90%;}
div#colcentre{width: 100%;}
div#coldroite{display:none}	
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 {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%; max-width: 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%;}
div#cookies {display: block; text-align: center;}
figure.banniere {margin: 150px auto 25px; max-width: 95%;}
figure.banniere_bas {margin: 0 auto; max-width: 95%;}
div.header {margin-top: 0px; max-width: 100%;}

.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) {
img.float_left {float: none; display: block; margin-right: auto; margin-left: auto;}
}