body {
    font-family: Trebuchet, Verdana, sans-serif;
    font-size:11px;
    color: #3366cc;
	background : #FFF;
	background-image:url(../images/background.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

li {list-style:none;}

img {border:none;}

.classimage {margin:0px; border:0;}

.bouton	{ 
	background-image:url(../images/bt-inscrire.gif);
	width:135px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
} 

.bouton2	{ 
	background-image:url(../images/bt-soumettre.gif);
	width:81px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
} 

.bouton3	{ 
	background-image:url(../images/bt-annuler.gif);
	width:66px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
} 
.bouton4	{ 
	background-image:url(../images/bt-envoyercomm.gif);
	width:151px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
} 
input,textarea {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size:11px;
	font-style:	normal;
	color:	#0E525E;
	margin:0px 0px 0px 0px;
}

p {
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color:#FFF;
	margin:1em 1% 1em 1%;
	padding:1em 1em;
}

div#principal {
	text-align: left;
	width: 1050px;
	margin: 0px auto 0px auto;
	position: relative;
	padding: 0px;
}

select	{
	font-family: Trebuchet, Verdana, sans-serif;
	font-size:	11px;
	font-style:	normal;
	color:	#0E525E;
	margin:2px 0px 2px 0px;
	border:1px solid #0E525E;
}

A {
    color: #F4B036;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}
A:hover {
    color: #F4B036;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}


.aBleu10,.aBleu10:active,.aBleu10:visited,.aBleu10:hover {
    color: #3366CC;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
	background: #e1eafc;
}
.aBlanc10,.aBleu10:active,.aBleu10:visited,.aBleu10:hover {
    color: #FFF;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.aOrange10,.aOrange10:active,.aOrange10:visited,.aOrange10:hover {
    color: #FF7E00;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.aOrange12,.aOrange12:active,.aOrange12:visited {
    color: #FF7E00;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}

.aOrange12:hover {
    color: #FF7E00;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}

.aGris10,.aGris10:active,.aGris10:visited {
    color: #999999;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.aGris10:hover {
    color: #FFCE00;
	text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.aGris12,.aGris12:active,.aGris12:visited {
    color: #176F7F;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}

.aGris12:hover {
    color: #176F7F;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;}

.aGris14,.aGris14:active,.aGris14:visited {
    color: #999999;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 14px;
}

.aGris14:hover {
    color: #FFCE00;
	text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 14px;
}

.anews18,.anews18:active,.anews18:visited,.anews18:hover {
    color: #ff7e00;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 18px;
}

.anews16,.anews16:active,.anews16:visited {
    color: #0E535F;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 12px;
	margin-top:2px;
}
.anews16:hover {
    color: #0E535F;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 12px;
}

.anews14,.anews14:active,.anews14:visited,.anews14:hover {
    color: #0E525E;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 13px;
    font-weight: bold;
}


.anews12,.anews12:active,.anews12:visited,.anews12:hover {
    color: #ff7e00;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
    font-weight: bold;
}

.anews10,.anews10:active,.anews10:visited {
    color: #E36512;
    text-decoration: underline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.anews10:hover {
    color: #FF7E00;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}

.styleBleu10Right {
	text-align : right;
	font-size: 10px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #3366CC;
}

.styleBleu10Left {
	text-align : left;
	font-size: 10px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #0E525E;
}

.styleBleu12Left {
	text-align : left;
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #176F7F;
	margin: 1em 0;
}

.styleBleu12 {
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #176F7F;
}

.styleBleu18 {
	font-size: 18px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #3366CC;
}

.styleBleu18Left {
	text-align : left;
	font-size: 18px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #3366CC;
}

.styleOrange10 {
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange10Center	{
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #0E525E;
}

.styleOrange10Left	{
	text-align : left; 
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12 {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12Left {
	text-align : left;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange12Center {
	font-size: 12px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleOrange18 {
	font-size: 18px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #FF7E00;
}

.styleGrisC10 {
	font-size: 10px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC10Left {
	text-align : left;
	font-size: 10px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC12 {
	font-size: 11px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisC20 {
	font-size: 20px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #C0C0C0;
}

.styleGrisF12 {
	font-size: 11px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF12Center {
	text-align: center;
	font-size: 11px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF12Left {
	text-align : left;
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #0E525E;
}

.styleGrisF12Right {
	text-align : right;
	font-size: 11px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #999999;
}

.styleGrisF18 {
	font-size: 18px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #999999;
}

/* titre des catégories */
.aCategori,.aCategori:active,.aCategori:visited,.aCategori:hover {
    color: #3366cc;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 10px;
}
/* fin titre des catégories*/

/* div information logiciel */
.infoslog {
	background-color:#C4DDE2;
	background-image:none;
	border:1px solid #0E535E;
	color:#0E535E;
	margin:40px 0 0 0;
	padding:0em 10px 10px 10px;
	display:block;
	clear:both;
	text-align : left;
}
.desclog {
	color:#0E525E;
	margin:40px 0 0 0;
	padding:0em 10px 10px 10px;
	display:block;
	clear:both;
	text-align : left;
	float:right;
}

.infoslog ul {
	color:#000;
	background-color:transparent;
	margin:0 0 0 0.5em;
	padding:0px 1em;
}

.infoslog li {
	font-family:Verdana,sans-serif;
	font-size: 11px;	
	list-style:none;
	color:#0E535E;
	background-color:transparent;
}

.infoslog strong {
	font-size: 11px; 
	font-weight: bold; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #0E535E;
}

.infoslog h3 {
	font-size: 16px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #0E535E;
}

.infoslog li.dernier {
	border-bottom:0;
}
/* fin div information logiciel */

/* div fin de page */
#footer {
	text-align: center;
	padding: 0.5em;
	clear: both;
	border: none;
	color:#999999;
	font-size:11px;
}

#footer a {
	color: #999999;
    text-decoration: none;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
	background-color:#fff;
}

#footer a:hover {
	color: #FF7E00;
	text-decoration: underline overline;
    font-family : Trebuchet, Verdana, sans-serif;
    font-size : 11px;
}

#footer   li {
	display:inline;
	margin:0;
	padding:0;
}
/* fin div fin de page */

/* div cnil */
#cnil {
	text-align: center;
	padding: 0;
	clear: both;
	border: none;
	color:#c0c0c0;
	font-size:10px;
}

#cnil   li {
	display:inline;
	margin:0;
	padding:0;
}
/* fin div cnil */

/* div titre */
#titre,#titre2,#titre3,#titre4 {
	color:#EEB901;
	text-align: left;
}

#titre h1,#titre2 h1,#titre3 h1,#titre4 h1 {
	text-align:left;
	font-size: 14px;
	font-weight:bold;
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #EEB901;
	margin:0 0 0 0;
	padding:0;
}
/* fin div titre */

/* div navigation, top telechargement, maj logiciel, rss */
#navigation {
	color:#FFF;
}

#navigation h2 {
	border-color:#F4B036;
	border-style:solid;
	border-width:0 0 1px 0;
	font-size:medium;
	margin:0;
	padding-left:0em;
	font-size: 12px; 
	text-transform:uppercase;
}

#navigation h2:first-letter {
	color:#FFF;
	background-color:transparent;
	margin-left:10px;
}

#navigation ul {
	margin-bottom:1em;
	margin-top:0.5em;
}

#navigation li {
	display:inline;
	list-style:none;
}

#navigation a {
	color:#FFF;
	background-color:transparent;
	display:block;
	margin-left:-40px;
	padding-left:20px;
	padding-bottom:2px;
	padding-top:2px;
	text-decoration:none;
}

#navigation a:hover {
	background-color:#177281;
	color:#FFF;
	padding-bottom:2px;
	padding-top:2px;
}

#topdl,#maj,#topactu,#majactu {
	color:#FFF;
	margin:0;
	padding:0;
}

#topdl h2,#maj h2,#topactu h2,#majactu h2 {
	border-bottom:1px #F4B036 solid;
	font-size:12px;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#topdl h2:first-letter	{
	color:#FFF;
	background-color:transparent;
	margin-left:10px;
}

#maj h2:first-letter {
	color:#FFF;
	background-color:transparent;
	margin-left:10px;
}

#topactu h2:first-letter {
    color:#FFF;
	background-color:transparent;
	margin-left:10px;
}

#majactu h2:first-letter {
	color:#FFF;
	background-color:transparent;
	margin-left:10px;
}

#topdl li,#maj li,#topactu li,#majactu li {
	display:inline;
	list-style:none;
}

.atopdl, .amaj, .atopactu, .amajactu {
	color:#FFF;
	background-color:transparent;
	display:block;
	margin-left:-40px;
	padding-left:20px;
	padding-bottom:2px;
	padding-top:2px;
	text-decoration:none;
}

.atopdl:hover, .amaj:hover, .atopactu:hover, .amajactu:hover {
	color:#FFF;
	background-color:#177281;
	text-decoration:none;
}

.atopdl:visited, .amaj:visited, .atopactu:visited, .amajactu:visited {
	color:#fac205;
	text-decoration:none;
	margin-left:-40px;
	padding-left:20px;
	padding-bottom:2px;
	padding-top:2px;
}

.arss {
	background-color:transparent;
	text-decoration:none;
}
/* fin div navigation, top telechargement, maj logiciel, rss */

/* div statistiques */
#statistiques {
	color:#0E525E;
	font-size: 11px; 
	text-decoration:none;
	margin:0 0 0 -3.5em;
	padding-left:60px;
}
/* fin div statistiques */

/* 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:#C4DDE2; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.categorie .b3 {background:#C4DDE2; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
.categorie .b4 {background:#C4DDE2; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}


.categorie .b1 {margin:0 5px; background:#C4DDE2;}
.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:#C4DDE2; border-left:1px solid #e1eafc; border-right:1px solid #e1eafc;}
/* fin div categorie */


/* div description */
.description {
	text-align:left;
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color:#FFF;
	margin-bottom:2px;
	width:740px;
}
.paddingtd {
	padding-top:20px;
}
*+html .paddingtd {
	padding-top:20px;
}
.tabdesc {
    padding:9px 10px 0px 10px;
	margin:8px 0 0px 0;
}
.tabdesc2 {
    padding:0px 0px 0px 0px;
	margin:0px 0 0px 0;
}

.description h2 {
	text-align:left;
	font-size: 16px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color:#999999;
	padding:0;
	margin:0;
}

.description ul li{
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif;
	color:#0E525E;
	list-style:square;
}
/* fin div description */

/* div webmasters */
.webmasters {
	font-family: monospace;
    border: 1px solid #e1eafc;
    border-left: 8px solid #e1eafc;
    color: #176F7F;
    font-family: Trebuchet, Verdana, sans-serif, mono;
    font-size: 11px;
    padding: 0.5em 1em;
    margin: 1em 0.5em;
    background: #eff4fa;
}

.webmasters h3 {
	font-size: 16px; 
	font-family: Trebuchet, Verdana, sans-serif; 
	color: #176F7F;
}
/* fin div webmasters */

/* div espace membre */
.em {
   width: 150px;
   border: 1px solid #000;
   margin:10px 0 0px 5px;
   height: 16px;
}
.ch {
   width: 50px;
   border: 1px solid #000;
   margin:10px 0 0px 5px;
   height: 16px;
   color: #000;
   font-size:11px;
}
.membre {
	font-size:14px;
	font-family: Trebuchet, Verdana, sans-serif;
	color:#FFFFFF;
    margin:15px 0px 8px 0px;
	font-weight:bold;
	padding:0;
}
*+html .membre {
	font-size:14px;
	font-family: Trebuchet, Verdana, sans-serif;
	color:#FFFFFF;
    margin:11px 0px 5px 0px;
	font-weight:bold;
	padding:0;
}
* html .membre {
	font-size:14px;
	font-family: Trebuchet, Verdana, sans-serif;
	color:#FFFFFF;
    margin:11px 0px 5px 0px;
	font-weight:bold;
}
hr {
	width: 100%;
	display:block;
	height: 1px;
	margin: 0 ;
	padding: 0;
	color: #FFF;
	background: #FFF;
	border: 0;
}
.colorhr {
	color: #EEB901;
	background: #EEB901;
}
.espacemembre {
   font-size:11px;
   font-family: Trebuchet, Verdana, sans-serif;
   border: solid 1px #0E535E;
   background-color:#146776;
   margin:0px 0 0px 0; 
   text-align:left;
   height:176px;
   color:#FFFFFF;
   padding:0px 5px 0 5px;
}
/* fin div espace membre */

/* div moteur de recherche */
#searchengine { 
	margin-bottom: 5px; 
	_margin-bottom: 10px;
	margin-top: 10px;
}
*+html #searchengine { 
	margin-bottom: 7px; 
	_margin-bottom: 10px;
	margin-top: 10px;
}
#searchengine .cadreSE {
	float: right;
	margin-right: 10px;
	margin-top: 0px;
}

.cadreSE {
	width: 470px;
	padding-top: 7px;
}

.souscadreSE {
	padding: 0 0em 7px 0em;
	font-size: 11px; 
	font-family: Trebuchet, Verdana, sans-serif;
}

.recherche {
	width: 250px;
	border: 1px solid #0E525E;
	margin:0px 0px 0px 0px;
	height:16px;
}
/* fin div moteur de recherche */

/* div menu de gauche */
#menuleft {
	color: #3366cc;
	font: 1em Trebuchet, Verdana, sans-serif;
	width: 270px;
	padding-top: 0px;
	background-color: #0E535E;
	margin: 0px 0px 0px 0.2em;
	float: left;
	height:100%;
	line-height:100%;
}

#menubas {
	padding: 0em;
}
/* fin div menu de gauche */

/* div au centre */
#aucentre {
	color: #3366cc;
	font: Trebuchet, Verdana, sans-serif;
	width: auto;
	height:auto;
	margin: 0px 0.2em 0 280px;
}
/* fin div au centre */

/* div chapeau news */
.chapeaunews {
	border-left: 1px solid #e1eafc;
	border-bottom: 1px solid #e1eafc;
	border-right: 1px solid #e1eafc;
	border-top: 0;
	padding: 10px 7px 10px 7px;
	margin: 0 0 10px 0;
	line-height: 138%;
	text-align: left;
	color: #176F7F;
}
/* fin div chapeau news */

/* div navigation news */
.navinews {
	border-top: 1px solid #e1eafc;
	border-left: 1px solid #e1eafc;
	border-bottom: 1px solid #e1eafc;
	border-right: 1px solid #e1eafc;
	padding: 10px 7px 10px 7px;
	margin: 0 0 10px 0;
	background: #eff4fa repeat-x;
	line-height: 138%;
	color: #176F7F;
}
/* fin div navigation news */

/* div commentaires news */
.commentnews {
	border: 1px solid #0E525E;
	background: #C4DDE2 repeat-x;
	margin:0;
	padding:1em 1em;
	display:block;
	color: #176F7F;
	font-size:11px;
	font-family: Trebuchet, Verdana, sans-serif;
}
/* fin div commentaires news */

/* div affichage date pour les actualités */
.date {
	float:left;
	height:35px;
	width:35px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
}

.date span.day {
	font-size:20px;
	display:block;
	border-right:1px solid #FFF;
}

.date span.month {
	font-size:11px;
	display:block;
	border-right:1px solid #FFF;
}
/* fin div affichage date pour les actualités */
