/*  ---------  CSS generated for skin6-guppy-03 ----------- */



body {



	letter-spacing: 0.1em !important;



}



.T0entrow0 {



	padding: 10px;



	/*background-color: #0F056B;*/



    /*background-color: #ffffff !important;*/



   



}



.T0entrow3 {



	padding: 10px 25px;



}



.T0entrow6 {



	display: none;



}



div.quote span.labelcita {



	display: none;



}







/*by admin no border */



#TopBoxes { /* area between header and main area */



    padding: 0 30px;



    color: inherit;



    max-width: 100% !important;



    background-color: transparent;



    border-style: none;



    border-radius: 0px;



    background: transparent ;



}







/* by admin div bande menu full*/







div.col-md-12.mx-0.px-2.wcol3T04



 {



  background-color: #a9eafe !important;



  min-height: 54px;



  max-height: 54px;



}







.tbl.DDH2831 {/*transparence menu*/



	background-color: transparent;



	width: 100%;



	font:  16px Arial, Helvetica, sans-serif;







}







.navbar-nav { /*remonte le menu - ajustement menu verticalement*/



  margin-top:-7px; }



  



#navbarDDH2831{



   z-index:99 !important;}











#MainContent {



	margin: 50px auto;



  /*by admin no bordure*/  



  border-style: none !important;



    margin: 4px 0;



    padding: 10px !important;



    max-width: 100%; /*1400px !important;*/



    border-width: 0px;



    /*border-style: solid;*/



    border-color: #fff;



    border-radius: 4px;



    background-color: rgba(255,255,255, 1);



    background: rgba(255,255,255, 1);



  /*fin admin*/



}







/*by admin 3bouton navigation*/







#paranav {



  position: fixed;



  top: 40px; /*45%;*/



  right: 12px;



  list-style: none;



  z-index: 999;



}



#paranav li {



  margin: 0 0 15px;



}



#paranav li a {



  display: block;



  width: 15px;



  height: 15px;



  border-radius: 10px;



  background-color: #FFFF00;



  border: solid 2px #73C2FB;



}











.navbar.ddl .dropdown-menu > div, .navbar.ddl .dropdown-menu > div p {



	font-size: 1.8rem;



}



.tbl.DDL69 {



	background-color: transparent;



}



.navbar.ddl.DDL69 {



	max-width: 760px;



	margin: auto;



}



.navbar.ddh.DDH74 {



	max-width: 640px;



	margin: auto;



}



.tbl.DDH74 {



	background-color: transparent;



}



.DDH74 ul.dropdown-menu {



	width: 262px;



}



.nav-item.dropdown.DDH74 {



	margin: 0 !important;



}



.tbl.DDV90 {



	background-color: transparent;



}



.navbar.ddv {



	background-color: #A9EAFE !important;



	padding: 1.5rem 0 !important;



}







.dropdown-menu {



	color: #FFF !important;



	background-color: #FFFFFF!important;



	padding: 5px !important;



}



/*.titrebox, .titre {



	font-variant: small-caps;



}*/



.bord2 {



	border: 0;



}



.lisubrubr {



	line-height: 3rem;



	background-color: #CCFFFF !important;



}



.B0entrow1 {



	padding: 20px 40px !important;



}



@media screen and (min-width: 768px) and (max-width: 1080px) {



.B0entrow2 .col-md-3 {



	-ms-flex: 0 0 50%;



	flex: 0 0 50%;



	max-width: 100%;



}



}



#BottomBoxes .titre,



#BottomBoxes .tbl,



#BottomBoxes .titrebox,



#BottomBoxes .tblbox {



/*	padding: 20px 40px !important; /* enleve pour maj FB3471 ligne 840 env */



}







#calbox1L0 { /* hauteur agenda dans boite*/



  /*height: 250px !important; /*270px;*/



  width: 100%;



  border-style: none;



  font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



}















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



 * Calendrier */



#calbox1L0 .cal {



    width: 100%;



    margin: auto;



    text-align: center;



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    border: 0px;



    border-collapse: separate;



    border-radius: 0px;



    border-spacing: 0px;



    color: inherit;



    background-color: #73C2FB;



}



/*



.tblbox.CAL1L0{



  height: 250px !important; /*270px;*/



}







/*



div#L0tblbox8 {



  height: 250px !important; /*270px;*/



/*  



}



*/











tr.cal { /* calendar nav bar */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



    background-color: #73C2FB;



    text-align: center;



}



select.cal { /* mont and year selection */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



    background-color: #73C2FB;



    border: 1px solid #ffffff;



}



td.cals { /* week */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



    background-color: #73C2FB;



    width: 14%;



    text-align: center;



}



td.cal0 { /* empty cell*/



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #000000;    



    background-color: #FFFFFF;



    width: 14%;



    text-align: center;



}



td.cal1 { /* days */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #000000;



    background-color: #ffffff !important;



    width: 14%;



    text-align: center;



}



td.cal2 { /* today */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



    background-color: #73C2FB;



    border: 0;



    border-radius: 0px;



    width: 14%;



    text-align: center;



}



#calbox1L0 td.cal3 { /* sunday or special */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #000000;



    background-color: #FFFFFF;



    border-radius: 0px;



    width: 14%;



    text-align: center;



}



td.cal4 { /* today is sunday or special */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #0000FF;



    background-color: #FFFFFF;



    border: 0;



    border-radius: 0px;



    width: 14%;



    text-align: center;



}



td.calevt { /* planner event */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



    background-color: #03224C;



    text-align: center;



    width: 14%;



}



td.calevt a { /* link of planner event */



    font:  11px Verdana, "Bitstream Vera Sans", sans-serif;



    color: #FFFFFF;



}



.calsel select { margin: -8px 0 -8px !important; }



.leftNavCalW a.btn, .rightNavCalW a.btn, .cal3BlogW a.btn {



    border: 0;



    border-radius: 0px;



}



.leftNavCalW i, .rightNavCalW i, .cal3BlogW i {



    vertical-align: middle;



    font-size: 2.6rem;



    color: #000000;



}



.midNavCalW { vertical-align: middle !important; }



.mnthyearCalW { max-height: 22px; margin: -3px 0; }



.selYearCal { width: 72px; }



.selMonthCal { width: 98px; }



.mnthyearBtnCal { max-height: 22px; margin-top: 4px; }



.calagd { color: #000000; }



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











/* Espace item menus */



.navbar.ddl a.navbar-brand, .navbar.ddh a.navbar-brand, .navbar ul.navbar-nav a.nav-link, .nav-link, .navbar-bar {



    margin-left: 20px;



}











.last_news_red_lite {



    border-width: 1px;



	border-style: solid;



    border-color: #ff0000;



	padding: 3px 5px 0px 5px;



	margin: 0px;



	color: #000;



}







.last_news_red {



    border-width: 1.5px;



	border-style: solid;



    border-color: #ff0000;



	padding: 5px 10px 5px 12px;



	margin-left: -5px;



	color: #000;



}







.last_news {



	border: 1.5px solid #de7e97;



	padding: 5px 10px;



	color: #000;



}







.last_news2 {



	border: 1px solid #ff0000;



	padding: 5px 10px;



	color: #000;



}











.quest {



    background-color: #fff;



    padding: 5px 5px 5px 5px;



    font: 1.6rem Verdana, "Bitstream Vera Sans", sans-serif;



    color: #000;



    text-align: left;



    border-bottom: 1px solid #000;



}





/*liens*/



a {



  /*color: #007bff !important;*/

   color: #000000 !important; 



}



/*a {

    text-decoration: none;

}*/





a:hover {



   color: #721cdd !important;

 /*  text-decoration: none !important;*/

   }

   

  /*background-color: gold;*/



 /* font-weight:normal !important;*/



  /*text-decoration-color: #0000FF;*/



}





div.d-table-cell text-center {



padding-top:30px;



}





/*alignement rapide admin*/



/* divers admin */



.gauche {

	position: relative;

	float: left;

	padding-right: 15px;

}

.droite {

	position: relative;

	float: right;

	padding-left: 15px;

}





 /*2 colonnes*/



/* Create two equal columns that floats next to each other */

.column {

  float: left;

  width: 45%;

  padding: 20px;



  /*height: 300px; /* Should be removed. Only for demonstration */

}



/* Clear floats after the columns */

.row:after {

  content: "";

  width: auto;

  display: table;

  clear: both;

}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

  .column {

    width: 99%;

  }

}



/*fin 2 colonnes*/





.centrer {

text-align:center;}





/*--------two col IA ---*/



    .colcontainer {

      display: flex;

      justify-content: center; /* Centre les colonnes horizontalement */

      /*gap: 5px; /* Espace entre les colonnes */ /* remlac� apr colonnemiddle*/

      /*padding: 20px;*/

      /*margin-right: 50px;

      /*background-color: #f2f2f2;*/

    }



    .colonne99 {

      width: 99%;

      /*height: auto; /*150px;*/

     /* background-color: #dddddd;*/

      /*color: white;*/

      display: flex;

      align-items: center;

      text-align:center;

      justify-content: center;

      /*font-size: 18px;

      /*border-radius: 8px;*/

    }

    

    .colonnemiddle {

      width: 1%; /*auto; /*5%;

      /*height: auto; /*150px;*/

      /*background-color: #4CAF50;*/

      /*color: white;*/

      display: flex;

      align-items: center;

      text-align:center;

      justify-content: center;

      /*font-size: 18px;

      /*border-radius: 8px;*/

    }

    



/*--------fin two col IA ---*/



/* couleurs accordeon actu segpa*/



.card .card-header.collapsed.card-link {

   color: #000!important;

    /*font-weight: bold;*/

   background-color: #73c2fb; /*#a9eafe;*/}

   

.card .card-header.card-link {

  color: #fff!important; }

  

 

/* interlignes*/

  

.line150 {

line-height: 150%;

}  

.line180 {

line-height: 180%;

}

.line200 {

line-height: 200%;

}   



/* fin interlignes*/



/******************** image en medaillon ************************************



placer avant le texte

 

    

      



texte

*/



.article-medaillon {

      max-width: 99%; /*700px;*/

      margin: auto;

      /*font-family: Georgia, serif;

      line-height: 1.8;

      font-size: 18px;*/

      text-align: justify;

    }



.image-flottante-medaillon {

      float: left;

      shape-outside: circle(50%);

      clip-path: circle(50% at 50% 50%);

      width: 240px;

      height: 240px;

      margin: 0 20px 20px 0;

      /*padding-left: 100px;*/

     

    }



.image-flottante-medaillon img {

      width: 100%;

      height:auto; /*100%;*/

      border-radius: 50%;

    }



/*********************fin image en medaillon *********************************/ 

    

.tblbox.FB7B3471 {

	/*padding-top: -10px 0px !important;

background-color:#ff0000;}*/

}



.last_news_red_ep3 {

border: 3px solid red;
padding: 15px;
margin-left: -5px;
}