body {
	margin: 0px;
	font-size : 0px;
	margin-top: 00px;
	background-color: #fff;
	background-image : url(images/_banner/background.jpg);
	background-position : center;
}

.bodystyle {
	margin: 20px;
}


p, br, .bullet, .bulletweb, .bulletpdf, .bulletexclamation, .bulletphone,.bulletfax, .bulletattention, .bulletdoc, .bulletxls, .bulletppt,
.table, .col, .coll, .colr, .collr, li, .round_fill
 {
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: #333333;
	letter-spacing: 0.5px;
	padding-bottom:5px;
}

.txtformhelp
 {
	font-family: Arial, sans-serif;
	font-size: 11px ;
	font-style: italic;
	
	
}

td {
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: #333333;
	letter-spacing: 0.5px;
}

ul, ol {
	margin-left: 20px;
}

p {
	padding-bottom : 10px;
	
}

a {
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: blue;
	letter-spacing: 0.5px;
	text-decoration : none;
}

.pcenter {
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	width:700px;
}

h1, h2, h3, h4 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing:  1px;
}

h1 {
	font-size: 20px;
	padding-top:10px;
	padding-bottom:15px;
	font-weight: normal;
}

h2 {
	font-size: 16px ;
	padding-bottom:10px;
}

h3 {
	font-size: 14px;
	padding-bottom:4px;
}

h4 {
	font-size: 12px ;
	padding-bottom:2px;
}


.slogan {
	font-size: 24px ;
	color: #269626;
}

.slogan2 {
	font-size: 18px ;
	color: #269626;
}
.slogan3 {
	font-size: 14px ;
	color: #269626;
	font-weight: bold;

}

hr {
	color:#e9e9e9;
	background-color:#e9e9e9;
	border:0px;
	height:1px;
	margin-top:10px;
}

.hr2 {
	color:#e9e9e9;
	background-color:darkgrey;
	border:1px;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
}

/* Links page */
.lnk_description {
	padding-left : 10px;
	font-family: Arial, sans-serif;
	font-size: 10px ;
	color: black;
	letter-spacing: 0.5px;	
}

/* == BULLET  LINK ======================== */
.weblink_deprec a, .pdflink_deprec a {
	margin-left:35px;
	display: list-item;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0000ff;
	letter-spacing: 0.5px;
}

.weblink_deprec a {
	list-style-image: url("content/../images/ico_web.gif");
}

.pdflink_deprec a {
	list-style-image: url("content/../images/ico_pdf.gif");
}


/* LISTS =============================*/
.bullet, .bulletweb, .bulletpdf, .bulletgif, .bulletjpg, .bulletphone, .bulletfax, .bulletmail, .bulletexclamation, .bulletattention,
	.bulletdoc, .bulletxls, .bulletppt {
	background-repeat : no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:5px;
}

.bullet {
	background-image : url("content/ico_bullet.gif");
	padding-left:25px;
	
}

.bulletweb {
	background-image : url("content/ico_web.gif");
	padding-left:25px;
}

.bulletpdf {
	background-image : url("content/ico_pdf.gif");
	padding-left:25px;
}

.bulletgif {
	background-image : url("content/ico_gif.gif");
	padding-left:25px;
}

.bulletjpg {
	background-image : url("content/ico_jpg.gif");
	padding-left:25px;
}

.bulletphone {
	background-image : url("content/ico_phone.jpg");
	padding-left:25px;
}

.bulletfax {
	background-image : url("content/ico_fax.jpg");
	padding-left:25px;
}

.bulletmail {
	background-image : url("content/ico_mail.gif");
	padding-left:25px;
}


.bulletmail {
	background-image : url("content/ico_mail.gif");
	padding-left:25px;
}

.bulletexclamation {
	background-image : url("content/ico_exclamation.gif");
	padding-left:25px;
}

.bulletattention {
	background-image : url("content/ico_attention.gif");
	padding-left:25px;
}

.bulletdoc {
	background-image : url("content/ico_doc2.png");
	padding-left:25px;
}

.bulletxls {
	background-image : url("content/ico_xls2.gif");
	padding-left:25px;
}

.bulletppt {
	background-image : url("content/ico_ppt.jpg");
	padding-left:25px;
}

.bold {
	font-weight: bold;
}


.lnksitemap  a:hover{
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: Blue;
	letter-spacing: 0.5px;
	text-decoration : underline;
}

/* deprecated = index do not exist
.index1 {
	font-family: Arial, sans-serif;
	font-size: 12px ;
	letter-spacing: 0.5px;
	text-decoration : none;
	width : 150px;
	padding-left : 10px;
}

.index2 a{
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: Blue;
	letter-spacing: 0.5px;
	text-decoration : none;
}
*/

.sitemap1 a, .sitemap2 a, .sitemap3 a {
	font-family: Arial, sans-serif;
	font-size: 12px ;
	color: Blue;
	letter-spacing: 0.5px;
	text-decoration : none;
}

.sitemap1 {
	padding-top : 10px;
	padding-left : 0px;
	font-weight : bold;
}

.sitemap2 {
	padding-left : 40px;
}

.sitemap2_line {
	padding-left : 40px;
	line-height:10px;
}

.sitemap3 {
	padding-left : 80px;
}

.sitemap3_line {
	padding-left : 80px;
	line-height:10px;
}

.news_month {
	font-size: 16px;
	font-family: Arial, sans-serif;
	padding-bottom:5px;
	font-weight: bold;
	color: gray;
}

.news_title {
	font-size: 14px;
	font-family: Arial, sans-serif;
	padding-bottom:5px;
	font-weight: bold;
	color: black;
}

.news_date{
	color: #656565;
	font-size: 12px ;
	font-family: Arial, sans-serif;
	line-height:10px;
	
}

.news_text {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
/* ====================== square & rounded boxes =====================================*/
/* http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html */
/* do not forget to add classnames at the end of roundies.js !!!!!! */
.round, .round_center, .round_fill, .round_center_fill, .round_right, .round_right_fill,
.square, .square_center, .square_fill, .square_center_fill, .square_right, .square_right_fill,
.round_blue, .round_white, .round_link, .round_expand {
	border-color : #00c800; /* rgb(233, 233, 233); */
	border-width: 1px;
	border-style: solid;
	padding: 10px 10px 10px 10px ;

	background-color: white;
}

.round_center, .round_center_fill,
.square_center, .square_center_fill,
.centered
 {
	margin-left: auto; 
	margin-right: auto	
}

.round_right, .round_right_fill,
.square_right, .square_right_fill {
	margin-left: auto; 
	margin-right: 0;
}

.round_fill, .round_center_fill, .round_right_fill,
.square_fill, .square_center_fill, .square_right_fill {
	background-color: #e5fce0; 
	/*#e9e9e9;*/
}

.round, .round_center, .round_fill, .round_center_fill, .round_right, .round_right_fill,
.round_blue, .round_white, .round_link, .round_expand {
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.round_blue, .round_white {
	border-width: 2px;
	padding: 3px 3px 3px 3px ;
}

.round_blue {
	border-color :#0000ff;
}

.round_white {
	border-color :#ffffff;
}



/* ======================== LINKS WITH IMAGE MENU ========================== */
#but_for .tquest, #but_for a,
#but_base a, #but_base2 a, #but_base3 a {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	letter-spacing: 0.5px;
	display : block;
}

#but_for ul {
	padding-top:  10px;
	padding-bottom:  10px;
}

#but_for li {
	list-style: disc;
}
	
#but_for .tlist a,
#but_base .tlist a {
	font-weight: bold;
	color: #000000;
}

#but_agenda a, #but_news a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.5px;
	display : block;
}

/* ===================================== MULTI Columns ========================================== */
/* col = col; coll = col with left line; colr = col with right line; collr = col left-right line; */
.col, .coll, .colr, .collr {
	list-style-type: none;
	float:left;
/*	width:200px;*/
	padding-left:10px;
	padding-right:10px;
}  

.coll, .collr {
	border-left-color: #e9e9e9;
	border-left-style: solid;
	border-left-width: 1px;
}

.colr, .collr {
	border-right-color: #e9e9e9;
	border-right-style: solid;
	border-right-width: 1px;
}

/* =================================== IMAGES =======================*/

.img_right {
	float: right;
	margin: 0px 0px 0px 10px ;
}

.img_left {
	float: left;
	margin: 0px 10px 0px 0px ;
}

.img_left, .img_right {
	font-family: Arial, sans-serif;
	font-size: 11px ;
	text-align:center;
}

.img_left .copyr, .img_right .copyr {
	font-size: 10px ;
}
.copyr {
	font-size: 10px ;
}

.div_center {
	margin-left: auto; 
	margin-right: auto	
}

/* ======================== Tips ============================== */
#tips a {
text-decoration:none;
position:relative;
border-bottom-style: dashed;
border-bottom-width: 1px;
	
}

#tips a span {
display:none;
}

#tips a:hover {
background:none;
}

#tips a:hover span {
display:block;
position:absolute;
background-color: #fffde0;
color : #000000;
top:20px;
left:40px;
padding:2px;
border:1px solid #333;
}