/* Créé par Alain MILONE */

/*Styles récupérés dans les ficheirs générés par TOWeb */
.alert a{
	color:#003399
}
			
.ta-left{
	text-align:left
}

			
.ta-center{
	text-align:center
}
			
.ta-justify{
	text-align:justify
}
			
.ta-right{
	text-align:right
}
			
.float-l{
	float:left
}

.float-r{
	float:right
}
	
.float-lpad{
	float:left;
	padding-right:1.5em;
}
			
.float-rpad{
	float:right;
	padding-left:1.5em;
}

.row-fluid .span10 {
	width: 98%;
}

#map { height: 800px; }



#post-it, #post-it2 {
   border-collapse: separate;	
	display: block;
	position: relative;
 	background: -webkit-gradient(linear, left bottom, left top, from(#E5CF33), to(#FAE139));
   background: -moz-linear-gradient(bottom,  #E5CF33,  #FAE139);
	border-radius: 0.8em;
   -moz-border-radius: 0.8em;
   -webkit-border-radius: 0.8em;
	transform:rotate(-10deg); 
   -ms-transform:rotate(-10deg); /* Internet Explorer */
   -moz-transform:rotate-10deg); /* Firefox */
   -webkit-transform:rotate(-10deg); /* Safari et Chrome */ 
   -o-transform:rotate(-10deg); /* Opera */
}

#post-it {
   width: 90%;
   height: auto;
   margin-left: 0.7em;
}

#post-it2 {
   width: 90%;
   height: auto;
   padding : 0 1em 1em 1em;
}

#post-it:before, #post-it2:before{
   content: "";
   position: absolute;
   right: 0px;
   border-color: #D7E4EA #D7E4EA #E5CF33 #E5CF33;
   border-style: solid;
   border-width: 0 1.5em 1.5em 1.5em;
   height: 0px;
   width: 0px;
   display: block;
   -moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 0pt 0pt 0pt 5px;
}

#post-it-box {
	width:230px;
	height:130px;
	z-index:1;
	margin-top:-180px;
	position:absolute;			
}


.quote-container {
    width:230px;
	height:120px;
	z-index:1;
	margin-top:-350px;
	margin-left:-20px;
	position:absolute;	
}

.note {
  color: #333;
  position: relative;
  width: 90%;
  margin: 0 auto; 
  padding: 20px; 
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}

.note .author {
  display: block;
  margin: 40px 0 0 0;
  text-align: right;
}

.yellow {
  background: #eae672;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 1;
}

.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';

  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}










	
/* Autres spécifications */

a.Lien {
    color: #012C86;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    text-decoration: none;
}

/* propriétés rajoutées */

/* DIFFERENTS TYPES DE LIENS */
.LienBlanc       {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

.LienBlanc:hover {
	background:#FFFFFF;
	color:#012C86;
}

.LienBleu        {
	color:#001D80 !important;
	font-weight:bold;
	text-decoration:underline;
}

.LienBleu:hover  {
	background:  #7FC6BC  /*#001D80;*/
	color:#E4FCFF;
	text-decoration:none;
} 

.LienBleuP {
	color:#00496C;
	font-weight:normal;
}

.LienBleuP:hover   {
	background:#00496C;
	color:#A2D5E6;
	text-decoration:none;
}

a.LienGris        {
	color:#515151;
	font-family:Verdana,Arial,Helvetica;
	text-decoration:underline;
}

a.LienGris:hover  {
	background:#606060;
	color:#FFFFFF;
	text-decoration:none
}

.LienRouge       {
	color:#FF0000;
	font-family:Verdana,Arial,Helvetica;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.LienRouge:hover {
	background:#FF0000;
	color:#FFFFFF;
	text-decoration:none;
}


.lienbouton {
	text-align:right;
}

	
/* AUTRES */

#logo-bas {
	font-size: 13px;
    color: hsl(0,0%,37%);
    font-style: italic;
	text-shadow: 2px 4px 3px hsla(0,0%,0%,0.3);
	padding-left:20px ;
}

.kakemono{
	width:95%;
	margin:auto;
}


.CadreResp    {
	border-color:#62999F;
	border-radius:4px;
	border-style:solid;
	border-width:1px;
	padding:2px 2px 2px 2px;
	background-color:#EEFFEF;
	margin-left:auto;
	margin-right:auto;
	width:95%;
}

.TitreResp {
	background:#C5E7EE;
	color:#002644;
	text-align:center;
	font-weight:bold
}

.NomQuidam   {
	color:#012C86;
	font-family:Verdana,Arial,Helvetica;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

a.NomQuidam {
	color:#012C86;
	font-family:Verdana,Arial,Helvetica;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

a.NomQuidam:hover   {
	background:#012C86;
	color:#FCFFE0;
	text-decoration:none
}

.texte {
	color:hsl(239,100%,20%);
	text-align:justify;
	margin-left:30px;
	padding-right:20px;
	font-size:0.8em;
}

.ptext2{
	color:hsl(239,100%,20%);
	text-align:justify;
	padding-left:20px; 
	padding-right:15px;
	font-size:1em !important;
}

.ptext3{
	font-style:normal;
	text-align:justify;
	padding-left:10px; 
	padding-right:10px;
	color: black;
	font-size:0.8em;
}

.ptext4{
	font-style:normal;
	text-align:center;
	padding-left:10px; 
	padding-right:10px;
	font-size:0.8em;
}

.ptext5{
	color:#012C86;
	font-family:Verdana,Arial,Helvetica;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

.petittexte{
	font-style:italic;
	text-align:center;
	padding-left:10px; 
	padding-right:10px;
	font-size:0.8em;
	line-height : 20px;
}

.imgqr {
	border:0;
	width:70px;
	margin-bottom:15px;
}


.masignature {
	margin:12px;
	text-align: right;
	font-style:italic;
	font-size:0.8em;
}

.tw-para .ptext{
	color:hsl(239,100%,20%);
	text-align:center;
}

.tw-para.twps-panel a:not(.btn) .tw-paraombre.twps-panel a:not(.btn){
	color:#00000C;
}

.tw-paraombre.twps-panel {
	padding:10px;
	box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
	margin-left:5px;
	margin-right:15px;
}

.tw-paramenu.twps-panel{
	box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
}

.maximaphilieimg {
	text-align:left;
	background-image: url(../images/imagesgen/Fond_Maxima_Jeunesse.gif); 
	background-repeat:no-repeat;
}
.maximaphilietxt {
	padding:20px 20px 20px 200px;
	text-align:justify;
}


/* Pour le bouton vers le haut */
.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:570px;
	right:-55px;
	display:none;
	background: url('../images/imagesgen/fleche.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}


#menusecondaire{
	box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
	background:none;
	background-color:#6B0000;
	background-image:linear-gradient(to bottom,hsl(0,100%,40%) 0,hsl(0,100%,21%) 100%);
	font-weight:bold;
	padding-top:25px;
	padding-right:5px;
	padding-left:15px; 
	margin-top:8px;
	margin-bottom:16px;
	border-radius:6px 6px 6px 6px;
}

#menusecondaire > li > a, #menusecondaire .dropdown-toggle{
	color:hsl(0,0%,100%);
}


#menusecondaire  .active > a{
	box-shadow:none;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	border-radius:6px 6px 6px 6px;
	color:hsl(0,100%,30%);
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:5px;
	background:none;
	background-color:#DEDEDE;
	background-image:linear-gradient(to bottom,hsl(0,0%,100%) 0,hsl(0,0%,87%) 100%);
}

#menusecondaire > li > a:hover, #menusecondaire .dropdown-toggle:hover, #menusecondaire li.dropdown.open>.dropdown-toggle{
	color:hsl(0,100%,30%);
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	border-radius:6px 6px 6px 6px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:5px;
	background:none;
	background-color:hsl(0,0%,100%);
}

#menusecondaire{
	box-shadow:none;
}

#menusecondaire ul.nav li.dropdown:hover > ul.dropdown-menu {
	margin:0;
	display: block;
}

#menusecondaire > li > a, #mainmenu .dropdown-toggle{
	color:hsl(0,0%,100%);
}



hr { 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

.panneauannonce {
	background-color:#D1DEDC;
	border-radius:6px 6px 6px 6px;
}

.panneaumodeprive {
	background-color:#E7EA23;
	border-radius:6px 6px 6px 6px;
	width:90%;
	margin-left:auto;
	margin-right: auto;
}

/*STYLES DES PANNEAUX DE LA PAGE D'ACCUEIL */

.panneauvisiteurs {
	padding:4px 12px;
	margin-bottom: 0; 
	margin-right: 4px; 
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
}

.panneaufooter{
	border-radius:6px 6px 6px 6px;
	background-color:#D1DEDC;
}

/*   STYLES UTILISES POUR LES CADRES DE LA PAGE FAIRE-FART DECES */
.cadre_fpd{
	background:#C5C0C5;
	border:#555555 1px solid;
	margin:12px 24px 12px 24px;
	padding:6px;
	text-align:left;
}

.titre_fpd{
	color:#FFFFFF;
	background:#737373;
	border:#000000 1px solid;
	font-weight:bold;
	text-align:left;
	font-size:14px;
}

.container_fpd{
	background:#E0E0E0;
	color:#4D4D4D;
	border:#747474 1px solid;
	margin:1px;
	padding:12px;
	text-align:justify;
	min-height : 120px;
}

/*   STYLES UTILISES POUR LE PAGINATEUR DE BAS DE PAGE */
.mapagination a {
    background: #fff;
    border: 1px solid #06c;
    color: #06c;
    margin: 2px;
    padding: .2em .4em;
    text-decoration: none;
	font: Arial, Helvetica, sans-serif;
}

.mapagination span.active {
    background: #f4ebff;
    border: 1px solid #bd88fe;
    color: #bd88fe;
    font-weight: 700;
    margin: 2px;
    padding: .2em .4em;
}

.monbouton {
	background-color: transparent;
	font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	cursor: pointer;
	-webkit-appearance: button;
	border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	box-sizing: border-box;
	color: buttontext;
	align-items: flex-start;
    text-align: center;
	display: inline-block;

}


/*   STYLES UTILISES POUR LES CADRES DE LA PAGE ACCUEIL */
.cadreaccueilbleu {
	border: blue 4px solid;
	background: #EAF4F5;
    padding: 12px;
    text-align: center;
}

.cadreaccueilrouge {
	border: red 4px solid;
	background: #EAF4F5;
    padding: 12px;
    text-align: center;
}

.cadreaccueilorange{
	border: orange 4px solid;
	background: #EAF4F5;
    padding: 12px;
    text-align: center;
}

.cadreaccueilvert {
	border: green 4px solid;
	background: #EAF4F5;
    padding: 12px;
    text-align: center;
}

.cadreaccueiljaune {
	border: yellow 4px solid;
	background: #EAF4F5;
    padding: 12px;
    text-align: center;
}

.cadreaccueilnoir {
	border: dimgrey 4px solid;
	background: #DCDCDC;
    padding: 12px;
    text-align: center;
}

.cadreaccueilviolet {
	border: blueviolet 4px solid;
	background: #DCDCDC;
    padding: 12px;
    text-align: center;
}


.tableauExpo {
    background: #EFFFF3;
    border: #80C7DC solid 1px;
    margin: 0px 12px 12px 12px;
	text-align : center;
	border: 0;
	padding : 0;
	border-spacing: 0 ;
	border-collapse : collapse;
}

.titreExpo {
    background: #FFC78F;
    color: #4B2900;
    font-size: 12px;
    font-weight: bold;
	text-align : center;
	height: 24px;
	vertical-align :middle;
	width:100%;
}

.dateExpo {
    color: #880000;
    font-size: 11px;
    padding-right: 8px;
    width: 80px;
}

.villeExpo {
    border-bottom: #B4DAFF solid 1px;
    color: #6A0000;
    font-size: 12px;
}

.texteCadre {
	text-align: justify;
	padding:15px;
}


.Agenda {
    color: white;
    font-size: 13px;
    font-weight: bold;
	border-bottom: 0 !important;
	text-align:left;
	padding-left:10px;
}

.LegendeAgenda {
    background: #160091;
    font-weight: bold;
    padding: 4px;
    z-index: 2;
   
}



.malogo {
	border:0;
	width:100%;
	min-width:100px;
	height:100%;
}

.mavideo {
  max-width: 100%    !important;
  height: auto   !important;
}

.cadre-youtube,#googlestreetview {
	position: relative;
	padding-bottom: 62%; /* 16:9 */
	padding-top: 2em;
	height: 0;
}

#googlestreetview {
   width: 95%;
   /*	padding-left : 4em;*/
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.layout-item-1, .layout-item-3  {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1D2630; 
  background: #EFF6F7;    
  padding: 0.8em;
  border-radius: 1.5em;  
  margin:1em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
 .layout-decede  {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1D2630; 
  background: #D7DAE0;   
  padding: 0.8em;
  border-radius: 1.5em;  
  margin:1em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
.layout-item-2, .layout-item-4, .layout-item-5{
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1B232D; 
  background: #E9FBFD;		
  padding: 0.8em;
  border-radius: 1.5em; 
  margin: 1em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
 .layout-item-6  {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1D2630; 
  background: #EFF6F7;    
  padding: 0.4em;
  border-radius: 1.5em;  
  margin:0.2em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
  .layout-decede2  {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1D2630; 
  background: LightGray;
  border-style: solid;
  border-color: black;
  border-width: 5px;
  padding: 0.4em;
  border-radius: 1.5em;  
  margin:0.2em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
  .layout-item-7 {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1B232D; 
  background: #E9FBFD;		   
  padding: 0.5em;
  border-radius: 1.5em;  
  margin:0.2em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
   .layout-invisible  {
  border-right-style:solid;
  border-bottom-style:solid;
  border-right-width:2px;
  border-bottom-width:2px;
  border-right-color:#CFD8E2;
  border-bottom-color:#CFD8E2; 
  color: #1D2630; 
  background: LightSalmon;
  border-style: solid;
  border-color: black;
  border-width: 5px;
  border-color: red;
  padding: 0.4em;
  border-radius: 1.5em;  
  margin:0.2em;
  box-shadow:2px 2px 20px 0 hsla(0,0%,0%,0.5);
 }
 
 
 .lignetableaudocument {
	background-color:#E4F2F7;
	height:32px;
	font-size:12px;
 }
 
 .LigDepts {
    background: #CFE1E2;
    color: #012C86;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

.tableaudocuments {
	width:95%;
	align:center;
	background:#5D8291;
	border:#003F56 1px solid;
	cellpadding:4;
	cellspacing:1;
	margin-left=-20px;
}

.encadrement_formulaire {
	style="width:80%;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #002976;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:left;
	padding-left:20px;
}


.CadreEquipe{
	text-align:center;
	width:100%;
	margin-left:30px;
}

.Equipe {
	background:#DDE7FF;
	color:#002976;
	font-size:16px;
	font-weight:bold;
	padding:4px;
}

.imageTitre{
	width:  250px;     
	margin-right:20px;
	margin-left:10px;
	margin-bottom:20px;
}

.CadreNoID {
	float: right;
    background: #BFFFD2;
	border : 2px;
    border-radius: 3px 3px 3px 3px ;
    color: #3E8958;
    font-size: 10px;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    width: 30px;
}

.ligneAnnee {
	background:#DAECF2;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px 3px 12px;
	text-align:left ;
}

.listeResponsable {
	font-size:12px;
	padding:4px 6px 4px 24px;
	text-align:left ;
}

.Rubrique {
    margin-bottom: 0px;
    margin-top: 24px;
	background: #DFEFF2;
    color: #012C86;
    line-height: 16px;
}

/*  Pour les classes de juré  */
.btnRegional {
  background: #34d93f;
  background-image: -webkit-linear-gradient(top, #34d93f, #519438);
  background-image: -moz-linear-gradient(top, #34d93f, #519438);
  background-image: -ms-linear-gradient(top, #34d93f, #519438);
  background-image: -o-linear-gradient(top, #34d93f, #519438);
  background-image: linear-gradient(to bottom, #34d93f, #519438);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnNational {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}


.btnInternational {
  background: #e07338;
  background-image: -webkit-linear-gradient(top, #e07338, #c42525);
  background-image: -moz-linear-gradient(top, #e07338, #c42525);
  background-image: -ms-linear-gradient(top, #e07338, #c42525);
  background-image: -o-linear-gradient(top, #e07338, #c42525);
  background-image: linear-gradient(to bottom, #e07338, #c42525);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnSansClasse {
  background: #d0f2f1;
  background-image: -webkit-linear-gradient(top, #d0f2f1, #989da1);
  background-image: -moz-linear-gradient(top, #d0f2f1, #989da1);
  background-image: -ms-linear-gradient(top, #d0f2f1, #989da1);
  background-image: -o-linear-gradient(top, #d0f2f1, #989da1);
  background-image: linear-gradient(to bottom, #d0f2f1, #989da1);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

a.Lettre {
    background: #CDEBEE;
    color: #0060B6;
    font-family: Verdana,Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    margin-right: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
}

a.LettreSel {
    background: #C5DADD;
    border-color: #012C86;
    border-style: ridge;
    border-width: 1px;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 20px;
    font-weight: bold;
    margin-right: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
}

.BoitaID {
    border: #006300 1px solid;
    background: #FFFFCC;
    color: #004300;
    font-size: 11px;
    font-weight: bold;
    margin: 0 4px 0 4px;
    padding: 2px;
}

.ExpL2 {
    background: rgba(0, 196, 255, 0.03);
    margin: 6px 12px 6px 12px;
    padding: 4px 4px 4px 4px;
    text-align: left;
}

#sl{
	text-align:left;
}

/*   Carroussel */
div#slider {
	width: 90%;
	max-width:1200px;
	margin-top:-20px;
	overflow: hidden;
	margin-left:120px;
}

div#slider  figure{
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
	animation: 30s slidy infinite;
}

div#slider  figure img{
	width: 20%;     /*  100 % / par le nombre d'images présentées */
	height: auto;
	float: left;
}

@keyframes slidy {     /* A adapter en fonction du nombre d'images  : Ici c'est pour 5 images */
	0% { left : 0; }                     
	15% { left : 0; }
	20% { left : -100%; }
	40% { left : -100%; }
	45% { left : -200%; }
	65% { left : -200%; }
	70% { left : -300%; }
	90% { left : -300%; }
	95% { left : -400%; } 
}

/*  Spécifications pour les formulaires */
.mafieldset {
	width:100%;
	border:2px solid #002976;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.malegend {
	text-align:left;
	margin-left:15px;
	font-weight:bold;
	padding:5px;
	font-size:13px;
	line-height:20px;
	border-bottom:0;
	color:#002976;
}

.maradio1 {
	vertical-align:middle;
	margin:0px 10px 2px 10px;
}

.maradio2 {
	vertical-align:middle;
	margin:0px 15px 2px 20px;
}

.imagelogo {
	float:left;
	max-width:60%;
	margin-left:40px;
}	text-align:center;




a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}

#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}

.boutonarticle{
font-weight: bold;
text-shadow: 0 1px 0 white;
border-radius: 3px;
padding: 5px 10px;
border: 1px solid #DDD;
box-shadow:0px 0px 10px #4183C4;
-webkit-box-shadow:0px 0px 10px #4183C4;
-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:infinite;
-moz-box-shadow:0px 0px 10px #4183C4;
-moz-animation-name: bounce;
-moz-animation-duration: 1s;
-moz-animation-iteration-count:infinite;
animation-name: bounce;
animation-duration: 1s;
animation-iteration-count:infinite;
}

.bouton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.bouton:hover {
	text-decoration: none;
}
.bouton:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* blue */
.bleu {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.bleu:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.bleu:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.logo-img {
	width: 140px;
	height: 140px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 10px;
}









@media (min-width: 600px){
	#logo-bas{ display: none }
	.idPdt { text-align:left; }
}


@media (max-width: 759px){
	#logo-rt{ display: none }
	.logo-img{ width:100px !important; height:70px !important }
	/* #logo-lt{ font-size:48px !important } */
	.idPdt { text-align:right; }
	.kakemono{ display: none }
}

@media (max-width: 599px){
	.CadreEquipe { margin-left: -10px;width:90%;}
	.Equipe { margin-left:5px;}
	#logo-sl{ display: none; }
	#cartecliquable { display: none; }
	.idPdt { text-align:right; }
	.layout-item-3 { margin-left:-20px !important;}
	.layout-item-4 { margin-left:5px !important;}
	.layout-item-5 { margin-left:-5px !important;}
	.imageTitre { width: 80%;	margin-bottom:20px;}
	/*.btn { min-width:120px !important;} */
	.tw-paraombre.twps-panel { padding:5px;margin-left:8px;}
	.Agenda {text-align:center;	padding-left:0px;}
	div#slider {margin-left:auto;margin-right:auto;}
	#sl{text-align:center;}
	#post-it-box {width:230px;height:130px;z-index:1;margin-top:-10px;margin-bottom:10px;position:relative;} 
	/* .quote-container {width:200px;height:130px;z-index:1;margin-top:-300px;margin-left:50px !important;margin-bottom:50px;position:relative;} */
	.quote-container {visibility:hidden;}
	#acces-rapide { display: none; }
	.maximaphilieimg { background-image: url(../images/imagesgen/vide.gif);background-repeat:repeat;}
	.maximaphilietxt { padding:10px 25px 10px 10px;}
	.imgqr {	width:50px;}
}

@-webkit-keyframes bounce {
0%{box-shadow:0px 0px 10px #4183C4;}
50%{box-shadow:0px 0px 0px #4183C4;}
100%{box-shadow:0px 0px 10px #4183C4;}
}
@-moz-keyframes bounce {
0%{box-shadow:0px 0px 10px #4183C4;}
50%{box-shadow:0px 0px 0px #4183C4;}
100%{box-shadow:0px 0px 10px #4183C4;}
}
@keyframes bounce {
0%{box-shadow:0px 0px 10px #4183C4;}
50%{box-shadow:0px 0px 0px #4183C4;}
100%{box-shadow:0px 0px 10px #4183C4;}
}