body {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #ffffff;
	background : #eee;
	text-align: center;
}

li {list-style:none;}

img {border:none;}

input,textarea {
	font-family: Verdana, sans-serif;
	font-size:	12px;
	font-style:	normal;
	color:	#ff7e00;
	margin:0px 0px 0px 0px;
	border:1px;	
}

p {
	font-size: 12px; 
	font-family: Verdana, sans-serif; 
	background-image:none;	
	background-color:#eff4fa;
	border:1px solid #3366cc;
	color:#3366cc;
	margin:1em 1% 1em 1%;
	padding:1em 1em;
}

div#principal {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* pour rétablir l'alignement ŕ gauche du texte */
}

/* image de fond page principale */
.dw {background:url(../images/leftright.gif) top right;}
.dwt, .dwt div, .dwb, .dwb div {background:url(../images/topbottom.gif) top right;}
.dw {
	padding:0 5px 0 10px;
	position:relative; /* fix IE/win buggy bg display */
}
.dwt, .dwb {
	margin:0 -5px 0 -10px; /* push into rB and padding */
	height:20px; /* fix IE/win bug when rB width set */
}
.dwt div, .dwb div {width:20px; height:20px;}
.dwt div {background-position:top left;}
.dwb, .dwb div {height:22px;}
.dwb {background-position:bottom right;}
.dwb div {background-position:bottom left;}
/* fin image de fond page principale */

select	{
	font-family: Verdana, sans-serif;
	font-size:	12px;
	font-style:	normal;
	color:	#ff7e00;
	margin:1px 0px 2px 0px;
	border:1px solid #ff7e00;
}

A, A:hover {
    color: #a4bbe8;
    text-decoration: underline;
    font-family : verdana, sans-serif;
    font-size : 12px;
}

.aBleu10,.aBleu10:active,.aBleu10:visited,.aBleu10:hover {
    color: #3366CC;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 10px;
    font-weight: bold;
	background: #e1eafc;
}

.aOrange12EM,.aOrange12EM:active,.aOrange12EM:visited,.aOrange12EM:hover {
    color: #ff7e00;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 12px;
    font-weight: bold;
	background: #e1eafc;
}

.aOrange10,.aOrange10:active,.aOrange10:visited,.aOrange10:hover {
    color: #FF7E00;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 10px;
    font-weight: bold;
}

.aOrange12,.aOrange12:active,.aOrange12:visited {
    color: #FF7E00;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.aOrange12:hover {
    color: #FF7E00;
    text-decoration: underline;
    font-family : Verdana, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.aGris10,.aGris10:active,.aGris10:visited {
    color: #999999;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 10px;
    font-weight: bold;
}

.aGris10:hover {
    color: #FFCE00;
	text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 10px;
    font-weight: bold;   
}

.aGris12,.aGris12:active,.aGris12:visited {
    color: #999999;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.aGris12:hover {
    color: #FFCE00;
	text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 12px;
    font-weight: bold;
	background-color: #fff7d4;
}

.aGris14,.aGris14:active,.aGris14:visited {
    color: #999999;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 14px;
    font-weight: bold;
}

.aGris14:hover {
    color: #FFCE00;
	text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 14px;
    font-weight: bold;    
}

.styleBleu10Right {
	text-align : right;
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #3366CC;
}

.styleBleu12Left {
	text-align : left;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #3366CC;
	margin: 1em 0;
}

.styleBleu12 {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #3366CC;
}

.styleBleu18 {
	font-size: 18px; 
	font-weight: bold; 
	font-family: Verdana, 
	sans-serif; 
	color: #3366CC;
}

.styleBleu18Left {
	text-align : left;
	font-size: 18px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #3366CC;
}

.styleOrange10 {
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange10Center	{
	text-align : center; 
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange10Left	{
	text-align : left; 
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12 {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12Left {
	text-align : left;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12Center {
	text-align : center;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange18 {
	font-size: 18px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #FF7E00;
}

.styleGrisC10 {
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC10Left {
	text-align : left;
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC12 {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC20 {
	font-size: 20px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisF12 {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF12Center {
	text-align: center;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF12Left {
	text-align : left;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF12Right {
	text-align : right;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF18 {
	font-size: 18px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #999999;
}

/* div information logiciel */
.infoslog {
	background-color:#fff7d4;
	background-image:none;
	border:1px solid #ff7e00;
	color:#3366cc;
	margin:0;
	padding:1em 1em;
	display:block;
	text-align : left;
	height:150px;
}

.infoslog ul {
	color:#000;
	background-color:transparent;
	margin:0 0 0 0.5em;
	padding:0 1em;
}

.infoslog li {
	font-family:Verdana,sans-serif;
	font-size: 12px;
	border-bottom:1px solid #ff7e00;
	list-style:none;
	color:#3366cc;
	background-color:transparent;
}

.infoslog strong {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #ff7e00;
}

.infoslog h3 {
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #ff7e00;
}

.infoslog li.dernier {
	border-bottom:0;
}
/* fin div information logiciel */

/* div menu fin de page */
#basnav {
	text-align : center;
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #C0C0C0;
	margin:0;
	padding:0;
	width: 750px;
}

#basnav a {
	color: #999999;
    text-decoration: none;
    font-family : Verdana, sans-serif;
    font-size : 11px;
    font-weight: bold;
}

#basnav a:hover {
	color: #FF7E00;
	background-color: #fff7d4;
	text-decoration: underline overline;
    font-family : Verdana, sans-serif;
    font-size : 11px;
    font-weight: bold;
}

#basnav   li {
	display:inline;
	margin:0;
	padding:0;
}
/* fin div menu fin de page */


/* div footer */
#footer {
	text-align : center;
	font-size: 10px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #3366cc;
	margin:0;
	padding:0;
	width: 750px;
}

#footer   li {
	list-style:none;
	margin-bottom:1em;
	margin-top:1em;
}
/* fin div footer */

/* div titre */
#titre,#titre2,#titre3,#titre4 {
	color:#ff7e00;
	text-align: center;
}

#titre h1,#titre2 h1,#titre3 h1,#titre4 h1 {
	text-align:left;
	font-size: 20px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	color: #ff7e00;
	border-color:#ff7e00;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	margin:0 0 2% 0;
	padding:0;
	width:550px;
}
/* fin div titre */

/* div navigation, top telechargement, maj logiciel */
#navigation {
	color:#999999;
	background-color:#fff;
}

#navigation h2 {
	border-color:#ff7e00;
	border-style:solid;
	border-width:0 0 3px 0;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#navigation h2:first-letter {
	color:#ff7e00;
	background-color:transparent;
	font-weight: 900;
}

#navigation ul {
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#navigation li {
	display:inline;
	list-style:none;
}

#navigation a {
	color:#f60;
	background-color:transparent;
	display:block;
	font-weight:700;
	margin-left:-3em;
	padding-left:1em;
	text-decoration:none;
}

#navigation a:hover {
	background-color:#ffecce;
	color:#f60;
}

#topdl,#maj {
	color:#999999;
	background-color:#fff;
	margin:0;
	padding:0;
}

#topdl h2,#maj h2 {
	border-bottom:3px #ffce00 solid;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#topdl h2:first-letter	{
	color:#ffce00;
	background-color:transparent;
}

#maj h2:first-letter {
	color:#ffce00;
	background-color:transparent;
}

#topdl li,#maj li {
	display:inline;
	list-style:none;
}

#topdl a,#maj a {
	color:#ffce00;
	background-color:transparent;
	display:block;
	font-weight:700;
	margin-left:-3em;
	padding-left:1em;
	text-decoration:none;
}

#topdl a:hover,#maj a:hover {
	color:#ffce00;
	background-color:#fff7d4;
}

/* fin div navigation, top telechargement, maj logiciel */

/* div menu vertical */
.menu {background: transparent; width:98%; margin:0 auto;}

.menu .top, .menu .bottom {display:block; background:transparent; font-size:1px;}
.menu .b1, .menu .b2, .menu .b3, .menu .b4, .menu .b1b, .menu .b2b, .menu .b3b, .menu .b4b {display:block; overflow:hidden;}
.menu .b1, .menu .b2, .menu .b3, .menu .b1b, .menu .b2b, .menu .b3b {height:1px;}
.menu .b2 {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.menu .b3 {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.menu .b4 {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.menu .b4b {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #a4bbe8;}
.menu .b3b {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #a4bbe8;}
.menu .b2b {background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #a4bbe8;}

.menu .b1 {margin:0 5px; background:#e1eafc;}
.menu .b2, .menu .b2b {margin:0 3px; border-width:0 2px;}
.menu .b3, .menu .b3b {margin:0 2px;}
.menu .b4, .menu .b4b {height:2px; margin:0 1px;}
.menu .b1b {margin:0 5px; background:#a4bbe8;}
.menu .boxcontent {display:block;  background:#ffffff; border-left:1px solid #e1eafc; border-right:1px solid #a4bbe8;}
/* fin div menu vertical */

/* div categorie */
.categorie {background: transparent; width:100%; margin:0 auto;}

.categorie .top, .categorie .bottom {display:block; background:transparent; font-size:1px;}
.categorie .b1, .categorie .b2, .categorie .b3, .categorie .b4 {display:block; overflow:hidden;}
.categorie .b1, .categorie .b2, .categorie .b3 {height:1px;}
.categorie .b2 {background:#e1eafc; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.categorie .b3 {background:#e1eafc; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.categorie .b4 {background:#e1eafc; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}


.categorie .b1 {margin:0 5px; background:#e1eafc;}
.categorie .b2 {margin:0 3px; border-width:0 2px;}
.categorie .b3 {margin:0 2px;}
.categorie .b4 {height:2px; margin:0 1px;}
.categorie .boxcontent {display:block;  background:#e1eafc; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
/* fin div categorie */


/* div description */
.description p {
	text-align:left;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	background-image:none;	
	background-color:#eff4fa;
	border:1px solid #3366cc;
	color:#3366cc;
	margin:1em 1% 1em 1%;
	padding:1em 1em;
}

.description ul {
	text-align:center;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
}
/* fin div description */

/* div espace membre */
.espacemembre {background: transparent; width:100%; margin:0 auto;text-align:center;}
.espacemembre h1, .espacemembre h2 {font-size:12px; font-weight:700;font-family: Verdana, sans-serif; color:#ff7e00; margin:0 10px;}
.espacemembre h2 {letter-spacing:1px;}

.espacemembre .top, .espacemembre .bottom {display:block; background:transparent; font-size:1px;}
.espacemembre .b1, .espacemembre .b2, .espacemembre .b3, .espacemembre .b4 {display:block; overflow:hidden;}
.espacemembre .b1, .espacemembre .b2, .espacemembre .b3 {height:1px;}
.espacemembre .b2, .espacemembre .b3 {background:#fff7d4; border-left:1px solid #fff; border-right:1px solid #fff;}
.espacemembre .b4 {background:#fff7d4; border-left:1px solid #fff; border-right:1px solid #fff;}

.espacemembre .b1 {margin:0; background:#fff;}
.espacemembre .b2 {margin:0 1px; border-width:0 2px;}
.espacemembre .b3 {margin:0 3px;}
.espacemembre .b4 {height:2px; margin:0 4px;}

.espacemembre .boxcontent {display:block;  background:#fff7d4; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}
/* fin div espace membre */