/*

__        __      ____   ____        _       _   _                 
\ \      / / __  / ___| / ___|  ___ | |_   _| |_|_| ___  _ __  ___ 
 \ \ /\ / / '_ \| |  _  \___ \ / _ \| | | | | __| |/ _ \| '_ \/ __|
  \ V  V /| | | | |_| |  ___| | |_| | | |_| | |_| | |_| | | | \__ \
   \_/\_/ |_| |_|\____| |____/ \___/|_|\__,_|\__|_|\___/|_| |_|___/



	*********************************************************
	*                                                       *
	*   Copyright 2007 WnG Solutions                        *
	*                                                       *
	*   WnG Solutions                                       *
	*   Rue Centrale 15                                     *
 	*   1003 Lausanne                                       *
	*   Suisse - Switzerland                                *
	*   http://www.wng.ch                                   *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Nous vous remercions de l'attention que vous        *
	*   portez a notre code.                                *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Thanks for looking at our sources.                  *
	*                                                       *
	*********************************************************

*/

/* ----- Configuration générale ----- */

* {
	margin: 0;
	padding: 0;
	color: #818080;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background: #345175 url('../images/background.jpg') repeat-y;
}

h1 {
	text-align: left;
	color: #5789d9;
	font-size: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom: 1em;
	font-weight: normal;
}

h2 {
	text-align: left;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px;
}

h3 {
	text-align: left;
	margin-top: 10px;
	font-size: 12px;
}

h3 a{
	text-decoration: none;
}

h4, h5, h6 {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0;
}

hr {
	margin-top:10px;
	margin-bottom:10px;
	background-color: white;
	color: white;
	height: 1px;
	width: 100%;
	border: 1px #ABB7C4 solid;
	border-width:1px 0 0 0 ;
}

ul {
	margin-left: 20px;
}

ul li {
	padding: 0 0 2px 5px;
}

ul.noStyle {
	list-style: none;
	margin-left: 0;
}

ul li ul {
	padding: 5px 0;
}

p {
	margin-bottom: 12px;
	margin-top:12px;
}

a {
	color: #5789d9;
	text-decoration: underline;
}

img {
	border: 0;
}

img.portrait {
	border: 1px solid #abb7c4;

}

/* ----- /Configuration générale ----- */
	
	
/* ----- Classes générales ----- */

.spacer { clear: both; font-size: 0; }

.focus { border: 1px #818080 solid; }
.focus:focus,
.focus:hover { border: 1px #5789D9 solid; }

.floatL { float: left; }
.floatR { float: right; }

.underline { text-decoration: underline; }
.italic { font-style: italic; }

.margeTop { margin-top: 20px; }
.margeLeft { margin-left: 20px; }
.margeRight { margin-right: 20px; }
.margeBottom { margin-bottom: 20px; }

.margeTopBig { margin-top: 35px; }

.margeBottom { margin-bottom: 30px; }
.margeBottomBig { margin-bottom: 70px; }

.textCenter { text-align: center; }

/* ----- /Classes générales ----- */


/* ----- Conteneurs principaux ----- */

#global {
	width: 942px;
	background: url('../images/background_site.gif') right repeat-y;
}

#visuel {
	padding: 28px 0 0 89px;
	min-height: 501px;
}

/* ----- /Conteneurs principaux ----- */


/* ----- Logo ----- */

#logo {
	float: left;
	width: 241px;
	height: 134px;
	text-align: center;
}

#logo span {
	display: block;
	margin: 34px 8px 8px 0;
}

/* ----- /Logo ----- */


/* ----- Accesskeys ----- */

#accesskey {
	position: absolute;
	top: 40px;
	left: 350px;
}

#accesskey a:link, #accesskey a:visited, #accesskey a:active, #accesskey a:hover {
	color: #FFFFFF;
}

#accesskey a:focus {
	color: #818080;
}

/* ----- /Accesskeys


/* ----- Barre des langues ----- */

#languages {
	width: 548px;
	height: 41px;
	padding: 0 15px;
	overflow: hidden;
	line-height: 41px;
	font-family: Helvetica, Verdana, Arial, sans-serif;	
}

#languages ul {
	float: right;
	list-style: none;
}

#languages li, #languages li a {
	color: #5E5D5D;
	display: inline;
	font-size: 12px;
	text-decoration: none;
}

#languages li.menuOn a, #languages li a:hover {
	color: #5789d9;
}

/* ----- /Barre des langues ----- */


/* ----- Menu principal ----- */

#menu {
	clear: right;
	width: 579px;
	height: 24px;
	z-index: 100;
	margin-left: 249px;
	overflow: visible;
	position: absolute;
	margin-bottom: 13px;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	float: left;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	background: #CAD6E0 url('../images/bouton_menu.png') top center repeat-x;
	height: 100%;
	width: 108px;
	color: #5F5E5E;
	padding: 7px 4px 3px 0;
	margin-left: 6px;
}

#menu ul li.first {
	margin-left: 0;
	width: 102px;
}

#menu li a, #menu a {
	color: #5f5e5e;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
 	text-decoration: none;
}

#menu li.menuOn span a {
	color: #5789d9;
}

#menu ul li ul li.smenuOn a {
	color: #5789d9;
}

#menu ul li ul {
	top: 18px;
	width: 109px; 
	position: absolute;
	display: none;
	margin: 3px 0 0 0 ;
	padding: 0 0 1em 3px;
	background: #EDEFF1 url('../images/degrade-deroulant.gif') bottom center repeat-x;

}

#menu ul li ul li {
	float: none;
	background: transparent none;
	text-align: right;
	margin: 0;
	padding: 8px 0 0 0;
	width : 100%;
}

#menu ul li ul li a:hover {
	color: #5789D9;
}

#menu li li a {
	display: block;
	padding: 0;
	text-transform: none;
	text-align: right;
	color: #5F5E5E;
	margin-right: 6px;
}

#menu li a:hover {
	color: #5F5E5E;
}

/* ----- /Menu principal ----- */


/* ----- Menu secondaire (à gauche) ----- */

#menuSub {
	clear: left;
	float: left;
	width: 247px;
}

/* ----- /Menu secondaire (à gauche) ----- */


/* ----- Box sous le menu secondaire (Genève, Lausanne, Zurich) ----- */

#underMenuSub {
	clear: left;
	float: left;
	width: 247px;
	height: 154px;
	background: transparent url('../images/background_menu_long.png') no-repeat; 
	background-position: bottom;
	padding: 0;
	text-align: left;
}

/* ----- /Box sous le menu secondaire (Genève, Lausanne, Zurich) ----- */


/* ----- Contenu principal ----- */

#content {
	margin-top: 24px;
	width: 528px;
	padding: 42px 33px 130px 25px;
	overflow: hidden;
	min-height: 480px;
	line-height: 1.4em;
}

#content.home {
	width: 520px;
	background: black;
	margin-left: 249px;
	text-align: center;
}


	/* ----- Partie gauche du contenu ----- */

	#contentLeft {
		float: left;
		width: 336px;
		text-align: justify;
		margin-right: 22px; 
	}
	
	#contentLeft ul {
		text-align: left;
	}
	
	#contentLeft ul.homeListe li {
		margin-bottom: 5px;
	}
	
	#contentLeft.alone {
		width: 496px;
		float: none;
	}

	#content.agence #contentLeft.alone{
		width: 550px;
	}
	
	#content.agence #contentLeft.alone .bloc-bleu{
		width: 168px; 
		background: #dae4ed; 
		margin-bottom: 10px; 
		padding: 10px;
		
	}
	
	#content.agence #contentLeft.alone .bloc-bleu a{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		line-height: 160%;
	}
	
	#content.agence #contentLeft.alone .bloc-bleu .date{
		font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
		display: block; 
		height: 13px;
	}
	
	#content.agence #contentLeft.alone .bloc-texte{
		width: 180px; 
		font: 11px Verdana, Arial, Helvetica, sans-serif; 
		color:#666666;
		margin-bottom: 20px;
		line-height: 160%;
	}
	/* ----- /Partie gauche du contenu ----- */


	/* ----- Partie droite du contenu ----- */

	#contentRight {
		float: left;
		width: 168px;
		font-size: 11px;
	}
	
	#contentRight h2 a {
		font-weight: normal;
	}
	
	#contentRight h2.titre span.commentaire {
		font-style: italic;
		font-weight: normal;
	}

	#contentRight p{
		font-size: 11px;
		margin-bottom: 20px;
	}
	
	
	/* ----- /Partie droite du contenu ----- */

	/* ----- Contenu home ----- */
	
	ul#listeLangue{
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		width: 480px;
		
	}
	
	ul#listeLangue li{
		float: left;
		display: inline;
		color: #445874;
	}
	
	ul#listeLangue li a{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #445874;
		text-decoration: none;
	}
	
	.home-slogan{
		margin-left: 50px;
		margin-top: 100px;
	}
	
	#accroche-home{
		width: 188px;
		min-height: 174px;
		margin: 0;
		padding: 0;
		background: url(../images/accroche.jpg) no-repeat;
	}
	
	#accroche-home p{
		padding: 0 10px 10px 10px;
	}
	
	/* ----- /Contenu home ----- */

#content h2.titre {
	width: 175px;
	padding: 5px 3px 5px 12px;
	background: #E9EDF4;
	margin-top: 0;
	margin-bottom: 15px;
}

#content form fieldset.contact {
	border: none;
	margin-top: 15px;
}

#content form fieldset.contact label {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

#content form fieldset.contact input, #content form fieldset.contact textarea {
	padding: 2px 3px;
}

#content form fieldset.contact select {
	height: 17px;
}

#content form fieldset.contact option {
	padding: 2px 10px 2px 0;
}

#content form fieldset.contact .submit {
	margin: 15px 0 0 100px;
}

#content form fieldset.contact .submit input {
	background: #F0F0F2;
}

#content span.date {
	font-weight: bold;
	font-size: 10px;
	display: block;
}

#content .credits {
	position:relative;
}

#content .logoCredits {
	 position:absolute;
	top:0;
	right:0;
}

#content .linkAdminPanel {
	position: absolute;
	top: 625px;
}

	/* ----- Team RP ----- */

	#content dl.team {
		list-style: none;
		margin: 0;
		padding: 0;
		clear: both;
	}

	#content dl.team dt {
		float: left;
		margin-right: 20px;
		padding-top: 10px;
		padding-bottom: 15px;
	}

	#content dl.team dd {
		padding-top: 10px;
		padding-bottom: 15px;
		overflow: hidden;
	}

	#content dl.team dd h3 {
		padding-bottom: 10px;
	}

	#content dl.team dd p {
		clear: left;
	}

	#content dl.team dd span.block {
		display: block;
		float: left;
		width: 70px;
	}

	/* ----- /Team RP ----- */

/* ----- /Contenu principal ----- */


/* ----- Footer ----- */

#footer {
	width: 726px;
	text-align: center;
	background: url('../images/background_footer.gif') top left no-repeat;
	margin-left: 215px;
	padding-left: 20px;
	padding-top: 5px;
}

#footer p, #footer a {
	color: #FFFFFF;
	text-decoration: none;
}

/* ----- /Footer ----- */