p
{
    color: black;
	font-size: 14px;
	font-family: Arial, Verdana, serif;
}
h1
{
	color: navy;
	font-size: 28px;
	font-family: Arial, Verdana, Trebuchet MS;
	position: absolute;
	top: 20px;
	left: 100px;
}
ul
{
	color: black;
	font-size: 12 px;
	font-family: Arial, Verdana, Trebuchet MS;
}
em
{
	color: navy;
	font-style: bold;
	font-family: Arial, Verdana, Trebuchet MS;
		
}
.imageflottante
{
    float: left;
}
.dessous
{
   clear: both;
}
h2
{
	color: rgb(255,255,255);
	font-size: 18px;
	font-family: Arial, Verdana, Trebuchet MS;
	font-style: bold;
	
}
h3
{
	color: rgb(9,38,247);
	text-align: center;
	font-size: 22px;
	font-family: Arial, Verdana;
	font-style: normal;
	*/width: 600px;
	*/height: 55px;
	*/border: 4px rgb(48,107,143) groove;
	*/box-shadow: 6px 6px 0px rgb(48,107,143);
}
h4
{
	color: rgb(0,0,0);
	text-align: center;
	line-height: 200%;
	font-size: 22px;
	font-family: Arial, Verdana;
	font-style: bold;
	background-color: rgb(160,172,252);
	width: 400px;
	height: 45px;
	border: 2px rgb(0,0,0) groove;
	border-radius: 20px;
	
}
h5
{
	color: rgb(48,107,143);
	text-align: center;
	font-size: 20pt;
	font-family: Arial, Verdana, Trebuchet MS;
	font-style: italic;
}
h6
{
	color: black;
	font-size:12pt;
	font-family: Arial, Verdana, Trebuchet MS;
	line-height: 0%;
}
ol
{
	color: navy;
	font-size: 18px;
	font-family: Arial, Verdana, Trebuchet MS;
	font-style: normal;
	text-decoration: underline;
}
a /* Liens par défaut (non survolés) */
{
   text-decoration: none;
   color: navy;
   font-style: normal;
}

a:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   color: red;
   font-style: italic;
}
span.highlight
{
	background:jellow; padding:3px;
}
highlight
{
	background-color:#99ff99;
}
.align-justify
{
	text-align:justify;
}
div#gradients
{  
 Width:1000px;    
 Height:80px;
 Background-image: -webkit-linear-gradient(right top, rgb(0,0,255) 0%, rgb(255,255,255) 80%);
 Background-image:    -moz-linear-gradient(right top, rgb(0,0,255) 0%, rgb(255,255,255) 80%);
 Background-image:     -ms-linear-gradient(right top, rgb(0,0,255) 0%, rgb(255,255,255) 80%);
 Background-image:         linear-gradient(right top, rgb(0,0,255) 0%, rgb(255,255,255) 80%);
 Filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#0000FF', GradientType='1');
}
strong
{
	font-size: 16pt;
	color: navy;
	text-align: center;
}
nav
{
	position: absolute;
	top: 110px;
	left: 10px;
}
mark
{
	color: black;
	background-color: none;
}
#centeralign
{
	text-align: left;
}
textarea
 {
  border: 1px solid #888;
  margin:0;
  padding:0;
  font-family: tahoma;
  font-size: 12px;
}

div#colonne1 
{
    position: absolute;
	top: 250px;
	left: 10px;
    width: 290px;
	height: 600px;
    margin-right: 5px;
    background: #c0c0c0;
}
div#colonne2 
{
    position: absolute;
	top: 130px;
	left: 305px;
    width: 685px;
	height: 800px;
    margin-left: 0px;
    background: #ffffff;
}
input 
{ 
	color: #781351; 
	background: #fee3ad; 
	border: 1px solid #781351; 
}
.centrage 
{
	text-align: center;
}     
.rouge
{
	color: red;
 }          
div#container 
.forme1 li {    
	display:inline;    
	list-style:none;    
	margin-right:10px;
} 
div#container 
.forme1 li a {    
	background:#fff;    
	border: 1px solid #ccc;    
	padding:3px 10px;
	border-radius: 15px;
} 
div#container 
.forme1 li a:hover {    
	background:#5d9ddd;    
	border:1px solid #2a7ecd;    
	color:#fff; 
	border-radius: 15px;
}
span.right {
 position: absolute;
 right: 7px;
}
@-webkit-keyframes blink {   
  from { opacity: 1.0; } 
  to { opacity: 0.0; } 
} 
blink { 
  -webkit-animation-name: blink;   
  -webkit-animation-iteration-count: infinite;   
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); 
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: yes;  
} 
button#assistance {  
	color: #fff;
	padding: 5px 5px;	
	background-color: #99282c;
	font-family: Arial;
    font-size:20px;		
	font-weight: bold;
	border-radius:7px;
}
button#assistance:hover{
	box-shadow: inset 0 10px 20px -9px black;
}
#emboss {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.engrave{
	color: #fff;
	background: #99282c;
	text-shadow: 2px 2px 2px #003366;
}
.button_aa {
  display: inline-block;
  padding: 15px 30px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #ff0000;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button_aa:hover {background-color: #ffb3b3}

.button_aa:active {
  background-color: #ffb3b3;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.button_ad {
  display: inline-block;
  padding: 15px 30px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #ff8000;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button_ad:hover {background-color: #ffc6b3}

.button_ad:active {
  background-color: #ffc6b3;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.button_tv {
  display: inline-block;
  padding: 15px 30px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #3399ff;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button_tv:hover {background-color: #b3d9ff}

.button_tv:active {
  background-color: #b3d9ff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}