/*------------------------------------------------------------------DEBUT MENU ------------------------------------------------------------------*/
#menuDeroulant
{
font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 0.9em;			/* La taille la police*/
	/*background: #3b4e77;		/*couleur barre à droite du menu principal*/
	/*background: #6A6458;*/
	/*width: 1134px;*/
	/*width: 1000px;*/
	height: 24px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	top: 0;					/*ici on deplace le menu en entier vers le bas ,  à  0 le menu est tout en haut  à 30 il est sous la banière*/
	left: 0;
}
#menuDeroulant li
{
	float: left;
	width: 163px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	background-image: url("http://www.climandsoft.com/fr/images-main/barnoir.png");
	color: #FFF;			/*couleur du texe du menu principal*/
	/*background: #3B4E77;*/
	/*background: #000000;*/
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}


#menuDeroulant li a:hover { background-image: url("http://www.climandsoft.com/fr/images-main/barbleu.png"); }
/* couleur du fond du menu principale selectionné*/
/*#menuDeroulant li a:hover { background-color: #C0C0C0; }		/* couleur du fond du menu principale selectionné*/
/*#menuDeroulant li a:hover { background-color: #F2462E; }*/
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 162px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #fff;						/*couleur du texe des sous menu */
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("http://www.climandsoft.com/fr/images-main/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-image: url("http://www.climandsoft.com/fr/images-main/barbleu.png");
	/*background-color: #C0C0C0;			/* couleur de fond du sous menu sélectionné*/
	/*background-color: #F2462E;*/
	/*color: #000;*/
	color: #fff;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
/*------------------------------------------------------------------FIN MENU------------------------------------------------------------------*/


/*------------------------------------------------------------------DEBUT PAGE ------------------------------------------------------------------*/

/*Corp de page*/
body
{
   width: 980px; 					/*La taille de la largeur du site */
   margin: auto; 					/* Pour centrer notre page */
   margin-bottom: 2px;    			/* Idem pour le bas du navigateur */
   background-image: url("http://www.climandsoft.com/fr/images-main/fond_page1.gif"); /*Une petite image de fond pour éviter le vieux fond blanc */
   /*background-image: url("http://www.climandsoft.com/fr/images-main/fpage.gif"); */
  
  background-attachment: fixed; /* Le fond restera fixe */
   background-color: #F6FBFE;
   color: #666666;

   }

/*div {
	text-align:center;
	
}*/

/*----------------------------------------------------------LIENS-------------------------------------------------------------------------------*/

/* Ici on suprimme le surlignement et la couleur bleu par defaut de tous les liens de la page,*/
a 
{
   text-decoration: none; 		/* Les liens ne seront plus soulignés */
   color: #005F8C; 				/* Les liens seront en noir */
   background-color: #FFFFFF;
}

/* Quand le visiteur pointe sur lun  lien, on definie un nouveau comportement  */
a:hover 			
{
   text-decoration:none; /* Le lien ne sera pas souligné quand on pointera dessus */
   color: #000000; /* Ici c'est la couleur du lien quand on pointera dessus */
   background-color: #FFFFFF;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/


	
/*----------------------------------------------------------BANNIERE ORIGINE--------------------------------------------------------------------*/
#banniere
{
   
   text-align: center;
   width:978px; 				/* On définit la largeur de l'image */
   height: 240px; 				/* On définit la hauteur de l'image */
   background-image: url("http://www.climandsoft.com/fr/images-main/archi3.jpg"); /* Image Bannière */
   background-repeat: no-repeat;
   margin-bottom: 0px;			/*distance entre le bas du menu et le copr de la page*/
   margin-top: 1px; 			/* Pour éviter de coller avec le haut de la fenêtre du navigateur */
}


/*----------------------------------------------------------Menu flash -------------------------------------------------------------------------*/
#movie
{
   text-align: center;
   width:969px; 					/* On définit la largeur de l'image */
   /*height: 240px; 				/* On définit la hauteur de l'image */
   /*background-image: url("http://www.climandsoft.com/fr/images-main/archi3.jpg"); /* Image Bannière */
   background-repeat: no-repeat;
   margin-bottom: 0px;				/*distance entre le bas du menu et le copr de la page*/
   margin-top: 1px; 				/* Pour éviter de coller avec le haut de la fenêtre du navigateur */
}


/*----------------------------------------------------------ESSAIS BANNIERE ANIMEE A 100% -------------------------------------------------------*/
#newbanniere
{
   text-align: center;
   width:969px; 					/* On définit la largeur de l'image */
   height: 245px; 					/* On définit la hauteur de l'image */
   background-repeat: no-repeat;
   margin-bottom: 0px;				/*distance entre le bas du menu et le copr de la page*/
   margin-top: 1px; 				/* Pour éviter de coller avec le haut de la fenêtre du navigateur */
}

/*----------------------------------------------------------ESSAIS BANNIERE ANIMEE A 100% ------------------------------------------------------*/
#newbanniere50
{
   text-align: center;
   width:969px; 					/* On définit la largeur de l'image */
   height: 245px; 					/* On définit la hauteur de l'image */
   background-repeat: no-repeat;
   margin-bottom: 0px;				/*distance entre le bas du menu et le copr de la page*/
   margin-top: 1px; 				/* Pour éviter de coller avec le haut de la fenêtre du navigateur */
}


	
/*FAIRE BIEN ATTENTION: Les zones Contenu et Menu sont cote à cote, donc il faut tenir compte de leur dimentions et de leurs PADDINGs (marges) */
/*Si mon site affiche une image t'en tête et menu d'un dimention de 980 px, alors le premier bandeau en dessous fera 970 px +  5p +  padding D + padding G = 980px */
/*puis les zones Contenu et Menu de droite feront (750 + 10 de padding) + ( 210 + 10 de padding)  = 980px */
	
/*--------------------------------------------------------------BANDEAU DESSOUS BANNIERE------------------------------------------------------*/	
#bandeau {
	width:969px;/*largeur totale de la zone ATTENTION Width + les paddings droit et gauche = Dimension totale de la zone CAR ELLE EST IMBRIQUEE*/
	height:10px;					/*pour un ajustement automatique de la hauteur , on ne fixe pas de valeur à height = hauteur*/
	background-image:  url("http://www.climandsoft.com/fr/images-main/barrenoire.png");
	/*background-color:#E6E6E6; 	/* La couleur de fond de la zone*/
	text-align: left;				/* Le texte de la zone est aligné au gauche*/
	font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 1.0em;				/* La taille la police*/
	/*color: #333333;				/*couleur du texte*/
	color: #FFFFFF;
	padding-top: 10px;			/*le texte est décoller vers le bas par rapport au bord haut */
	padding-left: 5px; 			/* le texte à l'intérieur du corps est décoller du bord gauche */
	padding-right: 5px; 		/* le texte à l'intérieur du corps est décoller du bord droit */
	padding-bottom: 10px;		/* le texte à l'intérieur du corps est décoller du bord bas */
	/*margin-top: 10px;    		/* Ca c'est pour decaller toute la zone de l'élément qui est présent en dessus*/
	/*margin-bottom: 10px; 		/* Ca c'est pour decaller toute la zone de l'élément qui est présent en  dessous */
	}

	
	
#avantpage {
width:968px;/*largeur totale de la zone ATTENTION Width + les paddings droit et gauche = Dimension totale de la zone CRA ELLE EST IMBRIQUEE*/
height:0px;
/*E9E9E9*/
background-color:#FFFFFF; 	/* La couleur de fond de la zone*/
text-align: left;			/* Le texte de la zone est aligné au gauche*/
font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
font-size: 0.8em;						/* La taille la police*/
color: #808080;							/*couleur du texte*/
padding-top: 0px;			/*le texte est décoller vers le bas par rapport au bord haut */
padding-left: 5px; 			/* le texte à l'intérieur du corps est décoller du bord gauche */
padding-right: 5px; 		/* le texte à l'intérieur du corps est décoller du bord droit */
padding-bottom: 5px;		/* le texte à l'intérieur du corps est décoller du bord bas */  
  }

#champchercher {
padding-top: 0px;			/*le texte est décoller vers le bas par rapport au bord haut */
padding-left: 660px; 		/* le texte à l'intérieur du corps est décoller du bord gauche */
padding-right: 5px; 		/* le texte à l'intérieur du corps est décoller du bord droit */
padding-bottom: 5px;		/* le texte à l'intérieur du corps est décoller du bord bas */  
  }
 

/*-----------------------------------------------------CORP DE LA PAGE------------------------------------------------------------------------*/

#contenu {

	float:left;
	width:700px;	/*largeur totale de la zone ATTENTION Width + les paddings droit et gauche = Dimension totale de la zone CAR ELLE EST IMBRIQUEE
	/*height:50px;*/  				/*pour un ajustement automatique de la hauteur , on ne fixe pas de valeur à height = hauteur*/
	/*border: 2px solid #897048;*/
	background-color:#FFFFFF; 				/* La couleur de fond de la zone*/
	/*background-color:#FFCC00; 			/* La couleur de fond de la zone*/
	text-align: justify;					/* Le texte est etiré pour occuper toute la zone */
	/*text-align: left;						/* Le texte de la zone est aligné au gauche*/
	font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 0.8em;						/* La taille la police*/
	color: #333333;							/*couleur du texte*/
	padding-top: 10px;						/*le texte est décoller vers le bas par rapport au bord haut */
	padding-left: 15px; 					/* le texte à l'intérieur du corps est décoller du bord gauche */
	padding-right: 35px; 					/* le texte à l'intérieur du corps est décoller du bord droit */
	padding-bottom: 10px;					/* le texte à l'intérieur du corps est décoller du bord bas */
	/*margin-top: 10px;    					/* Ca c'est pour decaller toute la zone de l'élément qui est présent en dessus*/
	/*margin-bottom: 10px; 					/* Ca c'est pour decaller toute la zone de l'élément qui est présent en  dessous */
	}
/*------------------------------------------------------MENU DE DROITE--------------------------------------------------------------------------*/
#droite {
	/*float:left;*/
	/*width:210px;*/
	/*height:100px;*/				/*pour un ajustement automatique de la hauteur , on ne fixe pas de valeur à height = hauteur */
	
	background-color:#FFFFFF; 		/* La couleur de fond de la zone*/
	/*background-color:#FFCC00; 		/* La couleur de fond de la zone*/
	text-align: justify;			/* Le texte est etiré pour occuper toute la zone */
	/*text-align: left;				/* Le texte de la zone est aligné au gauche*/
	font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 0.8em;				/* La taille la police*/
	
	color: #006699;					/*couleur du texte*/
	padding-top: 10px;				/*le texte est décoller vers le bas par rapport au bord haut */
	padding-left: 5px; 				/* le texte à l'intérieur du corps est décoller du bord gauche */
	padding-right: 15px; 			/* le texte à l'intérieur du corps est décoller du bord droit */
	padding-bottom: 10px;			/* le texte à l'intérieur du corps est décoller du bord bas */
	/*margin-top: 10px;    			/* Ca c'est pour decaller toute la zone de l'élément qui est présent en dessus*/
	/*margin-bottom: 10px; 			/* Ca c'est pour decaller toute la zone de l'élément qui est présent en  dessous */
	}
	
/*--------------------------------------------------------PARTIE EN DESSOUS PAGE--------------------------------------------------------------*/	
#dessouspage {

	clear:both;
	width:970px;
	height:450px;
	background-color:#FFFFFF; 	/* La couleur de fond de la zone*/
	/*background-color:#33FF99; 	/* La couleur de fond de la zone*/
	font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 0.8em;
	color: #008080;
	/*color: #006699;*/
	padding-top: 10px;			/*le texte est décoller vers le bas par rapport au bord haut */
	padding-left: 5px; 			/* le texte à l'intérieur du corps est décoller du bord gauche */
	padding-right: 5px; 		/* le texte à l'intérieur du corps est décoller du bord droit */
	padding-bottom: 10px;		/* le texte à l'intérieur du corps est décoller du bord bas */
	}


/*--------------------------------------------------PIED DE PAGE--------------------------------------------------------------------------------*/
#pied_de_page 
{
   margin-bottom: 2px;
   /*margin-top: 10px;*/
   height: 50px;
   text-align: center;
   color: #B3B3B3;
   background-color: #FFFFFF;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   font-size: 0.8em;
   background-color:#FFFFFF; 	/* La couleur de fond de la zone*/
   /*background-color:#33FF99; 	/* La couleur de fond de la zone*/
   
   /*background-image: url('../images-main/motif-pied4.png'); /* Image du pied de page */
   /*background-repeat: repeat-x;*/
  }
/*-------------------------------------------------FIN PAGE-------------------------------------------------------------------------------------*/
 
h9 /* Ici cela correspond aux textes  d'une autre presentation que dans les DIV*/
{
   
	text-align: left;			/* Le texte de la zone est aligné au gauche*/
	font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
	font-size: 0.6em;			/* La taille la police*/
	color: #333333;				/*couleur du texte gris très foncé */
	/**color: #B3B3B3;				/*couleur du texte gris très clair */
	}
  
  
/*----------------------------------------------------DEBUT FORMULAIRE-------------------------------------------------------------------------*/

/*Que pour les paramètres des formulaires*/
#formu
{
   width:500px;
   font-family: Arial;
   font-size: 10pt ;
   margin: auto;
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #0B7DAE;
   background-color: white;
   font-weight: bold;
   font-size: 14pt ;
} 
.img{border:1px solid black;width:125px;}
label
{
   display:block;
   width:150px;
   float:left;
   color: #2C485C;
   background-color: white;
}
.captcha
{
   color:  #E34405;
   background-color: white;
}
.info
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: gray;
   background-color: white;
   font-size: 10pt ;
   text-decoration:none;
}
.info-bis
{
   font-family: verdana, Arial, Georgia, "Times New Roman", Times, serif;
   font-size:0.9em;
   color: #008000;
   background-color: white;
   font-style:normal;
}
.asterisque
{
  color: red;
  background-color: white;
}
.signature
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: gray;
   background-color: white;
   font-size: 10pt ;
   text-decoration:none;
}
/*-----------------------------------------------------FIN FORMULAIRE-------------------------------------------------------------------------*/