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

.marron{
	color: #4b4639;
	text-decoration: none;
}
.bleuF{
	color: #002053;
}

a.bleuF{
	color: #002053;
	text-decoration: none;
}
a.bleuF:hover{
	color: #002053;
	text-decoration:underline;
}
a.footer:link {
	text-decoration: none;
	color: #2BB0BF;
}
a.footer:visited {
	text-decoration: none;
	color: #2BB0BF;
}
a.footer:hover {
	text-decoration: none;
	color: #2BB0BF;
}
a.footer:active {
	text-decoration: none;
	color: #2BB0BF;
}
.blanc{
	color: #FFFFFF;
	text-decoration: none;
}
.puce1{
	padding-left: 8px;
	list-style-image: url(../images/puce.gif);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.filetv
{
	min-height:334px;
	height: 334px;
	width: 3px;
	border-left-width: 0.2em;
	border-left-style: dotted;
	border-left-color: #999999;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	display:table-column;
	border-top-width: 0.2px;
	border-top-color: #00CC66;
	clear: both;
	float: right;
}
a.menu0{
	background-image: url(../images/menugTop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 85px;
	width: 203px;
}
a.menu1{
	background-image: url(../images/menug1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 62px;
	width: 203px;
}
a.menu1:hover{
	background-image: url(../images/menug1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	height: 62px;
	width: 203px;
}
a.menu2{
	background-image: url(../images/menug2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 58px;
	width: 203px;
}
a.menu2:hover{
	background-image: url(../images/menug2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	height: 58px;
	width: 203px;
}
a.menu3{
	background-image: url(../images/menug3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 78px;
	width: 203px;
}
a.menu3:hover{
	background-image: url(../images/menug3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	height: 78px;
	width: 203px;
}
.laclasse{
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
/* formulaire */
.FormEmail {
	border:none;
	outline:none;
	}
.FormEmail input {
		width:295px;
		height:20px;
		display:block;
		float:left;
		background: url(../images/FormTextField.gif) no-repeat left top;
		margin-bottom:10px;
		color:#a6a5a5;
		padding:5px 0 0 5px;
			}
			
			.FormEmail input:focus {background: url(../images/FormTextField.gif) no-repeat left bottom;color:#5c5c5c;}
	
	.FormEmail textarea {
		width:295px;
		height:105px;
		display:block;
		float:left;
		background: url(../images/FormTextArea.gif) no-repeat left top;
		margin-bottom:10px;
		padding:5px 0 0 5px;
		color:#a6a5a5;
		font-family: Arial, Helvetica, sans-serif;
			}
		.FormEmail textarea:focus {background: url(../images/FormTextArea.gif) no-repeat left bottom;color:#5c5c5c;}
.FormButton, .FormButton:focus {
		width:110px !important;
		height:25px !important;
		cursor:pointer;
		border:none;
		outline:none;
		background: url(../images/FormButton.gif) no-repeat left top !important;
		text-indent-999px; font-size: 0; line-height: 0
		}
		
		.FormButton:hover {
			background: url(../images/FormButton.gif) no-repeat left bottom !important;
			}
			.rien{
			background-image:none;}
			.marge15{
			padding-right:15px;}
			
			
/*second menu*/

a.menum1{
	background-image: url(../images/mm1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 118px;
	width: 156px;
}
a.menum1:hover{
	background-image: url(../images/mm1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	height: 118px;
	width: 156px;
}
a.menum2{
	background-image: url(../images/mm2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 118px;
	width: 188px;
}
a.menum2:hover{
	background-image: url(../images/mm2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
height: 118px;
	width: 188px;
}
a.menum3{
	background-image: url(../images/mm3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 118px;
	width: 159px;
}
a.menum3:hover{
	background-image: url(../images/mm3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: left;
	height: 118px;
	width: 159px;
}