/* GENERALITE
----------------------------------- */

*{padding: 0; margin: 0;}

body {
	font-family:"Trebuchet MS", Verdana, Arial;
 	font-size:12px;
 	color:#000000;
	background-color:#67A5D4;
	cursor:url("../images/cle.gif");
}

li, ul {
	list-style:none;
}

img {
	border:0px;
	padding:0;
	margin:O;
}

h1 {
	margin-top:20px;
	margin-bottom:10px;
	color:#6385B3;
	font-size:14px;
	padding:5px;
}

h2 {
	color:#999999;
	font-size:12px;
	margin-top:15px;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#000000;
}



/* STRUCTURE DU SITE
------------------------------------ */
#main {
	position:absolute; /* on positionne le conteneur */
	left:50%;
	width:880px;
	margin-left:-440px;
	margin-top:5px;
	border-color:#000000;
	border: 1px #969696 solid;
	background-color:#FFFFFF;
	padding:10px;
	
}
#principal {
	float:left;
	width:860px;
	text-align:left;
}
#pied {
	float:left;
	width:860px;
	height:20px;
	font-size:10px;
	text-align:center;
	color:#999999;
	margin-top:20px;
}

#pied a {
	text-decoration:none;
	color:#666666;
	font-weight:normal;
}

#pied a:hover {
	color:#000000;
}

/* PAGE ACCUEIL 
--------------------------------------*/
#pack {
	float:left;
	width:860px;
}
#unpack {
	float:left;
	width:211px;
	margin:1px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

a.blue {color:#5E8BC2; text-decoration:none; font-weight:bold; font-variant:small-caps; }
a.blue:hover {color:#5E8BC2; text-decoration:underline;}

.orange {font-family:Tahoma; font-weight:bold; color:#f28613;}
a.orange {color:#f28613; text-decoration:none;}
a.orange:hover {color:#f28613; text-decoration:underline;} 



/* AUTRE PAGE
---------------------------------------*/
.titre_description {
	float:left;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold; 
	color:#f28613;
	border:none;
	margin:10px;
	margin-bottom:15px;
	width:350px;
}

#description_pack tr td {
	float:left;
	height:30px;
	color:#666666;
	border-bottom:#D7D7D7 solid 1px;
	padding-top:5px;
}




/* STYLE MENU 
---------------------------------------*/
#MainMenu {
	height:34px;
	margin:0;
	border:0;
}
#tab {
	margin:0;
	top:0;
}
#tab ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li {
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a {
	background:#000000 url("../images/bright_006.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span {
	display:block;
	background:url("../images/bleft_006.gif") no-repeat left top;
	padding:0 21px 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#FFFFFF;
	font-weight:bold;
	line-height:34px;
}
#tab a:hover,#tab li.item_active a {
	background-position:right bottom;
	border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span {
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv {
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #330066;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul {
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li {
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited {
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid #000000;
	color:#FFFFFF;
	background:url("../images/bleft_006.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span {
	float:left;
	display:block;
	line-height:34px;
	background:url("../images/bright_006.gif") no-repeat right top;
	padding:0 20px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #000000;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:bold;
}


/* STYLE FORMULAIRE */
.formulaire {
	color:#2B6CA2;
	border:0;
	border-bottom:1px outset #2B6CA2;
	border-right:1px outset #2B6CA2;
}

.bouton {
	background-color:#2B6CA2;
	border:0px;
	text-align:center;
	width:120px;
	height:24px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
}


/* STYLE INFOBULLE
---------------------------------------*/
a.info{
    position:relative; 
    z-index:24;
    color:#000000;
    text-decoration:underline;
}

a.info:hover{
	z-index:25; 
	background-color:#FF9900;
    text-decoration:none;
}

a.info span{
	display:none;
}

a.info:hover span{ 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
	top:2em; 
	left:2em; 
	width:15em;
	border:1px solid #6385B3;
	background-color:#eeeeee;
	color:#6385B3;
	text-align: justify;
	font-weight:none;
	padding:5px;
}