/* ---------------------------------------------------------------------
   Copyright (C) 2008 IsitAtout Solutions Co., Ltd. All Rights Reserved.
   @license - Copyrighted Software
   Author: Stéphane Francel - IsitAtout Solutions Co., Ltd
   Websites:  http://www.iSitAtout.com/
   --------------------------------------------------------------------- */

#essai {
	visibility: hidden;
	color: #FFF;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #306192;
}

/**
 * Wrapper, header, left-column, main, right-column, footer
 */

#wrapper {
	margin: 30px auto;
	background-color: #232452;
}

#column-left {
	
}
#column-left2 {
	position: relative;
	margin: 4px 0 3px 4px;
}

#main {
	position: relative;
}
#main2 {
	position: relative;
	margin: 4px 4px 3px 4px; /* margin-bottom:3px;  because of : <div class="div-sep" style="clear:both;" /></div> */
	padding: 20px 30px;
	background: url(images/main-border-left-bg.png) repeat-y left #EFF4FA;
}
#main2-top {
	position: absolute; left:0; top:0;
	width:100%;
	height: 10px;
	background: url(images/main-border-top-bg.png) repeat-x top transparent;
}

.main2-full-size {
	padding: 0 !important;
	background-color: #232452 !important;
	background-image: none !important;
}
.main2-full-size div#main2-top {
	background: none !important;
}

#column-right {
	
}
#column-right2 {
	position: relative;
	margin: 4px 4px 3px 0;
}

/* Site-logo (included into the right column) */
#column-right #site-logo a, #column-right #site-logo a:visited {
	display: block;
	width: 0;
	height: 180px;
	padding-left: 140px;
	overflow: hidden;
	background: url(images/logo-site.gif) no-repeat left top transparent;
	position: relative;
	top: 40px;
	color: #343541;
}

/* DIV separator */
.div-sep {
	margin: 		0 		!important;
	padding: 		0 		!important;
	border: 		none 	!important;
	background: 	none 	!important;
	height: 		1px 	!important;
	line-height: 	1px 	!important;
	font-size: 		1px 	!important;
}


/**
 * Text style
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
}

/* Main2 */

#main2 {
	font-size: 100%;
	line-height: 150%;
	color: #232452;
}

#main2 p  { font-size: 100%;	margin: 0 0 1em 0; 			line-height: 150%; word-spacing: 0.060em; color: #232452;	text-align: justify; }	/* Paragraph */
#main2 h5 { font-size:  90%;	margin: 0; 					line-height: 155%; word-spacing: 0.160em; color: #232452;	}	/* Paragraph title */

#main2 h4 { font-size: 120%;	margin: 1.2em 0 0.8em 0;	line-height: 145%; word-spacing: 0.120em; color: #118ACB;	}	/* Category */

#main2 h3 { font-size: 150%;	margin: 1.6em 0 1em 0;		line-height: 145%; word-spacing: 0.120em; color: #232452;	}	/* Section */
#main2 h2 { font-size: 190%;	margin: 0 0 2em 0; 			line-height: 125%; word-spacing: 0.045em; color: #232452;	}	/* Page sub-title */
#main2 h1 { font-size: 220%;	margin: 0 0 1em 0; 			line-height: 130%; word-spacing: 0.015em; color: #232452;	font-weight: normal; }	/* Page title */

/* h5, div */
#main2 h5.box, #main2 div.box {
	border: 1px solid #CCC;
	background: url(images/hx-box-bg.gif) repeat-x bottom #FFF !important;
	padding: 16px 24px !important;
	text-align: justify;
}

/* h4, h3 on the top of the page */
#main2 h4.top, #main2 h3.top { margin-top: 0 !important; }


#main2 a, #main2 a:link, #main2 a:visited {
	text-decoration: underline;
	padding: 1px 2px 0 2px;
	color: #118ACB;
}
#main2 a:hover, #main2 a:active, #main2 a:focus {
	text-decoration: none;
	color: #47A4D6;
}


#main2 ul {
	list-style: square;
}


/* Image into a link */
a img {
	border: none;
}

/* Thumb-image with/without link */
#main2 div.thumb {
	position: relative;
	top: 4px;
	float: right;
	margin: 0 0 20px 20px;
	font-size: 10px;
	color: #232452;
	font: normal 10px/13px Verdana,Arial,Helvetica,sans-serif !important;
	text-align: center;
}
#main2 div.thumb a, #main2 div.thumb a:visited {
	text-decoration: none;
	color: #999;
}
#main2 div.thumb a:hover, #main2 div.thumb a:active, #main2 div.thumb a:focus {
	text-decoration: none;
	color: #BBB;
}
#main2 div.thumb img {
	border: 1px solid #232452 !important;
}
#main2 br.thumb {
	clear: right;
}


fieldset {
	border: 1px solid #232452;
	padding: 15px;
	margin: 5px 0 15px 0;
}
fieldset legend {
	margin-left: 19px;
	padding: 0 6px;
	color: #232452;
	font-size: 100%;
	font-style: normal;
	letter-spacing: 0.125em;
	border: none;
}


/* column-left2 */

#column-left2 {
	font-size: 83.333%; /* =10px */
	color: #118ACB;
}

#column-left2 p  { font-size: 100%;	margin: 0 0 1em 0; 			line-height: 150%; word-spacing: 0.060em; color: #118ACB;	text-align: justify; }	/* Paragraph */
#column-left2 h5 { font-size:  90%;	margin: 0; 					line-height: 155%; word-spacing: 0.160em; color: #118ACB;	}	/* Paragraph title */
#column-left2 h4 { font-size: 120%;	margin: 1.2em 0 0.8em 0;	line-height: 145%; word-spacing: 0.120em; color: #118ACB;	}	/* Category */
#column-left2 h3 { font-size: 150%;	margin: 1.6em 0 1em 0;		line-height: 145%; word-spacing: 0.120em; color: #118ACB;	}	/* Section */
#column-left2 h2 { font-size: 190%;	margin: 0 0 2em 0; 			line-height: 125%; word-spacing: 0.045em; color: #118ACB;	text-align: center;}	/* Page sub-title */
#column-left2 h1 { font-size: 220%;	margin: 0 0 1em 0; 			line-height: 130%; word-spacing: 0.015em; color: #118ACB;	text-align: center;}	/* Page title */

/* h4, h3 on the top of the page */
#column-left2 h4.top, #column-left2 h3.top { margin-top: 0 !important; }


#column-left2 a, #column-left2 a:link, #column-left2 a:visited {
	text-decoration: underline;
	padding: 1px 2px 0 2px;
	color: #118ACB;
}
#column-left2 a:hover, #column-left2 a:active, #column-left2 a:focus {
	text-decoration: none;
	color: #1D5E81;
}


/* column-right2 */

#column-right2 {
	font-size: 83.333%; /* =10px */
	color: #118ACB;
}


#column-right2 p  { font-size: 100%;	margin: 0 0 1em 0; 			line-height: 150%; word-spacing: 0.060em; color: #118ACB;	}	/* Paragraph */
#column-right2 h5 { font-size:  90%;	margin: 0; 					line-height: 155%; word-spacing: 0.160em; color: #118ACB;	}	/* Paragraph title */
#column-right2 h4 { font-size: 120%;	margin: 1.2em 0 0.8em 0;	line-height: 145%; word-spacing: 0.120em; color: #118ACB;	}	/* Category */
#column-right2 h3 { font-size: 150%;	margin: 1.6em 0 1em 0;		line-height: 145%; word-spacing: 0.120em; color: #118ACB;	}	/* Section */
#column-right2 h2 { font-size: 190%;	margin: 0 0 2em 0; 			line-height: 125%; word-spacing: 0.045em; color: #118ACB;	text-align: center;}	/* Page sub-title */
#column-right2 h1 { font-size: 220%;	margin: 0 0 1em 0; 			line-height: 130%; word-spacing: 0.015em; color: #118ACB;	text-align: center;}	/* Page title */

/* h4, h3 on the top of the page */
#column-right2 h4.top, #column-right2 h3.top { margin-top: 0 !important; }


#column-right2 a, #column-right2 a:link, #column-right2 a:visited {
	text-decoration: underline;
	padding: 1px 2px 0 2px;
	color: #118ACB;
}
#column-right2 a:hover, #column-right2 a:active, #column-right2 a:focus {
	text-decoration: none;
	color: #1D5E81;
}


/**
 * Modules left
 */

/* Wrapper */
.module-left {
	
}
.module-left-title {

}
.module-left-title h3 {
	font-size: 140% !important; /* =14px */
	font-weight: normal !important;
	margin: 0 !important;
	padding: 1px 3px 2px 11px !important;
	background: url(images/module-left-menu-title-bg.gif) repeat-x bottom #118ACB !important;
	border-top: 1px solid #0672AC;
	border-bottom: 1px solid #2C2D5F;
	color: #CFDEEF !important;
}
.module-left-content {
	
}

/* Menu */

.module-left-content ul {
	list-style: none;
	font: bold 12px/20px Arial,Helvetica,sans-serif !important;
}
.module-left-content li {
	margin: 3px 0;
	background-color: #118ACB;
}
.module-left-content li span {
	padding-right: 3px;
	padding-left: 11px;
	color: #232452;
}
.module-left-content li a, .module-left-content li a:visited {
	display: block;
	text-decoration: none !important;
	padding: 0 3px 0 11px !important;
	background: url(images/module-left-menu-bg.gif) no-repeat 0 0px #EFF4FA;
	color: #232452 !important;
}
.module-left-content li a:hover, .module-left-content li a:active, .module-left-content li a:focus {
	text-decoration: none;
	background-position: 0 -100px;
}
.module-left-content li a.active {
	background: url(images/module-left-menu-bg.gif) no-repeat 0 -100px #EFF4FA;
}

.module-left-content li ul li {
	margin-left: 6px;
}
.module-left-content li ul li a {
	font-size: 11px;
	font-weight: normal !important;
}


/**
 * Modules Right
 */

/* Wrapper */
.module-right {
	
}
.module-right-title {

}
.module-right-title h3 {
	font-size: 140% !important; /* =14px */
	font-weight: normal !important;
	margin: 0 !important;
	padding: 1px 3px 2px 11px !important;
	background: url(images/module-right-menu-title-bg.gif) repeat-x bottom #118ACB !important;
	border-top: 1px solid #0672AC;
	border-bottom: 1px solid #2C2D5F;
	color: #CFDEEF !important;
}
.module-right-content {
	
}

/* Menu */

.module-right-content ul {
	list-style: none;
	font: bold 12px/20px Arial,Helvetica,sans-serif !important;
}
.module-right-content li {
	margin: 3px 0;
	background-color: #118ACB;
}
.module-right-content li span {
	padding-right: 3px;
	padding-left: 11px;
	color: #232452;
}
.module-right-content li a, .module-right-content li a:visited {
	display: block;
	text-decoration: none !important;
	padding: 0 3px 0 11px !important;
	background: url(images/module-right-menu-bg.gif) no-repeat 0 0px #EFF4FA;
	color: #232452 !important;
}
.module-right-content li a:hover, .module-right-content li a:active, .module-right-content li a:focus {
	text-decoration: none;
	background-position: 0 -100px;
}
.module-right-content li a.active {
	background: url(images/module-right-menu-bg.gif) no-repeat 0 -100px #EFF4FA;
}

.module-right-content li ul li {
	margin-left: 6px;
}
.module-right-content li ul li a {
	font-size: 11px;
	font-weight: normal !important;
}


/* Use jQuery to change the background-color of active link */
.module-left-content  li a.active-bg-yellow,
.module-right-content li a.active-bg-yellow {
	background-color: #F9E171 !important;
}


/**
 * formatMktime() function
 */

.format-mktime {
	border: none;
	background-color: none;
	font: normal 9px/12px Verdana;
	letter-spacing: normal;
	word-spacing: normal;
	color: #777;
}
.format-mktime span {

}


/**
 * Messages
 */

/* Commons styles */
.user-message-ok,		.user-message-info,			.user-message-error,		.user-message-warning,		.user-message-tips,			.user-message-help {
	margin: 20px; font: 12px/18px Cursive;
}
.user-message-ok span,	.user-message-info span,	.user-message-error span,	.user-message-warning span,	.user-message-tips span,	.user-message-help span {
	padding: 4px 8px 4px 24px;
}
.user-message-ok div,	.user-message-info div,		.user-message-error div,	.user-message-warning div,	.user-message-tips div,		.user-message-help div {
	padding: 4px 8px !important; text-indent: 16px;
}
/* Specifics styles */
.user-message-ok span, .user-message-ok div {
	border: 1px solid #CAE6C4 !important; background: url(images/message-ok.png) no-repeat 4px 4px #F2F9F0 !important; color: #59934D;
}
.user-message-info span, .user-message-info div {
	border: 1px solid #CFDAE4 !important; background: url(images/message-info.png) no-repeat 4px 4px #F3F7FA !important; color: #4664A0;
}
.user-message-error span, .user-message-error div {
	border: 1px solid #F7D2D2 !important; background: url(images/message-error.png) no-repeat 4px 4px #FEF5F5 !important; color: #DD5757;
}
.user-message-warning span, .user-message-warning div {
	border: 1px solid #F9E171 !important; background: url(images/message-warning.png) no-repeat 4px 4px #FDF8D2 !important; color: #C57213;
}
.user-message-tips span, .user-message-tips div {
	border: 1px solid #F9E171 !important; background: url(images/message-tips.png) no-repeat 4px 4px #FDF8D2 !important; color: #C57213;
}
.user-message-help span, .user-message-help div {
	border: 1px solid #CFDAE4 !important; background: url(images/message-help.png) no-repeat 4px 4px #F3F7FA !important; color: #4664A0;
}
/* Others styles */
.user-message-ok span span, .user-message-info span span, .user-message-error span span, .user-message-warning span span,
.user-message-ok div  span, .user-message-info div  span, .user-message-error div  span, .user-message-warning div  span,
.user-message-ok div  div,  .user-message-info div  div,  .user-message-error div  div,  .user-message-warning div  div  {
	border: none !important; background: none !important; padding: 0 !important;
}


/**
 * Simple Gallery
 */

/* Make sure your page contains a valid doctype at the top */
#simple-gallery{ /*CSS for Simple Gallery */
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	border: none;
}

#simple-gallery .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
	text-align: left;
	padding: 2px 5px;
}