@charset "UTF-8";



/*                   CITY-PASS.com 
	 Feuille Standard, v.X - août 2008, par City-Pass.fr   */



/* ------ balises ----- */


html, body {
	height: 100%;
}
body, h1, h2, ul, li, div, hr {
	margin: 0;
	padding: 0;

}

body {
	background: #e7e7e2 url(../images/body_bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
}
p {
	margin: 0 0 1.5em 0;
}
a:link, a:visited {
	text-decoration: underline;
	color: #0584a4;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* suppression des pointillets (outline) pour les menus auxquelle une autre solution est apportée */
	#branding h1 a, #nav_main li a {
		outline: none;
	}


/* ------ utilitaires ----- */

.clear {
	clear: both;
	visibility: hidden;
}
.encours, .encours a {
	cursor: default;/* laisser la flèche */
}
.last {
	border-right: none !important;
}





/* -------------------------------------------------------- */
/* ---------------------   STRUCTURE   -------------------- */
/* -------------------------------------------------------- */

#page {
	width: 980px;
	height:auto;
	text-align: left;
	margin: 0 auto;
	background: url(../images/page_bg.jpg) top center no-repeat;
}


#branding h1 a {
	display: block;
	width: 183px;
	height: 58px;
	background: url(../images/branding.png) top left no-repeat;
	text-indent: -9000px;
}
#branding h1 a:hover, #branding h1 a:active, #branding h1 a:focus {
	background-position: bottom;
}



/* -------------------------------------------------------- */
/* ---------------------   NAVIGATION   ------------------- */
/* -------------------------------------------------------- */


/* Navigation alternative pour améliorer l'accessibilité */

#nav_alt {
	list-style: none;
	margin-top: .5em;
	font-size: .8em;
	position: absolute;
	top: 0.8em;
	right: 1em;
	}
	#nav_alt li {
		display: inline;
		margin-right: .3em;
		}
		#nav_alt li a {
			padding: 0 .5em 0 0;
			text-decoration: none;
			color: #e7f7fb;
			border-right: solid 1px #e7f7fb;
		}
		#nav_alt li a:hover, #nav_alt li a:active, #nav_alt li a:focus{
			color: #ffffff;
			font-weight: bold;
			font-size: 1.2em;
		}


/* Navigation principale */

#nav_main {
	list-style: none;
	height: 30.5px;
	margin-top: 30px;
	font-size: 1.15em;
	}
	#nav_main li {
		display: block;
		float: left;
		}
		#nav_main li a {
			display: block;
			width: 125px;
			height: 30.5px;
			float: left;
			padding-top: 14px;
			text-decoration: none;
			text-align: center;
		}
		#nav_main li a:hover, #nav_main li a:focus {
			text-decoration: underline;
		}
		#nav_main li a:active {
			color: #19a4c7;
		}
		ul#nav_main li.encours {
			background: url(../images/nav_main-onglet.png) top center no-repeat;
		}
		#nav_main li.encours a {
			text-decoration: none;
		}
		#nav_main li#accueil {
			margin-right: 340px;
		}
	

/* Navigation secondaire */

ul#nav_sec {
	margin-top: -2px;
	list-style: none;
	height: 106px;
	background: transparent url(../images/nav_sec-bg.png) top left no-repeat;
	}
	#nav_sec li {
	float:left;
	}
	#nav_sec li.first {
		margin-left: 125px;
	}
	#nav_sec li a {
		display: block;
		float: left;
		width: 158px;
		height: 106px;
		margin-right: 10px;
		text-indent: -9000px;
		background-repeat:no-repeat;
	}
	#nav_sec li a:hover, #nav_sec li a:active, #nav_sec li a:focus {
		background-position: center;
	}
	/* Personalisation des boutons */
		#nav_sec li a#index			{	background-image: url(../images/nav_sec/serv-accueil.jpg);		}
		#nav_sec li a#web			{	background-image: url(../images/nav_sec/serv-web.jpg);		}
		#nav_sec li a#edition 		{	background-image: url(../images/nav_sec/serv-edition.jpg);	}
		#nav_sec li a#photo			{	background-image: url(../images/nav_sec/serv-photo.jpg);	}
		#nav_sec li a#maintenance 	{	background-image: url(../images/nav_sec/serv-reseau.jpg);	}
		#nav_sec li a#referencement 	{	background-image: url(../images/nav_sec/serv-ref.jpg);	}
		#nav_sec li a#strategie 	{	background-image: url(../images/nav_sec/serv-strategie.jpg);	}
		#nav_sec li a#equipe	{	background-image: url(../images/nav_sec/serv-equipe.jpg);	}
		#nav_sec li a#acces	{	background-image: url(../images/nav_sec/serv-acces.jpg);	}
		#nav_sec li a#devis	{	background-image: url(../images/nav_sec/serv-devis.jpg);	}
		#nav_sec li a#message	{	background-image: url(../images/nav_sec/serv-message.jpg);	}
	/* affichage de la rubrique en cours */
		ul#nav_sec li a.encours {
		background-position: bottom;

		}


/* -------------------------------------------------------- */
/* ----------------------   CONTENU   --------------------- */
/* -------------------------------------------------------- */
#content {
	background: #FFFFFF;
	height:auto;
	float:left;
	}
	/* coins ronds en bas */
	#coingauche, #coindroit {
		width: 8px;
		height: 8px;
		background-repeat: no-repeat;
		font-size: 1px;/* Correction d'un bug IE */
		}
		#coingauche {	background-image: url(../images/angle-g.jpg);          }
		#coindroit  {	background-image: url(../images/angle-d.jpg); float: right; }
		
/* ------------------   flash une   --------------- */

	#flash {
		width: 400px;
		float : right;
		margin:0;

		}

		

/* ------------------   gauche  --------------- */

	#gauche {
		width: 550px;
		height:auto;
		float : left;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:15px;

		}
/* ------------------   p_referencement  --------------- */

	#p_referencement {
		width: 960px;
		height:auto;
		float : left;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:10px;

		}
		
	.titres {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#8BD1DD;
	}
/* -------------------------------------------------------- */
/* -------------   INFORMATIONS SUR LE SITE   ------------- */
/* -------------------------------------------------------- */

#site_info {
	margin: 0;
	padding:0;
	font-size: 0.8em;
	}
	#site_info ul {
		margin: 0;
		list-style: none;
		text-align: center;
		}
		#site_info ul li {
			display: inline;
			padding: 0 1em;
			border-right: solid 1px #006699;
			}
			#site_info a.acc_top  {
				text-decoration: none;
			}
	#site_info .citypass_signature {
		float: left;
		width: 300px;
		padding-top: 10px;
		font-size: 0.7em;
		color: #888;
		}
		#site_info .citypass_signature strong {
			font-size: 1.3em;
			color: #333333;
			}
			#site_info .citypass_signature a {
				display: block;
				float: left;
				width: 67px;
				height: 54px;
				background: transparent url(../images/signature-etq.png) top left no-repeat;
				text-indent: -9000px;
				margin-top: -0.5em;
			}
			#site_info .citypass_signature a:hover {
				background-position: bottom;
			}
	#site_info .validation {
		float: right;
		width: 300px;
		text-align: right;
	}
/*   Formulaire contact */
#form_contact {
	float: left;
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
}
#form_contact p {
	margin:0;
	padding: 0;
}

#form_contact label {
	width: 220px;
	display: block;
	cursor: pointer;
	float: left;
	margin-top: 0.65em;
	clear: left;

}

#form_contact input {
	float: left;	
	margin-top: 0.65em;
}
#form_contact checkbox {
	float: left;	
	margin-top: 0.65em;
}
#form_contact select {
	float: left;
	margin-top: 0.65em;
}
#form_contact textarea {
	float: left;
	margin: 1em 0 1em 0;
}
#form_contact img {
	float: left;
	clear: left;
	margin-left:220px;
	margin-top:5px;
	
}
#form_contact label.copier {
	float: left;
	clear: none;
	margin-left:30px;
	width:65px;
}
.champs {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.envoyer{
	clear: left;
	margin-left:220px;
}

#texte{
float:left;
widht:500px;
padding:15px;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #6184A4;
	background-color: #8BD1DD;
}