/* --------------------------------------------------------------- */
/* Aspect général 												   */
/* --------------------------------------------------------------- */

BODY {
	background-color: #4B4B4B;
	font-family: verdana;
	font-size: 12px;
	background-image: url('Fond.gif');
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px 12px 18px 12px;
}

TD, P, DIV {
	font-size: 12px;
	color: #4B4B4B;
}

A {
	font-weight: bold;
	color: #4B4B4B;
	text-decoration: none;
}

A:hover {
	color: #000000;
	text-decoration: underline;
}

.TL  { background-image: url('GradTL.gif'); }
.TR  { background-image: url('GradTR.gif'); }
.ML  { background-image: url('GradML.gif'); }
.MR  { background-image: url('GradMR.gif'); }
.BL  { background-image: url('GradBL.gif'); width: 16px; height: 25px; }
.BR  { background-image: url('GradBR.gif'); width: 16px; height: 25px; }
.FL1 { background-image: url('GradFL1.gif'); }
.FL2 { background-image: url('GradFL2.gif'); }
.FM  { background-image: url('GradFM.gif'); }
.FR1 { background-image: url('GradFR1.gif'); }
.FR2 { background-image: url('GradFR2.gif'); }

.Header { 
	background-image: url('HeadFond.gif');
	background-repeat: repeat-x;
}

.Document { 
	background-color: #FFFFFF;
	padding: 7px 10px 10px 10px;
}

#Container {
	padding-left: 2px;
}	

#Woopami {
	background-image: url('Woopami.jpg');
	margin-top: 17px;
	width: 305px;
	height: 103px;
}

#btnForum {
	background-image: url('btnForum.gif');
	width: 207px;
	height: 27px;
	overflow: hidden;
}

#btn {
	padding: 0px;
	background-image : url('Puce1.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4B4B4B;
}

#btn:hover {
	text-decoration: underline;
	color: #000000;
}

hr {
	border-top: 1px solid #A3A3A3; /* Couleur du séparateur dans les cadres */
}

.Separator {
	height: 10px;
}

#Partenaires a {
	color: #52eed9;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#Partenaires a:hover {
	color: #D0D0D0;
	text-decoration: underline;
}

#Partenaires img {
	padding-top: 2px;
	margin-top: 1px;
	vertical-align: middle;
}

.Sep {
	background-color: red;
	width: 2px;
	height: 27px;
	overflow: hidden;
}

.Carte63x42 {
	border: 1px solid #000000;
}

.Carte134x89 {
	border: 1px solid #000000;
}

#Footer td {
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	font-size: 9px;
}

#Footer A {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#Footer A:hover {
	color: #DDDDDD;
	text-decoration: underline;
}

.Pager {
	font-weight: normal;
	font-size: 9px;
}

.CurrentPage {
	color: #00a77f;
}

/* --------------------------------------------------------------- */
/* Notice légale 												   */
/* --------------------------------------------------------------- */

#Notice {
	background-color: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#Notice td div {
	padding: 6px 7px 0px 0px;
}

#Notice td span {
	color: #08437B;
	font-weight: bold;
}

#Notice td {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

#Notice td a {
	color: #00a77f;
	text-decoration: none;
	font-weight: bold;
}

#Notice td a:hover {
	color: #00a77f;
	text-decoration: underline;
}

#Notice td img {
	padding-bottom: 1px;
}

#Notice .Notice {
	background-image: url('HeadFond.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* --------------------------------------------------------------- */
/* Menu (recherche)												   */
/* --------------------------------------------------------------- */

#Pub {
	width: 468px; 
	height: 60px; 
	border: 1px solid #FFF; 
	margin: 4px 22px 0px 0px
}

#Query {
	width: 100px;
	margin:0px;
	height:13px;
	border:solid 0 #fff;
	font-size: 9px;
}


/* --------------------------------------------------------------- */
/* Cadres à gauche 												   */
/* --------------------------------------------------------------- */

.FrameL h3{
	font-weight: bold;
	background-image: url('CadreTL.gif');
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 7px 12px 7px 12px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 10px;
	line-height:10px;
}

	.FrameL .Box {
		background-image: url('CadreBL.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
		text-align: left;
		overflow: hidden;
		width: 151px;
		font-size: 9px;
		font-weight: bold;
	}

		.FrameL .Box div {
			padding: 6px 7px 7px 7px;
			font-size: 9px;
		}

		.FrameL .Box span {
			color: #00a77f;
		}
		
		.FrameL .Box ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

			.FrameL .Box ul li div {
				padding: 0px;
				background-image : url('Puce1.gif');
				background-position: 0px 5px;
				background-repeat: no-repeat;
				padding-left: 12px;
			}

/* --------------------------------------------------------------- */
/* Cadres à droite 												   */
/* --------------------------------------------------------------- */

.FrameR h3{
	font-weight: bold;
	background-image: url('CadreTR.gif');
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 7px 12px 7px 12px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 10px;
}

	.FrameR .Box {
		background-image: url('CadreBR.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
		text-align: left;
		overflow: hidden;
		width: 161px;
		font-size: 9px;
		font-weight: bold;
	}
	
		.FrameR .Box div {
			padding: 6px 7px 7px 7px;
			font-size: 9px;
		}

.FrameR1 h3{
	font-weight: bold;
	background-image: url('blank_frame_right.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	width: 161px;
	height: 28px;
	padding: 7px 12px 7px 12px;
	font-size: 9px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 10px;
}
.FrameR1 a{
	color: #FFFFFF;
}

.FrameL1 h3{
	font-weight: bold;
	background-image: url('blank_frame_left.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	width: 151px;
	height: 28px;
	padding: 7px 12px 7px 12px;
	font-size: 9px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 10px;
}
.FrameL1 a{
	color: #FFFFFF;
}

/* --------------------------------------------------------------- */
/* Cadres du centre 											   */
/* --------------------------------------------------------------- */

.FrameC .BoxT {
	background-image: url('CadreTC.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 12px;
	margin: 0px;
}

	.FrameC .BoxB {
		background-image: url('CadreBC.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
		text-align: left;
		overflow: hidden;
		width: 606px;
		margin: 0px;
    }
	
		.FrameC .BoxB div {
			padding: 0px 12px 12px 12px;
		}
		
			.FrameC .BoxB div .Frame {
				text-align: left;
				background-image: url('Carte134-89.gif');
				background-position: top left;
				background-repeat: no-repeat;
				margin: 10px;
				padding: 10px;
				width: 134px;
				height: 89px;
			}

			.FrameC .BoxB div .Picto {
				background-position: top right;
				width: 65px;
				height: 75px;
				float: right;
				overflow: hidden;
				margin-right: 20px;
				background-repeat: no-repeat;
			}
			
			.FrameC .BoxB div h2 { /* Catégories */
				margin: 0px;
			}
			
			.FrameC .BoxB div h2 a {
				font-size: 11px;
				font-weight: bold;
				color: #00a77f;
				text-decoration: none;
			}
			
			.FrameC .BoxB div h2 a:hover {
				color: #00a77f;
				text-decoration: underline;
			}
			
		.FrameC .BoxB ul {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			list-style-type: none; 
		}
			
			.FrameC .BoxB li {
				line-height: 10px;
			}
			
			.FrameC .BoxB li a {
				color: #4B4B4B;
				font-size: 10px;
				font-weight: normal;
				text-decoration: none;
				
			}
			
			.FrameC .BoxB li a:hover {
				color: #000000;
				text-decoration: underline;
			}

		.FrameC .BoxB .Selected {
			color: #00a77f;
			font-weight: bold;
		}


/* --------------------------------------------------------------- */
/* Fil d'ariane 												   */
/* --------------------------------------------------------------- */

#Ariane a {
	font-weight: bold;
	color: #4B4B4B;
	text-decoration: none;
}

#Ariane a:hover {
	text-decoration: underline;
	color: #000000;
}

#Ariane span {
	color: #AEAEAE;
}

/* --------------------------------------------------------------- */
/* Et aussi ... 												   */
/* --------------------------------------------------------------- */

.More {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #AEAEAE;
}

.More:hover {
	text-decoration: underline;
	color: #6C6C6C;
}

.MoreImg {
	padding-bottom: 1px;
}

/* --------------------------------------------------------------- */
/* Formulaire 												   	   */
/* --------------------------------------------------------------- */

.lblForm {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
	vertical-align: top;
	padding-top: 2px;
}

.ctlForm {
	padding-left: 7px;
}

.lblForm2 {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
	vertical-align: bottom;
	padding-bottom: 1px;
}

.lblForm3 {
	font-size: 10px;
	
}

#Couleurs td {
	text-align: center;
	width: 25px;
}

#Couleurs img {
	padding-left: 1px;
}

INPUT, SELECT, TEXTAREA {
	font-family: verdana;
	font-size: 9px;
}


#formImage1 {
				position: absolute;
				background-position: top right;
				width: 85px;
				height: 75px;
				float: left;
				overflow: hidden;
				background-repeat: no-repeat;
				background-image: url('/Images/Commun/formMessage.jpg');
}

#formImage2 {
				position: absolute;
				background-position: top right;
				width: 85px;
				height: 75px;
				float: left;
				overflow: hidden;
				background-repeat: no-repeat;
				background-image: url('/Images/Commun/formDestinataire.jpg');
}


#formImage3 {
				position: absolute;
				background-position: top right;
				width: 85px;
				height: 75px;
				float: left;
				overflow: hidden;
				background-repeat: no-repeat;
				background-image: url('/Images/Commun/formEnvoyer.jpg');
}

#Copyright a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #52eed9; text-decoration: none; font-size: 10px; font-weight: bold;}
#Copyright a:visited {
	text-decoration:none;
}
#Copyright a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52eed9;
	text-decoration:none;
}
#Copyright a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52eed9;
	text-decoration:none;
}
#Copyright a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D0D0D0;
	text-decoration: underline;
}
#counter {
    color: #52eed9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}