/*  Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou *devant .
Ex : /margin : 7px ; 
Seulement IE6 
Ex:  _margin : 10px;

Pour qu'un style css ne soit appliqué exclusivement qu'à FireFox, il suffit de mettre le commentaires !important après.
Ex : margin : 9px !important ; 

Pour isoler IE6, exemple :
margin-left:5px !important <- ca c'est pour tout sauf IE6
margin-left:5px <- IE6

Pour isoler IE7 de FIREFOX, exemple :
margin-left:5px !important! <- IE7 va interpreter uniquement ca
margin-left:5px <- FIREFOX 
*/

#body_contact {
	/* font-family:Verdana, Arial, Helvetica, sans-serif; */
font-family: Arial, Verdana, Helvetica, sans-serif;
	/* font-size: 0.8em; definition taille dans section centre */
/* font-size: 14px; */
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	background-color: #FFF;
	background-image: url(../images/fond_ciel6.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

#body_normal {
	/* font-family:Verdana, Arial, Helvetica, sans-serif; */
font-family: Arial, Verdana, Helvetica, sans-serif;
	/* font-size: 0.8em; definition taille dans section centre */
/* font-size: 14px; */
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	background-color: #FFF;
	/*
	background-image: url(../images/fond_pilar_ciel3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	*/
}

#header 
{
	height: 60px;
	
	background-image: url(../images/header.jpg);
}



#conteneur {
position: relative;
width: 950px;
_width: 980px;  /* pour IE6 sinon decalage */
margin: 0 auto; 

}


/* centre a utiliser pour pages catalogue ou risque de débordement */
#centre {

margin-left: 250px;
margin-top:50px;
}

#centre_contact {
margin-left: 250px;
margin-top:95px; /* pour affichage plus compact IE */
}


#gauche {
float:left;
width: 250px;
color:#666666;
}


#wrap
{
	overflow:hidden;   /* attention, utile pour Firefox */
}





#pied {
	height: 10px;
	/* background-color:#000099; */
	/* background-image: url(../images/footer.jpg); */
	color : #7D7D7D;
	text-align:right;
	font-size:10px;
	/* margin-bottom: 10px; */
	clear:both; /*  both : ici la boîte générée va se déplacer sous chacune des boîtes flottantes qui précèdent  */
	
	margin-top:0px;   /* decalage vers le bas du bloc */
	_margin-top: -7px; /*  -7 px pour resoudre pb IE6 legerement trop bas */
	margin-left:0px;
	
}

#pied_opale {
	height: 28px;
	/* background-color:#99FF33; */
	/* background-image: url(../images/footer.jpg); */
	color : #7D7D7D;
	text-align:left;
	font-size:10px;
	/* margin-bottom: 10px; */
	clear:both; /*  both : ici la boîte générée va se déplacer sous chacune des boîtes flottantes qui précèdent  */
	
	
	margin-top:30px;   
	_margin-top: 73px; /*  pour IE6  */
	margin-left:660px;
	
}

#pied_opale a{
	color:#666;
	text-decoration:none;
	font-weight:normal;

}

#pied_opale a:hover{
	/* color:#f97721; */
	color:#0FF;
	text-decoration:none;
	/* font-weight:bold; */
}

.bloc_navigation {
	width:250px;
	padding-top: 20px;
	text-align:left;
	
	clear:both; /*  both : ici la boîte générée va se déplacer sous chacune boîtes flottantes qui précèdent  */
}

.bloc_projets {
	width:250px;
	padding-top: 10px;
	padding-left: 20px;
	/* padding-right: 55px; */
	text-align:left;
	font-size:12px;
	clear:both; /*  both : ici la boîte générée va se déplacer sous chacune boîtes flottantes qui précèdent  */
}

.bloc_chiffres {
	width:250px;
	padding-top: 10px;
	text-align:left;
	font-size:12px;
	
	clear:both; /*  both : ici la boîte générée va se déplacer sous chacune boîtes flottantes qui précèdent  */
}

.numero_vu {
	color:#CCC;
}

.numero_page {
	color:#999;
}

/*
.numero_vu a:hover{
	color:#0FF;
	text-decoration:text-decoration:none;
}
*/

#gauche a{
	color:#7D7D7D;
	font-weight:normal;
	text-decoration:none;

}

#gauche a:hover{
	color:#0FF;
	text-decoration:text-decoration:none;
}

#gauche strong{
	color:#0FF;
	font-weight:bold;
}




.section_contact_gauche p{
	color:#333333;
	margin-left:10px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
}

.section_contact_gauche a{
	color:#f97721;
	text-decoration:none;

}

.section_contact_gauche a:hover{
	color:#3399FF;
	text-decoration:none;
}

p {margin: 0 0 5 0;}




.section_centre {
	color:#A0A0A0;  /* bdr avant janvier 2010 : 959595*/
	/* font-size: 1em; */
}


.section_centre_contact {
	color:#7D7D7D;
	font-size:12px;
	line-height:16px;  /* UTILE POUR RESPECT DESIGN */
	/line-height:14px; /* pour IE6 et IE7 */
	 /* _line-height:14px;    pour IE6  */
	/* line-height: 13px;   pour resoudre espace utilise sous IE7 */
	/* font-size: 1em; */
}

.section_centre_contact a{
	color:#7D7D7D;
	font-weight:normal;
	text-decoration:none;

}

.section_centre_contact a:hover{
	color:#0FF;
	text-decoration:text-decoration:none;
}

.section_centre_realisations {
	color:#7D7D7D;
	font-size:11px;
	/* font-size: 1em; */
}

.section_centre_realisations a{
	color:#7D7D7D;
	font-weight:normal;
	text-decoration:none;

}

.section_centre_realisations a:hover{
	color:#0FF;
	text-decoration:text-decoration:none;
}

.section_centre_realisations strong{
	color:#0FF;
	font-weight:bold;
}


.section_centre bleu {
	color:#3399FF;
}

.section_centre p{
	margin-left:20px;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:4px;
}

.section_centre a{
	color:#7D7D7D;
	font-weight:normal;
	text-decoration:none;

}

.section_centre a:hover{
	color:#0FF;
	text-decoration:text-decoration:none;
}

.section_centre strong{
	color:#0FF;
	font-weight:bold;
}





/* message en bas a gauche demi page */

.section_centre_bas {
	float:right;
	width:350px;
	_width:310px;  /* pour IE6 */
	margin-right:20px;
	color:#333333;
	font-size: 1.1em;
}

.section_centre_bas p{
	margin-left:20px;
	margin-top:6px;
	margin-right:11px;
	margin-bottom:4px;
}

.section_centre_bas strong{
	color:#000099;
}

/* message en bas a droite  demi page avec fond gris clair et texte colore   */
/* includ dans section_centre_bas et flotte a droite (idem au nom artiste)   */

.section_centre_bas_droite {
	float: right;
	margin-right:30px;
	top:0px;
	color:#000099;
	font-size: 1.1em;
	line-height:25px;
	width:280px;
	background:#CCCCCC;
	padding:10px;
}

.section_centre_bas_droite p{
	margin-left:10px;
	margin-top:6px;
	margin-right:11px;
	margin-bottom:4px;
}

.section_centre_bas_droite strong{
	color:#000099;
}

.section_centre_bas_droite a{
	color:#f97721;
	text-decoration:none;
	font-weight:bold;

}

.section_centre_bas_droite a:hover{
	color:#3399FF;
	text-decoration:none;
}

/* section de taille fixe pour gerer positionnement relatif des deux sous-sections du bas */
.section_bas {
	height:130px;
}