@charset "UTF-8";
/* CSS Document */

/* Structure */

#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:76.923em;/* non-IE */
	*width:75.001em;/* IE */
	min-width:1000px;/* optional but recommended */
	background-image:url(../img/bg-main.gif);
	background-repeat:repeat-y;
	}
body {
	background-color:#f8f6f7;
	background-image:url(../img/bg-body.jpg);
	background-repeat:repeat-x;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main  {
	width: 960px;
	margin: 0 20px 0 20px;
	padding: 0;
	background-color:#FFFFFF;
	
	}
	
/* Header */

#header  {
	height:200px;
	margin: 0;
	padding: 0;
	width: 960px;
	}
#header-home  {
	height:340px;
	margin: 0;
	padding: 0;
	width: 960px;
	}
	
/* Content */

#content-home  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:170px;
	margin:20px 20px 20px 60px;
	width: 880px;
	}
#content2-home  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:200px;
	margin:70px 20px 20px 60px;
	width: 880px;
	}
.content  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:620px;
	margin:0px 20px 20px 60px;
	width: 825px;
	}
#maintxt  {
	color: #333333;
	font-weight: normal;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 615px;
	padding: 0px;
	}
#maintxt2  {
	color: #333333;
	font-weight: normal;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 460px;
	padding: 0px;
	}
#contact  {
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	width:136px;
	}

/* Offres */

#offres  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:620px;
	margin:0px 20px 20px 60px;
	width: 825px;
	}

/* Methode */

#content-methode  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:620px;
	margin:0px 20px 0px 60px;
	width: 875px;
	}
#methode-col1  {
	float: left;
	font-size:93%;
	margin: 10px 10px 0 0;
	padding: 0;
	width:256px;
	}
#methode-col2  {
	float: left;
	font-size:93%;
	margin: 10px 0 0 23px;
	padding: 0;
	width:205px;
	}
#methode-img  {
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	width:310px;
	}

/* Contact */

#contact-page  {
	border-style:none;
	border: none;
	color: #666666;
	font-size:108%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:720px;
	margin:0px 20px 20px 60px;
	width: 825px;
	}

/* Credits */

#credits  {
	color: #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:740px;
	margin:0px 20px 20px 60px;
	width: 825px;
	}

/* Buttons */

.btn  {
	float:left;
	width: 200px;
	}

/* Footer */	

#footer  {
	color: #641558;
	font-size:93%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	margin: 0;
	padding:0 20px 20px 60px;
	width: 860px;
	}
#mirror  {
	background-image:url(../img/bg-mirror.jpg);
	background-repeat:repeat-x;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	height:130px;
	margin: 0;
	padding: 0;
	width: 960px;
	}
	
/* Fonts */

h3  {
	color: #641558;
	font-weight:bold;
	font-size:123.1%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h4  {
	color: #641558;
	font-weight:bold;
	font-size:93%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h5  {
	color: #333333;
	font-weight:bold;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
p  {
	color: #333333;
	font-weight: normal;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:138.5%;
	}
	
/* Hyperlinks */

#footer A:link {text-decoration: none; color: #641558;}
#footer A:visited {text-decoration: none; color: #641558;}
#footer A:active {text-decoration: none; color: #641558;}
#footer A:hover {text-decoration: underline; color: #000000;}

#mirror A:link {text-decoration: none; color: #999999;}
#mirror A:visited {text-decoration: none; color: #999999;}
#mirror A:active {text-decoration: none; color: #999999;}
#mirror A:hover {text-decoration: underline; color: #999999;}

#content2-home A:link {text-decoration: none; color: #641558;}
#content2-home A:visited {text-decoration: none; color: #641558;}
#content2-home A:active {text-decoration: none; color: #641558;}
#content2-home A:hover {text-decoration: underline; color: #000000;}

#contact-page A:link {text-decoration: none; color: #641558;}
#contact-page A:visited {text-decoration: none; color: #641558;}
#contact-page A:active {text-decoration: none; color: #641558;}
#contact-page A:hover {text-decoration: underline; color: #333333;}

#credits A:link {text-decoration: underline; color: #641558;}
#credits A:visited {text-decoration: underline; color: #641558;}
#credits A:active {text-decoration: underline; color: #641558;}
#credits A:hover {text-decoration: none; color: #333333;}
	
/* Form Elements */

input.btn {
	color:#ffffff;
	font-size:108%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#8c267c;
	border: 1px solid;
	border-color: #000000;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#8c267c',EndColorStr='#8c267c');
}

/* Table Elements */

#content2-home table {
	margin-top: 10px;
	font-weight:bold;
}
.content table {
	margin-top: 10px;
	font-size: 85%;
}
.tble-indent {
	padding-left:10px;
}
.content table {
 border-width:1px; 
 border-style:solid; 
 border-color:#999999;
 }
.content td { 
 border-width:1px;
 border-style:solid; 
 border-color:#999999;
 }
 #contact-page table {
	margin-top:20px;
	}

/* List Elements */

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
padding-bottom: 5px;
background-image: url(../img/pink-dots.jpg);
background-repeat: no-repeat;
background-position: 0 .1em;
}