@charset "utf-8";

/*Style CSS par David Dupuis, ddupuis@gmail.com*/



html {

margin:0;

padding:0;

}





body {	background-color: #003300;

		background-image: url('images/background.png');

		background-repeat: repeat-x;

	}

	

h2{

	color:#030;

	text-align:left;

	font-size:120%;

	}

	

td.coinhg{

		background-image:url('images/coinhg.png');

		height:29px;

		width:28px;

		border-spacing: 0

		}

		

td.coinhd{

		background-image:url('images/coinhd.png');

		height:29px;

		width:28px;

		border-spacing: 0

		}

		

td.titretop	{

			height:30px;

			background-color: #FFFFFF;

			width:740px;

			border-spacing: 0

			}



img.floatdroite{

				float:right;

				margin: 4px

				

				}



img.titre{

			position:relative;

			top:-10px

			}

			

img.titrelogo{

			position:relative;

			top:-10px

			}

img.floatgauche{

				float:left;

				margin: 4px

				}



table.CadreP	{
	padding: 0;
	color: #0033000;
	width: 800px;
	border-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	background-color: #003300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #009933;
	border-right-color: #009933;
	border-bottom-color: #009933;
	border-left-color: #009933;

		

			}

	

tr.titre		{

			text-align:center;

			width: 800px;

			height: 100px;

			border-collapse: separate;

			background-color: #FFFFFF;

			border-spacing:0

			}

			

			

table.menu	{

		padding: 0;

		border-style: solid;

		border-width: 2px;

		color: #000000;

		width: 800px;

		max-width: 800px;

		border-spacing: 0px;

		border-color: #004400;

		background-image:url('images/menu3.jpg');

		border-left:0px;

		border-right:0px;

		border-spacing: 0px;

		*border-collapse: collapse; 

		}



tr.menu		{

			text-align: center;

			padding:0px;

			height: 30px;

			padding:0px;

			border-spacing: 0px

			}

			

td.choix		{

		border-style: solid;

		border: 0px;

		width: 15%;

		height: 30px;

		border-color: #002200;

		/*text-transform: uppercase;*/

		color:#EEFFEE;

		font-family:arial;

		font-weight:800;

		padding:0px;

		border-spacing:0px;

		*position: relative;

			}

td.choixm

		{

		border-style: solid;

		border: 0px;

		width: 5%;

		height: 30px;

		border-color: #002200;

		/*text-transform: uppercase;*/

		color:#EEFFEE;

		font-family:arial;

		font-weight:800;

		padding:0px;

		border-spacing:0px;

		*position: relative;

		}

		

td.choix:hover {

				background:#090;

				color:#dfd

				}

table.contenu {

			min-height: 600px;

			height: 600px;

			padding: 0;

			border: none;

			border-width: 0px;

			color: #000000;

			width: 800px;

			border-spacing: 0px;

			}

			

td.contenu	{

			vertical-align: top;

			background-color: #FFF;

			padding-top:20px;

			padding-left:30px;

			padding-right:30px;

			padding-bottom:20px;

			z-index:2;

			border: none;

			border-width: 0px;

			background-image: url('images/fondjoindre.jpg');

			background-color: #FFF;

			background-repeat: repeat-x

			}

			

td.contenuint	{

			vertical-align: top;

			background-color: #FFFFFF;

			padding-top:5px;

			padding-left:30px;

			padding-right:30px;

			padding-bottom:5px;

			z-index:2;

			border: none;

			border-width: 0px;

			}

			

td.coinbg{

		background-image:url('images/coinbg.png');

		height:29px;

		width:28px;

		border-spacing: 0

		}

		

td.coinbd{

		background-image:url('images/coinbd.png');

		height:29px;

		width:28px;

		border-spacing: 0

		}

a.LienM{

		width: 133px;

		line-height:28px;

		display:block;

		text-decoration: none;

		color:#EFE;

		}

		

a.LienM:link{

		color:#EFE;

		}

a.LienM:visited{

			text-decoration: none;

			color:#EFE;

		}

a.LienM:active{

				color:#EFE;

			}

		

img.contenu{

		float:right;

		z-index:0;

		border:solid;

		border-width:2px;

		border-color:#030;

		display:block

		}



p.Contenu{

	z-index:1;

	text-align: justify;

	text-indent: 20px;

	letter-spacing: 1px;

	font-family:arial;

	font-size:12;

	margin-right:40px;

	}

	

p.Contenu:first-letter

		{

		font-family:Arial-Black;

		font-weight:600;

		font-size:120%;

		color:#363;

		}

		

p.Contenuc{

	z-index:1;

	text-indent: 20px;

	letter-spacing: 1px;

	font-family:arial;

	font-size:12;

	}

p.Titre{

	z-index:1;

	text-indent: 20px;

	letter-spacing: 1px;

	font-family:arial;

	font-size:110%;

	font-weight:600;

}

	

	

a.LienM:visited{

		color:#EFE;;

		}

		

a.LienM:hover{

		color:#EFE;

		}

				

a.lien{

		color:#1A1;

		}



		

a.lien:visited{

		color:#1A1;

		}



a.lien:hover{

		color:#1F1;

		}



a.mail

		{

		color:#1A1;

		}



a.mail:hover{

			color:#1F1;

			}

			

a.mail:visited

		{

		 color:#1A1;

		 }



ul.Contenu{

		list-style-type: circle;

		text-align: left;

		text-indent: -15px;

		letter-spacing: 1px;

		font-family:arial;

		font-size:12;

		list-style-position:inside;

		

		}

		

li.Standard{

			list-style-position:inside;

			padding-top:7px;

			padding-left:20px;

			padding-bottom:5px;

		 }

		

div.adresse

		{

		width:350px;

		padding:30px;

		}



img.based{

		position:relative;

		border:solid;

		border-width:2px;

		border-color:#020;

		float:right;

		padding:3px;

		background-color:#FFF;

		left:10px;

		}



img.baseg{

		position:relative;

		border:solid;

		border-width:2px;

		border-color:#020;

		float:left;

		margin:7px;

		}



div.base{

		top:5px;

		}

		

div.bouton{

		background-image:url('images/bouton2.png');

		width: 168px;

		height: 80px;

		}

div.bouton:hover{

		background-image:url('images/bouton2h.png');

		cursor:pointer;

			}

a.bouton{

		position:relative;

		top:13px;

		width: 145px;

		line-height:55px;

		display:block;

		text-decoration: none;

		}

		

fieldset.formulaire{

			text-align:left;

			width:650px;

			border:solid;

			border-width:2px;

			border-color:#020;

			padding:20px;

			}

			

legend{

		font-weight:600;

		color:#040;

	}

	

input.bouton{

			color:#000;

			background-color:#1B1;

			}

			

input.bouton:hover{

			color:#EFE;

			background-color:#1B1;

			}

			

input.bouton:active{

			color:#000;

			background-color:#1B1;

			}



input.saisie

			{color:#000;

			background-color:#DFD;

			width:150px;

			}

			

input.saisie:focus

			{color:#000;

			background-color:#6F6;

			}



			

table.formulaire{

				width:600px;

				border:none;

				border-spacing: 0px;

				*border-collapse: collapse;

				padding: 0;

				border-width: 0px;

				max-width:600px;

				}



td.formdroite{

				width:290px;

				max-width:300px;

				border:solid;

				border-spacing: 0px;

				*border-collapse: collapse;

				padding:0;

			}



td.formgauche{

				width:290px;

				max-width:300px;

				border:solid;

				border-spacing: 0px;

				*border-collapse: collapse;

				padding:0;

			}

			

label.formulaire{ 

				}



fieldset.formcontenu{

			}

			

fieldset.telephone{

				width:400px;

				padding:10px;

				text-align:left;

				}				



div.service{

		position:relative;

		top:20px;

		}



		

titre{

	color:#373;

	}

	

div.lien

		{

		text-align:left;

		padding:30px;

		width:550px;

		border:solid;

		border-width:1px;

		border-color:#262;

		background-color:#FFF;

		border-spacing: 20px;

		}

		

div.lien:hover

			{

			background-color:#CEC;

			}

			

div.communique

			{

			border:solid;

			border-width:1px;

			border-color:#DED;

			padding:15px;

			margin:20px;

			background-color:#FFF;

			}