/*
 Theme Name:   Twenty Eleven CR
 Theme URI:    ""
 Description:  Twenty Eleven Child Theme, as 2011 theme for WordPress, it is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
 Author:       Odile Poulain
 Author URI:   ""
 Template:     twentyeleven
 Version:      1.0.0
 Tags:         dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 Text Domain:  twentyeleven-CR
*/

/* Début de la Personnalisation
   ============================ */

/*
a {color: #FF0000;
   text-decoration: none;
}
a:hover {
   color: #FF0000;
   text-decoration: none;
}
*/
/* *******************************************************************************************
   ----------------------------------------------------------------------------
   | Changement de la largeur max du Thème et suppression de la marge en haut |
   ---------------------------------------------------------------------------- 
   http://en.forums.wordpress.com/topic/twenty-eleven-css-change-page-width */

/* Par defaut la largeur est limité à 1000px. Pour que ce soit plus confortable sur les écrans
   Full HD 1920x1080, cette valeur est portée à 1800, ne pas oublier d'ajouter ces 4 lignes
   dans functions.ph pour ne pas rogner l'image d'en tête et perdre en qualité d'affichage,
   valeur par défaut : 1280x280 (Donné pour le format SXGA 1280x800)

   remove_filter( 'HEADER_IMAGE_WIDTH',  'twentyeleven_header_image_width' );
   remove_filter( 'HEADER_IMAGE_HEIGHT', 'twentyeleven_header_image_height' );
   define( 'HEADER_IMAGE_WIDTH',  apply_filters( 'child_header_image_width', 1800 ) );
   define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'child_header_image_height', 280 ) );
 
*/
/* Enlever les marges */
body {
   padding: 0 0 !important;
}

.two-column #page {
   margin-top: -2px;  /* Supprime l'apparition du fond au-dessus de l'image */
/*   max-width: 1800px;  Spécifie la largeur Max */
   max-width: 100%; /* Spécifie la largeur Max */	
/* min-width: 1500px; si valeur pour min et max, la dimension est fixée */
/* margin: 2em auto;*/
}
.one-column #page {
   margin-top: -2px;
   max-width: 1800px;
/* min-width: 1500px;*/
/* margin: 2em auto;*/
}
/* *******************************************************************************************

   -------------------------
   | Les marges de la page |
   ------------------------- */

/* http://voodoopress.com/finishing-twentyeleven-adjusting-margins-widgets-and-the-header/ */

/* Marge au-dessus du bandeau
#branding hgroup {
    margin: 100px !important;
}
*/

/* Marge en dessous de la barre de menu */
#main {
    clear: both;
    padding: 0.625em 0 0 !important; /* 0.625em 0 0 */
}

/* Marge à gauche et largeur du contenu */
#content {
    margin: 0 32% 0 2% !important; /* le 4ème champ change la marge à gauche */
    width: 70% !important; /* change la largeur du contenu */

}

/* Menu à droite, marge à droite et largeur*/
#secondary {
    float: right !important;
    margin-right: 2% !important;
    width: 24.4% !important; /* Valeur max 24.4 */
}

/* Espacement entre chaque paragraphe 
   ---------------------------------- 
   Dans WordPress, chaque ligne est définie comme 1 nouveau paragraphe,
   si l'écart est trop important entre les lignes, diminuer cet écart */

/*
p{
   padding-bottom:7px;
}
*/


/* Horizontal Scrolling Announcement */

/* Modifie la largeur et la hauteur du bandeau défilant */

.entry-content marquee {
    width: 350px;
    height: 30px;
    font-family:Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;   /* tailles des lettres */
    color: #990000;    /* Couleur du texte */
}

/* Modifie les autres attributs du bandeau défilant */
.entry-content marquee a {
    font-family:Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;   /* tailles des lettres */
    color: #990000;    /* Couleur du texte */
}


/* Marges et taille de caractères du titre des articles */

.entry-title {
/*  clear: both;
    color: #222; */
    font-size: 24px !important;
    font-weight: bold; 
    line-height: 1.0em !important; /* au lieu de 1.5em */
    padding-bottom: .3em !important; /* au lieu de .3em */
    padding-top: 7px !important;   /* au lieu de 15px */
    margin-left: 5px !important;
}

.category-title {
/*  clear: both;
    color: #222; */
    font-size: 16px !important;
    font-weight: bold; 
    line-height: 1.0em !important; /* au lieu de 1.5em */
    padding-bottom: .3em !important; /* au lieu de .3em */
    padding-top: 0px !important;   /* au lieu de 15px */
}

.entry-content {
/*    clear: both;
    color: #222;
    font-size: 24px !important;
    font-weight: bold;
    line-height: 1.0em !important;*/ 
    padding-bottom: 0px !important; /* au lieu de .3em */
    padding-top: 10px !important; 
    margin-left: 5px !important;
}
/* Réduction marges en bas et en haut des articles sur page d'accueil */
.hentry, .no-results {
    padding: 0px !important; /* 0px 0px 1.625em */
    margin: 0px 0px 0.625em !important;
}

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

   ----------------------------------------
   | Couleur et effet sur la barre de menu |
   ----------------------------------------- */
/* http://digitalraindrops.net/2011-menu-style-generator/ */
/* !!! Attention le générateur supprime les "0" devant le code Hexa, il faut les remettre !!!! 
#branding #access {
   background: #0016A9; 
   background: -moz-linear-gradient(#252525, #b9cb13);
   background: -o-linear-gradient(#252525, #b9cb13);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9cb13), to(#b9cb13));  older webkit syntax 
   background: -webkit-linear-gradient(#b9cb13, #b9cb13);

}
*/
/*
#access a {
   color: #9DDE58 !important;
   font-family: times New Roman; 
   font-size: 16px;
}
*/

/* Change le Gradient sur la barre du Menu principale */
#branding #access {
   background: #0b6121; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#0b6121, #04b45f);
   background: -o-linear-gradient(#0b6121, #04b45f);
/* Safari & Chrome */
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b6121), to(#04b45f));
   background: -webkit-linear-gradient(#0b6121, #04b45f ); 
}


 /* Couleur du Texte de la barre de Menu */
#access a {
   color: #ffffff !important; /* #ffffff = blanc */
/*   font-size: 12px; */
}

 /* Atributs des Sous-Menus */
#access ul ul a  {
   background: #81f79f !important;   /* Couleur du fond         */
   color: #000000 !important;        /* Couleur des caractères  */
/*   font-size: 12px !important;  */     /* Taille  des caractères  */
   border-bottom: 1px dotted #111111 !important;  /* Séparateur */
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
   background: #81f79f !important;
}

 /* Changing the Hover Gradient or text on Focus and Hover */
#access li:hover > a,
#access a:focus {
   background: #81f79f !important; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#81f79f, #04b45f) !important;
   background: -o-linear-gradient(#81f79f, #04b45f) !important;
/* Safari & Chrome */
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#81f79f), to(#04b45f));
   background: -webkit-linear-gradient( #81f79f, #4b45f ) !important;
   color: #ffff00 !important;
}


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

   ---------------------------------------------------
   | Changement de position de la Boite de Recherche |
   --------------------------------------------------- */

/* Retrait de la boite de Recherche (Search Form)) dans le Bandeau */

#branding #searchform {
   display: none;
}

/* Supprimer le retour à la ligne intenpestif du menu */

#branding .only-search + #access div {
   padding-right: 0px !important;
   margin:  0 0 0 1.7%; 
}

/*               -----------------
   http://voodoopress.com/finishing-twentyeleven-adjusting-margins-widgets-and-the-header/
   Une nouvelle boite de Recherche est ajoutée dans la liste des Widgets (SideBar à droite),
   On peut spécifier des parametres pour cette nouvelle boite de Recherche */

#searchform {
   background: #FFFFFF;
   text-align: left;
   margin-bottom: 3px; 
/* position: absolute;
   top: 150px;
   right: 40px;
   width: 250px;*/
}

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

   ----------------------------------------------------
   | Changer l'apparence du menu de droite (Side Bar) |
   ----------------------------------------------------
   http://allaboutbasic.com/2012/09/05/wordpress-com-theme-twenty-twelve-theme-modification-modify-headerfooterfontsitebartitles-using-css/ */

/*.widget {
   background: #F3D38D; 
   border: 4px double #FFFFFF;
	  -webkit-border-radius: 7px;
	  -moz-border-radius: 7px;
	  -o-border-radius: 7px;
	  border-radius: 7px;
   padding: 5px;
	  -webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  -moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
   list-style-type: none;
}
*/
/* Définition pour tous les widgets de droite, excepté pour le texte défilant */

#nav_menu-2,
#nav_menu-3,
#nav_menu-5,
#nav_menu-6,
#nav_menu-7,
#eo_event_list_widget-2,
#eo_event_list_widget-3,
#recent-posts-2,
#search-2,
#text-3 {
   background: #F3D38D; 
   border: 4px double #FFFFFF;
	  -webkit-border-radius: 7px;
	  -moz-border-radius: 7px;
	  -o-border-radius: 7px;
	  border-radius: 7px;
   padding: 5px;
	  -webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  -moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
   list-style-type: none;
}

/* Définition pour le widget du texte défilant */

#horizontalscrolling-2 {
   background: #FFFFFF; 
   border:  0px;
   padding: 0px;
   list-style-type: none;
}

#horizontalscrolling-2 marquee {
    font-family:Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;   /* tailles des lettres */
    color: #990000 !important;    /* Couleur du texte */
    padding: 5px;
	  -webkit-box-shadow: 0px 0px 0px rgba(64, 31, 31, 0.5);
	  -moz-box-shadow: 0px 0px 0px rgba(64, 31, 31, 0.5);
	  box-shadow: 0px 0px 0px rgba(64, 31, 31, 0.5);
}


/* Retirer les punaises */

li {
   list-style:none !important;
}

/* Largeur du menu en % ou en px */
  
.widget-area {
   width: 18.0% !important; /* Max 18% ? */
   margin: -5px 0 0;
}

/* Espace entre les différentes zones du menu */

#secondary .widget { 
   margin-bottom: 10px; 
}

/* Attributs des Titres */

.widget-area .widget h3 {
   background-color: #088A08;
   text-align: center;
   color: yellow;
/* font-family: times New Roman;*/
   font-weight: bold;
   font-size: 11px;
/* Marge en dessous du titre 
   margin-bottom: 1.71429rem;*/
   margin-bottom: 4px;
}

/* Attributs des Textes (liens) */

.widget-area .widget a {
   color: #0000FF;
/* font-family: times New Roman;*/
   font-size: 14px;
/* text-decoration: underline;*/
   line-height: 1.0em;
}


/* Marge, par rapport au bord gauche, de tous les textes */

.widget-area .widget a {
   margin-left:10px;
}


.last-photo {
   margin-left:    0px !important;
   margin-top:     0px !important;
   margin-bottom: -2px !important;
}


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

   -----------------------------------------------------
   | Supprimer le commentaire du bas de chaque article |
   ----------------------------------------------------- */

.cat-links,
footer.entry-meta
{
   display: none; /* supprime l'élément */
/*   visibility: hidden;  invisible mais conserve la place */
}

/* Supprime le nom de l'auteur en tête de l'article mais conserve le "par", alors solution :
   Ajouter la fonction twentyeleven_posted_on dans functions.php pour redéfinir la fonction
   existante dans  /var/www/wp-content/themes/twentyeleven/functions.php
 
.entry-meta .meta-sep, .entry-meta .author { 
   display:none;
}
*/
/* *******************************************************************************************

   -------------------------------------------------------------------------------------------
   | Personnalisation de l'extension Event Organiser, Calendrier et affichage menu de droite |
   -------------------------------------------------------------------------------------------

   Suite à l'affichage du menu à droite (sidebar) sur un évenement :
   Redefinition des marges lors de l'affichage d'un évenement pour être
   compatible avec les marges definie pour l'affichage d'une page 
   http://wp-event-organiser.com/forums/topic/sidebar-on-single-event-page/
*/
/*
#primary {
   margin: 0 -40% 0 0;
}
*/
/*.content-area {
    margin: 0 30% 0 0% !important; 
   margin-left: 2% !important;
   margin-right: 40% !important;
   width: 70% !important;  la largeur du contenu doit être de 70% car la sidebar prend 30% 
}*/

.single-event #primary {
   margin: 0 -26.4% 0 0;
}

.single-event #content {
   margin: 0 34% 0 7.6%;
   width: 58.4%;
}


/* Calendrier mensuel (FullCalendar) 
   --------------------------------- */
/* Changement de taille */
.eo-fullcalendar{
   width: 100%;  
}

/* Change la couleur du fond de FullCalendar */
.eo-fullcalendar .fc-day-grid{
   background-color: #C2E0FF; /* #C2E0FF ok, #FFF Pour imprimer*/
   border-color: #000 !important;
}

/* Change la couleur du fond et la couleur du contour pour le jour courant */

.eo-fullcalendar .fc-today{
   background-color: #00FF40 !important; /* #00FF40 ok, #FFF Pour imprimer*/
   border-color: #FF0000 !important;
}

/* Change la taille de la font utilisée dans les case de FullCalendar */
.fc-event-inner {
   font-size: 1.0em;
}

/* Ajouter le cadriage pour imprimer */


th,
td,
hr,
thead,
tbody,
.fc-row {
   border-color: #888 !important;	
}


/* Affichage des 5 PROCHAINES SORTIES dans le menu de droite
   --------------------------------------------------------- */
/* Attributs de la date */

ul.eo-events-widget li{
   color: #000000 !important; /*Couleur de la date */
   font-weight: bold;         /* Text en gras */
/*   margin-left:10px; */

/* background-color:#FFFFFF; Seulement Couleur du fond de 5 PROCHAINES SORTIES */
/* font-family: times New Roman; Font-family de la date */
}
ul.eo-events-widget .eo-date-month {
   color: #000000 !important; /* Couleur du mois */
   font-weight: bold;         /* Text en gras */
   background: rgba(158, 151, 134, 0.0) !important; /* 4ème champ, 0.0 transparence */
}

ul.eo-events-widget .eo-date-day {
   color: #000000 !important; /* Couleur du jour */
   font-weight: bold;         /* Text en gras */
   margin-left: 10px;
   background-color: rgba(158, 151, 134, 0.0) !important;
}

ul.eo-events-widget .eo-time-hour {
   color: #000000 !important; /* Couleur de l'heure */
   font-weight: bold;         /* Text en gras */
   background: rgba(158, 151, 134, 0.0) !important; /* 4ème champ, 0.0 transparence */
}

/* Change la taille des caractères de "Détails de l'événement" sur les pages d'événement */

.entry-meta {
/*  font-size: 15px !important;*/
  font-size: 15px !important;
}

/* Taille de la carte */
/* http://docs.wp-event-organiser.com/shortcodes/venue-map/ */

.eo-event-venue-map {
  width:  50% !important;
}

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

   -----------------------------------
   | Attribut du Menu en bas de page |
   ----------------------------------- */

#footerMenu {
   border-top: 1px solid #E7E2EC;
}
	
#footerMenu li {
   background-color: #BBB;
   text-align: justify;
   float: left;
   padding-left: 1em;
   padding-bottom: .4em;
   padding-right: 1em;
   padding-top: .4em;
   font-size: 12px;
   font-weight: bold;
   display: inline;
   text-decoration: none;
   font-style: normal;
   position: relative;
   margin-right:2%;
}

#footerMenu ul {
   list-style: none;
/* margin: 0 35px;*/
   margin: 0 10px;
   padding: 0;
}

#footerMenu a:focus, a:active {
   text-decoration: none;
}

#footerMenu a:hover {
/* text-decoration: none;*/
/* background-color: #999;*/
/* color: #333;*/
}

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

   ------------------------------------------------------------
   | Changer les couleurs de la case de demande de mot de passe |
   ------------------------------------------------------------ */

/* http://phpxref.ftwr.co.uk/wordpress/nav.html?wp-content/themes/twentyeleven/colors/dark.css.source.html */

/* Couleur de la case d'entrèe du password quand elle est au repos */
.post-password-required input[type=password] {
   background: #ddd; /* grise */
}

/* Couleur de la case d'entrèe du password quand elle est sélectionnée */
.post-password-required input[type=password]:focus {
   background: #FF0 !important; /* Jaune */
}

/* Couleur de la case et du texte Envoyer */
/* https://wordpress.org/support/topic/how-can-i-change-the-submit-button-text-color */

#content input[type="submit"] {
   color: #000000 !important;
   background: #AAA !important; /* Jaune */
}

/* ******************************************************************************************* */
/*
body, input, textarea, p {
    font-size: 24px !important;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 24px !important;
}
*/
/* Changement de la taille de la police de caractères sur les pages */
/* Default 16px) */
/*
#page {
    font-size: 20px !important;
}
*/ 
.page-title {
    font-size: 24px !important;
    font-weight: bold !important; 
    line-height: 1.0em !important; /* au lieu de 1.5em */
    padding-bottom: .3em !important; /* au lieu de .3em */
    padding-top: 0px !important;   /* au lieu de 15px */
    text-align: center !important;
}

/*Main Button Style*/
/*
.link-button{
   background:#65A343; 
   text-shadow:1px 1px 1px #000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;border-radius: 5px;
   -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   padding: 1px;
   vertical-align: middle
}
*/
.link-button{
   background:#65A343; 
   text-shadow:1px 1px 1px #000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;border-radius: 5px;
   -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   padding: 1px;
   vertical-align: middle
}
/*
.link-button span {
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   display: block;
   font: bold 12px 'Verdana', 'Arial', sans-serif;
   padding: 6px 12px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25)
}
*/
.link-button span {
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   display: block;
   font: bold 12px 'Verdana', 'Arial', sans-serif;
   padding: 1px 4px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25)
}
/*Hover*/
.link-button:hover{
   background: #558938;
   text-decoration:none
}
/*Active*/
.link-button:active{
   background:#446F2D
}

/* ******************************************************************************************* */
/*          Définition des marges et des couleurs dans les tableaux des suivis                 */
/* ******************************************************************************************* */

table.f11 {
   border-width: 2px !important; 
   border-style: solid !important; 
   border-color: black !important;
   width: 100% !important;
}

th.f20 { 
   padding: 0 0 0 2px !important;
   margin: 0 !important;
   border-width: 2px !important;
   border-style: solid !important; 
   border-color: black !important;
   color: black !important;
/*   width: 25% !important; */
   font-weight: bold !important;
   font-family: times New Roman !important;
   font-size: 20px !important;
}



td.f9i { 
   padding: 0 0 0 2px !important;
   margin: 0 !important;
   border-width: 1px !important;
   border-style: solid !important; 
   border-color: black !important;
/*   width: 25% !important; */
   font-weight: bold !important;
   font-family: arial !important;
   font-size: 12px !important;
}


/* ******************************************************************************************* */
/*                    Correction marge Ipad & Iphone                                           */
/* ******************************************************************************************* */

/*@media (max-width: 800px) {
    #page {
// Taille min pour afficher le menu sur une rangée
       min-width: 500px;
    }
// keep the sidebar - for right sidebar
    .right-sidebar #main #content {
        margin: 0 29% 0 1% !important;
        width: 70% !important;
    }
    .right-sidebar #main #secondary {
        float: right;
        margin: 0 1% 0 1% !important;
        width: 24% !important;
    }
// correction for singular posts/pages without sidebar
    .singular #main #content {
        margin: 0 8% 0 8% !important;
        width: 84% !important;
    }
}
*/
/* Couleurs pour menu mobile */

li.event_color_059e24 {       /* bg  Marche Nordique */
  background-color: #059E24;
}
li.event_color_059e24 span{   /* txt Marche Nordique */
  color: #0000FF;             /* couleur txt : MN #FFFF00, pour imprimer : #0000FF */
}
li.event_color_ff00f3 {       /* bg  Reunion et Rencontre*/
  background-color: #FF00F3; 
}
li.event_color_11fae6 {       /* bg  Séjour */
  background-color: #AAFAE6; 
}

li.event_color_ffff00 {       /* bg  Vacances */
  background-color: #FFFF00;
}
li.photo-1 {
  background-color: #00FF66 !important;
}
li.photo-2 {
  background-color: #FFC0CB !important;
}
li.photo-3 {
  background-color: #00FFFF !important;
}
li.photo-4 {
  background-color: #FF9900 !important;
}
li.photo-5 {
  background-color: #FF0000 !important;
  width:100%;
  text-align:center;
}
li.photo-6 {
  background-color: #00FF66 !important;
  width:100%;
  text-align:center;
}
li.photo-7 {
  background-color: #FFFF00 !important;
  width:100%;
  text-align:center;
}
li.photo-8 {
  background-color: #FFFF00 !important;
/*  font-size: 20px; */
  width:100%;
  text-align:left;
}

#responsive-menu-title { 
/*  display: none; */
padding-top: 5px !important;
padding-bottom: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}

#responsive-menu-title-image { 
margin-bottom: 0px !important;
}

#cssmenu,#cssmenu ul,
#cssmenu ul li,
/* #cssmenu ul li a { */
#cssmenu ul li a {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
   line-height: 1;
   display: block;
   position: relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#cssmenu {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}

 #cssmenu > ul > li > a {
  padding: 15px 10px;
  border-left: 3px solid #1682ba;
  border-right: 3px solid #1682ba;
  border-top: 2px solid #1682ba;
  border-bottom: 2px solid #1682ba;
  cursor: pointer;
  z-index: 1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
/*  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); */
/*  background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
}*/

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
   background: #006600; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#006600, #9dde58);
   background: -o-linear-gradient(#006600, #9dde58);
   background: -ms-linear-gradient(#006600, #9dde58);
   background: linear-gradient(#006600, #9dde58);
/* Safari & Chrome */
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#9dde58));
   background: -webkit-linear-gradient( #006600, #9dde58 );

   color: #ffff00;

/*  color: #FF0000;
  background-color: #056E05 !important;*/

/*  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);*/
}



/* ******************************************************************************************* */
/* Affichage suivant le terminal */
/* Ordis et tablettes (orientation Paysage) */

@media only screen and (min-width: 800px) {
/* Ok Marge à gauche et largeur du contenu */
  #content {
    margin: 0 32% 0 2% !important; /* le 4ème champ change la marge à gauche */
    width: 70% !important; /* change la largeur du contenu */

  }
/* Ok Menu à droite, marge à droite et largeur*/
  #secondary {
    float: right !important;
    margin-right: 2% !important;
    width: 24.4% !important; /* Valeur max 24.4 */
  }
}

/* Smartphone et tablettes (orientation Portrait) */

@media only screen and (max-width: 799px) {
/* Ok Marge à gauche et largeur du contenu */
  #content {
    margin: 0 2% 0 2% !important; /* le 4ème champ change la marge à gauche */
    width: 93% !important; /* change la largeur du contenu */

  }
/* non affichage Menu à droite */
  #secondary {
    display: none !important;
/*    float: right !important;
    margin-right: 2% !important;
    width: 24.4% !important;*/ 
  }
/* Font plus grande */
  body {
/*    font-family: roboto !important; */
    font-size: 16px !important;
  }
}
#rando-content span {
  color: #000000 ;
  font-size: 16px;
  display: inline-block;
  margin: 7px;
}

#rando-content {
  box-sizing: border-box;*/
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
  border-left: 3px solid #1682ba;
  border-right: 3px solid #1682ba;
/*  border-top: 2px solid #1682ba; */
  border-bottom: 2px solid #1682ba;
}

#mn-content span {
  color: #000000 ;
  font-size: 16px;
  display: inline-block;
  margin: 7px;
}

#mn-content {
  box-sizing: border-box;*/
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
  border-left: 3px solid #1682ba;
  border-right: 3px solid #1682ba;
/*  border-top: 2px solid #1682ba; */
  border-bottom: 2px solid #1682ba;
}

li.event_color_00FA9A{ /* bg  MN Choisy*/
  background-color: #00FA9A; /* Norm : #00FA9A, Print : #98FF98 */ 
}

li.event_color_00FA9A div#mn-content {
  background-color: #98FB98; 
}

li.event_color_008000 { /* bg  MN Extérieur*/
  background-color: #008000; /* Norm : #008000, Print : #98FF98 */ 
}

li.event_color_008000 div#mn-content {
  background-color: #32CD32; 
}

li.event_color_ff00ff { /* bg  Exceptionnel */
  background-color: #FF88FF; 
}

li.event_color_ff00ff div#rando-content {
  background-color: #FFBBFF;
}

li.event_color_34d408 { /* bg  Rando 1b */
  background-color: #00FF00; 
}
li.event_color_34d408 div#rando-content {
  background-color: #98FB98; 
}

li.event_color_2db8f0 { /* bg  Rando 2b */
  background-color: #4DD8F0;
}
li.event_color_2db8f0 div#rando-content {
  background-color: #C0FFFF; 
}

li.event_color_f35874 { /* bg  Rando 3b */
  background-color: #F35874; 
}
li.event_color_f35874 div#rando-content {
  background-color: #F3BBBB; 
}

li.event_color_FFA07A { /* bg  Rando urbaine */
  background-color: #FFA07A; 
}
li.event_color_FFA07A div#rando-content {
  background-color: #FFC0AA; 
}

/* ACTIVATION DES MENUS ET BOUTONS EN FONCTION DE LA LARGEUR D'ECRAN */
/* ================================================================= */

@media only screen and (min-width: 800px) {
 
/* Bouton Retour Page Précédente */
/* ============================= */

/* Cacher le bouton */
  .bouton-retour {
    display: none;   
  }

/* Custom Menu Mobile */
/* ================== */

/* Cacher Bouton Menu Mobile*/
  #toggle {
    display: none !important;
  }
/* Cacher le Menu Mobile */ 
  .nav-menu-m {
    display: none !important;
  } 
} 
 
@media only screen and (max-width: 799px) {

  #branding a img {
    padding-left: 60px;
    padding-right: 55px;
    width: calc(100% - 115px);
  }

/* Bouton Retour Page Précédente */
/* ============================= */

/* Position du bouton */

  #retour-page {
/*  position: -webkit-sticky; Safari */
/*  position: sticky; */
    position: fixed;
/*  z-index:1;*/
    top: 4px;
    left:14px;
 /*   margin-left: 7px;*/
    right: 0;
  }

  .bouton-retour {
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF; /* text color */
    background-color: #E11208;
    padding: 9px 14px;
    border-radius: 6px;
    border: none;
  }

  .bouton-retour:hover {
     background-color: #000000; /* Show a solid color for older browsers */
  } 

/* Menu Mobile */
/* =========== */

/* Affichier le Menu */
  #popout {
    position: fixed;
    height: 100%;
    width: 75%; 
    background: rgb(20, 120, 20); /* Couleur du Menu non selectionné */
    background: rgba(20, 120, 20, .9);
    z-index: 200;
/*    color: white;*/
    top: 0px;
    left: -75%;
    overflow:auto;
  }
  #popout a {
    color: #FFFF00 !important; /* Couleur du Texte du Menu */
  } 
  #toggle {
    float: right;
    position: fixed;
    top: 4px;
    right: 7px;
    width: 40px;
    height: 40px;
  }

  .nav-menu-m li { 
    border-bottom:1px solid #EEEEEE; 
    padding:0px;
    width:100%;
  }
 
  .nav-menu-m li:hover { 
    background:#CCC;
  }
  /* Changing the Hover Gradient or text on Focus and Hover */
  #menu-mobile li:hover > a,
  #menu-mobile a:focus {
    background: #81f79f !important; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#81f79f, #04b45f) !important;
    background: -o-linear-gradient(#81f79f, #04b45f) !important;
/*  Safari & Chrome */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#81f79f), to(#04b45f));
    background: -webkit-linear-gradient( #81f79f, #4b45f ) !important;
    color: #000000 !important;
  }

  .nav-menu-m li a { 
    font-size: 16px;   /* Taille des caractères */
    font-weight: bold; /* en gras */
    text-decoration:none;
    width:100%;
  }

/* Menus cacher sur Smartphones et tablettes mode portrait */
/* ======================================================= */

/* Menu principal */
  #menu-haut {
    display: none !important;
  }

/* Menu Pied de page */
  #footerMenu { 
     display: none;
  }
}

/* Coins arrondis */ 

.coins-arrondis {
/*   background: #E5F2CA; */
   background: #000; 
   border: 4px double #FFFFFF;
	  -webkit-border-radius: 17px;
	  -moz-border-radius: 17px;
	  -o-border-radius: 17px;
	  border-radius: 17px;
   padding: 5px;
	  -webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  -moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
   list-style-type: none;
}

/* Supprimer la bordure autour de l'image */

.coins-arrondis img{
   border: none !important;
}

.image-no-border img{
   border: none !important;
   pointer-events: none;
   user-select: none;
}

/* Ajout de marge aux textes dans une colonne (si plusieurs paragraphes, créer un groupe et le définir pour le groupe) */

.margin-2 {
   margin-left:2% !important;	
   margin-right:2% !important;	
}

.margin-top-2 {
   margin-top: -2% !important;	
/*   margin-bottom:-2% !important; */
}

/* bannière */ 

.banniere {
   background: #E5F2CA; 
   border: 4px double #FFFFFF;
	  -webkit-border-radius: 17px;
	  -moz-border-radius: 17px;
	  -o-border-radius: 17px;
	  border-radius: 17px;
	  -webkit-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  -moz-box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
	  box-shadow: 5px 5px 12px rgba(64, 31, 31, 0.5);
   list-style-type: none;
}

/* Couleur de survol des boutons */
.wp-block-button__link:hover { 
	background-color: #CCC !important; /* gris */
}

/* RANDOTHEQUE */
/* Changer l'interval entre les randos listées */

.column-data {
   background: #E5F2CA;
/*   margin-top: -5% !important; */
/*   margin-top: -5% !important; */
}

.randotheque-20-21 {
   background: #FFDAB9;
   margin-top: -5% !important;
}

/* Changer l'espace entre les boutons */

.wp-block-button .wp-block-button__link {
	padding: 5px 5px !important;
/*	margin: 0 -5px 0 -5px !important;*/
}

.randotheque-titre {
    margin-top: -10px!important;
	margin-bottom: 30px!important;
}

.randotheque-saison {
/*    margin-top: -10px!important;*/
	margin-bottom: 70px!important;
}

.randotheque-line-spacing {
	line-height: 1.2!important;
}

.submit {
   background-color: #FF0000;
//   margin-top: -5% !important;
}

/* Pour tableau réservation réunion CA */

table.frca {
   border-width: 2px !important; 
   border-style: solid !important; 
   border-color: black !important;
   width: 100% !important;
}


/* Remove <td>'s interior cell-padding */
td.fulltd {
    padding: 0em 0em 0em 0em;
    background: #dd0;
}

/* Make the <a> fill the whole td */
td a.fulltd {
    display: block;
    width: 100%;
    height: 100%;
}

/* Let the <div> provide the clickable cell-padding */
div.fulltd {
    height:100%;
    width:100%;
    padding: 0em 0em 0em 0em;
/*    background: #dd0; */
}

td.frca { 
   padding: 0em 0em 0em 0em !important;
   margin: 0 !important;
   background: #dd0;
   border-width: 1px !important;
   border-style: solid !important; 
   border-color: black !important;
/*   width: 25% !important; */
   font-weight: bold !important;
   font-family: arial !important;
   font-size: 16px !important;
}