.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}






body {
	width: 877px;
	margin: 0 auto;
	font: normal 12px Arial, Tahoma;
	background: #e5e5e5 url('../images/bg.jpg') repeat-x;
}

div#header {
	width: 842px;
	margin: 0 auto;
	margin-top: 15px;
}

div#header h1 {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: -10px;
	margin-bottom: -5px;
}

div#header p.intro {
	margin: 0;
	padding: 15px 0 0 10px;
	font: normal 11px Arial, Tahoma;
	color: #fff;
	width: 300px;
	float: left;
}

ul#menu {
	clear: both;
	padding: 12px 10px 0 10px;
	background: url('../images/menu.jpg') no-repeat;
	width: 822px;
	height: 28px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center;
}

ul#menu li {
	display: inline;
	padding: 0 10px 0 10px;
	height: 19px;
}

ul#menu li ul {
	position: absolute;
	z-index: 100;
}

ul#menu li ul#smenu-accueil {
	position: absolute;
	top: 100px;
	left: 100px;
}

ul#menu li ul li {
	display: block;
}

ul#menu li a img#menu-accueil:hover { background: url('../images/accueil.png') no-repeat; }
ul#menu li a img#menu-decouvrir:hover { background: url('../images/decouvrir.png') no-repeat; }
ul#menu li a img#menu-telechargements:hover { background: url('../images/telechargements.png') no-repeat; }
ul#menu li a img#menu-communaute:hover { background: url('../images/communaute.png') no-repeat; }
ul#menu li a img#menu-services:hover { background: url('../images/services.png') no-repeat; }
ul#menu li a img#menu-apropos:hover { background: url('../images/apropos.png') no-repeat; }

div#infos {
	width: 843px;
	margin: 0 auto;
}

div#infos p.telecharger {
	width: 376px;
	height: 66px;
	margin: 0;
	padding: 0;
	float: right;
}

div#infos p.telecharger a {
	width: 361px;
	height: 51px;
	background: url('../images/telecharger.jpg') no-repeat;
	display: block;
	font: bold 11px Arial, Tahoma;
	color: #fff;
	text-decoration: none;
	text-align: right;
	padding: 15px 15px 0 0;
}

div#divers {
	width: 843px;
	height: 67px;
	background: url('../images/divers.png') no-repeat;
	clear: both;
	margin: 0 auto;
}

div#divers div.col1 {
	float: right;
	width: 250px;
	padding: 21px 0 0 0;
} 
div#divers div.col2 {
	float: right;
	width: 265px;
	padding: 21px 0 0 0;
} 
div#divers div.col3 {
	float: right;
	width: 199px;
	padding: 21px 0 0 0;
} 

div#divers div.col1 ul, div#divers div.col2 ul, div#divers div.col3 ul {
	list-style-type: none;
	font: normal 12px Tahoma, Arial;
	color: #e76955;
	margin: 0;
	padding: 0;
} 

div#divers div.col1 ul li, div#divers div.col2 ul li, div#divers div.col3 ul li {
	padding: 0;
	margin: 0;
	line-height: 13px;
} 

div#divers div.col1 ul a, div#divers div.col2 ul a, div#divers div.col3 ul a, div#divers div.col1 ul a:hover, div#divers div.col2 ul a:hover, div#divers div.col3 ul a:hover {
	text-decoration: none;
	color: #e76955;
} 

div#content {
	width: 843px;
	margin: 0 auto;
	
}

div#content div#secMenu {
	float: right;
	width: 158px;
	background: #fff url('../images/menu_bot.jpg') no-repeat bottom;
	margin-bottom: 10px;
	padding: 0 0 20px 0;
}

div#content div#secMenu h2 {
	color: #006499;
	font: normal 18px Arial;
	margin: 8px 0 8px 0;
	padding: 0 0 0 10px;
}

div#content div#secMenu ul {
	font: normal 11px Tahoma, Arial;
	color: #333;
	list-style-type: none;
	padding: 0 0 0 20px;
	clear: both;
	margin: 0;
}

div#content div#secMenu ul li {
	margin: 4px 0 4px 0;
	padding: 0;
	line-height: 13px;
}

div#content div#secMenu a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

div#content div#secMenu a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

div#content div#secMenu form#connexion {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
}

div#content div#secMenu form#connexion input.ok {
	width: 30px;
	height: 48px;
	float: right;
	background: url('../images/ok.jpg') no-repeat;
	margin-top: 12px;
	border: 0;
}

div#content div#secMenu form#connexion p.infos {
	float: left;
	margin: 0;
	font: normal 10px Tahoma;
}

div#content div#secMenu form#connexion p.infos input {
	width: 100px;
	height: 12px;
}

div#content div#left {
	width: 664px;
	padding: 5px 8px 5px 8px;
	background: #fff url('../images/content_bot.jpg') no-repeat bottom;
	margin: 0 0 10px 0;
}

div#content div.bloc {
	width: 664px;
	background: #fff url('../images/top_content.jpg') no-repeat top;
	margin: 0 0 10px 0;
}

div#content div.block {
	width: 624px;
	background: url('../images/bot_content.jpg') no-repeat bottom;
	min-height: 180px;
	padding: 10px 20px 10px 20px;
}

div#content div.block p {
	font: normal 12px Arial, Tahoma;
	margin: 8px 0 8px 0;
	line-height: 20px;
}

div#content div.block p.date {
	color: #006499;
	font: bold 11px Arial, Tahoma;
	margin: 10px 0 0 0;
}

div#content div.block h2 {
	color: #006499;
	font: normal 24px Arial, Tahoma;
	margin: 0 0 10px 0;
}

div#content div.block p.comments {
	color: #006499;
	font: bold 11px Arial, Tahoma;
	text-align: right;
	margin: 0 0 10px 0;
}

div#content div.block a, div#content div.block a:hover {
	color: #006499;
	text-decoration: underline;
}

div#footer {
	clear: both;
	background: url('../images/footer.jpg') no-repeat top left;
	width: 877px;
	min-height: 62px;
}

div#footer img.decouvr {
	float: right;
}

div#footer div#footer-txt {
	clear: both;
	background: url('../images/f_txt.jpg') no-repeat top left;
	width: 807px;
	min-height: 62px;
	padding: 10px 35px 10px 35px;
}

div#footer div#footer-txt a, div#footer div#footer-txt a:hover {
	color: #333;
	text-decoration: underline;
}

div#footer div#footer-txt p {
	margin: 3px 0 3px 0;
	text-align: right;
	font: normal 11px Arial;
}


div#module
{
vertical-align:middle;
background-color: #FFF5CB;
border: 1px solid #F0DB86;
padding:7px;
float:right;
margin:7px;
}

.module_av
{
float:left;
margin:7px;
}

floatleft { float: left; }
floatright { float: right; }

a img { border: 0; }

table
{
width:500px;
text-align:center;
border-collapse:collapse;
margin:auto;
border: 0;
}

td
{
vertical-align:middle;
border: 0;
padding:2px;
}

div#tab table
{
width:100%;
text-align:left;
border-collapse:collapse;
margin:auto;
border: 1px solid #E0E0E0;
}

div#tab td
{
padding:5px;
border: 1px solid #E0E0E0;
vertical-align:middle;
}

.m
{
vertical-align:top;
}

div#tab th
{
vertical-align:middle;
padding:5px;
border: 1px solid #E0E0E0;
}

.message_overflow
{
overflow:hidden;
}

#voir
{
height:300px;
overflow:auto;
}

#forr
{
height:400px;
overflow:auto;
padding:10px;
border: 1px dashed #E0E0E0;
}

.large { 
width:135px; 
vertical-align:top;
}

.tutos { 
width:135px; 
height:50px;
vertical-align:middle;
}

.titre { 
width:250px; 
}

.plugin_l { 
width:130px; 
}

#installation_ok, #graphique_k, #plugin_k, #referencement_k, #herbergement_k {
	display:none;
}

.tab_1
{
background:#f6fbfe;
}

.tab_2
{
background:#fff;
}

table.sujet td
{
padding:5px;
vertical-align:top;
border: 1px solid #E0E0E0;
}

ul
{
list-style-type: square;
} 

ul li {
padding:2px;
}

hr {
background-color: #FFF;
}

#admin
{
padding:7px;
margin:auto;
vertical-align:middle;
background-color: #FFF5CB;
border: 1px solid #F0DB86;
}

#erreur
{
padding:7px;
margin:auto;
vertical-align:middle;
background-color: #FFC1C1;
border: 1px solid #FF7676;
}

#resolved
{
padding:7px;
margin:auto;
vertical-align:middle;
background-color: #CCFFCC;
border: 1px solid #9CF293;
}

.screen {
width:130px;
height:130px;
}

.bleute
{
color: #006499;
}






.wrapper1{
	clear: both;	
	font: normal 12px Arial, Tahoma;
	padding: 4px 0 0;
	}
.wrapper1 a{
	color: #323232;
	text-decoration: none;
}
.wrapper1 a:hover {
	color: #323232;
}
.wrapper1 p {
	margin: 0 0 17px;
	padding: 0;
	line-height: 18px;
}
.nav {
	width: 842px;
	margin:-5px 0 5px 7px;
	background: url('../images/menu.jpg') no-repeat;
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
}
.nav li {
	float: left;
	padding: 0 14px;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(../images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 13px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}