* {
	margin: 0;
	padding: 0;
}

body {
	color: #555;
	font: 14px/1.2em Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}
body#orange {
	background: #e75012 url(../images/bg/orangebg.gif) repeat-x;
}

body#green {
	background: #a5c407 url(../images/bg/greenbg.gif) repeat-x;
}


img {
	display: block;
	border: none;
}



/* @group hacks */

.clearfix { display: inline-table;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}
/* @end */

#orange #header {
	background: url(../images/orangelogo.jpg) no-repeat;
}

#green #header {
	background: url(../images/greenlogo.jpg) no-repeat;
}

/* @group Header */

#header {
	position: relative;
	height: 314px;
}

#header h1 {
	position: absolute;
	top: 110px;
	left: 220px;
}
#header h1, #header h1 a {
	display: block;
	width: 140px;
	height: 70px;
	text-indent: -4000px;
	background: url(../images/assary-coaching.gif) no-repeat;
}

#header h2.baseline {
	position: absolute;
	top: 5px;
	left: 75px;
	width: 385px;
	height: 25px;
	text-indent: -4500px;
	background: url(../images/baseline.gif) no-repeat;
}

/* @group Mainmenu */

#header #mainmenu {
	clear: both;
	float: right;
	width: 540px;
	list-style: none;
}

#header #mainmenu li, #header #mainmenu a {
	display: block;
	float: left;
	width: 160px;
	height: 72px;
	text-indent: -4000px;
}

#header #mainmenu li {
	display: inline;
	margin-left: 20px;
}

#header #mainmenu a:hover, #header #mainmenu a.current {
	background-position: left bottom;
}

#header #mainmenu a#formation {
	background-image: url(../images/menu/offre-formation.gif);
}

#header #mainmenu a#coaching {
	background-image: url(../images/menu/offre-coaching.gif);
}

#header #mainmenu a#conception {
	background-image: url(../images/menu/conception-formation.gif);
}

#header #mainmenu a#temoignage {
	background-image: url(../images/menu/temoignages-profils.gif);
}

#header #mainmenu a#esprit {
	background-image: url(../images/menu/esprit-entreprise.gif);
}

#header #mainmenu a#nous {
	background-image: url(../images/menu/nous-connaitre.gif);
}

/* @end */

/* @end */

#container {
	width: 900px;
	text-align: left;
}

#green #header ul#menu {
	float: right;
	width: 540px;
	height: 192px;
	margin-top: 50px;
}

#menu li {
	display: inline;
	float: left;
	width: 160px;
	margin-top: 14px;
	margin-left: 20px;
	list-style: none;
}

#menu a {
	display: block;
	height: 178px;
	text-indent: -5000px;
}



#header #menu a#formation {
	background-image: url(../images/menu/offre-formation2.gif);
}

#header #menu a#coaching {
	background-image: url(../images/menu/offre-coaching2.gif);
}

#header #menu a#conception {
	background-image: url(../images/menu/conception-formation2.gif);
}

/* @group Intro */

#header div.intro {
	float: right;
	width: 540px;
	height: 192px;
	margin-top: 50px;
	font-size: 13px;
	text-align: center;
	color: #62201a;
}

div.intro h2 {
	margin-top:57px;
	height: 40px;
	font-size: 1px;
	color: #fff;
	background: url(../images/header.jpg) center center no-repeat;
}

div.intro p {
	margin: 0 5px .6em;
}

/* @end */



#content {
	color: #fff;
	padding-left: 10px;
}

#maincol h3 {
	margin-bottom: .7em;
}

#content p {
	margin-bottom: 1.2em;
}

#content ul {
	margin: .4em 1.4em 1.4em;
}

a.vertical {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover.vertical {
	color: #fff;
	text-decoration: underline;
}

/* @group Submenu */

#submenu {
	clear: both;
	position: relative;
}

#submenu ul {
	margin: 0 0 0 90px;
	list-style: none;
}

#submenu li {
	line-height: 1.5em;
}

#submenu a {
	color: #fff;
	text-decoration: none;
}

#submenu a:hover {
	text-decoration: underline;
}

/* @end */

#subcol {
	float: left;
	width: 345px;
	margin: 40px 0 0 15px;
}

#subcol ul {
	margin-top: 0;
}

#subcol li {
	margin-bottom: .4em;
	list-style: none;
}

#subcol li a, .dots li {
	display: block;
	padding-left: 30px;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
}

#subcol li a {
	font-weight: bold;
	font-size:14px;
}

#orange #subcol li a, #orange .dots li {
	background-image: url(../images/dot-orange.gif);
}

#green #subcol li a, #green .dots li {
	background-image: url(../images/dot-green.gif);
}


#subcol li a:hover, #subcol li a.current {
	text-decoration: underline;
	/*background-position: left bottom;*/
}

#orange #subcol li a:hover, #orange #subcol li a.current {
	color: #fdcb01;
}

#green #subcol li a:hover, #green #subcol li a.current {
	color: #e75012;
}

#maincol {
	float: right;
	width: 520px;
	margin-top: 40px;
}

#maincol.onecol {
	width: 670px;
}

#more {
	clear: both;
	padding: 15px 0 15px;
	font: 16px "Trebuchet MS", Helvetica, Arial, sans-serif;
}


h3#plusloin {
	width: 200px;
	height: 50px;
	text-indent: -3500px;
	background: url(../images/aller-plus-loin.gif) no-repeat;
}

p.quote {
	padding-left: 30px;
	line-height: 22px;
	font-size: 22px;
	background: url(../images/quote-orange.gif) no-repeat;
}

p.vlquote{
	padding-left: 30px;
	line-height: 22px;
	font-size: 22px;
	background: url(../images/quote-green.gif) no-repeat right top;
}
p.vlquote_new {
	line-height: 21px;
	font-size: 21px;
	background: url(../images/quote-green.gif) no-repeat right top;
}


#content p.quotebis {
	padding-left: 150px;
	line-height: 20px;
	font-size: 20px;
	width: 240px;
	margin-top: -25px;
	background: url(../images/quote-orange.gif) no-repeat right top;
}

#content p.arrow {
	background: url(../images/quote-orange.gif) no-repeat left top;
	font-size:16px;
	line-height: 20px;
	padding-left:35px;
}

#content ul.buttons {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content ul.buttons li {
	float: left;
	margin-right: 5px;
}

img.left {
	float: left;
	margin-right: 1em;
}

img.right, a.right {
	display: block;
	float: right;
	margin-left: 1em;
}

#reseau, #orga {
	position: relative;
	width: 520px;	
}

#reseau {
	height: 280px;
	background: url(../images/bg/reseaubg.gif) no-repeat;
}

#orga ul, #reseau ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#orga li, #reseau li {
	position: absolute;
	color: #000;
	font-size: 12px;
}

#orga li p, #reseau li p {
	margin: .5em 0;
}

#reseau #salon-entrepreneurs {
	top: -20px;
	left: 240px;
}

#reseau #paris-entreprendre {
	top: 240px;
	left: 70px;
}

#reseau #coach-invest {
	top: 50px;
	left: 10px;
}

#orga {
	position: relative;
	height: 250px;
	background: url(../images/bg/equipebg.gif) no-repeat;
}

#orga #nrodary, #orga #vous {
	width: 120px;
	height: 150px;
	text-align: center;
}

#orga #nrodary {
	top: 80px;
}

#orga #vous {
	top: 40px;
	right: 0;
}

/* @group Footer */

#footer {
	margin-bottom: 1.5em;
	padding: 0 10px;
	text-align: right;
	color: #fff;
	font-size: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #ccd639;
}

/* @end */
a.link {
	color: #fff;
}

a.download, a.print {
	clear: both;
	display: block;
	margin: .5em 0;
	padding-left: 25px;
	color: #fff;
	line-height: 27px;
}

#orange a.download {
	background: url(../images/dl-orange.gif) no-repeat;
}

#orange a.print {
	background: url(../images/print-orange.gif) no-repeat;
}


div.formules {
	clear: both;
	margin: 1.5em 0 0;
	padding-top: 1em;
	border: 1px solid #fff;
	border-width: 1px 0;
	font-size: 12px;
}

#content div.formules p {
	margin: 0;
}

a#inscription, a#osez {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

a.courriel{
	color: #fff;
}

a:hover.courriel{
	text-decoration: none;
}

.bigger{
	font-size: 15px;
}

.right{
	float: right;
}

#photomt{
	display: block;
	font-size: 11px;
	width: 130px;
	text-align: center;
	height: auto;
	padding-bottom: 10px;
}

.quotebis {
	padding-left: 150px;
	line-height: 20px;
	font-size: 20px;
	width: 240px;
	margin-top: -25px;
	background: url(../images/quote-orange.gif) no-repeat right top;
}
