/*-----------------------------------------------------------------------------
  [CSS - agency]
  
  Feuille de style spécifique au site
  
  1. Vide
  2. Layout
    2.1 Header
	2.1.1 Menu
	2.1.2 Extranet
    2.2 Content Layout
  3. Footer
  4. Content
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
  [1. Vide]
*/
body {
	background: #c1c1c3 url(../images/corporate/bg.jpg) repeat-x;
	color: #686868;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
}

h2, h3 {
	color: #fff;
}

p {
	line-height: 1.2em;
}


#agency-deploy {
	display: block;
	float: right;
	line-height: 9px;
}

	#bg-text .link-deploy-plus {
		background: url(../images/corporate/agency/plus.gif) no-repeat top right;
	}

	#bg-text .link-deploy-minus {
		background: url(../images/corporate/agency/moins.gif) no-repeat top right;
	}
	
	#bg-text strong{
		color: #555;
	}
	
.text-deploy {
	color: #e5297a;
	display: none;
	font-size: 90%;
	float: left;
	line-height: 9px;
	padding-right: 3px;
	text-align: right;
}

.more {
	background: url(../images/corporate/agency/plus.gif) top right no-repeat;
	color: #E5297A;
	display:block;
	/*float: right;*/
	font:10px/9px 'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	height:9px;
	padding-right:15px;
	text-align:right;
	text-decoration:none;
}
.more:hover {
	color: #E5297A;
	text-decoration:none;
}
.more span {
	visibility:hidden;
	display: -moz-inline-box;
	display: inline-block;
	overflow:hidden;
	white-space:nowrap;
}

.more2 {
	background: url(../images/corporate/agency/plus.gif) top right no-repeat;
	color: #E5297A;
	display:block;
	/*float: right;*/
	font:10px/9px 'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	height:9px;
	padding-right:15px;
	text-align:right;
	text-decoration:none;
}
.more2:hover {
	color: #E5297A;
	text-decoration:none;
}

.more2 span {
	visibility:hidden;
	display: -moz-inline-box;
	display: inline-block;
	overflow:hidden;
	white-space:nowrap;
}

/*---------------------------------------------------------------------
  [2. Layout]
*/
#container {
	margin: 27px auto auto auto;
	width: 933px;
}

#content-container {
	overflow:hidden;
	position:relative;
	width:900px;
}

/*---------------------------------------------------------------------
  [2.1 Header]
*/
	#agency-header {
		background: #fff url(../images/corporate/header-bg.jpg) repeat-x top;
		height: 56px;
		margin-left: 33px;
		overflow: hidden;
		padding: 0 0 0 7px;
		width: 860px;
	}
		
	#agency-header h1 {
		display: block;
		float: left;
		height: 56px;
		width: 159px;
	}
		
		#agency-header h1 a {
			display: block;
			height: 56px;
			margin: 0;
			width: 159px;
		}

/*---------------------------------------------------------------------
  [2.1.1 Menu]
*/
		#nav {
			display: block;
			float: left;
			height: 56px;
			margin-left: 50px;
			padding: 0;
		}
		
			#nav li {
				display: block;
				float: left;
				height: 56px;
			}

				#nav a {
					display: block;
					float: left;
					height: 56px;
					padding: 0 15px;
				}
				
				/* background par défaut */
				#nav a {
					background-color: transparent;
					background-position: 50% 0;
					background-repeat: no-repeat;
				}
				
				/* background spécifique à chaque onglet */
				#nav #tab-agence {
					background-image: url(../images/corporate/menu/menu-agency.png);
					width: 45px;
				}
				
				#nav #tab-solutions {
					background-image: url(../images/corporate/menu/menu-solutions.png);
					width: 57px;
				}
				
				#nav #tab-references {
					background-image: url(../images/corporate/menu/menu-references.png);
					width: 66px;
				}
				
				#nav #tab-contact {
					background-image: url(../images/corporate/menu/menu-contact.png);
					width: 47px;
				}
				
				#nav #tab-workshop {
					background-image: url(../images/corporate/menu/menu-workshop.png);
					width: 61px;
				}
				
				/* effet hover sur tous les onglets sauf(celui survolé ) */
				.no-js #nav.nav-hover a,
				.no-js #nav:hover a {
					background-position: 50% -56px;
				}
				
				/* background quand l'onglet est actif */
				#nav .active a {
					background-position: 50% -112px;
				}

				/* effet sur  l'onglet quand il est lui même survolé	/!\ne pas retirer le commetaire en dessous... sinon ça marche pu O_o */
				#nav.nav-hover a.hovered,
				#nav a:hover {
					background-position: 50% 0;
				}
				
				/* effet sur l'onglet actif quand les autres onglets sont survolés */
				.no-js #nav.nav-hover li.active a, 
				.no-js #nav:hover .active a{
					background-position: 50% -168px;
				}
				
				/* effet sur  l'onglet actif quand il est lui même survolé		/!\ne pas retirer le commetaire en dessous... sinon ça marche pu O_o */
				#nav.nav-hover .active a.hovered,
				#nav.nav-hover .active a#tab-agency:hover,
				#nav.nav-hover .active a#tab-solutions:hover,
				#nav.nav-hover .active a#tab-references:hover,
				#nav.nav-hover .active a#tab-contact:hover,
				#nav.nav-hover .active a#tab-workshop:hover,
				#nav:hover .active a:hover {
					background-position: 50% -112px;
				}

/*---------------------------------------------------------------------
  [2.1.2 Extranet]
*/				
	#extranet {
		color: #9e9e9e;
		float: right;
		height: 56px;
		width: 142px;
	}

		#extranet-wrap {
			background: #c1c3c7;
			height: 56px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			width: 80px;
		}
		
		#extranet-wrap.extends,
		#extranet-wrap:hover {
			border-style: solid;
			border-color: #555;
			border-width: 0 1px;
		}
		
		#extranet-wrap  .extends {
			width:140px;
		}
		
		#extranet a {
			background: transparent url(../images/corporate/extranet/extranet.png) bottom no-repeat;
			display: block;
			height: 28px;
			position: relative;
			top: 28px;
		}

		
		#login {
			color: #9e9e9e;
			height: 56px;
			left: 3px;
			margin: auto;
			position: absolute;
			top: 56px;
			width: 134px;
		}
		
		#login fieldset {
			border: 0;
		}
		
		#login p {
			position: relative;
		}

		#identifiant, #pwd {
			position: relative;
			z-index: 50;
		}

		#login span.input-default-value {
			position: absolute;
			top: 0;
			left: 2px;
			z-index: 100;
			font-size: 0.8em;
		}
		
		#extranet span.focus {
			color: #ccc;
		}
		
		#extranet-ok {
			background: transparent url(../images/corporate/extranet/btn-extranet-ok.png) no-repeat 0 0;
			border: 0;
			height: 22px;
			width: 22px;
		}
		
			#extranet-a span,
			#extranet-ok span {
				display: block;
				text-indent: -10000px;
			}
		
			#extranet-wrap fieldset {
				margin: auto;
				padding: 0;
				width: 134px;
			}
			
				#extranet-wrap input {
					background: #fff url(../images/corporate/extranet/extranet-bg-input.gif) repeat-x;
					border: 1px solid #c9cacb;
					color: #9e9e9e;
					height: 13px;
				}
				
					#identifiant {
						width: 132px;
					}
					
					#pwd {
						float: left;
						width: 113px;
					}
					
					#extranet-wrap button {
						float: right;
						height: 17px;
						width: 17px;
					}
					#extranet-wrap button:hover {
						cursor: pointer;
					}

/*---------------------------------------------------------------------
  [2.2 Content Layout]
*/

#bg-text {
	background: #f2f3f5 url(../images/corporate/presentation-bg-top.png) repeat-x;
	font-size: 80%;
	margin-left: 33px;
	padding:10px 22px;
	width: 823px;
}
	#bg-text li {
		list-style-type: square;
		list-style-position: inside;
		margin-bottom: 5px;
		padding-left: 15px;
	}
		
	
	
/*---------------------------------------------------------------------
  [3. Footer]
*/

#footer {
	background: #f2f3f5;
	margin-left: 33px;
	width: 867px;
}

	.toolbar-left {
		float: left;
		margin-left: 10px;
	}
	
		.toolbar-left .mini-logo {
			float: left;
			padding-top: 4px;
			margin-right: 5px;
		}
	
		.toolbar-left address {
			float: left;
			font-size: 70%;
			font-style: normal;
			font-weight: bold;
			padding-top: 3px;
		}

	.toolbar-right {
		list-style-type: none;
		text-align: right;
		float: right;
	}

		.toolbar-right li {
			display: inline;
		}

			.toolbar-left a,
			.toolbar-right li a {
				border-left: 1px solid #cfd1d4;
				color: #737376;
				font: 11px/11px Arial;
				font-weight: bold;
				padding: 0 6px;
			}
			
			.toolbar-left a:hover,
			.toolbar-right li a:hover {
				color: #E5297A;
				text-decoration: none;
			}

	#footer-logos {
		background: #ccc;
		height: 39px;
		list-style-type: none;
		overflow:hidden;
		width: 100%;
	}

		#footer-logos li {
			float: left;
			height: 39px;
			text-align: center;
			margin:0 19px;
		}

/*---------------------------------------------------------------------
  [4. Content]
*/

#bg-text h2 {
	font-size: 180%;
	font-family: 'corbel', 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
	margin-top: 7px;
}

#bg-text h3 {
	background: #e5297a;
	clear: both;
	float: left;
	font-size:14px;
	font-family: 'corbel', 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
	height:13px;
	line-height: 11px;
	margin-top: 15px;
	padding: 3px 6px;
}

#bg-text h3 span {
	display: block;
}


#bg-text h4 {
	margin-top: 10px;
}

#bg-text p {
	line-height: 1.5em;
	margin: 1em 0;
	text-align: justify;
}