/* CSS Document */

.rubrique-verte h1{
font-family:Helvetica, Arial, sans-serif;
font-size:23px;
font-weight:bold;
padding-top:0px;
}

.rubrique-verte h2{
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF;
background-image:url(img/fond-H2.png);
background-repeat:no-repeat;
margin-left:4px;
_margin-left:2px;
width:680px;
height:32px;
border:0px solid #CC0033;
margin-top:13px;
padding-top:11px;
padding-left:10px;
text-transform:uppercase;
margin-bottom:0px;
border:0px solid red;
float:left;
}


.rubrique-verte h1 .h1-light{
font-weight:lighter;
color:#2c6270;}

.rubrique-verte h1 .underline{
color:#000;
}

.rubrique-verte{
border:0px solid green;
background-color:#FFF;
float:left;}

/* Police grasse pour la bulle grise */
.font-big{
	font-size:18px}

/* Onglet inversé au dessus du h1 du main */
#puce-verte{
background-image:url(img/puce-verte.png);
width:694px;
background-repeat:no-repeat;
height:17px;
margin-left:0px;
margin-top:0px;
}

#puce-rouge{
background-image:url(img/puce-rouge.png);
width:694px;
background-repeat:no-repeat;
height:17px;
margin-left:0px;
margin-top:0px;
}


	
				    .twoColFixLtHdr #sidebar1 #info-bulle-verte-bottom {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		background-image:url(img/info-bulle-verte-bottom.png);
		background-repeat:no-repeat;
		height:75px;
		}
		
						    .twoColFixLtHdr #sidebar1 #info-bulle-rouge-bottom {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		background-image:url(img/info-bulle-rouge-bottom.png);
		background-repeat:no-repeat;
		height:75px;
		}
	
		    .twoColFixLtHdr #sidebar1 #info-bulle-verte {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 164px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px 18px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		border:0px solid red;
		background-color:#c0d362;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		} 
		
				    .twoColFixLtHdr #sidebar1 #info-bulle-orange {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 164px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px 18px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		border:0px solid red;
		background-color:#e95b30;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		} 
		
		
						    .twoColFixLtHdr #sidebar1 #bulle-verte-bottom {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		background-image:url(img/bulle-verte-bottom.png);
		background-repeat:no-repeat;
		height:18px;
		}
		
								    .twoColFixLtHdr #sidebar1 #bulle-rouge-bottom {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		_margin-left:10px;
		background-image:url(img/bulle-rouge-bottom.png);
		background-repeat:no-repeat;
		height:18px;
		}

.encadre-fournisseur{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border:6px solid #e1e6e9;
width:624px;
padding:20px;
}


.rubrique-verte .input {
float:left;
margin-bottom:8px;
margin-top:2px;
width:240px;
}

.rubrique-verte input {
float:left;
margin-bottom:8px;
margin-top:2px;
/*width:240px;*/
}

.rubrique-verte select{
margin-bottom:10px;
width:600px;
}

.rubrique-verte blockquote{
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
font-weight:lighter;
}


.rubrique-verte .form-left{
width:300px;
float:left;
margin-top:7px;
margin-bottom:7px;
border:0px solid blue;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
clear:both;
text-align:left;}
	
.rubrique-verte .form-right{
padding-left:10px;
width:300px;
margin-top:7px;
margin-bottom:7px;
float:left;
border:0px solid pink;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;}

.rubrique-verte .form-only{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:600px;
float:left;
border:0px solid brown;
margin-top:7px;
margin-bottom:7px;
text-align:left;
}

.rubrique-verte .stats{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:600px;
float:left;
border:0px solid brown;
margin-bottom:5px;
text-align:left;
padding-left:20px;
}

.rubrique-verte .groschiffre{
font-size:23px;
}

.rubrique-verte .cadre-haut{
background-image:url(img/encadre-fournisseur-haut.png);
width:676px;
height:24px;
background-repeat:no-repeat;
float:left;}

.rubrique-verte .cadre-bas{
background-image:url(img/encadre-fournisseur-bas.png);
width:676px;
height:24px;
background-repeat:no-repeat;
float:left;
/*margin-left:-6px;*/
}

.rubrique-verte .cadre-milieu{
width:664px;
_margin-top:-1px;
border-left:6px solid #e1e6e9;
border-right:6px solid #e1e6e9;
float:left;}

.rubrique-verte form{
padding:0px 20px;
}

.cap{
text-transform:uppercase;}

.bleu{
color:#2c6270;}

.ital{
color:#2c6270;
font-weight:lighter;}

.rubrique-verte form img{
border:0px;}

.rubrique-verte p {
	font-family: Helvetica, Arial, sans-serif;	
	font-size:13px;
	font-weight:lighter;
	padding-right:23px;
	float:left;}
	
	.rubrique-verte p span{
	font-family: Helvetica, Arial, sans-serif;	
	font-size:13px;
	font-weight:lighter;
	padding-right:23px;
	padding-left:23px;
	float:left;}
	
	.rubrique-verte li {
	font-family: Helvetica, Arial, sans-serif;	
	font-size:13px;
	font-weight:lighter;
	padding-right:23px;
}

.button-creermoncpteclient{
background-image:url(img/creer-cpte-client.png);
width:192px;
height:19px;
margin-left:10px;
border:0px;
}

.button-creermoncpteclient:hover{
background-image:url(img/creer-cpte-client-hover.png);
width:192px;
height:19px;
margin-left:10px;
}

.button-creermoncptefournisseur{
background-image:url(img/creer-cpte-fournisseur.png);
width:235px;
height:19px;
margin-left:10px;
border:0px;
}

.button-creermoncptefournisseur:hover{
background-image:url(img/creer-cpte-fournisseur-hover.png);
width:235px;
height:19px;
margin-left:10px;
}

#sidebar1 #info-bulle-grise{
float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 164px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	padding: 0px 18px;
		/*attention à modifier le patch en bas dans IE5*/
		margin-left:25px;
		border:0px solid red;
		background-color:#e1e7ea;
		font-size:13px;
		font-family:Myriad pro, Helvetica, Arial, sans-serif;
		font-weight:bold;
		color:#2c6270;
}

#sidebar1 #info-bulle-grise span{
font-size:17px;
}

.button-placezmoisurlacarte{
background-image:url(img/placez-moi-sur-carte.png);
width:185px;
height:19px;
border:0px;
}

.button-placezmoisurlacarte:hover{
background-image:url(img/placez-moi-sur-carte-2.png);
width:185px;
height:19px;
}

.rubrique-verte .code-postal{
width:100px;
}

.rubrique-verte .ville{
width:265px;
}

.rubrique-verte .departement{
width:auto;
}

.moncalque-inscription-client{
margin-left:20px;
float:left;
clear:both;}

.moncalque-coordonnees-client{
margin-left:25px;
float:left;}