/* CSS Document */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* {
	padding: 0;
	margin: 0;
}

html,body {
	background-color: #1a3254;
}

body {
	padding: 0;
	margin: 0;
	color: #1a3254;
	background: #1a3254 url(../images/back01.png) no-repeat scroll left top;
}

.rightflower {
	display: block;
	background: url(../images/back02.png) no-repeat scroll right top;
}

div,ul,h1,h2,h3,h4,p,img,form {
	padding: 0;
	margin: 0;
}

ul {
	list-style-type: none;
}

.clear {
	font-size: 0px;
	clear: both;
	line-height: 0px;
}

.clearspace {
	font-size: 0px;
	clear: both;
	line-height: 10px;
}

.floatleftimg {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.imgfloatleft {
	float: left;
	margin: 0 10px 3px 0;
}

.imgbottom {
	margin-bottom: 10px;
}

.floatleft {
	float: left;
}

.padleft {
	padding-left: 30px;
}

.marge10 {
	margin-right: 10px;
	margin-bottom: 5px;
}

.floatright {
	float: right;
}

.noborder {
	border: none;
}

/* LAYOUT DEFINITION
 * =================================================== */
.outside-wrap {
	width: 1040px;
	background-color: #e4e4e4;
	margin: 0 auto;
}

.sectionleft {
	width: auto;
	height: auto;
}

.section {
	display: block;
	position: relative;
	padding: 5px;
	margin: 5px;
	border: solid thin #CCC;
	clear: both;
}

#header {
	width: 980px;
	height: 320px;
	margin: 0 auto;
	background: #FFF url(../images/header_banner.jpg) no-repeat scroll left
		bottom;
}

#subheader {
	width: 980px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	background-color: #FFF;
}

#banner {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #666;
}

#portfolio {
	width: 980px;
	height: 240px;
	margin: 0 auto;
	background: url(../images/pfolio-bck.png) repeat-x scroll left top;
}

#wrapper {
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
}

#content {
	width: 980px;
	margin: 0 auto;
	background-color: #f5f5f5;
	padding: 0px;
	background: #f5f5f5 url(../images/drop-wrap.png) repeat-x scroll left
		top;
}

.drop-box {
	border-bottom: solid 1px #CCC;
	padding: 10px 20px 20px 20px;
	margin: 0;
	background: #f5f5f5 url(../images/drop-wrap.png) repeat-x scroll left
		top;
}

.footer,.push {
	height: 70px;
}

.footer {
	width: 980px;
	margin: 10px auto 0 auto;
	padding: 0;
}

/* CONTENT CSS DEFINITION
 * =================================================== */
img {
	border-width: 0px;
}

h1 {
	color: #000000;
	font: 1.2em Futura bold, Arial, Helvetica, sans-serif;
}

h2 {
	text-align: left;
	width: auto;
	height: 25px;
	font: bolder 20px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;;
	border-bottom: solid 2px #999;
	color: #333;
}

h3 {
	color: #900;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font: normal 22px/ 19px "Times New Roman", Times, serif;
}

h4 {
	text-align: left;
	width: auto;
	font: normal 18px "Times New Roman", Times, serif;
	color: #BA8F00;
	margin-bottom: 3px;
}

.title {
	height: 25px;
	width: auto;
	border-bottom: solid thin #999;
}

.left-pict {
	width: 310px;
	height: 310px;
	margin: 0 0 10px 0;
	clear: both;
}

.logo-placement {
	margin-left: 50px;
	margin-top: 25px;
}

.lettrine {
	font: bold 1.3em Tahoma, Geneva, sans-serif;
	margin-right: 5px;
}

.one ul {
	list-style: none;
	list-style-position: inside;
}

.one ul li {
	font: 11pt "Times New Roman", Times, serif;
}

/* FORFAITS CSS DEFINITION
 * =================================================== */
.listcours {
	list-style: none;
}

.listcours li {
	margin-bottom: 50px;
}

.plus a {
	text-align: right;
	font: bold normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}

/* FORFAITS CSS DEFINITION
 * =================================================== */
.forfait-box {
	padding: 10px 5%;
	margin: 0;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
}

.forfait-box img {
	border: none;
}

.forfait-box a {
	color: #423b35;
}

.forfait-box p {
	font: 11px/ 14px Tahoma, Geneva, sans-serif;
	text-align: left;
}

span.price {
	font: bold 15px Verdana, Geneva, sans-serif;
	color: #006;
}

span.subtitle {
	font-size: 0.9em;
	font-weight: bold;
}

.forfait-box h2 {
	font-weight: normal;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: solid 2px #999;
	height: auto;
}

.forfait-box h1 {
	font-size: 2.5em;
	padding: 15px 5%;
	margin: 0 auto;
	background: #2b221b;
	color: #e3e1d5;
	border-bottom: 1px solid #1b140e;
}

ul.column {
	width: 100%;
	padding: 0;
	margin: 10px 0 50px;
	list-style: none;
}

ul.column li {
	float: left;
	width: 175px;
	height: auto;
	padding: 0;
	margin: 5px 0;
	display: inline;
}

.block {
	height: auto;
	font-size: 1em;
	margin-right: 10px;
	padding: 20px;
	background: #e3e1d5;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

.block h2 {
	font-size: 1.6em;
}

.block img {
	width: 95%;
	padding: 10px 5%;
	margin: 0 auto;
	background: #fff;
	/*-ms-interpolation-mode: bicubic;*/
	display: block;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

.promobox {
	margin: 10px;
	padding: 20px;
	border: solid thin #ccc;
}

/*	Boite Nouvelle
		================================================== 

#nouvelle, .boiteNouvelles, .boiteContenu{
	width: 200px;
	height: auto;
	}*/ /* HYPERLINK STYLING CSS DEFINITION
 * =================================================== */
.follow {
	width: auto;
	height: 1.1em;
	padding: 0;
	margin-left: 5px;
}

.follow a {
	padding: 1px 3px 0 3px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #09C;
	text-decoration: none;
	background-color: #fff;
}

.follow a:hover {
	background-color: #CCC;
	color: #000;
}

.more {
	width: auto;
	height: 15px;
	display: block;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0 25px;
	padding: 0 13px;
	font: 13px/ 10px tahoma, Arial, Helvetica, sans-serif;
}

.more:hover {
	background-color: #454545;
	color: #B6B6B5;
}

/* TOPMENU CSS DEFINITION
 * =================================================== */
#topmenubox {
	width: 980px;
	height: auto;
	margin: 0 auto 10px auto;
	background: url(../images/topmenu-bg.png) repeat-x scroll left top;
}

#topmenu {
	height: 12px;
	padding: 13px 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	width: 100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	list-style-type: none;
	border: 1px solid #000;
}

#topmenu li {
	padding: 0px 10px;
	display: inline;
	border-right: dotted 1px #999;
}

#topmenu li a {
	text-decoration: none;
	color: #000;
}

#topmenu li a:hover {
	color: #666;
	text-decoration: underline;
}

/* INSIDE-MENU CSS DEFINITION
 * =================================================== */
#inside-menu-box {
	width: auto;
	padding: 10px;
	margin: 0;
}

#inside-menu-box ul {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #0CC;
	width: 300px;
	text-align: left;
}

#inside-menu-box ul li {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #09C;
	list-style-position: inside;
	list-style-type: disc;
}

#inside-menu-box ul li a,#inside-menu-box ul li a:visited {
	color: #1a2354;
	text-decoration: none;
}

#inside-menu-box ul li a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#insidelist-box {
	width: auto;
	padding: 10px;
	margin: 0 auto;
}

#insidelist {
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 0;
	margin-left: 0;
	width: auto;
	text-align: left;
}

#insidelist li {
	margin: 0;
	padding: 3px;
	list-style-position: inside;
	list-style-type: disc;
}

#insidelist li a,#insidelist li a:visited {
	color: #1a3254;
	text-decoration: none;
}

#insidelist li a:hover {
	text-decoration: none;
	font-weight: bold;
}

#gallerybox {
	display: block;
	clear: both;
}

#gallery {
	list-style: none;
}

#gallery li {
	padding: 10px;
	margin: 3px;
	border: solid 1px #1a3254;
	background-color: #CCC;
}

/*#employebox {
	padding: 10px 5%;
	margin: 0;
	font-size: 10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
	clear: both;
	text-align: center;
}
#employebox .employe p {
	font: 11px/14px Tahoma, Geneva, sans-serif;
	text-align: Justify;
	}


#employebox .employe .employe h3{
	font-weight: normal;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: solid 2px #999;
	height: auto;
	text-align: center;
}

#employebox .employe .employe{
	list-style: none;
	}

*/
#employebox .employe .emp_list {
	width: auto
	;
	/*float: left;*/
	padding: 10px;
	margin: 0 10px 0 0;
	clear: both;
}

#employebox .employe .emp_list img {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #333;
}

#employebox .employe p {
	font: 11px/ 14px Tahoma, Geneva, sans-serif;
	text-align: Justify;
}

/* COLUMN DEFINITION
 * =================================================== */
#one {
	float: left;
	width: 100%;
}

.left {
	float: left;
	width: 540px;
	height: auto;
	background-color: #f5f5f5;
}

.right {
	float: right;
	width: 420px;
	height: auto;
	background-color: #f5f5f5;
}

.section-left {
	float: left;
	width: 60%;
	height: auto;
	border-right: solid thin #CCC;
}

.section-right {
	float: left;
	padding: 10px;
	width: 30%;
	height: auto;
}

.section {
	padding: 10px;
}

.xsmall_section {
	float: left;
	width: 18%;
	height: auto;
	padding: 1em;
	margin-right: 0.5em;
}

.small_section {
	float: left;
	width: 28%;
	height: auto;
	padding: 1em;
	margin-right: 0.5em;
}

.half_section {
	float: left;
	width: 30%;
	height: auto;
	padding: 1em;
	margin-right: 0.5em;
}

.borderright {
	border-right: solid thin #CCC;
}

.borderbottom {
	border-bottom: solid thin #CCC;
}

.bordertop {
	border-bottom: solid thin #CCC;
}

.borderleft {
	border-left: solid thin #CCC;
	margin-right: 10px;
	padding-right: 10px;
}

/*	SECTION TRANSFORMATION VIDEO ETC
		==================================== */
.main {
	width: 980px;
	margin: auto;
	text-align: left;
}

.video {
	background-color: #000;
	padding: 4px;
	margin-right: 8px;
	float: left;
}

.polaroid {
	background-color: #fff;
	padding: 4px;
	margin-right: 8px;
	float: left;
}

.inv-left {
	float: left;
	width: 350px;
	height: auto;
}

.inv-right {
	float: right;
	width: 610px;
	height: auto;
}

.sectionblack {
	padding: 10px;
	border: solid 2px #666;
	background-color: #000;
}

.white {
	color: #FFF;
}

/* BLOCKQUOTE
 * =================================================== */
blockquote {
	font: 1.1em/ 1.6em Georgia, "Times New Roman", Times, serif;
	width: auto;
	background: url(../images/quote-close.png) no-repeat right top;
	padding: 0 20px;
	text-indent: -13px;
	color: #333;
	margin: 15px 0;
	text-align: center;
	float: left;
}

blockquote:first-letter {
	background: url(../images/quote-open.png) no-repeat left top;
	padding-left: 28px;
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #333;
}

p {
	font: 12px/ 16px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.xnote{
	font-size: 0.3em;
	float: right;
}

a.more {
	width: 103px;
	height: 15px;
	display: block;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0 0 24px 25px;
	padding: 0 0 0 13px;
	font: 13px/ 10px tahoma, Arial, Helvetica, sans-serif;
}

a.more:hover {
	background-color: #454545;
	color: #B6B6B5;
}

/* NEWSGROUP
 * =================================================== */
.newstitle {
	color: #09C;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
}

/* FOOTER
 * =================================================== */
.footer ul {
	width: 600px;
	display: block;
	margin: 0px 0 0 270px;
	padding: 0;
	font-size: 0;
	height: 20px;
}

.footer ul li {
	color: #9B9B9B;
	font: 12px/ 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
}

.footer ul li a {
	color: #9B9B9B;
	font: 12px/ 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

.footer ul li a:hover {
	color: #000;
	text-decoration: underline;
}

.footer p {
	width: 324px;
	display: block;
	font: 12px/ 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9B9B9B;
	margin: 0px auto;
	padding: 0;
}

.footer p.copy {
	width: 250px;
	display: block;
	font: 12px/ 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9B9B9B;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
}

.footer p.copy a {
	text-decoration: none;
	color: #9B9B9B;
}

.footer p.copy a:hover {
	color: #000;
	text-decoration: underline;
}