/*
 Theme Name: Twenty seventeen PSB
 Theme URI: https://www.psbenlyonnais.fr/wp-content/themes/twentyseventeen-PSB/ 
 Description: Twenty seventeen Child Theme for PSB
 Author: PSBWM
 Author URI: https://www.psbenlyonnais.fr
 Template: twentyseventeen
 Version: 2.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain: twentyseventeen-PSB
*/

/***********************/
/* Spécifique PSB Lyon */
/***********************/

.footerimage{
  vertical-align:middle;
  margin-top: 5px;
  margin-bottom: 5px;
}

.footertext{
  display:block;
  margin-top: 5px;
  font-family:arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration:none;
  color:#2B01B6;
}

.footertext2{
  display:block;
  margin-top: 5px;
  font-family:arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  color:#2B01B6;
}

.footertext3{
  display:block;
  margin-left: 10px;
  font-family:arial,sans-serif;
  font-size: 11px;
  text-decoration:none;
  color:#2B01B6;
}

.footerbord{
  display: block;
  border:2px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
}

.PSBtitre0{
  color:white;
  font: 24px/25px Verdana, serif;
  font-size: 24px;
  font-weight: bold;
}

.PSBtitre0:hover{
  color:red;
}

.PSBlyonnais {
width: 90px;
height: 110px;
position:relative;
margin-top:0em;
margin-left: 0em;
}

.PSBlyonnais:hover {
opacity: 0.25;
}

.PSBforez{
width: 90px;
height: 110px;
position:relative;
margin-top:0em;
margin-left: 0em;
}

.PSBforez:hover {
opacity: 0.25;
}

.PSBbeaujolais {
width: 90px;
height: 110px;
position:relative;
margin-top:0em;
margin-left: 0em;
}

.PSBbeaujolais:hover {
opacity: 0.25;
}

.PSBcercle {
width: 90px;
height: 90px;
border-radius: 180px;
position:relative;
margin-top:0em;
margin-left: 0em;
opacity: 1;
}

.PSBcercle0:hover {
opacity: 0.25;	
}

.PSBdeuil {
text-align: left;
position:absolute;
width: 200px;
height: 200px;
margin-top:0px;
margin-left: 0px;
}

.PSBBouton {
	background-color:#C6BAE6;
	border-radius:6px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#0C11AC;
	font-family:arial;
	font-size:12px;
	padding:6px 6px;
	text-decoration:none;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
}
	
.PSBBouton:hover {
	background: #2B01B6;
    color: #FFFFFF; 
}

.PSBBouton:active {
	position:relative;
	top:1px;
}

.saint {
  display: block;
  border:1px solid #2B01B6;
  margin-bottom: 0px;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top, #F2F1D5 0%, #E8E007 100%);
  background-image:    -moz-linear-gradient(right top, #F2F1D5 0%, #E8E007 100%);
  background-image:     -ms-linear-gradient(right top, #F2F1D5 0%, #E8E007 100%);
  background-image:      -o-linear-gradient(right top, #F2F1D5 0%, #E8E007 100%);
  background-image:         linear-gradient(right top, #F2F1D5 0%, #E8E007 100%);	
}

.sainttitre {
  display: block;
  color:#000480;
  font-family:arial,sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
 }

.saintdetail1 {
  display: block;
  color:#2B01B6;
  font-family:arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.saintdetail2 {
  display: block;
  color:#2B01B6;
  font-family:arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
 
.articlesactualites{
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px;
  background-color:#D3E5F0;
  background-image:url(https://www.psbenlyonnais.fr/wp-content/uploads/2017/04/Lys6.png); 
  background-repeat: no-repeat;
  background-position: center;   
  margin-bottom: 25px;
  }

.quisommesnous {
  margin-left: 5px;
  position: relative;   
  width: 16em;         
  overflow: hidden;    
  line-height: 2em;   
}

.articlesavoir
{
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%); 
  background-image:    -moz-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:     -ms-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:      -o-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:         linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);	
  margin-bottom: 25px;
  }

.articlesrecents {
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%); 
  background-image:    -moz-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:     -ms-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:      -o-linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);
  background-image:         linear-gradient(right top, #FFFFFF 0%, #6174F0 100%);	
  margin-bottom: 25px;
  }

.categories{
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%); 
  background-image:    -moz-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:     -ms-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:      -o-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:         linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);	
  margin-bottom: 25px;
  }

.liens{
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%); 
  background-image:    -moz-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:     -ms-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:      -o-linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);
  background-image:         linear-gradient(right top, #FFFFFF 0%, #BDBDBD 100%);	
  margin-bottom: 25px;
  }

.ressources,
.articlesactualitesculturelles{
  display: block;
  border:1px solid #2B01B6;
  border-radius: 5px 5px 5px 5px; 
  background-image: -webkit-linear-gradient(right top , rgba(250, 250, 234, 1) 0%, rgba(248, 237, 15, 1) 100%);
  background-image:    -moz-linear-gradient(right top , rgba(250, 250, 234, 1) 0%, rgba(248, 237, 15, 1) 100%);
  background-image:     -ms-linear-gradient(right top , rgba(250, 250, 234, 1) 0%, rgba(248, 237, 15, 1) 100%);
  background-image:      -o-linear-gradient(right top , rgba(250, 250, 234, 1) 0%, rgba(248, 237, 15, 1) 100%);
  background-image:         linear-gradient(right top , rgba(250, 250, 234, 1) 0%, rgba(248, 237, 15, 1) 100%);
  margin-bottom: 25px;
  }
  
.suivre{
  display: block;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 25px;
  text-align: center; 
 }

.suivre2 {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 12px;
  text-align: center;
  text-decoration:none;	
}

.ressource1 {
  margin-top: 0px;
  margin-left: 7px;
  margin-right: 2px;
  margin-bottom: 0px;
  display: block;
  text-align: center;
}

.ressource2 {
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 40px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 13px;
  text-align: center;
  text-decoration:none;	
}

.dons{
  display: block;
  border:1px solid #2B01B6;
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px; 
  margin-bottom: 25px;
  }
  
.actu {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 18px;
  text-align: left;
  text-decoration:none;	
  margin-bottom: 25px;
}
.articlesactualitesdetail,
.articlesrecentsdetail1,
.articlesavoirdetail,
.articlesactualitesculturellesdetail
 {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 14px;
  text-align: left;
  text-decoration:none;	
}

.boutontousarticles {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.lettrebox1
{
  display: block;
  color:#5A0EDD;
  font-family:arial,sans-serif;
  font-size: 14px;
  text-align: left;
  margin-top: 5px;
  text-decoration:none;
  vertical-align:middle;
}

.lettrebox2
{
  background: rgba(0,0,0,0) url(https://www.psbenlyonnais.fr/wp-content/uploads/2016/01/PSBmail.png) no-repeat scroll 0 7px !important;
  padding-left: 25px !important;
  width:165px;
}

.lettredetail
{
  display: block;
  color:#5A0EDD;
  font-family:arial,sans-serif;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration:none;
}

.videos
{
  display: block;
  color:#5A0EDD;
  font-family:arial,sans-serif;
  font-size: 14px;
  text-align: left;
  margin-top: 5px;
  text-decoration:none;
  vertical-align:middle;
}

.videos2
{
  display: block;
  color:#5A0EDD;
  font-family:arial,sans-serif;
  font-size: 11px;
  text-align: left;
  margin-top: 5px;
  text-decoration:none;
  vertical-align:middle;
}

.messageretourlettre,
.messageensavoirplus,
.donsdetail
{
  display: block;
  color:#5A0EDD;
  font-family:arial,sans-serif;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration:none;
}

.messageretourtest
{
  display: block;
  font-weight: bold;
  color:#2b01b6;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  margin-top: 5px;
  margin-left: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration:none;
}

.testhistoire {
  margin-top: 5px;
  margin-left: 20px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: block;
  color:#D1000E;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  text-decoration:none;	
}

.testquestion{
  border: medium none; 
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  text-decoration:none;	
}

.testproposition {
  padding:5px;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  text-decoration:none;
  border:none;
}

.LabelRadio {
  padding:5px;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  text-decoration:none;
  border:none;
}

.testscore {
  width:280px;
  padding:5px;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  text-decoration:none;
  border:none;
}

.testmessage {
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  text-decoration:none;
  border:none;
}

.contact
 {
  color:#281861;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
}

.recherche
 {
  color:#281861;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}

.liensdetail  {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 12px;
  text-align: left;
  text-decoration:none;	
}

.tousarticles {
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  text-decoration:none;
}

.articlesactualitesdetail a:active,
.articlesactualitesdetail a:hover,
.articlesrecentsdetail1 a:active,
.articlesrecentsdetail1 a:hover,
.articlesactualitesculturellesdetail a:active,
.articlesactualitesculturellesdetail a:hover,
.articlesavoirdetail a:active,
.articlesavoirdetail a:hover,
.categoriesdetail1 a:active,
.categoriesdetail1 a:hover,
.categoriesdetail2 a:active,
.categoriesdetail2 a:hover,
.categoriesdetail3 a:active,
.categoriesdetail3 a:hover,
.liensdetail a:active,
.liensdetail a:hover  {

    background: #2B01B6; /* Bleu fonce couleur fond sélection */
	display: block;
    color: #FFFFFF !important; /* Blanc couleur sélection */
	border:5px solid #2B01B6;
	border-radius : 10px 10px 10px 10px; 
	text-decoration: none;
}

.PSBtitre {
  display: block;
  color:#000480;
  font-family:arial,sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
  margin-top: 25px;
  text-align: center;  
}

.categoriesdetail1 {
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 13px;
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration:none;

}

.categoriesdetail2 {
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 15px;
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration:none;
}

.categoriesdetail3 {
  display: block;
  color:#2b01b6;
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 18px;
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration:none;
}

.PSBtableausynthese {
 font-family: arial,sans-serif;
 font-size: 12px;
 border: 1px solid blue;
 border-collapse:collapse;
 background-color: #F4FA58;
 color: #2b01b6;
 border-spacing: 4px;
 margin-bottom: 8px;
 }

 .PSBtableausynthese td {
 border: 1px solid blue;
 border-collapse:collapse;
 padding: 4px 4px;
 }

.PSBboutonsynthese  {
  font-family: arial,sans-serif;
  text-align: center;
  width: 100px; 
  height: 27px;
  color: #FFFFFF; 
  background-color: #4A40A4; 
  padding: 0px 0px;
  font-size: 0.775rem !important;
  border-radius: 0px !important;
  padding: 0em 0em !important; 
}

.PSBboutonsynthese:hover {
	border:3px solid red;
}

.PSBdivdrag {
    float: left;
    width: 100px;
    height: 27px;
    padding: 1px;
}

img.zoom {
text-align:center;
height:204px;
width:144px;
}

img.zoom:hover {
height:306px;
width:216px;
}

.etoile {
  color:#FFFF00;
  font-size: 10px;
}

.potdemiel {
  display: none;
}
	
.PSBwrap {
  perspective: 800px;
  perspective-origin: 50% 100px;
  text-align: left;
}

.PSBcube {
	position: relative;
	width: 140px;
	transform-style: preserve-3d;
    color:#2b01b6;
    font-weight: bold;
    font-family:arial,sans-serif;
    font-size: 14px;
	left: 40px;
    text-decoration:none;
}

.PSBcubeback {
	transform: translateZ(-80px) rotateY(180deg);
}
.PSBcuberight {
	transform: rotateY(-270deg) translateX(80px);
	transform-origin: top right;
}
.PSBcubeleft {
	transform: rotateY(270deg) translateX(-80px);
	transform-origin: center left;
}
.PSBcubefront {
	transform: translateZ(80px);
}

@keyframes spin {
	from {transform: rotateY(0); 
 }
	to {transform: rotateY(360deg);}
}
	
.PSBcube { 
   animation: spin 10s infinite linear;
}

.PSBcenter {
  text-align: center;
}

.PSBright{
  text-align: right;
}

.PSBleft{
  text-align: left;
}

.PSBcenter{
  text-align: center;
}

.PSBjustify{
  text-align: justify;
}

.PSBbig{
  font-size: 20px;
}

.PSBcolorff0000{
  color: #ff0000;
}

.PSBcolor990033{
  color: #990033;
}

.PSBclavier {
  display: block;
  width: 20px; 
  height: 400px;
}

#content input.PSBboutonclavierN, .PSBboutonclavierN  {
  font-family:arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 40px; 
  height: 40px;
  color: #FFFFFF; 
  background-color: #4A40A4; 
  padding: 0px 0px;
}

#content input.PSBboutonclavierE, .PSBboutonclavierE {
  font-family:arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 127px; 
  height: 40px;
  color: #FFFFFF; 
  background-color: #008000; 
  padding: 0px 0px;
}

 #content input.PSBboutonclavierC, .PSBboutonclavierC {
  font-family:arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 83px; 
  height: 40px;
  color: #FFFFFF; 
  background-color: #FFA500; 
  padding: 0px 0px;
}

.PSBecranclavier {
  font-family:arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  color:0 #2b01b6;
  background-color: #FFFF00; 
}

.PSBcopyright
{
  font-family:arial,sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  color:0 #2b01b6;
}

#content tr td.PSBtd {
	padding: 1px 1px;
}

.sondage {
  font-weight: bold;
  font-family:arial,sans-serif;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  text-decoration:none;
}

.sondagequestion {
  color:#FF0000;
  padding:5px;
}

.sondagetext {
  width:100px;
  padding:5px;
}

.sondagereponse {
  color:#781A89;
  padding:5px;
  display:none;
}

.PSBcentreimage {
	clear: both;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
	}

.PSBrotateM90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.PSBrotateP90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
	
/* PSB Lyon Debut fenetre modale
-------------------------------------------------------------- */

#popuplettre{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#popuplettre:target{
    display: block;
}

#popupdon{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#popupdon:target{
    display: block;
}

.popup_block{
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin: 10% auto;
    width: 40%;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
    border-color:#A9D0F5
}

img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}

/* PSB Lyon Fin fenetre modale
-------------------------------------------------------------- */

.PSB_header0{
	margin: auto 0;
	vertical-align:middle; 
	}	

/***************************/
/* Modification theme 2017 */
/***************************/

a {color: #2b01b6;
  text-decoration: none;
}

tr {border-bottom: 0px solid #eee;}

li {list-style-type: none;
    padding: 0px 2px;}

button, 
input[type="button"],
input[type="submit"]
 {
	background-color: #2b01b6;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 100;
	line-height: 1;
	padding: 0.5em 0.5em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.site-content {
	padding: 1em 0 0 ;
	}
	
#site-navigation {
	background: #FFF0F0; 
	border-radius : 10px 10px 10px 10px; 
	display: block;
	float: left;
	margin: 5px auto;
}
#site-navigation .menu-menu-container,
div.menu {
	font-size: 14px; 
	font-weight:normal; 
}
#site-navigation .menu-menu-container ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#site-navigation .menu-menu-container li,
div.menu li {
	float: left;
	position: relative;
}
#site-navigation a {
	color: #2b01b6; 
	border-radius : 10px 10px 10px 10px; 
	display: block;
	line-height: 28px;
	padding: 0 10px;
	text-decoration: none;
}
#site-navigation ul ul {
	border-radius : 10px 10px 10px 10px; 
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#site-navigation ul ul li {
	min-width: 180px;
}
#site-navigation ul ul ul {
	left: 100%;
	top: 0;
}
#site-navigation ul ul a {
	line-height: 1em;
	padding: 8px;
	width: 180px;
	height: auto;
	border-radius : 10px 10px 10px 10px; 
    color: #2b01b6;  
}
#site-navigation li:hover > a,
#site-navigation ul ul :hover > a {
	color: #FFFFF; 
	display: block;
	background: #e8e007; 
	border-radius : 10px 10px 10px 10px;
}
#site-navigation ul li:hover > ul {
    background: #eee;
	display: block;
    color: #FEFEFE;
	border-radius : 10px 10px 10px 10px;
}

body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: left;
	width: 20%;
}

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
	float: right;
	width: 80%;
}
	
label {
    color: #2b01b6;
    display: block;
    font-weight: 800;
    margin-bottom: -1.5em;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #2b01b6;
    background: #f0f7fa;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    width: 100%;
    margin-bottom: 0.2em;
    border-radius: 5px;
    display: block;
    padding: 0.2em;
}
select {
    color: #2b01b6;
    background: #f0f7fa;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    height: 3em;
    max-width: 100%;
    margin-bottom: 1.2em;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: rgb(31, 22, 97);
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.entry-title a {
    color: #2b01b6;
    text-decoration: none;
    margin-left: -2px;
}

.entry-meta a {
    color: #2b01b6;
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #e62117;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 #e62117;
}

body, button, input, select, textarea {
    color: rgb(31, 22, 97);
	font-family:arial,sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.86;
}

.entry-footer .cat-links a, .entry-footer .tags-links a {
    color: #2b01b6;
}

.nav-title {
    color: #2b01b6;
    font-size: 15px;
    font-size: 0.9375rem;
}

.entry-meta {
    color: #2b01b6;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
}

/* Pour forcer la sidebar à droite, notamment lors de l'affichage des pages avec sidebar*/

#secondary {
	float: right;
}
	
body.page-two-column:not(.archive) #primary .entry-content
{
    float: left;
    width: 100%;
}

body.page-two-column:not(.archive) #primary .entry-header
{
    float: none;
    width: 96%;
}

.wrap {
	max-width: 1300px;
	padding-left: 3em;
	padding-right: 3em;
}

.navigation-top .wrap {
	max-width: 1300px;
	/* The font size is 14px here and we need 50px padding in ems */
	padding: 0.75em 3.4166666666667em;
}
	
/**************************************************/
/* Modification Media Queries (Responsive desing) */
/**************************************************/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */

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

@media screen and (min-width: 1em) {
	
	.TableHeader {
    width: 8em;
	}
	.PSBmedaille {
    display: none;
	}

	.S20em     {display: none;}
	.S225em   {display: none;}
	.S30em     {display: none;}
	.S48em     {display: none;}
	.S50em     {display: none;}
	.S6125em {display: none;}
	.S67em     {display: none;}
}

@media screen and (min-width: 20em) {

	.TableHeader {
    width: 10em;
	}
	.PSBmedaille {
    display: none;
	}
	
	.S20em     {display: block;}
	.S225em   {display: none;}
	.S30em     {display: none;}
	.S48em     {display: none;}
	.S50em     {display: none;}
	.S6125em {display: none;}
	.S67em     {display: none;}
}

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

@media screen and (min-width: 22.5em) {
	
	.TableHeader {
    width: 11.5em;
	}
	.PSBmedaille {
    display: none;
	}

	.S20em     {display: none;}
	.S225em   {display: block;}
	.S30em     {display: none;}
	.S48em     {display: none;}
	.S50em     {display: none;}
	.S6125em {display: none;}
	.S67em     {display: none;}
}

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

@media screen and (min-width: 30em) {
		
	.TableHeader {
    width: 16em;
	}
	.PSBmedaille {
    display: block;
	}
	
	.S20em     {display: none;}
	.S225em   {display: none;}
	.S30em     {display: block;}
	.S48em     {display: none;}
	.S50em     {display: none;}
	.S6125em {display: none;}
	.S67em     {display: none;}
}

/********************************************************************************/
/* Plein écran PC */
/********************************************************************************/

@media screen and (min-width: 48em) {

	.TableHeader {
    width: 18em;
	}	

	.PSBmedaille {
    display: block;
	}

	.S20em   {display: none;}
	.S225em  {display: none;}
	.S30em   {display: none;}
	.S48em   {display: block;}
	.S50em   {display: none;}
	.S6125em {display: none;}
	.S67em   {display: none;}

	.has-sidebar #secondary {
		float: right!important;
		padding-top: 0;
		width: 28%;
	}
	
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 69%; 
	}
}

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

@media screen and ( min-width: 67em ) {

	.TableHeader {
    width: 18em;
	}
	.PSBmedaille {
    display: block;
	}
	
	.S20em   {display: none;}
	.S225em  {display: none;}
	.S30em   {display: none;}
	.S48em   {display: none;}
	.S50em   {display: none;}
	.S6125em {display: none;}
	.S67em   {display: block;}
}

/********************************************************************************/
/* footer */
/********************************************************************************/
.row {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align:middle;
	}

.col {
	display: table-cell;
	padding:0 10px;
	border: 1px solid #2B01B6;
	border-radius: 5px 5px 5px 5px;
	vertical-align:middle;
	margin-left: 2px;
	margin-right: 2px;
	}

@media (max-width: 750px) {
	.col {
		display: inline-block;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-left: 2px;
		margin-right: 2px;
       	width: 95% !important;
		padding:10px 10px 10px 10px;
		text-align: center;
		font-size:16px;
		border: 2px solid #a1a1a1;
		border-radius: 25px;
    		}
	}

/********************************************************************************/
/* Menu                                                                         */
/********************************************************************************/
.PSBroi {
    font-size: 1.1rem;
}

.rowmenu {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align:middle;
	}

.colmenu {
	display: table-cell;
	padding:10px 10px;
	border: 1px solid #2B01B6;
    border-radius: 5px 5px 5px 5px;
	vertical-align:middle;
	margin-left: 2px;
	margin-right: 2px;
    background-color:#D3E5F0;
	}

@media (max-width: 750px) {
	.colmenu {
		display: inline-block;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-left: 2px;
		margin-right: 2px;
       	width: 95% !important;
		padding:10px 10px 10px 10px;
		text-align: center;
		font-size:16px;
		border: 1px solid #2B01B6;
		border-radius: 5px 5px 5px 5px;
    	}
	}

.navigation-top a {
	color:#2B01B6;
}

.PSBmenu:hover 
{
	background:#2B01B6;
}

.PSBmenu:hover a
{
    color: #FFFFFF; 
}

.PSBmenu
{
    font-family: arial,sans-serif;
    font-size: 0.8rem;
    font-weight: 100;
    line-height: 1.2;	
	padding: 10px;
}

.colmenu:hover
{
	background:#2B01B6;
	color:#FFFFFF !important;;
}

.PSBsousmenu
{
	display:none;
	padding: 17px;
}

.PSBsousmenu a {
	color:#2B01B6 !important;;
}


.PSBsoussousmenu
{
	background: #FFFFFF;
}

#PSBmenu01:active #PSBsousmenu1,
#PSBmenu01:hover #PSBsousmenu1  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu02:hover #PSBsousmenu2  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu03:hover #PSBsousmenu3  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu04:hover #PSBsousmenu4  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu05:hover #PSBsousmenu5  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu06:hover #PSBsousmenu6  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu07:hover #PSBsousmenu7  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}

#PSBmenu08:hover #PSBsousmenu8  
{
	display: block;
	position: absolute;
	left: 0px;
    z-index:1;
}