/* Lacorne Ludovic - 14/03/2009 */
html { height: 100%; }

body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#333333;
	background: url(../medias/images/background.jpg) no-repeat 50% top;
	}
	
* { padding:0; margin:0 }

strong { color:#55472c; }

img { border:solid 1px #55472c; }

#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	padding-left:1px;
	width:778px!important;width:776px!important!;
	background: url(../medias/images/bgpages.jpg) no-repeat left top;
}

#header { padding:14px 0 15px 17px; }

#header a { cursor:pointer; }

#header span { 
	display:block;
	width:228px;
	height:63px;
	background:url(../medias/images/emilie-brotons.png) no-repeat left top;
	overflow:hidden;
	text-indent:-10000px;	
}

h2 { padding:25px 0 10px 0; font-size:16px; color:#55472c; }

#navigation { padding:0 0 0 17px; }

#navigation ul { 
	float:left;
	list-style:none;
	width:113px;
}

#navigation a { display:block;  overflow:hidden; text-indent:-10000px; }
#navigation .mesnews { height:20px; background:url(../medias/images/mesnews.png) no-repeat left top; }
#navigation .mesvoix { height:21px; background:url(../medias/images/mesvoix.png) no-repeat left top; }
#navigation .mesvideos { height:18px; background:url(../medias/images/mesvideos.png) no-repeat left top; }
#navigation .mecontacter { height:16px; background:url(../medias/images/mecontacter.png) no-repeat left top; }

#titrepage {
	float:left;
	width:535px;
	padding-left:109px;
}

#titrepage span { display:block; width:422px; height:139px; overflow:hidden; text-indent:-10000px; }
#titrepage .bienvenue { background:url(../medias/images/bienvenue.png) no-repeat left top; }
#titrepage .news { background:url(../medias/images/news.png) no-repeat left top; }
#titrepage .voix { background:url(../medias/images/voix.png) no-repeat left top; }
#titrepage .videos { background:url(../medias/images/videos.png) no-repeat left top; }
#titrepage .contact { background:url(../medias/images/contact.png) no-repeat left top; }
#titrepage .credits { background:url(../medias/images/credits.png) no-repeat left top; }

.clear { clear:both; }

#contenu { margin:70px 0 0 0; padding:0 17px 40px 17px; }
#contenu span { font-size:16px; font-weight:bold; color:#55472c; }
#contenu a, #contenu a:link, #contenu a:visited { color:#55472c; text-decoration:none; }
#contenu a:hover { color:#a8b184; text-decoration:none; }

#contenu ul { list-style:none; }
#contenu li {  background:url(../medias/images/fleche2.png) no-repeat left top; padding:0 0 0 30px; }
.nostyle { list-style:disc; background:none!important; margin:0 0 0 15px; padding:0!important; }

#contenu li li {  background:none; padding:0; text-transform:none; font-weight:normal; }
#contenu li li.listevoix { display:block; float:left; margin-right:55px; text-align:center; width:300px; }

#contenu li li p { float:left; padding-top:2px; }
#contenu li li p.titrevoix { float:none; text-align:center; }
#contenu li li p.voix1 { width:250px; }
#contenu li li p.voix2 { width:60px; }
#contenu li li p.voix3 { width:120px; }
#contenu li li p.voix4 { width:95px; }
#contenu li li p.voix6 { width:235px; }
#contenu li li p.voix7 { width:350px; }
#contenu li li p.voix8 { width:460px; }
#contenu li li p.voix9 { width:328px; }

.maj { text-transform:uppercase; color:#55472c; font-weight:bold; padding-top:5px;}

#footer { position:absolute; bottom:0; width:778px!important;width:776px!important!; margin:10px 0; text-align:center; color:#a8b184; }
#footer a, #footer a:link, #footer a:visited { color:#a8b184; text-decoration:none; }
#footer a:hover { color:#55472c; text-decoration:none; }

/* marges */
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}