@charset "UTF-8";
/* CSS Document */

html {font-size: 100%;}

body{
	font-family: Verdana, 'Bitstream Vera Sans', 'Lucida Grande', sans-serif;
	padding: 0;
	margin: 0;
	background-color:#A3ADB3;
	background-image:url(../images/bgbody.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	}
			
#header {
	width:945px;
	height:153px;
	margin: 0 auto;
	text-align:center;
	background-image:url(../images/logo_nuances_graphic_int.jpg);
	background-repeat:no-repeat;
	background-position:center;

	}
	
#header a{
	display:block;
	width:955px;
	height:153px;
	}
	
#header h1	{
	display:none;
	visibility:hidden;
	}
	
#conteneur{
	width:955px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding-bottom:20px;
	}
	
	
/*   -----------------------  contenu  -----------------------------*/	
	
#head_contenu{
	background-image:url(../images/head_contenu.jpg);
	background-repeat:no-repeat;
	height:17px;
	float:left;
	width:778px;
	}
	
#contenu{
	background-image:url(../images/repeat_contenu.jpg);
	background-repeat:repeat-y;
	float:left;
	width:713px;
	padding:0px 30px 0px 30px;
	text-align:left;
	}
	
#bottom_contenu{
	background-image:url(../images/bottom_contenu.jpg);
	background-repeat:no-repeat;
	height:20px;
	float:right;
	width:778px;
	}
	

#pousse{
	clear:both;
	}
	
		
/*   -----------------------  texte  -----------------------------*/

#contenu h2 {
	font-size: 1.5em;
	color:#666666;
	padding-bottom:10px;
	padding-top:0px;
	margin:0;
	}
	
#contenu h3 {
	font-size: 1.4em;
	color:#999999;
	padding-bottom:8px;
	margin:0px;
	}
	
#contenu h4 {
	font-size: 1.1em;
	color:#000000;
	padding-bottom:7px;
	margin:0px;
	}
	
#contenu h5 {
	font-size: 0.9em;
	color:#666666;
	padding-bottom:5px;
	margin:0px;
	}

#contenu p {
	font-size: 0.8em;
	color:#000000;
	padding-bottom:7px;
	margin:0px;
	}

/*   -----------------------  liste  -----------------------------*/

#contenu ul {
	margin:0;
	margin-left:30px;
	margin-top: 12px;
	margin-bottom:12px;
	}


#contenu ul li{
	font-size: 0.8em;
	list-style:none;
	padding-left:20px;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	padding-bottom:4px;
	}



/*   -----------------------  footer  -----------------------------*/	


#footer{
	width:955px;
	margin:0 auto;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	clear:both;
	height:35px;
	margin-top:6px;
	border-top:#FFFFFF dashed 1px;
	}
	
#footer.gallerie{
	width:955px;
	margin:0 auto;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	clear:both;
	height:35px;
	margin-top:0px;
	border-top:#FFFFFF dashed 1px;
	}

#footer p{
	font-size:10px;
	color:#FFFFFF;
	margin-top:13px;
	}	
#footer p a.mentions{
	color:#FFFFFF;
	}	
		
	
a {
	text-decoration:none;
	color:#999999;
}


/* ----------------------- MENU ----------------------------*/


	
#menu{
	background-image:url(../images/ombre_ss_header.jpg);
	background-repeat:repeat-x;
	width:177px;
	height:500px;
	float:left;
	padding-top:14px;
	}
	
	
#menu p.premier{
	margin-top:70px;
	border-top:#999999 solid 1px;
	margin-left:14px;
	margin-right:14px;
	margin-bottom:0px;
	}


#menu p.dernier{
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	margin-left:14px;
	margin-right:14px;
	}
	
	
#menu p{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
	background-image:url(../images/triangle.jpg);
	background-repeat:no-repeat;
	background-position:left;
	color:#999999;
	font-size:10px;
	text-align:left;
	border-top:#999999 solid 1px;
	margin-left:14px;
	margin-right:14px;
	margin-bottom:0px;
	margin-top:0px;
	}
	
.menu a {
	text-decoration:none;
	width: 73px;
	height: 72px;
	display: block;
	text-align: center;
}

ul.menu {
	list-style:none;
	display:block;
	height: 288px;
	width: 146px;
	padding:0px;
	margin: 0px 16px 0 15px;
	
}

.menu li {
	float: left;
}


.menu a#presentation {
	background-image: url(../images/Btn_presentation_int.jpg);
	background-repeat: no-repeat;
}

.menu a#agence {
	background-image:url(../images/Btn_agence_int.jpg);
	background-repeat: no-repeat;
}

.menu a#editeur {
	background-image:url(../images/Btn_editeur_int.jpg);
	background-repeat: no-repeat;
}

.menu a#photo {
	background-image:url(../images/Btn_photographe_int.jpg);
	background-repeat: no-repeat;
}

.menu a#prod {
	background-image:url(../images/Btn_produit_imp_int.jpg);
	background-repeat: no-repeat;
}
.menu a#ref {
	background-image:url(../images/Btn_ref_int.jpg);
	background-repeat: no-repeat;
}

.menu a#galerie {
	background-image:url(../images/Btn_galerie_int.jpg);
	background-repeat: no-repeat;
}

.menu a#contact {
	background-image:url(../images/Btn_contact_int.jpg);
	background-repeat: no-repeat;
}

/* ----------------------- MENU HOVER ----------------------------*/


.menu a#contact:hover {
	background-image:url(../images/Btn_contact_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#galerie:hover {
	background-image:url(../images/Btn_galerie_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#ref:hover {
	background-image:url(../images/Btn_ref_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#prod:hover {
	background-image:url(../images/Btnprodimp_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#editeur:hover {
	background-image:url(../images/Btn_editeur_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#agence:hover {
	background-image:url(../images/Btn_agence_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#photo:hover {
	background-image:url(../images/Btn_photographe_int_hover.jpg);
	background-repeat: no-repeat;
}

.menu a#presentation:hover {
	background-image:url(../images/Btn_presentation_int_hover.jpg);
	background-repeat: no-repeat;
}


	
/* ----------------------- DIVERS ----------------------------*/

#contenu #map {
	height:350px;
	width:600px;
	background-color:#333;
	margin-left:55px;
	margin-top:10px;
}

#logiciel{
	background:url(../images/logiciels.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:360px;
	margin-left:80px;
}

#ftp{
	background:url(../images/contact_ftp.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:372px;
	margin-left:160px;
	margin-top:25px;
}

#logo_contact{
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
	height:200px;
	width:321px;
	margin-left:190px;
	margin-top:15px;
	margin-bottom:20px
}

#contenu a{
	color:#000000;
	text-decoration:underline;
	}
	
#contenu img{
	float:right;
	margin-left:15px;
	background-repeat:no-repeat;
	}


/* ----------------------- MODIF CONTENU ----------------------------*/

.agence #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_agence.jpg);
	background-repeat:no-repeat;
	}

.presentation #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_presentation.jpg);
	background-repeat:no-repeat;
	}
	
.editeur #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_editeur.jpg);
	background-repeat:no-repeat;
	}

.photographe #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_photographe.jpg);
	background-repeat:no-repeat;
	}

.contact #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_contact.jpg);
	background-repeat:no-repeat;
	}

.ftp #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_ftp.jpg);
	background-repeat:no-repeat;
	}
	
.prod_imp #visuel_contenu{
	float:left;
	width:778px;
	height:124px;
	background-image:url(../images/visuel_prod_imp.jpg);
	background-repeat:no-repeat;
	}
	
.presentation #contenu h2 {
	font-size: 1.6em;
	color:#666;
	padding-bottom:10px;
	padding-top:0px;
	margin:0;
	}
	
	
.contact #contenu p{
	font-size: 0.9em;
	color:#000000;
	padding-bottom:4px;
	margin:0px;
	margin-top:5px;
	text-align:center;
	}
	
/* ----------------------- GALLERIE ----------------------------*/

#conteneur.gallerie{
	padding-bottom:0px;
	}

#conteneur.gallerie #flashcontent {
	height: 500px;
	background-color: #181818;
	color:#ffffff;
	font-size:9px;
	}

#conteneur.gallerie p{
	background-color: #181818;
	color:#ffffff;
	font-size:9px;
	margin-top:0;
	margin-bottom:0px;
	padding-top:10px;
	}

#conteneur.gallerie #flashcontent a {	
	color:#cccccc;
	}
	
#menu_gallerie{
	height:30px;
	margin:0 auto;
	width:955px;
	}

#menu_gallerie ul{
	margin:0;
	padding:0;
	}

#menu_gallerie ul li{
	list-style:none;
	float:left;
	}

#menu_gallerie a{
	color:#4C575F;
	font-size:0.8em;
	text-align:center;
	display:block;
	height:30px;
	background-color:#A3ADB3;
	line-height:30px;
	width:136px;
	}
	
#menu_gallerie a.pres{
	width:139px;
	}
	
#menu_gallerie a:hover{
	background-color:#CECD00;
	color:#FFFFFF;
	}