/*********************************************************
	= SKIN - Table of Content
*********************************************************/

/*
	[Color Codes]
		- White					: #fff
		- Black					: #000
		- Grey					: #666
		- Blue					: #173075
		- Blue-Green			: #4591b0

	= BACKGROUND
		- Black
		- Red
		- Transparent
		- Sprite
			- Twitter
			- Facebook
			- YouTube
			- Contact
		- Picto Zoom
		- Page
		- Opacity
		- Splitter
	= BORDER
		- Style
			- Solid
		- Color
			- Black
			- Pink
	= COLOR
		- White
		- Gray
		- Red
	= HOVER
		- Background
			- White
			- Red
			- Transparent
			- Opacity
		- Border
			- Red
		- Color
			- White
			- Red
	= ROTATION
		- 90deg
	= TRANSITION
*/


/*********************************************************
	= BACKGROUND
*********************************************************/

/* BACKGROUND - Grey */
#nav-primary .nav-lvl-2,
.window-pager .pager-link
{
	background-color: #fff;
	border: 1px solid #173075;
}

/* BACKGROUND - Sprite */
.nav-supp-name { background: url(../img/layout/sprite-arrow.png) no-repeat right 10px; }

/* BACKGROUND - Image */
#wrap { background: url(../img/layout/bg.jpg) no-repeat center 0; }
#nav-primary { background: #999999 }
#nav-primary .nav-lvl-1-item + .nav-lvl-1-item { background: url(../img/layout/nav-splitter-bleu.jpg) no-repeat 0 12px; }
.nav-tertiary-item + .nav-tertiary-item { line-height:30px; }

.logo-linkedin { background: url(http://www.espacecharenton.com/img/layout/logo-linkedin.jpg) no-repeat 0 0; }
.window-title { background: url(../img/layout/window-title.png) no-repeat 0 0; }
.window-mask { background: url(http://www.espacecharenton.com/img/layout/window-mask.png) no-repeat 0 0; }


/*********************************************************
	= BORDER
*********************************************************/

/* BORDER - Style - Solid */
.nav-supp-list,
.nav-supp-item + .nav-supp-item
{
	border-top-style: solid;
}

.nav-supp-list
{
	border-bottom-style: solid;
}

.nav-quaternary .nav-lvl-1-item + .nav-lvl-1-item,
.breadcrumb-item + .breadcrumb-item
{
	border-left-style: solid;
}


.window-pager .pager-link
{
	border-style: solid;
}

/* BORDER - Color - White */


/* BORDER - Color - Blue */
.window-pager .pager-link
{
	border-color: #173075;
}

/* BORDER - Color - Gray */
.nav-supp-list,
.nav-supp-item + .nav-supp-item,
.breadcrumb-item + .breadcrumb-item
{
	border-color: #515151;				/* Normal */
}

.nav-quaternary .nav-lvl-1-item + .nav-lvl-1-item,
.lang-name:link,
.lang-name:visited
{
	border-color: #838384;				/* Middle */
}


/*********************************************************
	= COLOR
*********************************************************/

/* COLOR - White */
#nav-primary .nav-lvl-1-name:link,
#nav-primary .nav-lvl-1-name:visited
{
	color: #fff;
}

#nav-primary .nav-lvl-2-name:link,
#nav-primary .nav-lvl-2-name:visited,
.nav-text .nav-text-name
{
	color: #173075;
	font-size: 1.1rem;
}


/* COLOR - Black */
#slogan,
#main-body .desc-court
{
	color: #1a171b;
}

/* COLOR - Blue */
.nav-tertiary-name,
.nav-tertiary-name:link,
.nav-tertiary-name:visited,
.nav-tertiary-item + .nav-tertiary-item:before,
.address-title
{
	color: #fff;
}
.title-primary
{
	color: #4591b0;
	font-size:16px;
	line-height:20px;
	padding-bottom:10px;
	font-weight:bold;
}

/* COLOR - Purple */
.nav-quaternary .nav-lvl-1-name,
.nav-quaternary .nav-lvl-1-name:link,
.nav-quaternary .nav-lvl-1-name:visited,
.nav-supp-name:link,
.nav-supp-name:visited
{
	color: #9e005d;
}

/* COLOR - Gray */
body,
a:link,
a:visited
{
	color: #666;			/* Normal */
}

.header-nav-name:link,
.header-nav-name:visited,
.desc-price
{
	color: #838384;			/* Middle */
}


/*********************************************************
	= TEXT
*********************************************************/

/* TEXT - Decoration */
a
{
	text-decoration: none;
}


/*********************************************************
	= HOVER
*********************************************************/

/* HOVER - Background - Color - White */
.window-pager .pager-link:hover,
.window-pager .pager-link:focus,
.window-pager .pager-link:active,
.window-pager .pager-active
{
	background-color: #fff;
}

/* HOVER - Background - Color - Purple */
.lang-name:hover,
.lang-name:focus,
.lang-name:active,
.lang-name.current
{
	color: #173075;
}

/* HOVER - Border - Color - Purple */
.window-pager .pager-link:hover,
.window-pager .pager-link:focus,
.window-pager .pager-link:active,
.window-pager .pager-active
{
	border-color: #173075;
}


/* HOVER - Color - Bleu */
#nav-primary .nav-lvl-2-name:hover,
#nav-primary .nav-lvl-2-name:focus,
#nav-primary .nav-lvl-2-name:active,
#nav-primary .nav-lvl-2-name.current
{
	color: #4591b0;
}

#nav-primary .nav-lvl-1-name:hover,
#nav-primary .nav-lvl-1-name:focus,
#nav-primary .nav-lvl-1-name:active,
#nav-primary .nav-lvl-1-name.current,
#nav-primary .nav-lvl-1-item:hover .nav-lvl-1-name,
#nav-primary .nav-lvl-1-item:focus .nav-lvl-1-name
{
	background: none repeat scroll 0 0 #4591B0;
    color: #FFFFFF;
    margin-top: -5px;
    padding: 5px 30px;
}

/* ONLY DEMMANDE DEVIS */
#nav-primary .nav-lvl-1-item:last-child .nav-lvl-1-name,
#nav-primary .nav-lvl-1-item:last-child .nav-lvl-1-name:hover,
#nav-primary .nav-lvl-1-item:last-child .nav-lvl-1-name:focus,
#nav-primary .nav-lvl-1-item:last-child .nav-lvl-1-name:active,
#nav-primary .nav-lvl-1-item:last-child .nav-lvl-1-name.current,
#nav-primary .nav-lvl-1-item:last-child:hover .nav-lvl-1-name,
#nav-primary .nav-lvl-1-item:last-child:focus .nav-lvl-1-name
{
	background: none repeat scroll 0 0 #FF8A15;
    color: #FFFFFF;
    margin-top: -5px;
    padding: 5px 30px;
}

/* HOVER - Color - Blue */
.nav-supp-name:hover,
.nav-supp-name:focus,
.nav-supp-name:active,
.nav-supp-name.current
{
	color: #0e8aa0;
}

/* HOVER - Color - Purple */
a:hover,
a:focus,
a:active,
.header-nav-name:hover,
.header-nav-name:focus,
.header-nav-name:active,
.header-nav-name.current,
.nav-quick-name:hover,
.nav-quick-name:focus,
.nav-quick-name:active,
.nav-quick-name.current,
a.nav-tertiary-name:hover,
a.nav-tertiary-name:focus,
a.nav-tertiary-name:active,
a.nav-tertiary-name.current,
.nav-quaternary .nav-lvl-2-name:hover,
.nav-quaternary .nav-lvl-2-name:focus,
.nav-quaternary .nav-lvl-2-name:active,
.nav-quaternary .nav-lvl-2-name.current,
.breadcrumb-name:hover,
.breadcrumb-name:focus,
.breadcrumb-name:active,
.breadcrumb-name.current
{
	color: #4591b0;
}

.breadcrumb-name:focus,
.breadcrumb-name:active,
.breadcrumb-name.current
{
	font-weight:bold;
}

/*********************************************************
	= BOUTONS
*********************************************************/		
.btn-bleu{
	background:url(../img/layout/fond_contact.jpg) repeat-x;
	line-height:35px;
	padding:0px 10px;
	height:35px;
	display:inline-block;
}
.btn-bleu:hover{
	background:url(../img/layout/fond_contact_hover.jpg) repeat-x;
}
.btn-bleu a{
	background:url(../img/layout/a_contact.png) no-repeat center left;
	padding-left:12px;
	color:#fff;
	text-transform:uppercase;
}
.btn-bleu a:hover{
	background:url(../img/layout/a_contact_hover.png) no-repeat center left;
}