body {
background-color : #F8F8F8;
color : #000000;
text-align : justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1,2em;
margin : 0;
padding : 0;
}
#master {
margin : auto;
width : 100%;
}
#contenu {
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;

}
#contenu2 {
text-align : center;
margin-left : 10px;
margin-right : 10px;
margin-top : 15px;
margin-bottom: 15px;
border-radius : 18px;
}
#heb {
direction: rtl;
padding: 0px;
margin: 0px;
}

h1 {
color : #FFFFFF;
background-image : linear-gradient(to right, #4A4A4A, #D1D1D1);
height : auto;
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 250%;
font-weight : bold;
text-align : center;
text-shadow: 1px 1px 4px #262626;
line-height : 120%;
padding : 8px;
border-radius : 6px;
box-shadow : 5px 12px 29px 1px #808080;
}
h2 {
color : #0E6481;
font-family: Times new Roman,cursive;
text-align : center;
font-size : 20px xx-large;
font-weight : normal;

}
h3  {
width : 98%;
font-size : 200%;
 color: #FFFFFF;
 background-color: #3CBFAC;
 line-height : 110%;
 padding-bottom: 15px;
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
 border-radius : 6px;
 text-shadow: 0 2px 2px #000000;
}
.liste {
  line-height: 26px;
  font-weight: bold;
  direction: ltr;

}
#menu {
background-color : #eff5f5;
font-family : Arial;
color : #000000;
font-size : 8pt;
}

a {
color : #0A9E9E;
 text-decoration: none;

}
a:visited {
color : #085461;

}
a:hover {
color : #FFFEF0;
background-color : #301B07;
text-decoration: none;
}

a:active {
 color: #BBBBBB;
}

a:active, a:focus {
   background-color: #999999;
  color: white;
  text-decoration: none;
}

.imageg {
float : left;
display: block;
margin-top: 8px;
margin-right: 20px;
margin-bottom: 5px;
font-family : Arial;
color : #666666;
font-size : 9pt;
text-align: center;
}
.imaged {
float : right;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 5px;
margin-right: 10px;
font-family : Arial;
color : #666666;
font-size : 9pt;
text-align: center;

}
.imagec {
background-position: center;
margin-top: 0px;
margin-bottom: 0px;
font-family : Arial;
color : #666666;
font-size : 9pt;
}
h4 {
background-color: #DFF4FF;
color : #000000;
font-size: 120%;
font-family : Verdana;
font-weight : normal;
margin-bottom: 2px;
margin-top: 2px;
}
h5 {
color : #990000;
font-size : 1.1em;
font-family : Verdana;
font-weight : bold;
text-align: justify;
margin-bottom: 2px;
margin-top: 0px;

}
h6  {
color : #CC0033;
font-size : 12px;
font-family : Verdana;
font-weight : normal;
text-align: center;
}
#blocontenant {
float : left;
width : 100%;
margin-left: 0;
margin-right:0;
}
hr {
color : #94a3b4;
width : 100%;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
#nav{
margin:0 auto;/*centrage marges automatiques*/
padding:5px 0;
text-align:center;/*centre les inline qu'il contient*/
}
#nav li{
display:inline;/*de list-item à inline*/
 }
ul li{
 font-size:1.1em;
 }
#nav a{
display:inline-block;
	margin-left:5px;
	padding: 5px 10px;
	text-decoration:none;

}

li a {
  display: block;
  background-color: #50F7EC;
  color: #000;
  padding: 26px 30px;
  text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
  background-color: #555;
  color: white;
}
ul li:last-child {
border: none 0; /* Annule toutes les bordures pour le dernier li */
 border-radius : 8px;
}
.frame {
float : left;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 16px;
font-family : Arial;
color : #660000;
font-size : 9pt;
text-align: center;
}
iframe {
border-radius : 10px;

}
table {
width : 98%;
text-align : center;
background-color : #FFFFFF;
border-right : #CCCCCC solid thin;
border-bottom : #CCCCCC solid thin;
border-color : #CCCCCC;
line-height: 120%;
margin-bottom : 5px;
border-radius : 12px;
box-shadow: 3px 3px 9px #CCCCCC;

}

td {
color : #000000;
text-align : justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.9em;
padding-left : 10px;
padding-right : 10px;

}
video {
width : auto;
height : auto;
border-radius : 8px;
}
.soustitre {
color : #CC3300;
font-size : 1.2em;
font-family : Arial, Verdana, sans-serif;
font-weight : bold;
text-align : justify;
margin: 0px;
padding: 0px;
}
.titre1  {
 color : #0099CC;
font-size : 1.2em;
font-family : Arial, Verdana, sans-serif;
font-weight : bold;
text-align : justify;
margin: 0px;
padding: 0px;
}
.titre2  {
 color : #666666;
font-size : 1.2em;
font-family : Arial, Verdana, sans-serif;
font-weight : bold;
text-align : justify;
margin: 0px;
padding: 0px;
}
.bouton {
width: auto;
padding: 6px;
float: left;
 cursor:pointer;
  border-radius: 10px;
  text-align : center;
  border: #109DE8 solid thin;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.bouton:hover {
  background-color: #404040; /* Green */
  color: #FFFFFF;
}
