/* Elements annexes*/
/*
body {
 font: 11px verdana, sans-serif;
 background: url('../icons/fond5.png') repeat-y #939BAE;
 margin: 0;
 padding: 0;
}
*/

#Stylebody {
	font: 11px verdana, sans-serif;
	margin: 0;
	padding: 0;
	background: #E1E1E1;
}

.Stylebody2 {
	font: 14px verdana, sans-serif;
	margin: 0;
	padding: 0;
/*	background: url("fond-c3c7d2.png") repeat-y #c3c7d2; */
	background: #f0f0f0;
}

table {
	background: white;
}

a.lien:link {
	color:	#000000;
	text-decoration: none;
}
a.lien:visited {
/*	color:	#4682B4;*/
	color:	#000000;
	text-decoration: none;
}
a.lien:hover {
	color:	#0000CD;
	text-decoration: underline;
}
a.lien:active {
	text-decoration: none;
}

a.page:link {
	color: #3B4E77;
	text-decoration: none;
	font-weight: bold;
}
a.page:visited {
	color:	#3B4E77;
	text-decoration: none;
	font-weight: bold;
}
a.page:hover {
	color:	#FF0000;
	text-decoration: none;
	font-weight: bold;
}
a.page:active {
	text-decoration: none;
	font-weight: bold;
}

th {
 background-color: #3B4E77;
}

h1 {
	color: #3B4E77;
}

h2 {
	color: #3B4E77;
}
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid #3B4E77;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #F0F8FF;
}

li {
	margin-left: 20px;
}
i {
	margin-left: 20px;
}

/* This button was generated using CSSButtonGenerator.com */
.bouton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #c3c7d2) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #c3c7d2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c3c7d2');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#222;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
/*	width:65px;*/
	text-decoration:none;
	text-align:center;
	padding: 10px;
}
.bouton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c3c7d2), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #c3c7d2 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c7d2', endColorstr='#f9f9f9');
	background-color:#c3c7d2;
}
.bouton:active {
	position:relative;
	top:1px;
}

.boutonv2 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #c3c7d2) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #c3c7d2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c3c7d2');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#222;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:85px;
	line-height:15px;
/*	width:65px;*/
	text-decoration:none;
	text-align:left;
	padding: 10px;
}
.boutonv2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c3c7d2), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #c3c7d2 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c7d2', endColorstr='#f9f9f9');
	background-color:#c3c7d2;
}
.boutonv2:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/* ------------------------------- */
/* Box 
<div class="visu">
<h4>Zone de test</h4>
<ul>
<li>Firefox : 49,6 %</li>
<li>Internet Explorer : 39,4 %</li>
<li>Mozilla : 5,0 %</li>
<li>Safari : 2,4 %</li>
<li>Opéra : 0,9 %</li>
</ul>
</div>
*/
.box {
/* background: url(img/box.png) no-repeat 10px 15px; */
border:1px solid #C0C0C0;
color:#404040;
padding:0 10px 10px 10px;
margin: 5px 0;
/*css3*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:3px 3px 6px 0 #A9A9A9;
-webkit-box-shadow:3px 3px 6px #A9A9A9;
box-shadow:3px 3px 6px 0 #A9A9A9;
behavior: url(chemin/PIE.php);
}
.box h2, 
.box h3, 
.box h4 {
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
margin-right:0px;
color:#404040;
font-style:normal;
height: 20px;
}
.box h2 {
	font-size:100%;
}
.box h3 {
	font-size:115%;
}
.box h4 {
	font-size:130%;
}
.box ul {
  margin: 0px;
  margin-left: 20px;
  padding: 0px;
}
.box li {
list-style-image:none !important;
margin-bottom:0 !important;
}

.box_grey {
background: linear-gradient(  #FFFFFF,  #F0F0F0);
-pie-background: linear-gradient(#FFFFFF, #F0F0F0);
behavior: url(./css/PIE.php);
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
/*	height:85px; */
/*	width:900px; */
	line-height:15px;
}
/* Des TD avec une bordure inférieure légèrere, pour aider à la lisibilité */
.tabbox td{
	padding: 5px;
/*	border-bottom: solid #E9E9E9 1px; j'enlève la bordue car alternance de couleur */
}

/* Fin box */