html, body, #wrapper {
	min-height: 100%; /*Sets the min height to the   height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height   for IE5+/Win, since IE wrongly expands   an element to enclose its content.   This mis-behavior screws up modern    browsers*/
	margin: 0;
	padding: 0;
	}
html>body, html>body #wrapper {
	height: auto; /*this undoes the IE hack, hiding it   from IE using the child selector*/
	}
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	}
#main {
	margin-bottom: 3em; /*Modify value as needed for footer height.*/
	height: auto;
	padding: .5em;  }

p{
	color: #0127D2;
	font-size: 12px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	margin-top: 2px;
	margin-bottom: 2px;
	}

.bodytext {
	color: #0127D2;
	font-size: 12px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	margin-top: 2px;
	margin-bottom: 2px;
	}

.hpadding {
	color: #483d8b;
	font-weight: bolder;
	font-size: 14px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 0px 10px;
	}
.textpadding {
	color: #000;
	font-size: 10px;
	line-height: 14px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	margin: 0px;
	padding: 0px 10px;
	}

a { font-size: 14px; font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;}

A:link {text-decoration: none;color: #0127D2;}
A:visited {text-decoration: none;color: #0127D2;}
A:active {text-decoration: none;color: #0127D2;}
A:hover {text-decoration: underline overline; color: #F01414;}


h1 {
	color: #FFD604;
	background-color:#0024C2;
	font-size: 16px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}
h2 {
	color: #FFFFFF;
	background-color:#002CED;
	font-size: 12px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}
h3 {
	color: #FFD604;
	background-color:#F10102;
	font-size: 16px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}
h4 {
	color: #FFFFFF;
	background-color:#EB3736;
	font-size: 12px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}
h5 {
	color: #FFD604;
	background-color:#35CD00;
	font-size: 16px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}
h6 {
	color: #FFFFFF;
	background-color:#58CB2E;
	font-size: 12px;
	font-family: verdana, arial, Geneva, Helvetica, Georgia, Swiss;
	padding: 5px 10px;
	}

#footer {
	position: absolute;
	bottom: 10;
	width: 100%;
	text-align: left;
}

/*  alignement des champs de formulaire de contact */

.csc-mailform {
padding-top:10px;
padding-left: 10px;
background-color: #D7DBF6;
border: none;
}
div.csc-mailform-field{
overflow: hidden;
margin-bottom: 10px;
}
div.csc-mailform-field label {
display: block;
float: left;
width: 150px;
}
div.csc-mailform-field input{
width: 400px;
}
div.csc-mailform-field textarea{
width: 400px;
}

#mailformformtype_mail{width: 110px;}