table, tr, td, ul, li, h3, h4 {
	padding:0;
	margin:0;
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#content table{
	width:766px;
	border-spacing:0;
	border-collapse:collapse;
	font-size:8pt;
	margin-top:10px;
}

#content table h3{
	font-size:12pt;
	padding-bottom:5px;
}

#left_col{
	width:198px;
	overflow:hidden:
}

#middle_col{
	width:410px;
	text-align:center;
	overflow:hidden:
}

#right_col{
	width:158px;
	overflow:hidden:
}


#left_col h3{
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid #8d8883;
}

/*******************************************************\
|	Left Col
\*******************************************************/

/*
 * Présentation
 */

#left_col .presentation{
	background:url(../../images/default/index/presentation-top.gif) top left no-repeat;
	margin-left:7px;
	text-align:justify;
}

#left_col .presentation div{
	background:url(../../images/default/index/presentation-bottom.gif) bottom left no-repeat;
	padding: 15px;
}

/*
 * Assets
 */

#left_col .assets{
	padding-top:5px;
	padding-left:10px;
}

#left_col .assets ul{
	list-style:none;
}

#left_col .assets ul img{
	margin-right:10px;
}

#left_col .assets ul span{
	position:relative;
	top:-10px;
}

/*******************************************************\
|	Middle Col
\*******************************************************/

#middle_col table{
	width:400px;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	margin:auto;
}

/*
 * Image
 */

#middle_col table .image{
	height:205px;
	background:black url(../../images/default/index/image_slogan.gif) top left no-repeat;
	font-size:14px;
	font-weight:bold;
}

#middle_col table .image .text{
	padding:13px 10px;
}

#middle_col table .slogan{
	height:35px;
	line-height:35px;
	font-size:20px;
	background:black;
	color:white;
	text-align:center;
}

#middle_col table .steps .box{
	text-align:justify;
	padding:5px 5px 20px 5px;
}

#middle_col table .steps .box .box{
	padding:2px 5px 0 45px;
	margin-bottom:20px;
	height:37px;
	background-color:white;
	background-position: 3px center;
	background-repeat: no-repeat;
	color:#666;
	width:auto;
}

#middle_col table .step_1 .box{
	width:123px;
	overflow:hidden;
}
#middle_col table .step_2 .box{
	width:124px;
	overflow:hidden;
}
#middle_col table .step_3 .box{
	width:123px;
	overflow:hidden;
}

#middle_col table .step_1{background:#ff8800 url(../../images/default/index/logo_vignette_fond_1.png) no-repeat;}
#middle_col table .step_2{background:#ff9c29 url(../../images/default/index/logo_vignette_fond_2.png) no-repeat;}
#middle_col table .step_3{background:#ffaf51 url(../../images/default/index/logo_vignette_fond_3.png) no-repeat;}

#middle_col table .step_1 .box .box{ background-image : url(../../images/default/index/step_1.jpg); }
#middle_col table .step_2 .box .box{ background-image : url(../../images/default/index/step_2.jpg); }
#middle_col table .step_3 .box .box{ background-image : url(../../images/default/index/step_3.jpg); }

#middle_col table .ugly_buttons td{
	background:black url(../../images/default/index/ugly_button.jpg) center center no-repeat;
	height:34px;
	text-align:center;
	vertical-align:middle;
}

#middle_col table .ugly_buttons td a{
	color:white;
	font-size:7.5pt;
	text-decoration:underline;
}

#middle_col table tr.ugly_arrow{
	height:44px;
	color:white;
}

#middle_col table tr.ugly_arrow td{
	text-align:center;
	vertical-align:middle;
	background:black url(../../images/default/index/ugly_arrow.jpg) top left no-repeat;
}

#middle_col table tr.ugly_arrow td.rapidite{
	background-position:-133px 0;
}

#middle_col table tr.ugly_arrow td.facilite{
	background-position:-267px 0;
}

/*******************************************************\
|	Right Col
\*******************************************************/

/*
 * Login
 */

#right_col .login{
	background:url(../../images/default/index/login-form.gif) bottom left no-repeat;
	padding-bottom:10px;
}

#right_col .login form{
	padding:10px 10px 0 10px;
}

#right_col .login h3{
	background:url(../../images/default/index/login-title.jpg) top left no-repeat;
	line-height:34px;
	height:34px;
	color:white;
	padding-left:20px;
}

#right_col .login form .username, #right_col .login form .password{
	width:130px;
}

#right_col .login .register{
	width:127px;
	height:27px;
	background:url(../../images/default/index/login-register.jpg) center center no-repeat;
	margin:5px 15px 0 15px;
	text-align:center;
}

#right_col .login .register a{
	color:white;
	line-height:27px;
	font-size:10pt;
}

/*
 * Mon compte (quand l'utilisateur est connecté)
 */

#right_col .login ul{
	list-style:none;
	padding: 0 0 10px 15px;
	font-size:9pt;
}

#right_col .login ul li a{
	color:white;
	text-decoration:underline;
}
 
/*
 * News
 */

#right_col .news{
	margin-top:5px;
	background:url(../../images/default/index/news-top.gif) top left no-repeat;
}

#right_col .news div.body{
	background:url(../../images/default/index/news-bottom.gif) bottom left no-repeat;
	padding:10px;
}

#right_col .news a{
	
	display:block;
	color:black;
	margin-bottom:6px;
}

#right_col .news .more{
	text-align:right;
}

#right_col .news .more a{
	display:inline;
	text-decoration:underline;
}

/*
 * Plaquette
 */
#right_col .plaquette{
    width:154px;
    height:25px;
    background:url(../../images/default/index/plaquette.jpg) center center no-repeat;
    margin:5px 0;
    text-align:center;
}

#right_col .plaquette a{
    color:white;
    line-height:25px;
    font-size:11px;
}

/*
 * Newsletter
 */

#right_col .newsletter{
	margin-top:5px;
	width:155px;
	background: #aaa url(../../images/default/index/newsletter-top.gif) top left no-repeat;
}
 
#right_col .newsletter form{
	background: transparent url(../../images/default/index/newsletter-bottom.gif) bottom left no-repeat;
	padding:5px;
}

#right_col .newsletter input.text{
	margin-bottom:5px;
	width:140px;
}

#right_col .newsletter select{
	width:90px;
}