/* CSS LSI */
body{
	margin-top:20px;
	padding:0;
	background-image: url(hautbg3.gif);
	background-repeat: repeat-x;
	background-color:#EEEEEE;
	color:#666666;
	font:12px/15px Arial, Helvetica, sans-serif;
text-decoration: none;
}
div, p, ul, ol, h1, h2, h3, h4, h5, img, a, {
	margin:0px;
	padding:0px;
	text-decoration: none;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #333;
}


h1{
font-size:17px;
font-weight:bold;
line-height:20px;}

h2{
	font-weight:bold;
	font-size: 14px;
	line-height:16px;
	color:#333333;
}
h3{
	font-weight:bold;
	font-size: 12px;
	line-height:16px;
	color:#333333;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
		}
#menu {
position: ;
	top: auto;
	left: auto;
	vertical-align: top;
	padding-top: 30px;
}

dl#menu {
width: 115px;
}
dl#menu dt { /*menu normal*/
	cursor: pointer;
	margin: 0px 0;
	height: 30px;
	line-height: 20px;
	
	text-align: center;
	/*font-weight: bold;*/
	border: 0px solid gray;
	background:url(images/cssbutton-normal.gif) 0 0 no-repeat;
	padding-top: 0px;
	color: #FFF;

}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
	font: 10px/15px Helvetica, Arial, sans-serif, Verdana;text-align: center;
/*	padding-top: 2px;*/
	color: #000;
/*border-top: 1px solid #FFF;
background-color: #000;*/
}
dl#menu li a{
	color: #000;
	text-decoration: none;
	display: block;
	/*border: 1px #FFFFFF solid;*/
	height:100%;
	background-color: #EEE;
}

dl#menu dt:hover {/*menu normal ouvert*/
	/*display: block;
border: 1 none;
padding-top: 0px;*/
	height: 30px;
	/*line-height: 25px;*/
	background: url(images/cssbutton-hover.gif) 0 0 no-repeat;
	color: #000000;
}
dl#menu dt a { /*menu qui s'ouvre*/
color: #fff;
text-decoration: none;
display: block;
/*border: 1 none;*/
height: 100%;
}
dl#menu dt a:hover { /*menu qui s'ouvre*/
	/*display: block;
border: 1 none;
padding-top: 0px;*/
	height: auto;
	/*line-height: 25px;*/
	background: url(images/cssbutton-hover.gif) 0 0 no-repeat;
	color: #000000;
}
dl#menu li a:hover {
	padding-top: 0px;
	background-color:#66CCFF;
	color: #000000;
	height: 100%;
}/*--colonne gauche--*/

#colgauche{
	/*margin-top:10px;*/
	/*padding:20px;*/
   height:350px;
	width:500px;
	margin-top:5px;
	/*border: 1px solid #95558C;
	-moz-border-radius: 20px; /* Cette propriete fonctionne seulement pour les navigateurs utilisant le moteur de rendu Gecko (Firefox) 
	-khtml-border-radius: 20px; /* Cette propriete fonctionne pour les navigateurs Konqueror et Safari*/
}

#colgauche h2 span{
	font:21px/20px Helvetica, Arial, sans-serif, Verdana;
	font-weight:bold;
	color: #66EA00;
	/*padding:10px 10px 0 0px;*/
}

#colgauche h3{
	font:16px/20px Helvetica, Arial, sans-serif, Verdana;
	font-weight:bold;
	color: #6699FF;
	padding:10px 10px 0 0px;
}
#colgauche p{
/*	padding:5px 10px 0 0px;*/
	font-size: 11px;
}
/*--/fin colonne gauche--*/
/*--colonne gauche--*/
#colgauchepage{
	padding:20px 0 0 0px;
	width:480px;
	font-size: 11px;
	line-height:13px;
	color:#333333;
}
/*#colgauchepage h2{
	padding:5px 10px 0 0px;
	font-weight:bold;
	font-size: 12px;
	line-height:16px;
	color:#333333;
}*/

/*--/fin colonne gauche--*/
/*--colonne centre--*/
#colcentre{
	/*background:url(images/lsi_r3_c3.gif) 0 no-repeat;*/
     width: 160px;
   /* height:510px;*/
}
#colcentre p{
	color:#FFF;
	/*width: 135px;*/
	text-align: center;
	/*padding:10px;*/
}

#colnews h2{
	font:20px/22px Georgia, "Times New Roman", Times, serif;
	color:#FF6666;
	padding:20px 0 0 10px;

}
#colnews h2 span{
	font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#33CCCC;
}

#colnews{
	width:130px;
	/*margin:0 18px;*/
/*background:url(images/hautbg.jpg) 0 0 repeat-x #414141;*/
}
#colnews ul{
	/*width:130px;*/
padding-top: 10px;
	padding-left: 10px;
style-decoration:none;
 text-decoration:none;
 }
#colnews ul li{
	/*display:block;*/
	/*width:130px;*/
	/*height:140px;*/
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	/*padding:20 0 0 0px;*/
 text-decoration:none;
	line-height: 16px;
 }
 
#colnews ul li a span{/*--en savoir plus--*/
	font-size:10px;
	font-weight:bold;
	color:#33CCCC;
	text-decoration:none;
}
/*--/fin colonne centre--*/

/*--colonne droite--*/

#coldroite{
	height:280px;
	width:150px;
	/*margin-top:5px;
	border: 1px solid #95558C;
	-moz-border-radius: 20px; 
	-khtml-border-radius: 20px;	*/
	
	
	/*haut droite bas gauche*/
	/*border-left-style: solid;*/
}
#coldroite h2{
	width:140px;
	height:25px;
display:block;
	background:#414141;
	color:#66EA00;
	font:21px/20px Helvetica, Arial, sans-serif, Verdana;
	margin:0;
}

#coldroite ul{
width:140px; /*height:175px;*/ /*margin:26px 0 0;*/}

#coldroite ul li{
	width:140px;
	height:30px;
	/*border-bottom:1px dashed #868686;*/
	color: #FFFFFF;
}
#coldroite ul li a{
	display:block;
	height:27px;
	background:url(images/cssbutton-normal.gif) 0 no-repeat;
	color:#fff;
	font:11px/25px Helvetica, Arial, sans-serif, Verdana;
	text-decoration:none;
	padding:0 0 0 0px;
	text-align: center;	/*background-color: #09A5F6;*/
	background-position: center;
} 
#coldroite ul li a:hover{
	background:url(images/cssbutton-hover.gif) 0 no-repeat;
	text-decoration:none;
	font:11px/25px Helvetica, Arial, sans-serif, Verdana;
	background-position: center;
	/*background-color: #666666;*/
}
#coldroite ul li.contact{border:none;}

/*--Espace client--*/
#form{
	width:175px;
	height:120px;
	background:url(images/espaceclient.gif) 0 no-repeat;
	color:#2B2B2B;
	margin-left: 0px;
	vertical-align: top;
}

#form h3{
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	padding: 15px 0 0 10px;
	color: #FFFFFF;
	font-size: 13px;
}
#form p{
	margin:0px 0 0 10px;
	line-height: 18px;
	font-size: 11px;
	padding-top: 10px;
}
#form input{
	width:100px;
	height:13px;
	margin-top: 5px;
	line-height: 16px;
}
#form input.button{
	width:40px;
	height:18px;
	background:url(images/button.gif) 0 0 no-repeat;
	color:#fff;
	margin:0 0 0 0px;
	border:none;
}
/* menu client 
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 80px;
}*/
div#cadre {
	/* height:350px;*/
	width:500px;
	padding-top:25px;
	/*margin-left:10px;*/
background:url(images/haut.png) left top no-repeat;
}
div#bloccadre {
	/* height:350px;
	width:500px;*/
	margin-top:5px;
background:url(images/bas.png) left bottom no-repeat;
padding-bottom :30px;
}
div#bloccadre p{
	/* height:350px;
	width:500px;*/
	margin-top:0 30px 0 20px;
}
div#cadreg {
	/* height:350px;*/
	width:500px;
	padding-top:25px;
	/*margin-left:10px;*/
background:url(images/hautG.gif) left top no-repeat;
}
div#bloccadreg {
	/* height:350px;
	width:500px;*/
	margin-top:5px;
background:url(images/basG.gif) left bottom no-repeat;
padding-bottom :30px;
}
div#bloccadreg p{
	/* height:350px;
	width:500px;*/
	margin-top:0 30px 0 20px;
}
.basg {
	font-size: 15px;
	color: #FFF;
}

.basm {
	font-size: 11px;
	color: #000;
	margin-left:55px;
	margin-top: 20px;
	letter-spacing: 4px;
}

.lettrine {
	float:left;
	/*width: 80px;*/
	margin-bottom:12px;
	margin-right:8px;
}

.telegargement a{ /*--tˆ©lˆ©chargez--*/
	float:left;
	font-size:10px;
	font-weight:bold;
	color:#33CCCC;
	text-decoration:none;
padding-top: 3px;
}

.telecargement a{ /*--tˆ©lˆ©chargez--*/
	float:center;
	font-size:10px;
	font-weight:bold;
	color:#33CCCC;
	text-decoration:none;
padding-top: 3px;
}
.demo a{ /*--demo et liens sage--*/
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#33CCCC;
	text-decoration:none;
padding-top: 3px;
}
.demo { /*--demo et liens sage--*/
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#33CCCC;
	text-decoration:none;
padding-top: 3px;
}
.cortex { /*--formulaire contact--*/
	/*float:right;*/
	font-size:10px;
	/*font-weight:bold;*/
	color:#333333;
	text-decoration:none;
}
.ancre a{ /*--demo et liens sage--*/
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
padding-top: 3px;
}
.onglet{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.onglet li a{ 
	font-size:10px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#onglet li a:hover{ 
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
/*background-color:#339999;*/
}

.tele {
	font-size: 11px;
	font-weight:bold;
	line-height:15px;
	color: #999;
		text-decoration:none;
	/*letter-spacing: 1px;*/
}

#tele a{
	font-size: 11px;
	font-weight:bold;
	color: #999;
		text-decoration:none;
/*	letter-spacing: 4px;*/
}#foot {
	
	/*position:fixed;*/
	clear: both;
	margin: 0px;
	width: 1000px;
	height: 25px;
}

.bouton a{
	color:#FFFFFF;
	text-decoration:none;
	/*text-align:center;*/
	font: 9px/13px Helvetica, Arial, sans-serif, Verdana;
}



ul#menubacon {
	list-style-type:none;
		text-align:center;
     font-weight:bold;
	 font-size: 11px;
width: 115px;
}

#menubacon a {
	display:block;
	color:#FFF;
	text-decoration:none;
height: 25px;
line-height:25px;
background:url(images/menubacon.gif) 0 no-repeat;
}

#menubacon a:hover {
/*	display:block;*/
	color:#333;
/*height: 25px;
line-height:25px;*/
background:url(images/menubaconhover.gif) 0 no-repeat;
}

ul#menubas {
	list-style-type:none;
		text-align:center;
     font-size: 11px;
width: 115px;
}

#menubas a {
	display:block;
	color:#000;
	text-decoration:none;
height: 25px;
line-height:25px;
background:url(images/menubas.gif) 0 no-repeat;
}

#menubas a:hover {
/*	display:block;*/
	color:#333;
/*height: 25px;
line-height:25px;*/
background:url(images/menubahover.gif) 0 no-repeat;
}


ul#menuhaut{
	list-style-type:none;
	width:550px;
	text-align:center;
	float:left;
	padding-left:0px;
	height: 10px;
}

ul#menuhaut li {
	display:inline;
	font-size: 0,9em;
}

ul#menuhaut a {
	display:block;
    float:left;
	width:110px;
	height:11px;
	color:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #BABABA;
}

ul#menuhaut a:hover {
	display:block;
    float:left;
	width:110px;
	color:#666;
	text-decoration:none;
	font-size: 1em;
	border-right:1px solid #BABABA;
	background-color: #CCCCCC;
	height:25px;
}
/*UL.BLUE {
list-style: url(images/bullet.jpg) disc;
font-size: 1.1em;

}*/
#topmenu {
/*position: absolute;
top: 45px;*/
left: 10px;
width: 500px;
font-size:93%;
/*color:#000;*/
margin: 0 0 0px 0;
line-height:normal;
height: 30px;
}
#topmenu ul {
margin-left: 5px;
padding:0px 0px 0 0px;
list-style:none;
}
#topmenu li {
display:inline;
margin:0;
padding:0;
}
#topmenu a {
float:left;
background:url(images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
/*color:#000;*/
text-decoration:none;
}
#topmenu a span {
	float:left;
	display:block;
	background:url(images/menuright.gif) no-repeat right top;
	padding:5px 10px 4px 7px;
	color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {
color:#666;
}
#topmenu a:hover {
background-position:0% -42px;
}
#topmenu a:hover span {
background-position:100% -42px;
}
#topmenu ul li.home{
	/*display:block;
	width:120px;
	height:23px;
	margin:0;
	padding:0;
	background:url(imagesmenu/nav_bg2.gif) 0 0 repeat-x #EBF6FD;
	font: bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	color:#000C12;
	text-decoration:none;
	display:block;
	padding:5px 10px 4px 7px;
	float:left;
}
.erreur {
	text-align:center;
	color: #003366;
	font-weight:bold;
	/*margin-left: 220px;
	margin-top: 50px;*/
	z-index: 1000;
}