@import url('reset.css');

/* Reset override */
b,strong {font-weight: bold}
i,em {font-style: italic}

/*
 * STRUCTURE
 * ---------------------------------------------------------------------------
 */
body {
	font: 1em "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

#container {
	width: 960px;
	margin: 0 auto;
}

	#header {
		width: 100%;
		clear: both;
	}
	
	#content-wrapper {
		width: 100%;
		overflow: auto;
	}
	
		#nav {
			float: left;
			width: 240px;
		}
		
		#content {
			float: left;
			width: 500px;
		}
		
		#extra {
			float: right;
			width: 200px;
		}

/*
 * HEADER
 * ---------------------------------------------------------------------------
 */
#header {
	height: 75px;
	background: url('../img/topnav_bg.gif') no-repeat;
	margin: 19px 0 20px;
}
#topnav {
	float: left;
	margin-left: 138px;
}
/*.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}*/

.topnav-lvl1 {
	width: 137px;
	height: 70px;
	text-align: center;
	background-image: url('../img/topnav_li_bg.gif');
	background-repeat: no-repeat;
}
	#topnav-accueil     { background-position: 0px    0px; }
	#topnav-outils      { background-position: 0px  -70px; }
	#topnav-reseau      { background-position: 0px -140px; }
	#topnav-profil      { background-position: 0px -210px; }
	#topnav-recherche   { background-position: 0px -280px; }
	#topnav-connexion   { background-position: 0px -350px; }
	#topnav-deconnexion { background-position: 0px -420px; }
	
	#topnav-accueil-current     { background-position: -137px    0px; }
	#topnav-outils-current      { background-position: -137px  -70px; }
	#topnav-reseau-current      { background-position: -137px -140px; }
	#topnav-profil-current      { background-position: -137px -210px; }
	#topnav-recherche-current   { background-position: -137px -280px; }
	#topnav-connexion-current   { background-position: -137px -350px; }
	#topnav-deconnexion-current { background-position: -137px -420px; }

.topnav-lvl1 a {
	padding-top: 44px;
}
	
#topnav li a, .sf-menu a:visited {
	color: #666;
	font-size: .9em;
	text-decoration: none;
}
#topnav li a:hover {
	color: #000;
}

#topnav ul {
	font-size: .75em;
	line-height: 1.4;
	text-align: left;
	margin: 20px 0;
	padding
}
#topnav li li {
	background: #fcfcfc;
	padding-left: 20px;
	padding-right: 20px;
	width: 180px; /* 220px -2x20px margin */
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#topnav li li:first-child {
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
#topnav li li:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#topnav li li a {
	padding-top: 0;
	text-decoration: underline;
}
#topnav li li a:hover {
}
#topnav-current-item {
	font-size: .9em;
}

#topnav .input label {
	font-size: 1em;
	line-height: 2.3;
}
#topnav .submit input {
	color: #fff;
	background: #004b93;
	font-size: .9em;
	font-weight: bold;
	padding: 4px 30px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#topnav .submit input:hover {
	background-color: #41a62a;
}

/*
 * CONTENT
 * ---------------------------------------------------------------------------
 */
h1 {
	font-size: 1.2em;
	font-weight: bold;
}

#path {
	font-size: .7em;
	margin-bottom: 20px;
}
#path span {
	color: #666;
}

#content form {
	margin-bottom: 20px;
}
#content .input label {
	width: 180px;
}
#content .input label {
	font-size: .8em;
	line-height: 2.3;
	width: 150px;
}
#content .submit input {
	color: #fff;
	background: #004b93;
	font-size: .9em;
	font-weight: bold;
	padding: 4px 60px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#content .submit input:hover {
	background-color: #41a62a;
}
#content p,
#content ul,
#content ol {
	font-size: 10px;
	margin-bottom: 20px;
}
#content ol {
	list-style: decimal;
	margin-left: 25px;
}
#content ul {
	list-style: disc;
	margin-left: 20px;
}


/*
 * FORMS
 * ---------------------------------------------------------------------------
 */
input, textarea, select {
	font: 1em "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

.form-error {
	border: 1px solid #c5071b;
	background: #fcf5f6;
}
.error-message {
	color: #c5071b;
	font-size: .85em;
	font-weight: bold;
	line-height: 1.8;
	margin-left: 160px;
}
.input {
	clear: both;
	overflow: auto;
	font-size: .8em;
	line-height: 1.4;
	padding: 5px 0;
}
.input label {
	margin-right: 5px;
	padding-right: 5px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}
.required {
	background: url('../img/required.gif') no-repeat 150px 4px;
}
.input-group {
	float: left;
	clear: none;
}
.submit {
	overflow: auto;
}

#content fieldset {
	padding: 10px 20px;
	margin-bottom: 10px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#content legend {
	font-size: .95em;
	font-weight: bold;
	padding: 0 10px;
}

.submit input {
	line-height: 1;
	text-decoration: none;
	float: right;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}


/* 
 * MESSAGES
 * ---------------------------------------------------------------------------
 */
.message {
	border: 1px solid;
	margin-bottom: 20px;
}
.mssg-title,
.mssg-text {
	padding: 5px;
}
.mssg-title {
	color: #fff;
	font-size: .8em;
}
.mssg-text {
	font-size: .7em;
}

.mssg-error {
	border-color: #e01616;
	background-color: #fdf3f3;
}
.mssg-error .mssg-title {
	background-color: #e01616;
}

.mssg-notice {
	border-color: #f57900;
	background-color: #fef8f2;
}
.mssg-notice .mssg-title {
	background-color: #f57900;
}

.mssg-success {
	border-color: #67b72f;
	background-color: #fafcf3;
}
.mssg-success .mssg-title {
	background-color: #67b72f;
}

.mssg-important {
	border-color: #16b5a4;
	background-color: #e6fefc;
}
.mssg-important .mssg-title {
	background-color: #16b5a4;
}
#nav-wrapper .mssg-important {
	margin: 20px 40px;
}


/*
 * LEFT NAV
 * ---------------------------------------------------------------------------
 */
#nav {
}
#nav h2 {
	font-size: .9em;
	font-weight: bold;
	padding-left: 20px;
}
#nav-current-header {
	background: url('../img/nav_current_header.gif') no-repeat 9px 4px;
}
#nav ul {
	font-size: .7em;
	line-height: 1.4;
	margin-top: 5px;
	margin-bottom: 20px;
}
#nav ul li {
	padding-left: 20px;
}
#nav-current-item {
	background: url('../img/nav_current_item.gif') no-repeat 10px 4px;
}

/*
 * FOOTER
 * ---------------------------------------------------------------------------
 */
#footer-wrapper {
	margin-top: 33px;
	background: #f4f4f4 url('../img/footer_bg.gif') repeat-x;
}
#footer {
	width: 960px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
#footer-links {
	float: left;
	margin-top: 20px;
}
#footer-links li {
	float: left;
	margin-left: 20px;
}
#footer-copyright-small,
#footer-copyright-big {
	float: right;
	font-size: .6em;
	color: #999;
}
#footer-copyright-small {
	background: url('../img/footer_logged_bg.gif') no-repeat top right;
	padding-top: 32px;
	padding-right: 90px;
	padding-bottom: 17px;
}

#footer-sitemap {
	float: left;
	width: 260px;
}
#footer-sitemap ul {
	margin: 47px 0 30px 20px;
}
#footer-sitemap ul li {
	line-height: 1.5;
}
#footer-sitemap ul li a {
	color: #000;
	font-size: .75em;
	text-decoration: none;
}
#footer-sitemap ul li a:hover {
	color: #999;
}

#footer-blog-entries {
	float: left;
	width: 500px;
}
#footer-blog-entries h2 {
	font-weight: bold;
	font-size: .9em;
	margin-top: 47px;
}
#footer-blog-entries ul {
	margin: 5px 0 30px 0;
}
#footer-blog-entries ul li {
	clear: both;
	overflow: auto;
	font-size: .7em;
	background-image: url('../img/footer_li_bg.gif');
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding: 7px 0 7px 12px;
	border-bottom: 1px solid #fff;
	box-shadow: 0px 1px 0 #dbdbdb;
	-webkit-box-shadow: 0px 1px 0 #dbdbdb;
	-moz-box-shadow: 0px 1px 0 #dbdbdb;
}
#footer-blog-entries ul li a {
	float: left;
	color: #666;
	text-decoration: none;
}
#footer-blog-entries ul li a:hover {
	color: #004b93;
}
#footer-blog-entries ul li span {
	float: right;
	font-size: .9em;
}

#footer-copyright-big {
	width: 200px;
	text-align: center;
	background: url('../img/footer_big_bg.gif') no-repeat top right;
	padding-top: 155px;
	margin-top: 47px;
}


/* 
 * PAGINATOR
 * ---------------------------------------------------------------------------
 */
#content .paginator {
	width: 100%;
	overflow: auto;
}
#content .paginator p {
	float: left;
	color: #666;
}
#content .paginator ul {
	float: right;
	list-style: none;
	margin: 0 0 20px 0;
}
#content .paginator ul li {
	float: left;
	margin-right: 6px;
	background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: #eee;
}
#content .paginator ul li a {
	display: block;
	padding: 2px 7px;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
#content .paginator ul li a:hover,
#content #paginator-current a:hover {
	color: #fff;
	background-color: #004b93;
	border-width: 0;
}
#content #paginator-current {
	border-color: #6fa9e0;
}
#content #paginator-current a {
	color: #004b93;
	font-weight: bold;
}


/*
 * PARTICULIER
 * ---------------------------------------------------------------------------
 */
.particulier a,
.particulier #topnav li li a {
	color: #004b93;
}
.particulier a:hover,
.particulier #topnav li li a:hover {
	color: #000;
	text-decoration: none;
}

/*
 * INFOBOX
 * ---------------------------------------------------------------------------
 */
.infobox {
	background-repeat: repeat-y;
	margin-bottom: 20px;
	font-size: 1em;
}
.infobox-header {
	background-repeat: no-repeat;
	background-position: center top;
	height: 42px;
}
.infobox-body {
	background-repeat: no-repeat;
	background-position: center bottom;
}

	.infobox-tiny { background-image: url('../img/infobox_bg_tiny.gif'); }
	.infobox-header-tiny { background-image: url('../img/infobox_header_bg_tiny.gif'); }
	.infobox-body-tiny { background-image: url('../img/infobox_body_bg_tiny.gif'); }

	.infobox-medium { background-image: url('../img/infobox_bg_medium.gif'); }
	.infobox-header-medium { background-image: url('../img/infobox_header_bg_medium.gif'); }
	.infobox-body-medium { background-image: url('../img/infobox_body_bg_medium.gif'); }

	.infobox-large { background-image: url('../img/infobox_bg_large.gif'); }
	.infobox-header-large { background-image: url('../img/infobox_header_bg_large.gif'); }
	.infobox-body-large { background-image: url('../img/infobox_body_bg_large.gif'); }
	.infobox-body-large { background-image: url('../img/infobox_body_bg_large.gif'); }

.infobox-header h2 {
	font-size: .9em;
	font-weight: bold;
	padding: 12px 0 0 40px;
}
.infobox-body {
	padding: 0 20px 10px 20px;
	font-size: .7em;
}
.infobox-body p,
.infobox-body ol,
.infobox-body ul {
	margin-bottom: 10px;
}
.infobox-body ol {
	list-style: decimal;
	margin-left: 25px;
}
.infobox-body ul {
	list-style: disc;
	margin-left: 20px;
}

/*
 * TOOLBOX
 * ---------------------------------------------------------------------------
 */
#toolbox {
	margin-bottom: 20px;
	border-color: #004b93;
	border-width: 3px;
	border-style: solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#toolbox-header {
	height: 33px;
	background: #004b93 url('../img/cog.gif') no-repeat 10px 7px;
}

#toolbox-header h2 {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 6px 0 0 30px;
}
#toolbox-body {
	padding: 10px 10px 0px 10px;
}
#toolbox-body p,
#toolbox-body ol,
#toolbox-body ul {
	margin-bottom: 5px;
}
#toolbox-body ol {
	list-style: decimal;
	margin-left: 25px;
}
#toolbox-body ul {
	list-style: disc;
	margin-left: 20px;
}

/*
 * MAPBOX
 * ---------------------------------------------------------------------------
 */
.mapbox {
	margin-bottom: 20px;
	border-color: #004b93;
	border-width: 3px;
	border-style: solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.mapbox-header {
	height: 33px;
	background: #004b93 url('../img/icons/16x16/actions/network.png') no-repeat 10px 7px;
}

.mapbox-header h2 {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 6px 0 0 30px;
}
.mapbox-body {
	padding: 10px 10px 0px 10px;
}
.mapbox-body p,
.mapbox-body ol,
.mapbox-body ul {
	margin-bottom: 5px;
}
.mapbox-body ol {
	list-style: decimal;
	margin-left: 25px;
}
.mapbox-body ul {
	list-style: disc;
	margin-left: 20px;
}

/*
 * PUB
 * ---------------------------------------------------------------------------
 */
.pub {
	margin: 0 20px 20px;
}
.pub-header {
	margin-bottom: 10px;
}
.pub-body {
	font-size: .7em;
}

/*
 * ACCUEIL
 * ---------------------------------------------------------------------------
 */
#content-home {
	float: left;
	width: 690px;
}
#home h2 {
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	padding: 88px 0 10px 15px;
}
#home ul {
	overflow: auto;
	background-image: url('../img/home.jpg');
	background-repeat: no-repeat;
}
#home li {
	float: left;
	width: 230px;
}
#home li ul {
	background-image: none;
	padding: 5px 15px 15px 28px;
	list-style: disc;
}
#home li li {
	color: #666;
	float: none;
	font-size: .7em;
	line-height: 1.5;
	margin: 10px 0;
}
ul#home-particuliers {
	margin-top: 20px;
}
ul#home-professionnels {
	margin-left: 120px;
	background-position: -690px 0;
}
#home-particuliers li li,
#home-professionnels li li {
	width: 100%;
}
#home p {
	font-size: .65em;
	margin: 5px 0;
}

#extra-home {
	float: right;
	width: 260px;
}
#extra-home .infobox-header h2 {
	padding-left: 20px;
}

#extra-home form {
	padding-bottom: 20px;
}
#extra-home .input label {
	font-size: 1.2em;
	padding-bottom: 5px;
}
#extra-home .input input {
	font-size: 1.5em;
}
#extra-home .submit input {
	color: #fff;
	background: #004b93;
	font-weight: bold;
	padding: 4px 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#extra-home .submit input:hover {
	background-color: #41a62a;
}

#openid {
	border-width: 1px;
	background: url('../img/openid.gif') no-repeat scroll 2px 50%;
	padding-left: 20px;
}


/*
 * POINTS DIWTIN
 * ---------------------------------------------------------------------------
 */
.credits-table {
	width: 100%;
	margin-bottom: 20px;
}
.credits-table th,
.credits-table td {
	padding: 5px 0;
}
.credits-table th {
	font-size: .8em;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.credits-col2 {
	width: 90px;
	text-align: right;
}
.credits-table td {
	border-bottom: 1px solid #ccc;
	font-size: .7em;
}
.price {
	color: #f60;
	font-weight: bold;
	text-align: right;
}

#credits-earn, #credits-spend {
	width: 440px;
}
#credits-earn {
	float: left;
}
#credits-spend {
	float: right;
}
#credits-earn h2, 
#credits-spend h2 {
	margin: 20px 0;
	font-weight: bold;
}

#credits-earn p, 
#credits-spend p {
	font-size: .7em;
	color: #666;
	margin-bottom: 20px;
}
/*
 * INSCRIPTION
 */
#home-inscription-particuliers {
	color: #fff;
	background: #004b93;
	font-size: 1.6em;
	font-weight: bold;
	padding: 8px 18px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}
#home-inscription-professionnels {
	color: #fff;
	background: #c00;
	font-size: 1.0em;
	font-weight: bold;
	padding: 4px 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
	float: right;
}
#home-inscription-particuliers:hover,
#home-inscription-professionnels:hover {
	background-color: #41a62a;
}
 
/*
 * NOTRE OFFRE
 * ---------------------------------------------------------------------------
 */
#content-wide {
	padding: 0 20px;
}
#prix {
	background: url('../img/prix_bg.gif') repeat-y top right;
}
#prix-table {
	width: 100%;
	background: url('../img/prix_bottom_bg.gif') no-repeat bottom right;
}
#prix-table thead th {
	background-image: url('../img/prix_top_bg.gif');
	background-repeat: no-repeat;
}
	#prix-col1 { background-position: -9999px -9999px; }
	#prix-col2 { background-position: 0 0; }
	#prix-col3 { background-position: -150px 0; }
	#prix-col4 { background-position: top right; }

#prix-table th,
#prix-table td {
	text-align: center;
}
#prix-table td {
	padding: 5px 0;
}

#prix-table th {
	vertical-align: bottom;
	padding: 25px 0 0 0;
}
#prix-table thead h2 {
	font-size: 1.1em;
	font-weight: bold;
}
#prix-table thead span {
	color: #f60;
	font-size: 1.3em;
	font-weight: bold;
}

#prix-table .features-group td {
	border-bottom: 1px solid #000;
}
#prix-table td.feature-head {
	text-align: left;
}

.feature-head h3 {
	font-size: .95em;
	font-weight: bold;
}
.feature td {
	border-bottom: 1px solid #ccc;
	font-size: .7em;
}
.feature td b {
	color: #f60;
}

#inscription td {
	padding: 15px 0 20px;
}
#inscription input {
	color: #fff;
	background: #004b93;
	font-size: .9em;
	font-weight: bold;
	padding: 4px 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}
#inscription input:hover {
	background-color: #41a62a;
}




#content p  a.linkPro,
#content ol a.linkPro,
#content ul a.linkPro,
#content h1 a.linkPro,
#content h2 a.linkPro,
#content h3 a.linkPro,
#content h4 a.linkPro,
#content form a.linkPro {
	color: #D40000;
}