html, body {height: 100%; margin: 0}
body { font-family: "Trebuchet MS", sans-serif;}
.root{ height: 100%; }
.marge{ width: 49%;}
.centre { width: 855px; vertical-align: bottom;}
.main { background: transparent url(../images/ecran_y.jpg) repeat-y bottom left;}
.main_row {background: transparent url(../images/fond.jpg) repeat-x bottom left;}
.main_top {
	height: 150px;
	height: 35px;
	vertical-align: bottom;
	background: #ffffff  url(../images/ecran_t.jpg) no-repeat bottom left;
}
.main_bottom {
	height: 309px;
	vertical-align: bottom;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
	background: transparent url(../images/ecran_b.jpg) no-repeat bottom left;
}
.main_bottom2 {
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	background: #0e1120;
}
.main_tt {
	height: 411px;
	vertical-align: top;
	background: transparent url(../images/ecran_m.jpg) no-repeat top left;
	padding: 0px 28px 0px 27px;
}
.content {
	min-height: 337px;
	width: 599px;
	float: right;
	color: #ffffff;
	background: #0a0e1c url(../images/filigram.jpg) repeat-y top center;
}
.ban {
	padding: 0px 50px 0px 30px;
	height: 123px;
	text-align: center;
	background: #0a0e1c url(../images/degrad_top.gif) repeat-x top left;
}
.menu {
	float: left;
	width: 146px;
	margin-left: 25px;
	padding-bottom: 52px;
	background: transparent url(../images/menu_bot.jpg) no-repeat bottom left;
}
.content_footer {
	clear: both;
	text-align: center;
	background: transparent url(../images/contenu_bot.png) repeat-x bottom left;
}
.root_header {
}
/* CONTENT */
.content a { font-weight: bold; color: #518eff; text-decoration: none; }
.content a:hover { text-decoration: underline;}
a img {	border: 0px;}
.tt_title {
	margin-left: 80px;
}

/* MENU*/
.menu ul {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	padding-top: 52px;
	list-style: none;
	color: #ffffff;
	background: transparent url(../images/menu_top.jpg) no-repeat top left;
}
.menu li {
}
.menu li a {
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	color: #f0f3ff;
	background: transparent url(../images/menu_btn.jpg) no-repeat top left;
}
.menu li a.act, .menu li a:hover {
	color: #689ef7;
	background-position: bottom left;
}



/* FOOTER */
.foot h1 { margin: 0; font-size: 11px; font-weight: normal; color: #ffffff;}
.foot a {color: #ffffff; text-decoration: none;}
.foot a:hover {text-decoration: underline;}
.infos { font-size: 9px; color: #334455;}

.main_bottom td {width: 33%; text-align: center; font-size: 11px;}
.main_bottom a {color: #556699; text-decoration: none;}
.main_bottom a:hover {color: #518eff; text-decoration: underline;}

/* SPECIALS */
#ul_avantages {margin: 50px 30px 60px 70px;}
#ul_avantages li {	list-style-image: url(../images/coche.gif); margin: 0px; padding: 0px;}
#ul_avantages li li {	list-style-image: url(../images/bullet.gif);}
#ul_avantages a.lien_avantages {color: #f0f3ff; font-weight: bold;}
#ul_avantages a.lien_avantages:hover {color: #518eff; text-decoration: none;}
#ul_avantages .avantages_tt {border: 1px dotted #445566; background: transparent url(../images/semitrans.png) repeat top left;  margin: 0px; padding: 0px;}
#ul_avantages .avantages_tt div {padding: 10px;text-align: justify;}

div.telephone {padding-top: 20px;}

/* REFERENCEMENT*/
.hh1left{ text-align: left;}
.hh1right{ text-align: right;}
.hh1center{ text-align: center;}
.hh1left h1, .hh1right h1, .hh1center h1 {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #b0b0da;
	font-weight: normal;
}
.hh1left h1 strong, .hh1right h1 strong, .hh1center h1 strong {font-weight: normal;}
.main_bottom2 .hh1left h1, .main_bottom2 .hh1right h1, .main_bottom2 .hh1center h1 {color: #334455;padding-bottom: 3px;}

/* FORMULAIRES */
fieldset legend {display:none;}
fieldset {border: 1px solid #ffffff;background: transparent url(../images/semitrans.png) repeat top left;}
.csc-mailform {border: 1px solid #ffffff;font-size: 12px; width: 580px; background: transparent url(../images/semitrans.png) repeat top left;}
.csc-mailform h4{font-size: 20px;margin:0;padding: 5px 0px 10px 10px;}
.css-mailform-label {width: 150px;}

#compte {
	text-align: right;
	font-size: 10px;
	padding-right: 0px;
}
#compte a 
{
	line-height: 11px;
	color: #999999;
	text-decoration: none;
	padding-left: 8px;
	background: transparent url(../images/topmenul.gif) no-repeat bottom left;
}
#compte a span {
	padding-right: 8px;
	background: transparent url(../images/topmenur.gif) no-repeat bottom right;
}
#compte a:hover{
	color: #666666;
}