/* Convention de syntaxte J&K 
 * 
 * Un fichier ne doit correspondre qu'à UNE SEULE page, à l'exception du main.css qui ne doit contenir QUE des éléments communs à toutes les pages
 * 
 * Redéfinition d'élément : MAJUSCULE (IMG, A, SPAN...)
 * Classes et identifiants : minuscule (#menu, .link_hover...)
 * 
 * Indenter en fonction des éléments parents, par exemple :
 * 
 * #menu{
 * 		font-weight:normal;
 * }
 * 
 * 		#menu A{
 * 			font-weight:bold;
 * 		}
 * 
 * Conserver l'indentation pour un div contenu dans le menu.
 * Ainsi, pour le div #le_sous_menu :
 * 
 * 		#le_sous_menu{
 * 			border:solid 1px #FFF;
 * 		}
 * 
 * Mettre des commentaires EN MAJUSCULE pour définir les parents principaux (conteneurs principaux, header, contenu, footer, menu)
 * 
 * Le document doit être ordonnée comme suit :
 * 1- Redefinition d'éléments (BODY, IMG, A, SPAN...)
 * 2- Classe générique (.cursor, .couleur ...)
 * 3- Définition des parents principaux
 * 
 * Une définition doit être ordonnée comme suit :
 * 1- Positionnement
 * 		- float
 * 		- position
 * 			- top/left
 * 
 * 2- Dimensions
 * 		- width/height
 * 
 * 3- Autres définitions
 * 		- Font
 * 		- ...
 * 
 * 4- Margin/Padding (en dernier pour les retrouver facilement)
 */


/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
/* Correction de la difference de gestion des marges par défaut entre Firefox et IE */
/* *{
	
	margin:0;
	padding:0; 
}*/

IMG{
	border:none;
}
 
A, A:hover{
	cursor:pointer;
	text-decoration:none;
}

INF{
	font-size:10px;
}


BODY{
	width:100%;
} 

/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */
.curseur{
	cursor:pointer;
}

.alignLeft{
	float:left;
	width:350px;
}

 
/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * CONTENEUR
 */

#container{
	width:563px;
	margin:0 auto;
} 


/*
 * CONTENU
 */
	
#wrapper{
	float:left;
	width:563px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/top.png") no-repeat top !important;
	background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/top.jpg") no-repeat top;
	padding:189px 0 0 0;
} 	
	
	.rubrique{
		float:left;
		width:100%;
	}
		
		.bandeau{
			float:left;
			width:100%;
			overflow:hidden;
		}
			
		#rubriqueQuiSommesNous .bandeau{
			height:23px;
			background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bandeau_qui_sommes_nous.jpg") no-repeat;		
			padding:32px 0 0 0;
		}
		
		#rubriqueNosEngagements .bandeau{
			height:23px;
			background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bandeau_nos_engagements.jpg") no-repeat;	
			padding:34px 0 0 0;
		}
		
		#rubriqueInnovation .bandeau{
			height:23px;
			background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bandeau_innovation.jpg") no-repeat;	
			padding:34px 0 0 0;
		}
		
		#rubriquePresse .bandeau{
			height:23px;
			background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bandeau_presse.jpg") no-repeat;	
			padding:34px 0 0 0;
		}
		
			.menu{
				float:left;
				width:546px;
				height:23px;
				padding:0 0 0 17px;
			}
			
				.btnMenu{
					float:left;
					height:23px;
					font-size:10px;
					font-weight:bold;
					color:#ffffff;
					cursor:pointer;
				}
				
					.btnMenu span{
						float:left;
						height:23px;
						font-size:10px;
						font-weight:bold;
						color:#ffffff;
					}
					
					.btnMenu font{
						float:left;
						height:18px;
						font-size:10px;
						font-weight:bold;
						color:#ffffff;
						margin:0 7px 0 7px;
						padding:5px 0 0 0;
					}
				
				.sepMenu{
					float:left;
					width:6px;
					height:5px;
					background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bullet_menu.png") no-repeat !important;
					background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bullet_menu.jpg") no-repeat;
					margin:9px 0 0 0;
				}
	
 	.page{
 		float:left;
		width:527px !important;
		width:540px;
		font-size:10px;
		font-weight:normal;
		color:#525252;
		background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/line_content.jpg") repeat-y !important;
		background:none;
		padding:25px 18px 40px 18px !important;
		padding:25px 10px 40px 10px;
		display:none;
 	}
	
		.chapo{
			float:left;
			width:100%;
			font-size:12px;
			font-weight:normal;
			color:#008ccc;
			padding:0 0 20px 0;
		}
		
		.textePage{
	float:left;
	width: 500px;
		}
		
			.textePage img{
				float:left;
				padding:0 10px 5px 0;
			}
		
		.page h2{
			float:left;
			width:100%;
			font-size:14px;
			font-weight:bold;
			color:#008ccc;
			padding:10px 0 5px 0;
		}
		
		.page h3{
			float:left;
			width:100%;
			font-size:10px;
			font-weight:bold;
			color:#525252;
		}
		
		.page h4{
			float:left;
			width:100%;
			font-size:10px;
			font-weight:bold;
			color:#525252;
			padding:15px 0 0 0;
		}
		
		.page h5{
			float:left;
			width:100%;
			font-size:10px;
			font-weight:bold;
		}
		
		.page ul{
			float:left;
			width:100%;
			list-style-type:none;
			padding:0 0 15px 0;
		}
		
		.page li{
			float:left;
			background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bullet_list_page.jpg") no-repeat left 8px;
			padding:5px 0 0 15px;
		}
		
		.linkToRub{
			font-size:10px;
			color:#008ccc;	
			text-decoration:underline;
			cursor:pointer;
		}
		
		.page a{
			font-size:10px;
			color:#008ccc;	
			text-decoration:underline;
		}
		
		.page a:hover{
			font-size:10px;
			color:#008ccc;	
			text-decoration:underline;
		}
		
		.paragraphe{
			float:left;
		}
		
		.paragraphe img{
			float:right;
		}
		
		.conclusion{
			float:left;
			width:100%;
			font-size:12px;
			font-weight:bold;
			color:#008ccc;
		}
		
		.mentionsPage{
			font-size:8px;
			color:#000;
		}
		
		.linkCarte{
			cursor:pointer;
		}
		
	#mentions{
		float:left;
		width:527px;
		font-size:9px;
		font-weight:normal;
		color:#666666;
		background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/line_content.jpg") repeat-y;
		padding:15px 18px 15px 18px;
	}
	
#bottomWrapper{
	float:left;
	width:563px;
	height:18px;
	background:url("/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/bottom.png") no-repeat;
}

ul.dpcp{
	margin:0;
	padding:0;
}

h3.dpcp_titre{
margin-top:5px;
}