/* --------------------------------
Caractéristiques générales 
-----------------------------------*/

* {
	font-family: Trebuchet MS;
	font-size: 11px;
	margin: 0;
	padding: 0;	
}
p{
	margin-bottom : 7px;
}

img{
	border : none;
}
body {
background-image: url(../img/fond.gif);
padding-bottom : 5px;
}

/*alignement des textarea sous IE*/
textarea, select{
	_margin-left:3px;
}
#conteneur {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
}

a.standard{
	font-family: Trebuchet MS;
	font-size : 11px;
	color:#6B93CE;
	text-decoration:none;
}

a.standard:hover{
	padding : 0px;
	border-bottom:1px solid #9ECF10;
}

a.standard:visited{
	font-family: Trebuchet MS;
	font-size : 11px;
	color:#6B93CE;
	text-decoration:none;
}
/* -----------------------------------
	Structure du site
-------------------------------------- */

/* -----------------------------------
	header
-------------------------------------- */
#Header {
height: 20px;
margin-top : 10px;
text-align: center;
color: #6B93CE;
}

#Header a.link{
	margin-left : 8px;
	background-image: url(../img/puceBleu.gif);
	background-repeat: no-repeat;
	padding-left : 13px;
	text-decoration: none;
	color: #6B93CE;
}

#Header a.link:hover{
	text-decoration: underline;
	border:none;
}

#header a.selection{
	margin-left : 8px;
	background-image: url(../img/pointilleBleu.gif);
	background-repeat: no-repeat;
	padding-left : 13px;
	text-decoration: none;
	color: #6B93CE;
}

#header a.selection:hover{
	border:none;	
}


/* -----------------------------------
	bandeau
-------------------------------------- */
#Bandeau {
height: 99px;
width : 805px;
background-image: url(../img/titre.jpg);
background-repeat: no-repeat;
background-color:white;
}


#bandeauDroite{
	float:right;
	margin-right : 8px;
	width : 350px;
	height : 20px;
}


#bandeauDroite #ok{
	font-family: Trebuchet MS;
	text-decoration: underline;
	font-weight: bolder;
	color : #999999;
	font-size: 10px;
	background-color: transparent;
	cursor:pointer;
	width:25px;
}

#bandeauDroite label{
	font-family: Trebuchet MS;
	color : #999999;
	font-size: 10px;
	position:relative;
	top : -1px;
}


#bandeauDroite a{
font-family: Trebuchet MS;
margin-left : 5px;
	color : #999999;
	font-size: 11px;
}

#bandeauDroite a:hover{	
	border:none;
}
#bandeauDroite p{
	float:right;
	margin-top : 10px;
}

/*style qui définit l'emplacement du logo comptanoo*/
#bandeauCompta{
	background-image: url(../img/comptanoo.gif);
	position : absolute;
	width : 64px;
	height : 24px;
	margin-left : 90px;
	margin-top : 57px;
}

/*style pour le texte sous le titre*/
a.site, a.site:hover, a.site:visited{
	position: absolute;
	font-size: 12px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #99CC00;
	margin-left : 37px;
	margin-top : 40px;
	text-decoration:none;
}
/*style pour le texte sous le titre*/
a.com,a.com:hover,a.com:visited{
	position: absolute;
	font-size: 12px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #99CC00;
	margin-left : 155px;
	margin-top : 60px;
	text-decoration:none;
}

/*-----------------------------------------
contenu du bandeau
-----------------------------------------*/


a.titre, a.titre:hover, a.titre:visited{
	position: absolute;
	font-size: 25px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #99CC00;
	margin-left : 35px;
	margin-top : 12px;
	text-decoration:none;
}


/*le conteneur contient tous les élément de structure du site, il est centré sur la page.*/


/*le contenu contient tous les elements de la page excepte le footer, le bandeau et le header*/
#contenu{
	margin-top : 12px;
	margin-left : 3px;	
	background-image: url(../img/fondGauche.jpg);
	background-repeat: repeat-y;	
}

#contenu2{
	float:left;
	margin-top : 12px;
	margin-left : 3px;	
	_margin-left:1px;
	background-image: url(../img/fondGauche.jpg);
	background-repeat: repeat-y;	
	width:800px;
	background-color:white;
}


#droite{
	background-color:white;
	margin-left : 135px;
	margin-top : 12px;
	padding-bottom : 5;
	height: 600px;
}

html>body #droite {
height: auto;
min-height: 600px;
} 
/***********************************************************
*Partie de droite dans le cas ou il n'y a que deux colonnes
***********************************************************/
#droite2Col{
	background-color:white;
	margin-left : 135px;
	padding-left : 10px;
	margin-top : 12px;
	padding-bottom : 5;
	height: 600px;
}


html>body #droite2Col {
	height: auto;
	min-height: 600px;
} 



#droite2Col ul{
	margin-left : 10px;
	margin-top : 10px;
}


#droite2Col entourer{
	
	border:1px solid #99CC00;
}

#droite2Col select{
	float:left;
	margin-top:5px;
}


#droite2Col textarea{
	float:left;
	margin-top:5px;
	border:1px solid #99CC00;
}

#droite2Col label{
	/*clear:both;
	float:left;
	margin-right : 25px;
	text-align: right ;
	width : 150px;*/
}

/*****************************************************/
/*******************zone du centre*******************/
#ZoneCentre {
width : 490px;
background-color:white;
margin-left : 10px;
}


/*milieu gauche et droite correspondent aux blocks qui contiennt les + et les 
témoignages sur les pages logiciels*/ 
#milieuGauche{
	margin:0;
	padding:0;
	width : 240px;
	float:left;
}
#milieuDroite{
	margin:0;
	padding:0;
	float : left;
	margin-left:10px;
	width : 240px;
	
}

#milieuDroite img{	
	display : inline;
	border : none;
	margin-left:5px;
}

/*--------------------------------------------------
zone centre haut
--------------------------------------------------*/
#ZoneCentreHaut{	
	width : 495px;
	background-color: white;
}



#ZoneCentreHaut li{
	float : left;
	background-color : white;
	width:370px;
	font-size : 11px;
	background-image: url(../img/flecheVerte.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left : 18px;
	margin-bottom : 5px;
	z-index: 2;
}

/*boite défini le style pour l'image qui apparait sur les pages de présentation logiciel */
#boite{
	float : left;
	background-image: url(../img/boite.gif);
	background-repeat: no-repeat;
	width : 69px;
	height : 95px;
	margin-right : 20px;
}

#hautDroite{
	float : left;
	margin-left : 10px;
	display : block;
	background-color: white;
}

/*ce style définit la ligne de texte entre les puces de présentation dans les présentations asso*/
#asso{
	clear:both;
	float:left;
	position : relative;
	margin-left : -30px;
	font-weight: bold;
	margin-bottom : 10px;
}



/*--------------------------------------------------
zone centre milieu
--------------------------------------------------*/
#ZoneCentreMilieu{	
	width : 495px;
	height: 20px;
}



/*----------------------------------------------
zone bas
----------------------------------------------*/
#ZoneCentreBas{	
	width : 483px;
	text-align: right;
    padding-top : 5px;
    padding-bottom : 5px;
    border-color : #CCD9EC;
    border-style :double;
}
#ZoneCentreBas UL
{
    margin-right:5px;
    color:#980266;

}
#ZoneCentreBas LI
{
    font-size:13px;

}


.imageGauche{
	margin-left :-55px;;	
}



/*---------------------------------------------
zone gauche
---------------------------------------------*/

#ZoneGauche {
position : absolute;
padding : 0px;
margin : 0px;
left:3;
width: 150px;
}

#ZoneGauchehaut{
	background-image:url(../img/gaucheHaut.gif);
	height: 85px;
	width : 120px;
	background-repeat: no-repeat;
	margin-top : 6px;
	margin-left : 10px;
	background-color: white;
}

a.gauche1{
	background-image: url(../img/gaucheHaut1.gif);
	display : block;
	width : 120px;
	height:25px;
}

a.gauche1:hover{	
	background: url(../img/gaucheHaut1.gif) -120px;
	border:none;
}

a.gauche2{
	margin-top : 5px;
	background-image: url(../img/gaucheHaut2.gif);
	display : block;
	width : 120px;
	height:25px;
}

a.gauche2:hover{
	background: url(../img/gaucheHaut2.gif) -120px;
	border:none;
}
/*-----------------------------------------
zone de droite
-----------------------------------------*/
#ZoneDroite {
position: absolute;
right : 0;
width: 150px;
padding-top : 5px;
_right : 4px;/*seulement lu par IE6*/
}

#zoneDroitehaut{
	width: 150px;
	background-color: #F1F4F9;
	padding-top : 5px;
}

#zoneDroiteMilieu{
	width: 150px;
	height : 100px;
	background-color: #CCD9EC;
	padding-top : 5px;
}

#zoneDroiteBas{
	clear : both;
	width: 150px;	
	background-color: #F1F4F9;
	padding-bottom : 10px;
	/*background-image: url(../IMG/droiteBas.jpg);*/
}


#zoneDroiteBas2{
	clear : both;
	float:right;
	width: 150px;	
	background-color: #CCD9EC;
	padding-bottom : 10px;
	background-image: url(../IMG/droiteBas2.jpg);
	background-repeat : no-repeat;
	color:white;
	font-weight : bold;
	font-size:13px;
	text-align:center;
	font-family : Trebuchet MS;
}

#zoneDroiteBas2 #num{
	color:#9ECF0F;
	font-family : Trebuchet MS;
	font-size:60px;
	font-weight: bold;
}

#zoneDroiteBas2 #euro{
	color:#9ECF0F;
	font-family : Trebuchet MS;
	font-size:15px;
	font-weight: bold;
	vertical-align: 30px;
}

#zoneDroiteBas2 #vert{
	color:#9ECF0F;
	font-family : Trebuchet MS;
	font-size:15px;
	font-weight: bold;
}
#zoneDroiteBasEC {
	clear : both;
	float:right;
	width: 150px;	
	background-color: #CCD9EC;
	padding-bottom : 10px;
	background-image: url(../IMG/droiteBas2.jpg);
	background-repeat : no-repeat;
	color:White;
	font-weight : bold;
	font-size:13px;
	text-align:center;
	font-family : Trebuchet MS;
}
#zoneDroiteBasEC DIV.memo{
	background: url(../IMG/EspaceExpert/memoEC.gif) no-repeat top;
	margin-top:15px;
	padding-top:70px;
}
/*---------------------------------------------------
-----------------zone de droite bas : ---------------
----------------------------------------------------*/

#fond{/*
	margin-left : 50px;
	margin-top : 10px;
	width : 47px;
	height : 35px;
	bottom : 0;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;*/
}

#haut{
	position : relative;
	width: 150px;
	margin-bottom : 10;
	text-align: center;
	color : #6C96D2;
	font-size: 12px;
	font: Trebuchet MS;
}

#bas{
	position : relative;
	width: 150px;
	text-align: center;
	color : black;
	font-size: 11px;
	font: Trebuchet MS, normal smaller;
}


/* -----------------------------------
	Styles de base
-------------------------------------- */
h1{
	font-family: Trebuchet MS;
	color : #999999;
	font-size: 21px;
	font-weight: bolder;
	background-image: url(../IMG/h1.gif);
	background-repeat:no-repeat;
	background-position: 0 8px;
	padding-left:25px;
	margin-bottom:15px;
	padding-top:10px;
	text-align: left;
}
h2{
	margin-top :10px;
	margin-bottom : 7px; 
	font-family: Trebuchet MS;
	color : #999999;
	font-size: 17px;
	font-weight: bolder;
	margin-left:18px;
}

h3{
	clear:both;
	font-family: Trebuchet MS;
	color : #999999;
	font-size: 12px;
	font-weight: bolder;
	margin-left:30px;
	margin-bottom:10px;
}

h4{
	clear:both;
	font-family: Trebuchet MS;
	color : #999999;
	font-size: 12px;
	font-weight: bold;
	margin-left:10px;
	margin-bottom:10px;
	border-bottom : 1px solid #9ECF10;
}


input{
	border:none;	
}

input.boutonStandard{
	/*clear:both;
	float:left;*/	
	cursor:pointer;
	background-image: url(../IMG/boutonStandard.gif);
	background-position : top left;
	background-color:white;
	background-repeat: no-repeat;
	border: 0;
	border-right : 1px solid #9ECF10;
   /*border-bottom : 1px solid #9ECF10;*/
	color: #9ECF10;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	height : 21px;
	_height:23px;	
	padding:0;
	padding-left:18px;
	overflow:visible;
}

input.boutonStandard:hover{
	background-image: url(../IMG/boutonStandardHover.gif);
	
}
input.textStandard{
	border : 1px solid #9ECF10;
	margin-top : 2px; /*je rajoute ca pour els form de login*/
	padding-left : 4px;
}

input.textStandard2{
	/*border : 1px solid #9ECF10;
	margin-top : 10px;
	width : 270px;
	float:left;	*/
}

input.radioStandard{/*
	clear:none;
	width:10px;
	margin-top:3px;
	_margin-top:3px;
	float:left;*/
}
input.checkStandard{
	float:left;
}

.labelStandard{
	clear:both;
	float : left;
	_padding-top:3px;
	margin-right : 25px;
	text-align: right ;
	width : 150px;
}

.labelStandard2{
	float : left;
	_padding-top:3px;
	text-align: right ;
	width : 150px;
	margin-right:5px;
}


.radioEnLigne{
	/*width : 30px;
	padding-top:3px;
	margin : 0px;
	padding:0px;
	text-align: right ;
	float:left;*/
}

TABLE {
	border-collapse: collapse;
}

TABLE TD {
	vertical-align: top;
}

li{	
	list-style-type: none;
	list-style-position: outside;
}
li.vert{	
	margin-left:20px;
	list-style-type: none;
	background-image: url(../IMG/LiVerte.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
}

#droite2Col li.bleu{	
	margin-left:20px;
	list-style-type: none;
	background-image: url(../IMG/LiBleu.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
}

/* -----------------------------------------
	Onglets (liens présent dans le bandeau)
-------------------------------------------- */

#Onglets {	
	width : 565px;
	height : 20px;
	position : absolute;
	margin-left : 235px;
	margin-top : 70px;
	background-image: url(../img/trait_header.gif);
	 }

#Onglets a{
	text-decoration: underline;
	color : #9ECF0F;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	margin-right : 22px;
}
#Onglets a:hover{
	text-decoration: underline;
	color: #6B93CE;
	border:none;
}
	

#Onglets UL {
	display: block;
	float: left;	
}

#Onglets li{
	float: left;
	margin-left : 0px;
	background-image:none ;
}

#Onglets .selection{
	text-decoration: underline;
	color: #6B93CE;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	margin-right : 22px;
}


/*--------------------------------------
Footer
---------------------------------------*/
#Footer {
clear: both;
padding-top : 10px;
height: 30px;
margin-left:3px;
width : 797px;
text-align: center;
}


#footer_Compta{
	float : right;
	margin-top : -16px;
	color: #6B93CE;
}

#Footer a{
	margin-left : 13px;
	text-decoration: none;
	color: #6B93CE;
}


#Footer a.selection{
	margin-top : -16px;
	color: #6B93CE;
	background-image: url(../IMG/pointilleFooter.gif);
	background-repeat: repeat-x;
	text-decoration: none; 
}

#Footer a.selection:hover{
	margin-top : -16px;
	color: #6B93CE;
	text-decoration: none;	
	border:none;
}

#Footer a:hover{
	text-decoration: underline;
	border:none;
}

#Footer a.bas{
	margin:0;
	padding-left : 13px;
	text-decoration: none;
	color: #6B93CE;
}

#Footer a.bas:hover{
	text-decoration: none;
	border:none;
}

#site{
	color: #6B93CE;
	font-weight: bold;
	display: inline;
	margin-left : 8px;
}

/*-----------------------------------------
cadre pointillé
-----------------------------------------*/
.pointilleHaut{
	clear : both;
	background-image: url(../img/pointille.gif);
	width : 240px;
	height : 2px;
	background-repeat: no-repeat;
	padding : 0;
	margin : 0;
}

.pointilleBordure{
clear : both;
	background-image: url(../img/pointilleBordure.gif);
	width : 240px;
	background-repeat: repeat-y;
	padding : 0;
	margin : 0;
}
.pointilleBas{
	background-image: url(../img/pointille.gif);
	width : 240px;
	height : 2px;
	background-repeat: no-repeat;
	padding : 0;
	margin : 0;
	margin-bottom : 8px;
	_margin-bottom : 0px;
}

.pointilleTexte{
	padding-top:5px;
	padding-bottom:5px;
	margin-left : 10px;
	margin-right : 10px;
	_margin-top : -10px;
}

.pointilleTexte li{
	padding-left : 12px;
	background-image: url(../img/flecheDouble.gif);
	background-repeat: no-repeat;
	line-height: 1.2em;
	display : block;
	margin-top : 8px;
}

.pointilleTexte strong{
	color : #9ECF0F;
}



/*-----------------------------------------
liens de droite
------------------------------------------*/

a.lien1{	
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/picto1.gif);
	text-decoration: none;
	background-repeat: no-repeat;	
	height : 25;
	display : block;  
	padding-left : 33px;
  	}
	
a.lien1:hover{
	text-decoration: underline;
	border:none;
}

a.lien1selec{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/lien1selec.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien1selec:hover{
	border:none;
}

a.lien2{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/picto2.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
	border:none;
}
a.lien2:hover{
	text-decoration: underline;
	border:none;
}

a.lien2selec{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/lien2selec.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien2selec:hover{
	border:none;
}


a.lien3{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/picto3.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien3:hover{
	text-decoration: underline;
	border:none;
}

a.lien3selec{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/lien3selec.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien3selec:hover{
	border:none;
}


a.lien4{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/pictoAsp.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien4:hover{
	text-decoration: underline;
	border:none;
}
a.lien4selec{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/lien4selec.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien4selec:hover{
	border:none;
}

a.lien5{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/pictoWin.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien5:hover{
	text-decoration: underline;
	border:none;
}
a.lien5selec{
	color : #666666;
	margin-top : 5px;
	background-image: url(../img/lien5selec.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left : 33px;
	height : 25;
	display : block;
}
a.lien5selec:hover{
	border:none;
}

/*style qui définit le bouton abonnement*/



a.bouton{
	display: block; 
	background-image: url(../img/bouton.gif);
	background-repeat: no-repeat;
	width : 120px;
	height : 36px;
	margin-left : 12px;
}

a.bouton:hover{
	background: url(../img/bouton.gif) -120px;
	border:none;
}

a.BoutonActiverG {
	display: block; 
	background-image: url(../img/boutonActiverGratuitement.gif);
	background-repeat: no-repeat;
	width : 120px;
	height : 36px;
	margin-left : 12px;
}

a.BoutonActiverG:hover{
	background: url(../img/boutonActiverGratuitementSouligne.gif);
	background-repeat: no-repeat;
	border:none;
}

a.BoutonActiverGFiche {
	display: block; 
	background-image: url(../img/boutonActiverGratuitementF.gif);
	background-repeat: no-repeat;
	width : 120px;
	height : 36px;
	margin-left : 12px;
}

a.BoutonActiverGFiche:hover{
	background: url(../img/boutonActiverGratuitementSouligneF.gif);
	background-repeat: no-repeat;
	border:none;
}


a.bouton2{
	display: block; 
	background-image: url(../img/bouton2.gif);
	background-repeat: no-repeat;
	width : 120px;
	height : 36px;
	margin-left : 12px;
}

a.bouton2:hover{
	background: url(../img/bouton2.gif) -120px;
	border:none;
}
#boutonselection{
	display: block; 
	background: url(../img/bouton.gif) -240px;
	width : 120px;
	height : 36px;
	margin-bottom : 10px;
	margin-left : 8px;
}


/*-----------------------------------------
menu de gauche
------------------------------------------*/
#menu {
margin-left : 10px;
margin-top : 10px;
width : 121px;
}

#menu dt{	
border-top-width: 1px;
}

#menu1{
	padding : 0;
	padding-top : 3px;
	color : #999999;
	background-image: url(../img/plus.gif);
	background-repeat: no-repeat;
	cursor : pointer;
	border-top: 1px solid #CCCCCC;
	height : 20px;
}

#menu2{
	padding : 0;
	padding-top : 3px;
	color : #999999;
	background-image: url(../img/plus.gif);
	background-repeat: no-repeat;
	cursor : pointer;
	border-top: 1px solid #CCCCCC;
	height : 20px;
}

.vide{
	color : #999999;
	cursor : pointer;
	border-top: 1px solid #CCCCCC;
	height : 20px;
}

#menu li {
padding : 0;
padding-top : 4px;
height : 20px;
background-image: url(../img/menu_pointille.gif);
background-position : right;
background-repeat: no-repeat;
/*margin-left : 10px;*/
text-align:right;
border-color: #CCCCCC;
}

#menu li a {
font-size : 12px;
color : #999999;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
margin-right:18px;
}

#menu li a:hover {
color : #9ECF0F;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border:none;
}

#menu li a.selection{
	color : #9ECF0F;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	margin-right:0px;
	
}
#menu li a.selection:hover{
	color : #9ECF0F;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	margin-left : 20px;
	border:none;
}

#menu dt a {
color : #999999;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu dt a:hover {
color : #9ECF0F;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border:none;
}


#menu dt .selection{
color : #9ECF0F;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}



/*style qui définit le TM apres compta collaborative*/
#tm{
font-family: Trebuchet MS;
vertical-align: 7px; 
font-size :50%;
}

/*style qui définit le style pour l'abonnement sur les pages de presentation logiciel*/
.abonnement{
	clear : both;
	float : right;
	display:block;
	font-weight: bold;
	font-size: 14px;
	width : 490px;
	height:24px;
	font-family: Trebuchet MS;
	color : white;
	margin-top : 5px;
	background-image: url(../IMG/abo.jpg);
	text-align: right;
	padding-right: 5px;
}


/*style qui définit le trait de séparation*/
.trait{
	clear : both;
	background-repeat: no-repeat;
	background-image: url(../img/trait.gif);
	width : 490px;
	height : 2px;
	margin-bottom : 5px;
}



/*permet de placer certains éléments en flottant et de revenir en flux normal par la suite*/
.spacer{
	clear:both;
}
/* -----------------------------------
	Onglets 2 (avec image arrondi en fond ...)
-------------------------------------- */

#Onglets2Haut {	
	width : 608px;
	height : 17px;
	margin-left : 0px;
	margin-top : 20px;
	font: "Trebuchet MS" 11;
	font-weight: bold;
	background-image: url(../img/trait_header.gif);
	background-repeat: repeat-x;
	 }
#Onglets2Haut UL {
	margin : 0;
	display: block;
	/*float: left;*/	
}

#Onglets2Haut li{
	float: left;
	margin-right : 2px;
}

#Onglets2Haut a{	
	text-decoration: none;
	color : #999999;	
	background-image: url(../img/onglets2.gif);
	width : 119px;
	height : 17px;
	display : block;
	text-align: center;
}
#Onglets2Haut a:hover{
	text-decoration: none;
	color: #9ECF0F;
	background: url(../img/onglets2.gif) -120px;
	border:none;
}
	
#Onglets2Haut a.selection{
	background: url(../img/onglets2.gif) -240px;
	color : #9ECF0F;
	width : 121px;
	height : 17px;
	display : block;
	text-align: center;
	text-decoration: none;
}
#Onglets2Haut a.selection:hover{
	background: url(../img/onglets2.gif) -240px;
}
#gauchedl{
	margin-left:0px;
}
#telechargement{
	background-image: url(../img/trait_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:608px;
	padding-bottom : 4px;
}
#telechargement p{
	background-image: url(../IMG/onglets2Fond.gif);
	background-repeat: repeat-y;
	padding:5px;
}

#telechargement .form{
	background-image: none;
}

#telechargement .texte{
	background-image: url(../IMG/onglets2Fond.gif);
	background-repeat: repeat-y;
	padding:5px;
}

#telechargement .labelStandard{
	width:75px;
}
/***************************
* menu acces rapide
***************************/


#acces{
	margin-left : 10px;
	margin-top : 10px;
	width : 121px;		
}

#acces a.cacher{
	position : absolute;
	right:2px;
	top:2px;
	background-image: url(../IMG/fleche_retour.gif);
	width:13px;
	height:13px;
	background-repeat: no-repeat;
	display:block;
}

#acces a.cacher:hover{
	border:none;
}

#acces .titre{
	font-size: 12px;
	font-weight: bolder;
	color:#9ECF0F;
	margin-top : 10px;
	margin-left:2px;
}

#acces .sousTitre{
	font-family: Trebuchet MS;
	font-size : 11px;
	color:#6B93CE;
	text-decoration:none;
	font-weight: bolder;
	margin-left : 15px;
}

#acces dt{
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
}


#acces ul{      
		padding : 5px;
}


#acces li{	
	margin-left : 15px;
}

#acces dd{
	/*clear:both;*/
	z-index : 1000;
	position : absolute;
	width : 410px; /*taille du menu qui s'affiche, a agrandir si necessaire...*/
	margin-left : 130px;
	margin-top : -100px;
	display:none;
	border : 1px solid #999999;
	background-color: white;
}


#acces dt a {
	width : 121px;
	height : 19px;	
	background-image: url(../img/fleche_entoure.gif);
	background-repeat: no-repeat;
	display : block;
	text-decoration: none;
	text-align: center;
	color : #9ECF0F;
}



#acces dt a:hover {
	background-image: url(../img/fleche_entoure_survol.gif);
	text-decoration: underline;
	border:none;
}

#acces #gauche{
	margin:0;
	padding:0;
	clear:both;
	float:left;
	width : 200px;
}

#acces #accesDroite{
	margin:0;
	padding:0;
	float:left;
	width : 200px;
}

/*définitions d'un bloc qui sert pour les fonctionnalités des produits, pour les FAQ...*/

#fonctionnalite{
	float : left;
	margin-top : 15px;
	font-family : Trebuchet MS;
	margin : 0px;
	padding:0px;
	margin-left : 5px;
	background-color : white;
	width : 475px;
	font-size : 12px;
}
#fonctionnalite a:visited{
	/*color:blue;*/
}

#fonctionnalite p{
	margin-top : 10px;
}


#fonctionnalite ul{
	/*margin-left : 40px;
	margin-top : 10px;
*/}

#fonctionnalite dt{
	font-size : 13px;
	text-decoration: underline;
}

#fonctionnalite dd{
	margin-left : 30px;
	margin-bottom : 15px;
}

/*style des erreurs au dessus des pages*/
.erreur{
	float:left;
	margin-top : 10px;
	margin-bottom : 10px;
	border : 1px solid red;
	padding : 4px;
	color:red;
	font-size:15;
	font-weight: bold;
}


/*style qui entoure d'une bordure un texte*/
#cadre{
	border-width: 1px ;
	border-color:black; 
	border-style: solid;
	width : 500px;
	padding : 10px;
}

#enavant{
	font-size: 15px;
	font-weight: bolder;
	text-decoration: underline;
	margin : 0;
	margin-top : 5px;
	margin-bottom : 10px;
}
/********************************************/
/*******style pour les form d'inscriptions***/
#inscription{
	padding:0;
	margin:0;
}

#inscription label{
	/*clear:both;
	margin-top:5px;
	/*margin-left:185px;
	margin-right:5px;
	background-color:white;
	display : block;
	width:70px;
	_margin-left:0;*/
}

#inscription a.submit,#inscription input.boutonStandard {
	/*margin-left:70px;
	_margin:0;
	position:relative;
	left:65px;
	_left:75px;	*/
}
/*on modifie ca pour ne pas que le bouton soit lui aussi decle quand le lien est deja décalé!*/
#inscription input.boutonStandard{
	/*_left:0;*/
}
#sub{
	clear:both;
	float:left;
	font-size : 15px;
	}
	

	
	/********************************************/
	/*******style pour les form d'adhesion******/

.titreCadre{
	/*background-color:#E4F1FF;	
	text-indent: 5px;
	border-bottom: 1px solid black;*/
}

.bloc{
	clear:both;
	margin-left:10px;
	margin-top:5px;
	width : 600px;
	border:1px solid white;
}	


.radioLabel{
	margin-left : 25px;
	margin-right : 10px;
	text-align : right;
	width : 140px;
	float:left;
}

.radio{
	float:left;
}

.boxLabel{
	margin-left : 35px;
	margin-right : 10px;
	width : 130px;
	float:left;
	text-align : right;
}

.boxLabel2{	
	margin-right : 10px;
	width : 260px;
	float:left;
	text-align : right;
}

.textLabel{
	float:left;
	width : 150px;
	text-align : right;
	margin-left:5px;
	margin-right:10px;
}

.text{
	border : 1px solid #9ECF10;
	width : 270px;
	padding-left:4px;
}


/***style pour le form du bandeau**/
.entourer2{
	border:1px solid #CDCDCD;
	width:90px;
	margin-top : 10px;
	text-indent: 2px;
	padding-left:4px;
}

.adherer{
	/*border:1px solid black;*/
	clear:both;
	margin:10;
	padding:0;
	padding-bottom:5px;
	
}	

#adherer2{
	/*background-color: #B8B8B8;
	border:1px solid black;
	margin:10;
	margin-top:-10;
	padding:0;
	padding-top : 5px;*/
}
#adherer2 #bas{
	/*width : 300px;*/	
}



.question{
	width : 350px;
	height: 70px;
}

.bloc h3{
	margin:0;
	padding:0;
	width: 300px;
	font-family:Trebuchet MS;
	font-size: 13px; 
	font-weight: bolder;
	margin-top:8px;;
	clear:both;
	float:left;
}


#val{
margin-left : 290px;
/*_margin : 0;*/
	}


/********************************************/
/******style pour les conditions*************/

#condition {
	float : left;
	margin : 0px;
	padding:0px;
	margin-left : 5px;
	width : 620px;
	font-size : 12px;	
	text-align: justify;
	margin-right : 10px;
}



#condition dt{
	text-decoration: underline;
	display:inline;
}
#condition dd{
	position:relative;	
	display:inline;
}

#condition p{
	margin-top : 10px;
}

#condition label{
	/*clear:both;
	margin-top:5px;
	width:130px;*/
}

#condition textarea{
	/*margin-top:5px;
	margin:0px;
	padding:0px;
	width:300px;
	height:100px;*/
}

#condition .dessous{	
	clear:both;
	float:left;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-left:130px;
	border:1px solid black;
}

#condition p{
	clear:both;
}

/*#condition .check{
	margin : 0;
	float:left;
	width:15px;
}*/




.erreurLogin{
	background-color:#FFAEAE;
}

/**************************************************/
/***style appliqué au cadre d'annotation...********/

.noteVertHaut{
	padding:0;
	margin:0;
	width:520px;
	height:10px;
	background-image: url(../IMG/noteHaut.gif);
	background-repeat: no-repeat;
}
.noteVertMilieu{
	padding:0;
	margin:0;
	padding-top:-5px;
	text-align: center;
	background-color:#9ECF10;
	color:white;
	font-size:11px;
	font-weight: bolder;
	width:520px;
	_margin-top : -6px;
}
.noteVertBas{
	padding:0;
	margin:0;
	width:520px;
	height:10px;
	background-image: url(../IMG/noteBas.gif);
	background-repeat: no-repeat;
}

.noteBlancHaut{
	width:500px;
	height:6px;
	margin-left:10px;
	_margin-left:4px;
	background-image: url(../IMG/noteBlancHaut.gif);
	background-repeat: no-repeat;
	
}

.noteBlancMilieu{
	padding:5;
	margin:0;
	color:Black;
	width:490px;
	_width:500px;
	margin-left:10px;
	background-color:white;
	text-align: justify; 
	font-weight: normal;
	_margin-top : -10px;
	_margin-left:4px;
	
}


.noteBlancBas{
	width:500px;
	height:6px;
	margin-left:10px;
	_margin-bottom:-10px;
	background-image: url(../IMG/noteBlancBas.gif);
	background-repeat: no-repeat;
	_margin-left:4px;
}


	
a.boutonStandard{
	color: #9ECF10;
	border-right : 1px solid #9ECF10;
	text-decoration:none;	
	height:21px;
	background:url(../IMG/boutonStandard.gif) no-repeat;
	padding-bottom:3px;
	padding-top:2px;
	_padding:0;	
	padding-left:18px;
	padding-right:5px;
	line-height: 21px;
	}

a.boutonStandard:hover{
	background:url(../IMG/boutonStandard.gif) no-repeat -496px;
	}

a.boutonStandard : visited{
	color: #9ECF10;
	border-right : 1px solid #9ECF10;
	text-decoration:none;	
	height:21px;
	background-image:url(../IMG/boutonStandard.gif);
	padding-bottom:3px;
	padding-top:2px;
	_padding:0;	
	padding-left:18px;
	padding-right:5px;
	line-height: 21px;
	}
	
	
/***************************************************************************/
/*Style qui permet d'avoir un bouton submit extensible avec une image de ***/
/*fond, fonctionne sous IE et firefox***************************************/
/***************************************************************************/

a.submit {
	display:inline-block;
	position:relative;
	left:10px;
	}
	

a.submit, input.boutonStandard {
	 clear:both;
	 background:url(../IMG/boutonStandard.gif) no-repeat left top;
	 border:0; 
	 height:21px; 
	 border-right:1px solid #A1D017; 
	 cursor:pointer; 
	 }


a.submit input,input.boutonStandard {
	text-decoration:none;
	color:#A1D017; 
	font-family:Verdana; 
	font-size:10px;
	  }
	
a.submit input{
	background:none; 
	border:none; 
	padding-left:18px;  
	padding-right:8px; 
	_width:1%; 
	overflow:visible;}
	
input.boutonStandard {
	padding-left:15px; 
	padding-right:8px;}


a.submit:hover,input.boutonStandard:hover{
	background:url(../IMG/boutonStandard.gif) no-repeat -496px;
	/*background-position: left top;*/
	}

/**on definit 2 style pour placer sous IE et sous firefox...**/	
#formRappelSub{
	margin-top : 10px;
	margin-left : 370px;
	_margin:0;
}	
#formRappel{
	left:375px;
}

#formLogSub{
	/*margin-left : 300px;*/
	margin-top :-20px; 
	_margin-left:0px;
	_margin-top :0px; 
}

#formLogS{
	left:225px;
	top : -22px;
}

	
#formInscriptionSub{
	margin-top : -20px;
	margin-left : 390px;
	_margin: 0px;
	position:relative;
}

#formInscription{
	left : 400px;
	top-20px;
	position:relative;
}	

#formCodeSub{
	margin-left:10px;
	_margin:0px;
}	

#formCode{
	top:-22px;
	left:260px;
}
	
#frmPersonne{
	margin-left:400px;
}
	
#frmNDFSub{
	margin-top : 10px;
	margin-left:175px;
	_margin:0px;
}

#frmNDFS{
	top:10px;
	left:180px;
}
	
/*#code{
	margin:0;
	margin-top : 10px;
	margin-bottom:10px;
}	
#code label{
	margin:0px;
	margin-top:11px;
	width:70px;
}

#code .boutonStandard{
	margin-left:70px;
}*/

.asterix {
	color:red;
	margin-right : 4px;
}

/***************************************/
/**definition des styles pour la page**/
/********d'accueil logiciel************/

#gammeLog{
	margin:0px;
	margin-bottom:10px;
	width : 640px;
	border-bottom:1px dashed #9ECF0F;
}

.gamme{	
	border:none;
	margin-right:5px;
	float:left;
	padding:0;
	margin-bottom : 10px;
}

.gamme2{
	border:none;
	margin-right:0px;
	float:left;
	padding:0;
	margin-bottom : 10px;
}

.presLog{
	float:left;
}
#offreLog{
	float:left;
	display:block;
	width : 329px;
	margin-left:12px;
}

#offreLog .test{
	background-image: url(../IMG/testLog.jpg);
	width :329px;
	height : 50px;
}
#offreLog .test a{
	color:white;
	text-decoration: underline;
	position : absolute;
	margin-left:250px;
	margin-top : 30px;
	font-weight: bold;
}

#immanquable{
	margin-top : 12px;
	float:left;
	width : 329px;
	border : 1px dashed #AAC2E5;
	min-height : 202px;
	_height : 204px;
}
#immanquable strong{
	font-family: Trebuchet MS;
	font-size:24px;
	color:#9ECF0F;
	font-weight: bold;
	text-decoration: underline;
}
#immanquable .titre{
	background-image: url(../IMG/immanquableTitre.jpg);
	width : 329px;
	height: 35px;
}

#immanquable p{
	display: block;
	margin-left:10px;
	_margin-left:2px;
	width : 309px;
	font-family: Trebuchet MS;
	font-size:24px;
	color:#9ECF0F;
	font-weight: bold;
}

#immanquable .souligne{
	display : inline;
	margin-left:8px;
	width : 319px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	font-size:24px;
	color:#9ECF0F;
	font-weight: bold;
}

#immanquable .boutonStandard{
	margin-left : 120px;
}

/****************************************/
/***style definit pour la apge d'acueil**/
/****************************************/


#accueilGauche{
	float:left;
	width : 590px;
	margin-bottom:5px;
}

#accueilDroite{
	float:left;
	margin-left:8px;
	width : 200px;
}

#accueilDroite img{
	clear:both;
	float:left;
	margin-top : 10px;
	border:none;
}



#accueilGauche #annonce{
	margin:10px;
	border : 1px dashed #6C96D2;
	width : 570px; 
}

#accueilGauche #annonce p{
	margin : 5px;
	width : 560px;
	color:#6C96D2;
}

#accueilGauche #annonce strong{
	font-size: 15px;
}


#accueilGauche #annonce #tpe{
	font-style: italic;
	color:#6C96D2;
	font-size : 9px;
	float:right; 
	margin-top : -3px;
	margin-right : 2px;
}

#accueilGauche #annonce h1{
	font-family : Trebuchet MS;
	background-image: none;
	color:#9ECF10;
	width : 570px;
	padding : 0px;
	margin-left : 0px;
	margin-right : 0px;
	text-align: center;
}

#accueilGauche img{
	float:left;
	margin-left:10px;
}

#accueilGauche #immanquable{
	margin-top:0px;
	float:left;
	margin-left:8px;
	width : 329px;
	border : 1px dashed #AAC2E5;
}

#accueilGauche #immanquable strong{
	font-family: Trebuchet MS;
	font-size:22px;
	color:#9ECF0F;
	font-weight: bold;
	text-decoration: underline;
}
#accueilGauche #immanquable .titre{
	background-image: url(../IMG/immanquableTitre.jpg);
	width : 329px;
	height: 35px;
}

#accueilGauche #immanquable p{
	display: block;
	margin-left:10px;
	_margin-left:2px;
	width : 309px;
	font-family: Trebuchet MS;
	font-size:22px;
	color:#9ECF0F;
	font-weight: bold;
	margin-bottom:0;
}

#accueilGauche #immanquable .souligne{
	display : inline;
	margin-left:8px;
	width : 319px;
	font-family: Trebuchet MS;
	text-decoration: underline;
	font-size:24px;
	color:#9ECF0F;
	font-weight: bold;
}

#accueilGauche #immanquable a.boutonStandard{
	margin-left : 120px;
	margin-top:0;
}

#bandeauAccueil{
	width : 800px;
	height:150px;
	float:left;
	background-image: url(../IMG/accueilImage.jpg);
}
#bandeauAccueil #accroche{
	position:absolute;
	margin:0;
	width : 260px;
	height : 60px;
	margin-left:460px;
	margin-top : 25px;
	color:#000033;
	font-size : 15px;
	font-weight: bold;
}
#bandeauAccueil #accroche2{
	position:absolute;
	margin:0;
	width : 260px;
	height : 60px;
	margin-left:600px;
	margin-top : 110px;
	color:#000033;
	font-size : 15px;
	font-weight: bold;
}

#essaiGratuit{
	float:left;
	width : 233px;
	height : 204px;
	margin-left:10px;
	_margin-left : 5px;
	margin-bottom:5px;
	background-image : url(../IMG/accueilEssai.jpg);
}

#essaiGratuit a.gauche{
	width : 150px;
	height : 20px;
	display:block;
	margin-top : 175px;
	margin-left : 80px;
	text-align :right;
	color:white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10;
	font-weight: bold;
	text-decoration:underline;
}

#essaiGratuit a.gauche:hover{
	text-decoration:none;
}

.note{
	clear:both;
	margin-left:10px;
	margin-top : 8px;
	width : 620px;
	font-family : Trebuchet MS;
	font-size : 9px;
}


/**style pour afficher le mdp et le login ds activation**/

.mdp{
	border : 1px solid black;
	width : 200px;
	padding-left:5px;
}


/******style pour entourer les screenshot du site **/

.apercu{
	border : 1px solid black;
}

.decale{
	margin-left : 20px;
}

.hautEtBas{
	margin-top : 10px;
	margin-left : 20px;
	border-top : 1px solid #9ECF0F;
	padding-top : 10px;
	padding-bottom : 10px;
	border-bottom : 1px solid #9ECF0F;
	display : block;
	width : 400px;
	font-family : Trebuchet MS;
	font-size : 13px;
	font-weight: bold;
	color:#999999;
}

.bas{
	border-bottom : 1px solid #9ECF0F;
	width : 600px;
	padding-bottom : 10px;
	margin-top : 15px;
	margin-left : 20px;
}

.texteContact{
	float:left;
	display:block;
	width : 390px;
}

.pfleche{
	float:left;
	margin-top : 1px;
	margin-left:7px;
	margin-right : 7px;
}

.mail{
	width : 175px;
	text-align : right;
	float:left;
}

#planGauche,#planDroit{
	float:left;
	margin-left:15px;
}

.blocDroit{
	float:right;
	width:180px;
	border : 1px solid #999999;
	padding:4px;
	margin:20px 10px 20px 10px;
}

/*********************************************/
/*style qui definisse les longeurs des champs*/
/*********************************************/

.textDefaut{
	width : 130px;
}
.textLogin{
	width : 80px;
}

.textCp{
	width:40px;				
}

.textMail{
	width : 180px;	
}

.textTel{
	width: 180px;	
}
/*********************************************/
/*                   Espace EC               */
/*********************************************/
#EspaceEC .banniere{
	background:url(../IMG/EspaceExpert/banniere.gif) no-repeat top; 
	width:100%;
	text-align:center;
	color:white;	
}
#EspaceEC .banniere2{
	background:url(../IMG/EspaceExpert/banniere.gif) no-repeat top; 
	width:100%;
	text-align:center;
	color:white;
	font-size:14px;
	text-align: right;	
}
#EspaceEC .TxtEnteteGauche{
	width:50%;
	padding-right:30px;
	font-size:11px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:15px;
}
#EspaceEC H1{
	margin-bottom:5px;
}
SPAN.vert{
	color: #9ECF0F;
}
#EspaceEC .separateur{
	border-top:1px solid #990066;
	border-bottom:1px solid #990066;
	font-size:2px;
	margin-top:5px;
	width: 100%;
}
#EspaceEC .TxtEnteteDroite{
	background:url(../IMG/EspaceExpert/ChoisirCoo.jpg) no-repeat right bottom; 
	height:100%;
}
#EspaceEC P{
	text-align:justify;
	padding-right:5px;
	padding-left:5px;
}
#EspaceEC .FondAccueil{
	background:url(../IMG/EspaceExpert/AccueilExperts.jpg) no-repeat right bottom; 
	height:100%;
}
DIV.CourrierPro{
	margin-top:10px;
	width:632px;
	height:131px;
	background:url(../IMG/CP-PageSofts.jpg) no-repeat 0px 0px; 	
	_background:url(../IMG/CP-PageSofts.jpg) no-repeat 3px 0px !important; 
}




/* -------------------------------------
	ENQUETES
	--------------------------------- */
	
#Enquete {
}

#Enquete SPAN.RLabel{
	margin-left : 5px;
	margin-right : 10px;
}

#Enquete TextArea{
	clear : both;
	float : none;
	margin-bottom : 10px;
	padding : 1px;
}

#Enquete DIV.LibQuest {
	font-weight : bold;
	margin : 10px 0px 5px 0px;
}

#Enquete input {
	padding : 1px;
	border : 1px solid #9ECF10;
	float : none;
	}

#Enquete input.radio {
	border : none;
	float : none;
}

#Enquete .TexteAccueil{
	font-family: Trebuchet MS;
	font-size : 11px;
	font-weight : bold;
	color:#9ECF0F;
	text-decoration:none;
}