html {
	margin:0;
	padding:0;
}
body {
	background-color:#f5f5f5;
	margin:0;
	padding:0;
	font:normal 12px/12px 'Lato', sans-serif;
}

h1, h2, h3, p, ul, li { margin:0; padding:0; }
ul { list-style:none; }
.left { float:left; }
.right { float:right; }
.hide { display:none; }
img { border:0; }
* { outline:none; }

#main {
	width:100%;
}

#coach, #mais, #methodologie, #etude, #contact {
	overflow:hidden;
}
#coach.over, #mais.over, #methodologie.over, #etude.over {
	background:#e3eceb;
}
#coach.close, #mais.close, #methodologie.close, #etude.close, #contact.close {
	height:300px;
}
#head .inner, #coach .inner, #mais .inner, #methodologie .inner, #etude .inner, #contact .inner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

/* */
a.open {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:1000px;
	height:300px;
	z-index:1005;
	background:url(../images/blank.gif) top left;
}
a.close {
	position:absolute;
	top:40px;
	right:40px;
	width:19px;
	height:19px;
	background:url(../images/close.png) top left no-repeat;
	z-index:999;
}
a.prev, a.next {
	position:absolute;
	width:30px;
	height:19px;
	top:40px;
}
a.prev {
	right:140px;
	background:url(../images/prev.png) top center no-repeat;
	z-index:998;
}
a.next {
	right:90px;
	background:url(../images/next.png) top center no-repeat;
	z-index:997;
}
a.close.white, a.prev.white, a.next.white {
	background-position:bottom center;
}

.ombre1 { display:none; position:absolute; left:0; top:0; width:1000px; height:71px; background:url(../images/ombre1.png) top left no-repeat; z-index:1001; }
.ombre2 { display:none; position:absolute; left:0; top:229px; width:1000px; height:71px; background:url(../images/ombre2.png) top left no-repeat; z-index:1002; }

/* HEADER */
#head {
	position:relative;
	height:150px;
	margin:0 auto;
	color:#fff;
}
#head .inner {
	background-color:#059492;
	height:150px;
	width:1000px;
}
#head .ombre2 {
	top:79px;
}
#head h1 {
	font:normal 48px/60px 'Arapey', serif;
	padding-top:175px;
	padding-left:40px;
}
#head img.logo {
	display:block;
	padding-top:0;
}
#head p {
	font-size:10px;
	text-transform:uppercase;
	padding-left:40px;
}
#head p.right {
	font-size:12px;
	padding-right:40px;
	margin-top:-70px;
}
#head p span, #head p a {
	display:block;
	height:18px;
	line-height:22px;
	text-align:right;
	padding-right:24px;
	text-transform:none;
}
#head p span {
	background:url(../images/phone.png) top right no-repeat;
	text-align:right;
}
#head p a {
	background:url(../images/mail.png) top right no-repeat;
	text-align:right;
	color:#fff;
	text-decoration:none;
}

/* COACH */
#coach.close a.close, #coach.close a.prev, #coach.close a.next { display:none; }
#coach.close a.open { display:block; }
#coach h2 {
	position:absolute;
	top:35px;
	left:40px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:300;
	color:#343434;
	z-index:950;
	height:30px;
	line-height:30px;
}
#coach h3 {
	position:absolute;
	top:80px;
	left:40px;
	font:italic 12px/17px Georgia, serif;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	z-index:951;
}
#coach div.menu {
	position:absolute;
	top:300px;
	left:40px;
}
#coach div.menu a {
	display:block;
	color:#999;
	text-decoration:none;
	height:21px;
	font-weight:bold;
}
#coach div.menu a:hover, #coach div.menu a.active {
	color:#333;
}
#coach ul.submenu {
	display:none;
	position:absolute;
	top:360px;
	left:40px;	
	width:300px;
	z-index:100;
}
#coach ul.submenu a {
	display:block;
	color:#999;
	text-decoration:none;
	
	font:italic 12px/20px Georgia, serif;
	font-weight:bold;
}
#coach ul.submenu a:hover, #coach ul.submenu a.active {
	color:#333;
}
#coach ul.text {
	width:920px;
	height:210px;
	position:absolute;
	top:360px;
	left:40px;
}
#coach ul.text div.scroll-pane {
	height:210px;
}
#coach ul.text li {
	margin-left:300px;
	width:600px;
}
#coach ul.text li.large {
	margin-left:0;
	width:920px;
}
#coach img.gray {
	position:absolute;
	top:0;
	right:0;
	z-index:900;
}
#coach ul.text li p {
	font-size:12px;
	line-height:16px;
	color:#666666;
	margin-bottom:16px;
	width:580px;
}
#coach ul.text li.large p {
	width:900px;
}

/* MAIS */
#mais.close a.close, #mais.close a.prev, #mais.close a.next { display:none; }
#mais.close a.open { display:block; }
#mais .inner {
	background:#ccc;
	height:600px;
	overflow:hidden;
}
#mais .tree {
	position:absolute;
	right:-90px;
	top:100px;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
#mais h2 {
	position:absolute;
	top:40px;
	left:40px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:300;
	color:#343434;
	z-index:950;
	color:#fff;
	width:862px;
	height:49px;
	background:url(../images/black50.png) bottom left repeat-x;
	line-height:20px;
}
#mais ul {
	height:345px;
	margin:0 45px 0 40px;
}
#mais ul li ul {
	margin:0;
	width:915px;
}
#mais ul li ul li {
	float:left;
	width:174px;
	height:83px;
	padding:89px 0 171px 0;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
}
#mais ul li ul li.type1 a { background:url(../images/perso1.png) -18px 83px no-repeat; }
#mais ul li ul li.type2 a { background:url(../images/perso2.png) -18px 83px no-repeat; }
#mais ul li ul li.type3 a { background:url(../images/perso3.png) -18px 83px no-repeat; }
#mais ul li ul li.type4 a { background:url(../images/perso4.png) -18px 83px no-repeat; }
#mais ul li ul li.type5 a { background:url(../images/perso5.png) -18px 83px no-repeat; }
#mais ul li ul li.type6 a { background:url(../images/perso6.png) -18px 83px no-repeat; }
#mais ul li ul li.type7 a { background:url(../images/perso7.png) -18px 83px no-repeat; }
#mais ul li ul li a {
	display:block;
	height:83px;
	padding:6px 12px 165px 3px;
	font:italic 12px/17px Georgia, serif;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#mais div.content {
	position:relative;
	height:215px;
	margin:0 40px;
}
#mais div.content div.scroll-pane {
	position:absolute;
	top:0;
	left:0;
	height: 225px;
}
#mais div.content p, #mais div.content ul {
	font-size:12px;
	line-height:16px;
	color:#454545;
	margin-bottom:16px;
}

/* METHODOLOGIE */
#methodologie.close a.close, #methodologie.close a.prev, #methodologie.close a.next { display:none; }
#methodologie.close a.open { display:block; }
#methodologie h2 {
	position:absolute;
	top:35px;
	left:40px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:300;
	color:#343434;
	z-index:950;
	color:#fff;
	height:30px;
	line-height:30px;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
#methodologie ul.image {
	height:600px;
}
#methodologie ul.image li {
	width:1000px;
}
#methodologie ul.submenu {
	position:absolute;
	top:87px;
	left:40px;
	z-index:601;
}
#methodologie ul.submenu a {
	display:block;
	color:#fff;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
	text-decoration:none;
	height:20px;
	font:italic 12px/20px Georgia, serif;
	font-weight:bold;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
#methodologie ul.submenu a:hover, #methodologie ul.submenu a.active {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}
#methodologie div.container {
	position:absolute;
	top:0px;
	left:40px;
	height:210px;
	z-index:600;
}
#methodologie div.container ul.text {
	width:406px;
	height:600px;
}
#methodologie ul.image li {
	position:relative;
}
#methodologie img.gray {
	position:absolute;
	top:0;
	left:0;
	z-index:900;
}
#methodologie ul.text li {
	width:406px;
	margin-top:270px;
}
#methodologie ul.text h3 {
	font-size:15px;
	line-height:18px;
	font-weight:300;
	color:#fff;
	background:#333;
	height:38px;
	padding:11px 14px;
	text-transform:uppercase;
}
#methodologie ul.text div.content {
	padding:15px 25px 15px 15px;
	background:url(../images/black60.png) top left;
	height:191px;
	width:366px;
}
#methodologie ul.text div.scroll-pane {
	height:191px;
	width:381px;
}
#methodologie ul.text div.content p {
	font-size:12px;
	line-height:16px;
	color:#fff;
	font-weight:300;
	width:361px;
	margin-bottom:16px;
}
#methodologie ul.text div.content p a {
	color:#fff;
	text-decoration:underline;
}

/* ETUDE */
#etude.close a.close, #etude.close a.prev, #etude.close a.next, #etude.close span.pager { display:none; }
#etude.close a.open { display:block; }
#etude .inner {
	background:#ccc;
}
#etude h2 {
	position:absolute;
	top:35px;
	left:40px;
	text-transform:uppercase;
	font-size:30px;
	font-weight:300;
	color:#343434;
	z-index:950;
	color:#fff;
	height:30px;
	line-height:30px;
}
#etude span.pager { opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50); }
/*#etude ul {
	width:965px;
	height:600px;
	margin-left:40px;
}
#etude ul li {
	position:relative;
	float:left;
	padding-top:96px;
	width:170px;
	margin-right:23px;
}*/

#etude ul {
	height:600px;
	margin:0 45px 0 40px;
}
#etude ul li ul {
	margin:0;
	width:915px;
}
#etude ul li ul li {
	float:left;
	width:170px;
	height:83px;
	padding:89px 16px 171px 0;
	position:relative;
}
#etude ul li ul li.last {
	padding-right:0;
}

#etude ul li a {
	text-decoration:none;
}
#etude ul img {
	margin-bottom:10px;
}
#etude ul li img.gray {
	position:absolute;
	top:89px;
	left:0;
	z-index:1;
}
#etude ul li .name {
	margin:5px 0;
	font-weight:bold;
	color:#333;
}
#etude ul li.last .name {
	margin:10px 0 0;
}
#etude ul li .job {
	font:italic 14px/14px 'Arapey', serif;
	color:#333;
}
#etude ul li.last .head {
	width:155px;
	background:#fff;
	padding:5px 5px 5px 10px;
	font:italic 12px/17px 'Arapey', serif;
	color:#666;
}
#etude ul li .element {
	width:170px;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
}



#etude div.content {
	position:absolute;
	top:300px;
	left:0;
	height:235px;
	width:920px;
	margin:0 40px;
}
#etude div.content div.scroll-pane {
	position:absolute;
	top:0;
	left:0;
	height: 235px;
}
#etude div.content p {
	font-size:12px;
	line-height:16px;
	color:#666;
	width:900px;
	font-style:italic;
	margin-bottom:16px;
}

/* CONTACT */
#contact.close a.close { display:none; }
#contact.close a.open { display:block; }
#contact {
	position:relative;
	height:300px;
	margin:0 auto;
	color:#fff;
}
#contact .inner {
	background:#059492;
	height:630px;
}
#contact .ombre2 {
	top:529px;
}
#contact h2 {
	text-transform:uppercase;
	font-size:30px;
	font-weight:300;
	color:#fff;
	padding:35px 40px 15px;
	height:30px;
	line-height:30px;
}
#contact p {
	display:none;
	font-size:12px;
	line-height:16px;
	margin-bottom:16px;
	padding:0 40px;
	color:#fff;
}
#contact p a {
	color:#fff;
	text-decoration:underline;
}
#contact p a:hover {
	color:#fff;
}

/* CKEDITOR */
#mais .content div.scroll-pane ul {
	
	list-style:circle;
}



#main-logo {
	position: absolute;
	z-index: 980;
	top: 180px;
	right: 40px;
	width: 150px;
	height: auto;
}
