/*
Theme Name: oceanwp Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   oceanwp
Version:    1.0
License:    GNU General Public License v2 or later
*/

@charset "utf-8";
/* CSS Document */

.iframe-responsive-wrapper {
	position: relative;
}

.iframe-responsive-wrapper .iframe-ratio {
	display: block;
	width: 100%;
	height: 150px;
}

.iframe-responsive-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mapage {
   position: absolute;
   top:0px;
   left:0px;
   margin: 0;
   height:100px;
   color:#ffffff;
 }

 #formulaire {
	border-style: solid;
	border-color: green;
	border-width: 0px;
	padding: 5px;
	text-align: justify;
	position: absolute;
	left: 0px;
	top: 20px;
	height: 80px;
}

#optionMini {
	border-style: solid;
	border-color: green;
	border-width: 0px;
	padding: 5px;
	text-align: left;
	position: absolute;
	left:0px;
	top: 0px;
	width:650px;
}

#option {
	border-style: solid;
	border-color: green;
	border-width: 1px;
	padding: 5px;
	text-align: justify;
	position: absolute;
	left: 340px;
	top: 20px;
	width:580px;
}

.debut2 {
	position: relative;
	top: 25px;
}

.debut {
	position: relative;
	top: 15px;
}

.tableindex /* Le tableau en lui-même */ {
	margin: 0;
/* Aligne le tableau */
	border: 4px #8EC63F;
/* Bordure du tableau */
	border-collapse: collapse;
/* Colle les bordures entre elles */
}

.tableindex td {
	border: 1px solid #8EC63F;
	text-align: left;
	vertical-align:top;
/* Tous les textes des cellules seront ajustées à gauche*/
	padding: 5px;
/* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.tableindex th /* Les cellules d'en-tête */
{
   margin: 0px; /* Aligne le tableau */
   background-color:#dddddd;
   color: green;
border-radius:10px;
}

.tableindex caption 
{
   margin: 0px; /* Aligne le titre du tableau */
   text-align: left;
   margin-bottom: 5px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

.tableindex2 /* Le tableau en lui-même */ {
	margin: 0px;
/* Aligne le tableau */
	border: 0px;
/* Bordure du tableau */
	border-collapse: collapse;
/* Colle les bordures entre elles */
   background-color:#def7de;
}

.tableindex2 td {
	border: 0px;
	text-align: left;
/* Tous les textes des cellules seront ajustées à gauche*/
	padding: 20px;
/* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.tableindex2 th /* Les cellules d'en-tête */
{
   margin: 0px; /* Aligne le tableau */
   font-size: 1.5em;
}

.captionsp
{
   font-weight: bold;
   font-size: 1.8em;
   color: #8EC63F;
}

.thsp {
   color: green;
   font-size: 1.2em;
}

.h2sp
{
	color:green;
}

.vert
{
	color:green;
}

.Rouge
{
	color : red;
}

.special{
	color: yellow;
}

h2.special{
	color: green;
}	

.tableauligne{
	color:#ab8b65;
}
.table-2 tr td{
	border-bottom:1px solid #dcdcdc;
	padding:5px 5px;
}
.table-1 tr td{
	border-bottom:1px solid #dcdcdc;
	padding:5px 5px;
}
.table-1 table{
	width:100%;
}
.table-2 table{
	width:100%;
}
.dessous{
	clear:left;
}
.centre{
	text-align:center;
	margin:auto;
}
.listeplante{
	text-align:left;
}

.tdencyclo{
	padding-left:10px !important;
}

.ulmarge{
    display: block;
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
}

#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:12px;
    width:180px;   
}
 
#tooltip .tipHeader {
    height:12px;
 }
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
    background-color:#111;
    padding:5px 5px 5px 15px;
}
 
#tooltip .tipFooter {
    height:12px;
}