@charset "utf-8";

html, body  {

	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1.5;
	font-size:10.0pt;
	text-decoration: none;

}

html, body, p, li, dd, dt {

font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
line-height: 1.5;
text-decoration: none;
}

body {
text-decoration: none;
background-repeat:repeat-y;
font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
background-position:center center;
}


b
{
font-size:15px;
font-weight:bold;
}
p  { line-height: 100%; }


h2

	{margin-top:0cm;

	margin-right:0cm;

	margin-bottom:0cm;

	text-autospace:none;

	font-size:10.0pt;

	font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;

	line-height: 80%;
	font-weight: bold;

	}

.titrenoirptl
{
background-color: transparent ;
font-family: 'Conv_Gotham Book Regular';
src: url("../fonts/Gotham Book Regular.eot");
text-decoration: none;
color: #800000; 
font-weight:normal;
font-size:8.0pt;
text-align: justify;

}

.titrenoir
{
	background-color: transparent ;

font-family: 'Conv_Gotham Book Regular';
src: url("../fonts/Gotham Book Regular.eot");
text-decoration: none;
color: #800000; 
font-weight:bold;
font-size:8.0pt;
text-align: justify;

}
.titrenoirb
{
	background-color: transparent ;

font-family: 'Conv_Gotham Book Regular';
src: url("../fonts/Gotham Book Regular.eot");
text-decoration: none;
color: #800000; 
font-weight: bold;
font-size:10.0pt;
text-align: justify;

}

a,a:active  {

color: #004080; 
background-color: transparent ;
font-family: 'Arial';
src: url("../fonts/Gotham Book Regular.eot");
src: local('☺'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
font-size:13pt;
text-align: justify;
}


div#bloc1 {

      	width: 750px;
      	height: 550px;
      	overflow: auto;
      	border: 0px solid #000;
      }

 p.MsoNormal, li.MsoNormal, div.MsoNormal

	{margin:0cm;
	font-family:"Tahoma";
	line-height: 150%;
	}

p.Style2, li.Style2, div.Style2

	{mso-style-name:"Style 2";
	margin:0cm;
	margin-bottom:.0001pt;
	text-autospace:none;
	font-size:13.0pt;
	font-family:"Tahoma","serif";
	}

p.Style1, li.Style1, div.Style1

	{margin:0cm;

	font-size:13.0pt;

	font-family:"Tahoma";}



.right { text-align: right; } 



table.gridtable {

       font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;

       font-size:12px;

       color:#333333;

       border-width: 1px;

       border-color: #666666;

       border-collapse: collapse;

}

table.gridtable th {

       border-width: 1px;

       padding: 0px;

	   text-align : center;

       border-style: solid;

       border-color: #666666;

       background-color: #dedede;

}

table.gridtable td {

       border-width: 1px;

       padding: 0px;

       border-style: solid;

       border-color: #666666;

       background-color: #ffffff;

}

.highlight {
      background-color: #00ff00;
	  word-wrap: break-word;
    }
    .current {
      background-color: #ffff00 !important;
    }
    #barre-recherche {
      position: fixed;
      top: 0;
      background-color: white;
      z-index: 999;
      width: 100%;
	  }












.animated-button1 {
  background: linear-gradient(-30deg, #800000 50%, #800000 50%);
  padding: 5px 10px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
  font-weight:bold;
  letter-spacing: 0.5px;
  text-align: center;
  #text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
}

.animated-button1::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad8585;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .1s opacity ease-in-out;
}

.animated-button1:hover::before {
  opacity: 0.2;
}

.animated-button1 span {
  position: absolute;
}

.animated-button1 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#79ff79));
  background: linear-gradient(to left, rgba(03, 8, 8, 0), #79ff79);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#ffff00));
  background: linear-gradient(to top, rgba(43, 8, 8, 0), #ffff00);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626));
  background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}
/* Style du bouton avec bord arrondi */
.bouton-cercle {
	display: inline-block;
	padding: 2px 2px;
	border-radius: 25px;
	
	color: #004080;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	cursor: pointer;
	width:100px;
	border: 2px solid #004080;
	font-weight:bold;

}