*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
}
	body, th, td, input, textarea, select {
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-size: 11px;
/*	color: #414E5A;*/

}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

a {
	color: #30639F;
}


h1 {
font-size:16px;
color:#669933;
font-weight:bold;
background: url(images/puce.gif) no-repeat;
background-position:left center;
padding-left:18px;
padding-bottom:1px;
margin-left:15px;
margin-bottom:5px;
}

.h1_bis {
font-size:15px;
color:#669933;
font-weight:bold;

}

.stitre{

}

b {
font-size:11px;
color:#333333;
}

.list_lent{
list-style-type:none;

}


a:hover {
	text-decoration: none;
}

body {
	margin: 0; /* pour éviter les marges */ 
	padding : 0;
	height: 100%;	
	text-align: center; /* pour corriger le bug de centrage IE */ 
	background: url(images/font.gif) repeat;
}

#superglobal{
	position : relative;
	margin-left: auto; 
	margin-right: auto;
	padding:0px;
	width: 816px;
	height:auto;
	text-align: left;
	background: url(images/bg_body.gif) repeat-y;
}

#header{
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	height:140px;
	width: 766px;

}
.top{
	background: url(images/header_top.gif) repeat-x top;
	color:#333333;
	height:28px;
	text-align:center;
	padding-top:2px;
	font-weight: bold;
	font-size:12px;
}

.top a{
color:#333333;
text-decoration:none;
}

.top a:hover{
text-decoration:none;
}

.tof{
position:absolute;
left:0px;
top:29px;

}
.logo{
position:absolute;
left:440px;
top:40px;
}

#content{
	position: relative;
	margin: 0 auto;
	width: 766px;
	background: url(images/menu.gif) no-repeat top;
}

#mainmenu {
position:relative;
width:410px;
padding-left:350px;
padding-top:20px;

/*	position:absolute;
	width:410px;
	height: 20px;
	top:20px;
	left:340px;
	background-color:#000000;*/
}

#left{
position:absolute;
width:210px;
top:180px;
left:18px;
width:210px;
height:290px;
/*background-color:#00FFCC;*/
}


#view {
position:relative;
width:445px;
margin-left:290px;
padding-top:40px;
min-height:360px;
}


.menu {
	font-size:12px;
	color:#FFFFFF;
}

#mainmenu ul {
	list-style: none;
}

#mainmenu li {
	display: inline;
	padding-right:14px;
}

#mainmenu li a{
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

#mainmenu li a:hover{
	text-decoration:underline;
}



#footer{
	position: relative;
	float:inherit;
	margin: 0 auto;
	padding-top:30px;
	width: 766px;
	height:250px;
	background: url(images/footer.gif) repeat-x top;
	height:70px;

}

.plan a {
font-size:12px;
color:#333333;
font-weight: bold;
text-decoration:none;
}

#footer ul {
	list-style: none;
	padding-left:20px;	
}

.fbook {
	background: url(images/facebook-icon.png) no-repeat left top;
	padding-left:18px;
}


/* ----------------------------- BLOK ACTU -------------------------------- */

ul.liste li{
margin-left:25px;
list-style-type: none;
background: url(images/liste.gif) no-repeat left center; 
padding-left:20px;}


#news {

width:220px;
height:auto;
}

#news .news_info{
float:left; padding-bottom:10px; font-size: 9px; font-style: italic;
}

#news .news_annonce{
margin-bottom:5px;
}

#actu {
padding-bottom:5px;
margin-bottom:10px;
width:220px;
height:auto;
border-bottom-color:#999999;
border-bottom-style: dotted;
}

#actu .actualite {
width:220px;
}



#form_news form{
/*background-color:#CCCCCC;*/
width:220px;
height:15px;
padding-bottom:10px;
border-bottom-color:#999999;
border-bottom-style: dotted;
}

#actu a{
text-decoration:none;

}

#actu a:hover{
text-decoration:underline;

}
.date{
height:5px;
}



/* ----------------------------- PAGE CONTACT -------------------------------- */

#commentForm{
height:400px;
/*background-color:#009900;*/

}

/** FORMS */
form {
	margin: 0px;
	padding: 0px;
}

ul.form li input, ul.form li select, ul.form li textarea 
{
	width: 270px;
	float:right;
}

ul.form li
{

	border-bottom-width: 1px;
	border-bottom-style:groove;
	border-bottom-color: #aaaaaa;
	padding-top: 6px;
	padding-right: 0pt;
	padding-bottom: 6px;
	padding-left: 0pt;
	width:430px;
	height: 30px;
}


ul.form li input.checkcode
{
	float:inherit;
	
} 

ul.form li textarea
{
	height: 90px;
	width: 270px;
	float:right;
}

#commentForm ul.select li{
	border-bottom-style: none;
	list-style-type:none;	

}
.required_field{
padding-left:15px;
	font-size:9px;
	font-style:italic;
	color:#999;
}

.who {
	list-style:none
}

#bt_envoyer{

	border:0px;
	width:40px;
	height:16px;
	background: url(images/btn_plus.gif) repeat-x;
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
}


#commentForm { width: 445px; margin-left:15px;}
#commentForm label { 
display: block;
float: left;
width: 140px;
}
#commentForm label #captcha {
width:200px;
}

#commentForm label.error { float:right; width:250px; font-size:9px; font-style:italic; text-align:right; padding-top:1px;}
#check label.error { float:right; width:160px; font-size:9px; font-style:italic; text-align:right; padding-top:1px;}

#bt_envoyer{
	float:right;
	margin-right:30px;
	border:0px;
	width:100px;
	height:16px;
	background: url(images/btn_plus.gif) repeat-x;
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
}



/**********************************
Name: cmxform Styles
***********************************/
form.cmxform {
	width: 390px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}
div.error { display: none; }
/*input {	 width:200px; }*/
input.checkbox { border: none }
input.error { border:1px double red; }
textarea.error { border:1px double red; }
form.cmxform .gray * { color: gray; }

p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
fieldset label { display: block; }
div#captchaimage { float: left; margin-right: 15px; }
input#captcha { width: 25%; float:left;}

input#submit { 
display: block; margin: 2% 0% 0% 0%;
}

#commentForm.success {
border: 1px solid #49c24f;
background: #bcffbf;
}
#commentForm.error {
border: 1px solid #c24949;
background: #ffbcbc;
}

#success {
	
	
}
/* ----------------------------- FIN PAGE CONTACT -------------------------------- */



