/**********************************************************************************************
	Titre: Black0fusH (Fait à l'oeil pour mon pote Nico Design)
	Auteur: Ixtenso SARL ::> Et c'est encore mÔssieur TofF qui s'y colle... ;o)
	Auteur url: http://www.ixtenso.fr (ne visitez pas : y a qu'une page)
	Date: Octobre 2009 pour mon anniv' (ça nous rajeunit pas tout ça...)
***********************************************************************************************
==============================================================================================*/

/* R.A.Z de près, compteurs au vert ------------------------------------------------------------------------------*/

html { 
width : 100%; 
height : 100%; 
} 
body { 
width : 100%; 
line-height : 1; 
color : #fff; 
background: 		#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-site.jpg) repeat-x;
font: 12px arial, verdana, sans-serif;
background-repeat : repeat-x;
behavior: url(http://www.nico-design.fr/themes/nicodesign/csshover.htc); 
} 
* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
vertical-align: 	baseline;
}
:focus {
outline: 			0;
}
ol, ul {
	list-style-type:disc;
}
table {
border-collapse: 	separate;
border-spacing: 	0;
}
a:active, a:focus{
	outline:none;
}

.bleu {color:#07a1e2}
.fushia {color:#c60086}

button {
	border:0px; background:none}

/* Pour galerie photos ------------------------------------------------------------------------------*/
a img, img 			{ border: none; }

#page-wrap			{ width: 800px; margin: 0 auto; }

.photo-link			{ padding: 5px; margin: 5px; border: 1px solid #999; display: block; width: 100px;
					  float: left; }
.photo-link:hover	{ border-color: white; }
#scroll-galerie { width:988px; height:204px; overflow:scroll; margin: 0px auto; padding: 20px 0 0 0; position:relative; }

/* Blocks du site ------------------------------------------------------------------------------*/

#site { /* le site central, avec tout le contenu */
background: 		#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-centre.jpg) no-repeat top;
width: 					1000px;
min-height: 		432px;
margin: 				0 auto;
}

#intro { /* block titre "visuel" + descriptif de la page */
display: block;
float:left;
margin: 0;
padding: 0;
width: 470px;
height:170px;

}
.intro { /* block texte du descriptif de la page */
clear:both;
float:left;
display: block;
margin: 10px 0 0 30px;
width: 380px;
height:60px;
color: #fff;
}

#flash-logo {
float:right;
display:block;
padding: 0;
margin: 0 40px 0 0;
width:490px;
height:245px;
}

#description { /* block texte a droite du menu général, sous le logo de Nico Design */
float:right;
display: block;	
clear:right;	
width: 530px;
height:100px;
margin: 20px 20px 20px 30px;}

#centre { /* block central général */
clear:both;
width: 1000px;
margin: 20px auto;
}
#centre h1{font-size: 18px; font-family: arial, arial, sans-serif; font-weight:bold; color: #07a1e2; margin: 0 0 12px 0}
#centre h2{font-size: 16px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre h3{font-size: 14px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre h4{font-size: 12px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}

#centre .left{ /* block gauche central général */
float:left;
margin : 20px 0 20px 0px;
display:block;
width:300px;
}

#centre .right{ /* block droit central général */
float:right;
display:block;
margin : 20px 0 20px 0;
width:700px;
}
#centre .right h1{font-size: 18px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre .right h2{font-size: 16px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre .right h3{font-size: 14px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre .right h4{font-size: 12px; font-family: arial, arial, sans-serif; font-weight:bold; color: #999; margin: 0 0 12px 0}
#centre .right img{border: 1px solid #666}

#centre .nico-design{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .nico-design h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .vehicules{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .vehicules h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .enseignes{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .enseignes h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .panneaux{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .panneaux h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .vetements{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .vetements h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .imprimerie{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .imprimerie h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .bmx{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .bmx h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .divers{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-publicites-sainte-maxime.jpg) no-repeat top;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .divers h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#centre .autre{ /* home block présentation activités */
float:left;
width: 280px;
height:130px;
background:#000000;
margin: 10px 0 0 26px;
padding: 10px 10px 10px 10px}
#centre .autre h1 {font-size:15px; font-weight:bold; color:#009ee0; margin:0 0 12px 0;}

#footer { /* block des pieds */
clear:both;
width:100%;
min-height:167px;
height:100%;
background: 		#e3007f url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-footer.jpg) repeat-x top;
margin: 40px auto 0px auto;
}
#footer_in { /* block des chaussettes */
clear:both;
width:960px;
height:100%;
text-align:center;
margin: 40px auto 0px auto;
padding: 40px;
}

/* Menus ------------------------------------------------------------------------------*/
.menu_top {
display: block;
float:left;
clear:left;	
width: 280px;
height:20px;
margin: 55px 0 0 55px;}
.menu_top ul{}
.menu_top li {
display:inline;
margin: 2px 0 0 16px;}
.menu_top li img{margin: 0 6px 0 0;}
.menu_top li a, a:link, a:visited, a:focus, a:active{font-weight:bold;text-decoration:none; color:#fff}
.menu_top li a:hover{font-weight:bold;text-decoration:underline; color:#009ee0}




.menu_site li a, a:link, a:visited, a:focus, a:active{font-weight:bold; font-variant:small-caps;text-decoration:none; color:#000}
.menu_site li a:hover{font-weight:bolder;font-variant:small-caps;text-decoration:underline; color:#009ee0}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuSite
{
	clear:both;
	position:relative;
	z-index:10;
	width: 1000px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#menuDeroulant
{
	position:absolute;
	list-style-type: none;
	float:left;
	margin: 1px 0 0 50px;
	padding: 0;
	border: 0;
	text-align:center;
}
#menuDeroulant li
{
	float: left;
	height: 1%;
	margin: 0;
	padding: 4px 0 0 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	
	color: #000;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #777777;
	text-decoration: none;
}
#menuDeroulant li a:hover {background: url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-menu-black.jpg); color: #fff;  }/* fond menu normal en ligne */
#menuDeroulant li a:active { }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;

}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000000;
	margin: 0;
	border: 0;
	text-decoration: none;
background: url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-menu-deroulant.jpg); /* fond menu déroulé */

}
#menuDeroulant .sousMenu li a:hover
{
color: #fff;
background: url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-menu-black.jpg); /* fond lignes du menu déroulé */
/*background: url(http://www.nico-design.fr/themes/nicodesign/design-site/bg-menu-deroulant-hover.jpg);  fond lignes du menu déroulé */
}

#menuDeroulant li:hover > .sousMenu { display: block; }/* contour du menu déroulé */

/* Div imagescroller js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:170px; display:block; float:left; margin:30px 0 0 0; }
.logo{ width:390px; height:170px; display:block; float:left; margin:0px 100px 0 0; }
.cachea { width:952px; height:204px; margin:0; padding:0; position:absolute; z-index:1000 }
.cache-left { width:90px; height:190px; margin:0; padding:0; float:left; z-index:1000 }
.cache-right { width:90px; height:190px; margin:0; padding:0; float:right; z-index:100 }
#outerContainer { clear:both; width:1000px; height:204px; margin:0 auto; padding:0; position:relative; }
#imageScroller { width:1000px; height:218px; margin:0 auto;position:relative; background:#000000 url(http://www.nico-design.fr/themes/nicodesign/design-site/fond-slide-pubs.png) no-repeat; }
#viewer { width:988px; height:204px; overflow:hidden; margin: 0px auto; padding: 20px 0 0 0; position:relative; }
#cadre-fushia { width:930px; height:204px; overflow:hide; margin: 0px auto; padding: 20px 20px 20px 20px; position:relative; }
#cadre-fushia h1 {font-family: Arial, Verdana, Tahoma, Geneva, sans-serif; font-weight:bold;font-size:18px; color:#000; margin: 0 0 10px 0}
#cadre-fushia ul {margin-left:40px}
#cadre-fushia p {margin: 0 0 10px 0}

#cadre-photos { width:988px; height:188px; overflow:hidden; margin: 0px auto; padding:30px 0 0 0;}
#cadre-photos h1 {font-family: Arial, Verdana, Tahoma, Geneva, sans-serif; font-weight:bold;font-size:18px; color:#07a1e2; margin: 0 0 10px 0}
#cadre-photos ul {margin-left:40px}
#cadre-photos p {margin: 0 0 10px 0}
#cadre-photos img {border: 1px solid #111111}

#cadre-photos .carousel { float:left; height:172x; width:800px; overflow:hidden; margin: 0px; padding: 20px 20px 20px 20px; border:1px solid #ffffff; background:#000000 url(http://www.nico-design.fr/themes/nicodesign/images/bg-carousel.jpg); }
#cadre-photos .carousel ul { float:left; height:172x; overflow:hidden; margin: 0px auto; padding: 0px 20px 0px 20px;}
#cadre-photos .carousel li {border: 0; margin: 0px; padding:0px 10px 0 0}
#cadre-photos .carousel li img {border: 3px solid #ffffff; margin:0px 2px 0px 2px}
#cadre-photos .prev {margin: 30px 20px 0px 56px; padding: 0; width:60px; height:87px; border-right:0px solid #000; border-bottom:0px solid #000;background:none; float:left}
#cadre-photos .prev img{border: 0px solid #fff}
#cadre-photos .next {margin: 30px 0px 0px 20px; padding: 0; width:60px; height:87px; display:block;  border-right:0px solid #000; border-bottom:0px solid #000; background:none; float:left}
#cadre-photos .next img{border: 0px solid #fff}

.type-marquage {width:200px; height:150px; float:left; margin-left:26px}
.type-marquage img {border:none}
.type-marquage p{margin:0; padding:0}
.type-marquage h2{margin:0; padding:0}

#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0;}
#controls { width:950px; height:47px; background:url(http://www.nico-design.fr/themes/nicodesign/design-site/controlsBG.png) no-repeat; position:absolute; top:12px; left:28px; z-index:100;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(http://www.nico-design.fr/themes/nicodesign/design-site/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(http://www.nico-design.fr/themes/nicodesign/design-site/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(http://www.nico-design.fr/themes/nicodesign/design-site/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(http://www.nico-design.fr/themes/nicodesign/design-site/ltr_over.png) no-repeat; }