body, html {
	margin-top:0px;
	text-align: center;
	background : #773116;   
}

font, table, tr, td, p, body, div, input, textarea, form {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fb5827;
}

form {
	margin:0;
}

img {
	border:0;
}
a { 
	color:#333333;
	text-decoration:none;
}

textarea {
	border: 1px solid black;
}

.minitab {
	border-collapse:collapse;
	margin:10px auto; 	
 	border:0;
}
.tb , .tab {
	border-collapse:collapse;
	margin:10px auto; 
	width: 568px;
}
.tb th {
  border:1px solid #4B6E00;
  background-color:#F3FCDE;
  padding:3px;
  color:#4B6E00;
}

.tb .letitre {
  border:1px solid #4B6E00;
  background-color:#4B6E00;
  padding:3px;
  color:#FFFFFF;
  text-align:center;
  font-size:14px;
  font-weight:bold;
}

.vert {
  color:#4B6E00;
  font-size:12px;
  font-weight:bold;
 }
 
.rouge {
  color: #CC0000;
  font-size:12px;
  font-weight:bold;
 }

.tb td {
  border:1px solid #4B6E00;
  padding:3px;
}

#global {
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:765px;
}

h3 {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:568px;
	background:url(../images/design/titre.png);
	color:#006633;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
	padding-top:6px;
	margin-bottom:0;
}

#menu A:link, #menu A:visited, #menu A:active, #container A:link, #container A:visited, #container A:active {
	text-decoration: none;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fb5827;
} 

#menu A:hover, #container A:hover {
	text-decoration: none;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#f82c1c;
}
.menu {
	background:url(../images/design/bas_menu.png) bottom no-repeat #FFFFFF;
	width:158px;
	margin-left:10px;
	padding-bottom:19px;
}
.menu a {
	padding-left:5px;
}


#menu_gauche A:link, #menu_gauche A:visited, #menu_gauche A:active, #container A:link, #container A:visited, #container A:active {
	text-decoration: none;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#f82c1c;
} 

#menu_gauche A:hover, #container A:hover {
	text-decoration: none;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#f82c1c;
}

.small {
	font:normal 11px Trebuchet MS,Arial,Helvetica,Times New Roman;
}

#menu .small A:link, #menu .small A:visited, #menu .small A:active, .small A:link, .small A:active, .small A:visited {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}

#menu .small A:hover, .small A:hover {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#f82c1c;
	text-decoration:none;
}

#container A:link, #container A:visited, #container A:active {
	text-decoration: none;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
} 

#container A:hover {
	text-decoration: none;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}

#container {
	margin:1em 1em 1em 0;
	border:1px solid #000000;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:5px;
	display:block;
}

#container h3 {
	border-width:0 0 2px 0;
	margin:1em 1em 0.5em 0;
	color:#000000;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#container h10 {
	color:#FF0000;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}
#container h11 {
	color:#33FF00;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.footer {
	color:#914c0c;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.left {
	margin: 0px 15px 0px 5px;
	float: left;
	padding:7px 7px 7px 7px;
}
.right {
	margin: 0px 15px 10px 5px;
	float: right;
	padding:7px 7px 7px 7px;
	border:2px solid #D5B482;
}
#conect {
	background:#dae7ed;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-left:0px;
	width:90px;
	height:20px;
	border:1px solid black;
}

#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:15px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:50px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}
.gris
{
	color:#d3d3d3;
	font-size:10px;


}
.red
{
	width:50px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

p {
	margin-left:20px;
}

.yellow
{
	width:50px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:50px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}


#message {
	background: #FFE7CE url(../images/design/info.png) no-repeat;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	border:2px solid #FF9900;
	font-family:  "Trebuchet Ms", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding-left:50px;
	width:80%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#message p.msg{
   vertical-align: middle; 
   display: inline;
}

.cadre1 { 
	-moz-border-radius:15px 15px 15px 15px;
	background-color: #f9c18c;
	width:100%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	color:#4b2400;
	margin-bottom:10px;
}


.cadre1 a { 
	color:#FFFFFF;
	text-decoration:none;
}

.cadre2 { 
	-moz-border-radius:15px 15px 15px 15px;
	background-color: #b6d536;
	width:100%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	color:#FFFFFF;
	margin-bottom:10px;
}

.tab1 {
	border-collapse:collapse;
	width: 100%;
}
.tab1 th {
	padding:3px;
	color:#FFFFFF;
	background-color:#a10d59;
}
.tab1 td {
	color: #773116;
}

.tab1 a { color:#FFFFFF; text-decoration:none; }


dt {
	color:#61038f;
	font-size:1.2em;
	font-weight:bold;
	padding-left: 18px;
}

dd {
  margin-left: 1em;
  border: 1px solid #b386c9;
  padding: 0.4em;
}

.coeur{height:30px; width:67px;background-image:url("/images/squirrel/coeur.jpg");background-position:left bottom;background-repeat:no-repeat;}

.coeur2{
	height:30px;
	background-image:url("/images/squirrel/coeur2.jpg");
	background-position:left bottom;
	background-repeat:no-repeat;
}

.msgActionFin {
	margin:15px;
	margin-left:auto;
	margin-right:auto;	
	color:#006633;
	font-weight:bold;
}
#msgOK {
    color:#055500;
    padding:10px;
	width:430px;
	margin:15px;
	margin-left:auto;
	margin-right:auto;	
	font-size: 14px;
	font-weight: bold;
	font-family:tahoma, verdana, arial, sans-serif;
	text-align:center;
    border: 1px solid #055500;
  	background-color: #F3FCDE;
}
#msgNOK {
    color:#E65B2B;
    padding:10px;
	width:430px;
	margin:15px;
	margin-left:auto;
	margin-right:auto;	
	font-size: 14px;
	font-weight: bold;
	font-family:tahoma, verdana, arial, sans-serif;
	text-align:center;
    border: 1px solid #E65B2B;
	background:#FDECEC;
}
/*****************************************/
/* Menu horizontal (rendu en-ligne des <li>) */
/*****************************************/
#nav {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	margin-left:50px;
	}
#nav li {
	display: inline ;
	margin-right: 1px ;
	color: #fff ;
	background: #773116;
	}
#nav li a {
	background: #773116;
	color: #fff ;
	border: 1px solid #600 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 2px 5px ;
	text-align: center ;
	text-decoration: none ;
	}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background:#A0DA54;
	color:#006633;
	text-decoration: underline ;
	}



