html {
	width:100%;
}

body #rappel {
	position:absolute;
	top:0;
	left:0;
	height:65px; 
	width:100%; 
	background:white url('/images/accueil/bg-rappel.gif') top center repeat-x;
	border-bottom:1px solid black;
}
body #rappel a {
	height:60px; 
	width:100%; 
	display:block;
}
body {
	margin:auto;
	width:827px;
	padding-left:3px;
	/*padding-top:64px;*/
	padding-top:80px;
	background:#F2E7BF url(/images/intro/bg-intro.jpg) repeat-x;
}

#lang {
	width:777px;
    height:24px;
    padding-top:4px;
    padding-left:25px;
    padding-right:25px;
    margin-bottom:30px;
	text-align:right;
	background:url(/images/intro/bg-lang.jpg) center no-repeat;
}

    #lang a{
        padding-right:20px;
        font:14px arial;
        color:#000000;
        text-decoration:none;
    }
    
        #lang a:hover, 
        #lang a:active{
        	color:#ffffff;
        }
        
        
#intro {
	width:827px;
	text-align:center;
	font:11px arial;
	color:#000000;
}   

#intro #texte{
	float:left;
	width:687px;
    height:79px;
    padding-left:70px;
    padding-right:70px;
    padding-top:20px;
	text-align:center;
	font:11px arial;
	color:#000000;
	background:url(/images/intro/texte.jpg) no-repeat 13px 0px;
}

#intro a{
	display:block;
	float:left;
	height:135px;
	padding-top:254px;
	text-align:left;
	font:13px arial;
	line-height:16px;
	text-decoration:none;
}

	#intro a#corpo {
		width:215px;
		padding-left:45px;
		padding-right:20px;
		color:#D5C381;
		background:url(/images/intro/corpo.jpg);
	}
    
		#intro a:hover#corpo {
			background:url(/images/intro/corpo-roll.jpg);
		}
        
	#intro a#sa {
		width:221px;
		padding-left:25px;
		padding-right:20px;
		color:#99CCCC;
		background:url(/images/intro/sa.jpg);
	}
		#intro a:hover#sa {
			background:url(/images/intro/sa-roll.jpg);
		}
	#intro a#conso {
		width:210px;
		padding-left:21px;
		padding-right:50px;
		color:#FFCCCC;
		background:url(/images/intro/conso.jpg);
	}
		#intro a:hover#conso {
			background:url(/images/intro/conso-roll.jpg);
		}
#intro a#corpo-en {
		width:215px;
		padding-left:45px;
		padding-right:20px;
		color:#D5C381;
		background:url(/images/intro/corpo-en.jpg);
	}
		#intro a:hover#corpo-en {
			background:url(/images/intro/corpo-en-roll.jpg);
		}
	#intro a#sa-en {
		width:221px;
		padding-left:25px;
		padding-right:20px;
		color:#99CCCC;
		background:url(/images/intro/sa-en.jpg);
	}
		#intro a:hover#sa-en {
			background:url(/images/intro/sa-en-roll.jpg);
		}
	#intro a#conso-en {
		width:210px;
		padding-left:21px;
		padding-right:50px;
		color:#FFCCCC;
		background:url(/images/intro/conso-en.jpg);
	}
		#intro a:hover#conso-en {
			background:url(/images/intro/conso-en-roll.jpg);
		}