/* CSS de personnalisation - RRS 10/2023 */

/* Positionnement du MENU  */

.container {
margin-top: -10px;
}
.rstpl-main-menu-position {
margin-top: -75px;
}
.rstpl-main-menu-full-width-position {
margin-top: -84px;
}
/* Boutons */
.btn-secondary {
	/*! padding: 15px 30px; */
	font-size: 1em;
	color: black;
	background: linear-gradient(#fff,#ccc)
}
.rstpl-left-box .current a, .rstpl-right-box .current a, .rstpl-left-box .menu a:hover, .rstpl-right-box .menu a:hover, .rstpl-left-box.background-primary .current a, .rstpl-right-box.background-primary .current a, .rstpl-left-box.background-primary .menu a:hover, .rstpl-right-box.background-primary .menu a:hover {
	background-color: #ffcc66;
	color: #6633cc;
}

.rstpl-articles_categoryencadrejaune {
 border-radius: 25px;
  border: 2px solid #ffcc66;
   padding: 20px 20px 10px;  
    }

/* CSS table PLOTALOT - RRS 11/2023 */

.google-visualization-table-table {
font-family: 'ABeeZee', sans-serif;
}

/* CSS de personnalisation - RRS 09/2019 */

@font-face {
	font-family: 'Conv_CG22';
	src: url('fonts/CG22.eot');
	src: local('☺'), url('fonts/CG22.woff') format('woff'), url('fonts/CG22.ttf') format('truetype'), url('fonts/CG22.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*

@font-face {
    font-family: 'Maiandra GD';
    src: url('fonts/MaiandraGD-Regular.eot');
    src: url('fonts/MaiandraGD-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaiandraGD-Regular.woff2') format('woff2'),
        url('fonts/MaiandraGD-Regular.woff') format('woff'),
        url('fonts/MaiandraGD-Regular.svg#MaiandraGD-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Maiandra GD';
    src: url('MaiandraGD-DemiBold.eot');
    src: url('MaiandraGD-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('MaiandraGD-DemiBold.woff2') format('woff2'),
        url('MaiandraGD-DemiBold.woff') format('woff'),
        url('MaiandraGD-DemiBold.svg#MaiandraGD-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

*/

/* ---   FONTS   ----------------------------------- RRS

.body {
font-family: 'Maiandra GD';
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Maiandra GD";
}

*/

/* ---   CLASSES   ------------------------------------*/

.logo {
background-image: url(/images/lcdc/logo-fond.png);
font-family: 'Conv_CG22' !important;  
text-align: center;
color: #6633cc;
}

a:link, a:visited, a:hover, a:active {
  color: #6633cc;
/*  text-decoration: none;    */
}

.imagecontact img
{
width: 300px;
height: 400px;
}

/* Images Communautés  */

.imagecomm
{
margin-right: 2em;
margin-bottom: 20px;
}
.imagecomm img
{
width: 120px;
height: auto;
}
.row-fluid .imagecomm
{
    width: 50%;
}

/* Encadrement  */

.encadreinfo
{ 
  border-radius: 25px;
  border: 2px solid #dbdbdb;
  background-color: #f9f9f9;
  padding: 20px;
  box-shadow: inset 0px 0px 30px 1px rgba(255, 204, 102, 0.75);
-moz-box-shadow: inset 0px 0px 30px 1px rgba(255, 204, 102, 0.75);
-webkit-box-shadow: inset 0px 0px 30px 1px rgba(255, 204, 102, 0.75);
}
.encadreviolet
{
  border-radius: 25px;
  border: 2px solid #6633cc;
  padding: 20px 20px 10px;  
}
.encadreinfodon
{
  border-radius: 25px;
  border: 2px solid #6633cc;
  background-color: #f9f9f9;
  padding: 8px 0 3px 0;
  width: 15em; 
  font-size: 14.5px;
}
.encadreintro
{
  border-radius: 25px;
  border: 2px solid #ffcc66;
  background-color: #fdf3e3;
  padding: 10px;
}
.encadrejaune
{
  border-radius: 25px;
  border: 2px solid #ffcc66;
  padding: 20px 20px 10px;  
     }

.encadrerouge
{
  border-radius: 25px;
  border: 2px solid #8d281e;
     padding: 20px 20px 10px;
}
.encadrerouge .link
{
  color: #8d281e;
 }


/* Sommaire des livres  */

.sommairelivre
{
  border-radius: 25px;
  border: 2px solid #dbdbdb;
  background-color: #f9f9f9;
  padding: 9px 11px 0 12px;
  margin-left: auto;
  margin-right: auto;
  width: 20em;
}

/* Colonne gauche de la page Accueil    --> à activer si Nouveauté livre 

.rstpl-left-box
{
margin-bottom: 0;
}
*/

/* Blog  */
/*  RS - 27/10/2020
.blog img
{
width: 200px;
height: auto;
}
*/

/*  Bloc ou image centrés  */
.centre
{
    margin-left: auto;
    margin-right: auto;
    width: 10em;
}

/*  Cadrage à droite  */
.droite
{
    float:right;
    margin-left: 60px;
    margin-bottom: 9px;
}

/*  Cadrage à gauche  */
.gauche
{
    float:left;
    margin-right: 60px;
    margin-bottom: 9px;
}


/*  Quotes  */
.rrs1 {
  margin-left: 133px;
  margin-right: 133px;
  border-left: 5px solid #CCC;
  padding-left: 8px;
}

.rrs{
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: .5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
}

.rrs:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}

/*  Contact téléphone  (Contact Enhanced)  */
.contact-telephone {
  margin-left: 10px;
}

/*  Interligne de la liste des articles  */
.mod-articles-category-title
{
    line-height: 33px;
}

/*  Interligne de la liste des programmes  */
.contact-misc li
{
    line-height: 33px;
}

/*  Interligne de la liste des liens  */
.row-fluid li
{
    line-height: 28px;
}

/*  Bouton d'inscription  */
.btn-primary {
  background-image: linear-gradient(to bottom,#63c,#309);
}


/* Changement d'image avec loupe si passage souris */

.container1 {
  position: relative;
  width: 100%;
}

.container2 {
  position: relative;
  width: 100%;
}

.container3 {
  position: relative;
  width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container1:hover .image {
  opacity: 0.6;
}

.container1:hover .middle {
  opacity: 1;
}

.container2:hover .image {
  opacity: 0.6;
}

.container2:hover .middle {
  opacity: 1;
}

.container3:hover .image {
  opacity: 0.6;
}

.container3:hover .middle {
  opacity: 1;
}