/* Start of CMSMS style sheet 'eatlon' */
/* CSS pour Le C@rnet de notes by Logiciels Laetjr.com */

body {
	/*background-image: url(imgs/body_bg.gif);
	background-repeat: repeat-x;*/
	background-color: #9faec2;
	font-family: arial, sans-serif;
	font-size: .7em;
	color: #000;/*#8f8f8f;*/
	padding: 0;
	margin: 0;
}

img{
  border:none;	
}
a { text-decoration: none; color: #6d819d; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #a42929; /*border-bottom: 1px solid #6d819d;*/ outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #7e7e7e; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #7e7e7e; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

.discret, .discret:hover{
  color:#000;
  text-decoration: none; 
}
a.title { text-decoration: none; color: #8f8f8f; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #8f8f8f; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

h1 {
	font-family: georgia, serif;
	font-size: 3.5em;
	font-weight: 100;
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 1.2em;
	/*font-style: italic;*/
	font-weight: bold;
	padding: 0;
	margin: 20px 0 0 0;
}

h1, h3 {
	font-family: georgia, serif;
	font-size: 1.8em;
	font-weight: 100;
	line-height: 1em;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	margin: 0 0 5px 0;
        color: #CCCCCC; 
      }

h4 {
	
        font-size: 1.3em;
	font-weight: 900;
	padding: 0;
	margin: 0;
        background-color: #9faec2;
        height: 30px;
        width: 115px;
        text-align: center;
        padding: 5px;
   }

.in { text-indent: 20px; }

#wrap {
	width: 876px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background-color: #fff;
	padding: 0;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 140px;
	background-image: url(imgs/head_bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

	.title_tagline {
		width: 95%;	
                height: 140px;
                background: url(imgs/banner.gif) no-repeat top right; 
		/* background-image: url(imgs/banner.gif);
		background-repeat: no-repeat;
		background-position: top right;*/
		padding: 30px 0 0 30px;
		margin: 0;	
	}
      .title_tagline  h1{
	font-family: georgia, serif;
	font-size: 5em;
	font-weight: 100;
	padding: 0;
	padding: 20px 0 20px 15px;
        border:none;  
}
 


#menu {
	height: 60px;
	background-image: url(imgs/menu_bg.gif);
	background-repeat: repeat-x;
	font-size: 1.1em;
	padding: 11px 0 0 22px;
	margin: 0;
}

#menu a { text-decoration: none; color: #fafafa; font-weight: bold; padding: 0; margin: 0; }
#menu a:hover { text-decoration: none; color: #d0d0d0; outline: 0; padding: 0; margin: 0; }

	#menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#menu ul li {
		float: left;
		padding: 0 0 0 0;
		margin: 0 10px 0 10px;
	}


#content {
	background-color: #fff;
	margin: 10px 0 0 0;
	padding: 0 18px 0 20px;
}

/* The following CSS,
	"submenu_a",
	"right_wrap",
	"content_middle" and
	"submenu_b"
define the double submenus layout for index.html */

	.submenu_a {
		float: left;
		width: 140px;
		padding: 0;
		margin: 0 0 0 0;
                /*border-right: 1px solid #bcc6d4;*/
               font-size: 1em; 
        }

		.submenu_a p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.submenu_a ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.submenu_a ul li {
			padding: 0;
			margin: 0;
		}

	.right_wrap {
		float: right;
		width: 80%;
		padding: 0 0px 0 0;
	}

		.content_middle {
			float: left;
			width: 500px; /*65%;*/
			font-size: 1.3em;
			line-height: 1.5em;
			text-align: justify;
			padding: 0 0px 0 0px;
			margin: 0 1px 0 10px;
			/*border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;*/
		}

			.content_middle p {
				padding: 0;
				margin: 7px 0 0 0;
			}

		.submenu_b {
			float: right;
			width: 140px;
			padding: 0 0 0 10px;
			margin: 0; 
                        font-size: 1em;   
                        /*border-left: 1px solid #bcc6d4;*/			
}

			.submenu_b p {
				padding: 0;
				margin: 6px 0 0 0;
			}

			.submenu_b ul {
				list-style-type: none;
				padding: 0;
				margin: 5px 0 25px 0;
			}

			.submenu_b ul li {
				padding: 0;
				margin: 0;
			}

/* The following CSS,
	"menu_left" and
	"content_right"
define the left-wing layout for index.html */

	.menu_left {
		float: left;
		width: 130px; /*16%;*/
		padding: 0;
		margin: 0 0 0 10px;
	}

		.menu_left p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.menu_left ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.menu_left ul li {
			padding: 0;
			margin: 0;
		}

	.content_right {
		float: right;
		width: 75%;
		font-size: 1.1em;
		line-height: 1.5em;
		text-align: justify;
		padding: 0 20px 0 25px;
		margin: 0;
		border-left: 1px solid #e0e0e0;
	}

		.content_right p {
			padding: 0;
			margin: 7px 0 0 0;
		}

/* The following CSS,
	"content_left" and
	"menu_right"
define the right-wing layout for right_wing.html */

	.content_left {
		float: left;
		width: 74%;
		font-size: 1.1em;
		line-height: 1.5em;
		text-align: justify;
		padding: 0 25px 0 10px;
		margin: 0;
		border-right: 1px solid #e0e0e0;
	}

		.content_left p {
			padding: 0;
			margin: 7px 0 0 0;
		}

	.menu_right {
		float: right;
		width: 16%;
		padding: 0 20px 0 0;
		margin: 0;
	}

		.menu_right p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.menu_right ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.menu_right ul li {
			padding: 0;
			margin: 0;
		}


.square {
	width: 125px;
        /*
	border-top: 1px solid #bcc6d4;
	border-bottom: 1px solid #bcc6d4; */
	padding: 5px 8px 5px 0;
	margin: 0 0 25px 0;
}

.post { padding: 0 0 20px 0; }

.layouts { text-align: center; padding: 10px 0 0 0; }

#bottom {
	clear: both;
	width: 100%;
	height: 163px;
	background-image: url(imgs/bottom_bg.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 auto;
}

	.footer {
		width: 100%;
		text-align: center;
		padding: 40px 0 0 0;
		margin: 0;
	}

.paypal {
  float:left;
  margin:10px;
  width:100px;
  text-align:center;
} 
.tele{
 float:left; 
 width:128px; 
 text-align:center;
 padding: 5px;
 font-size: 0.7em;
 margin: 20px 0 20px 0;
 
 line-height: 1em;
}
.fs90 {font-size:90%; line-height:135%;}

.infopaypal{
 border: 1px dotted red;
 padding: 10px; 
 clear:both;	
 font-size: 80%;
}

.bas2{
width:45%; 
float:left; 
border: 1px dotted; 
margin: 5px;	
}
.bas2d{
width:45%; 
float:right; 
border: 1px dotted; 
margin: 5px;	
}



.bas2 h2,.bas2d h2{
padding: 0 0 0 10px; 
margin: 0;	
}
.bas2 ul,.bas2d ul{
list-style-type:circle;	
}

.kcp{
  display: none;	
}

.mini{
 font-size:130%; 
 font-weight:normal;
} 

.amadroite{
 float:right;
 width: 125px;
 height: 240px;
 margin: 5px 0 5px 10px;	
}

.amagauche{
 float:left;
 width: 125px;
 height: 240px;
 margin: 5px 10px 5px 0; 
}

}




}

/* End of 'eatlon' */

/* Start of CMSMS style sheet 'Forum_Made_Simple' */
#forum .forum_title{ font-weight:bold; }
#forum .forum_link{ font-size:.9em; }
#forum a.forum_link{ text-decoration:none; }
#forum form textarea{ border:1px inset #eee; font-size:1.1em; background-color:#ddd; width:400px; height:350px; }

#forum table.forum_pagetable{ width:530px; margin:0; padding:0; border:0; }
table.forum_pagetable th,td{ padding:1px; }

.forum_head_table{ background-color:#cdc; }

.forum_head_icon{ width:22px; }
.forum_head_name{ width:82%; text-align:left; }
.forum_head_count{ width:14%; text-align:center; }
.forum_head_subject{ width:47%; text-align:left; }
.forum_head_views{ width:14%; text-align:center; }
.forum_head_info{ width:21%; text-align:center; }
.forum_head_topic{ font-weight:bold; }
.forum_head_reply{ text-align:right; }

.forum_icon{ vertical-align:top; }
.forum_name{ vertical-align:top; }
.forum_count{ text-align:center; vertical-align:top; }
.forum_subject{ vertical-align:top; font-size:70%; }
.forum_subject a {font-size:150%; color:red;}
.forum_views{text-align:center; vertical-align:top; }
.forum_info{ width:21%; font-size:70%; text-align:center; vertical-align:top; }
.forum_content{ width:66%; vertical-align:top;font-size:80%; }
.forum_edit{ width:13%; text-align:center; vertical-align:top; }
.forum_bodypost{ width:79%; vertical-align:top; }

#forum td.forum_alternate1{ background-color:#eed; border-bottom: 1px dotted; }
#forum td.forum_alternate2{ background-color:#eef; border-bottom: 1px dotted; }

.forum_pagination{ font-size:.9em; }
.forum_quote{ padding:0 7px; border:1px solid #000; background-color:#dce; }
.forum_center{ margin:0; padding:0; border:0; text-align:center; }

#forum a.reply_link{ font-size:.8em; text-decoration:none; }
#forum span.reply_link{ font-size:.8em; }
img{ border: none;}

/* End of 'Forum_Made_Simple' */

/* Start of CMSMS style sheet 'imagegallery' */
/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 100px; /* Image width*/
		height: 100px; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/* End of 'imagegallery' */

/* Start of CMSMS style sheet 'contactform' */
.contactform fieldset {padding: 1em; background-color: #eee;}  
.contactform fieldset legend {font-weight: bold;}  
.contactform div {/*width: 100%;*/ padding: 0.25em 0 0.25em 0;}  
.contactform div label {display:block; width: 250px; }  
.contactform div.required {color: #f00; font-weight: bold;}

.cssform{
	width:100%;
}
	

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform .error_message{
width: 100%; 
color: #f00; 
font-weight: bold;	
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* End of 'contactform' */