@charset "utf-8";
/* CSS Le marrot */
*{
	margin:0;
	padding:0;
	border:0;
	
}

body{
	background-color:#1b1f22;
	background-image:url(img/top_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#site{

	width:968px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#top{
	width:968px;
	height:149px;
	background:url(img/header_bg.jpg) no-repeat top;
}

#top h1{
	color:#FFFFFF;
	padding-top:80px;
	padding-left:40px;

}

#top img{
	padding-left:35px;
	
}


#logo{
	float:left;
}
#contact{
	padding-left:420px;
	padding-top:80px;
}

.dice{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

h6{
font-size:15px;
	margin-bottom:10px;
}

#contact p{
	text-align:right;
	margin-right:90px;
	margin-bottom:30px;
	color:#FFFFFF;
	font-size:10px;
}

#contact p a:link{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted white;
	
}

#menu #selectedacc{
	color:#000000;
	width:70px;
	height:19px;
	background-image:url(img/accueil_back.png);
	background-repeat:no-repeat;
	line-height:19px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menu #selectedacc a:link{
	color:#000000;
}

#menu #selectedacc a:active{
	color:#000000;
}

#menu #selectedacc a:hover{
	color:#000000;
}

#menu  #selectedacc a:visited{
	color:#000000;
}

#contact p a:hover{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted white;
}
#contact p a:active{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted white;
}
#contact p a:visited{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted white;
}

#menu{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#menu li{
	list-style-type:none;
	float:left;
	padding-right:45px;
	font-size:14px;
		line-height:19px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


#menu li a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#menu li a:hover{
	color:#000000;
	text-decoration:none;
}

#menu li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#menu li a:active{
	color:#FFFFFF;
	text-decoration:none;
}
#middle{
	width:968px;
	height:729px;
	background:url(img/center_bg.jpg) no-repeat top;
	font-family:Trebuchet,Verdana, Arial, Helvetica, sans-serif;
	padding-top:30px;
}

#intro{
	width:900px;
	height:280px;
	background:url(img/main.png) no-repeat right bottom;
}

#intro_texte{
	color:#FFFFFF;
	width:440px;
	padding-top:70px;
	padding-left:80px;
}

#intro_texte h2{
	font-size:19px;
	font-family:trebuchet;
	text-align:left;

}

#intro_texte p{
	font-size:13px;
	font-family:trebuchet;
	letter-spacing:1px;
	margin-top:10px;
}

#centre{
	width:814px;
	height:322px;
	background:url(img/home_center_bg.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	font-size:13px;
}

#news td{

	width:230px;
	vertical-align:top;
}


 h3{
	text-align:center;
	vertical-align:top;
	margin-top:15px;
	font-family:trebuchet;
	font-size:20px;
	margin-bottom:15px;
}

td#tdmiddle{
	width:330px;
	margin-right:auto;
	margin-left:auto;

}


#cheater{
	text-align:center;
	
}
p.grade{
	float:left;
}

p.float{
	float:right;
}

#class{
	margin-left:10px;
}
#class td{
	border:none;
}

#class img{
	margin-right:4px;
}

#actus{
	margin-left:40px;
	margin-right:20px;
}

#actus li{
	margin-bottom:4px;
}



#contenu_principal{
	width:814px;

	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/middle_background.gif) no-repeat top;
	background-color:#f6e7c6;

	position:relative;
	clear:both;
}



#contenu_principal2{
	width:814px;

	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/middle_background2.gif) no-repeat top;
	background-color:#f6e7c6;

	position:relative;
	clear:both;
}
#contenu_principal3{
	width:814px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/middle_background2.gif) no-repeat top;
	background-color:#f6e7c6;

	position:relative;
	clear:both;
}


#centre_bas{
	margin-bottom:-10px;

}

#foot{
	height:60px;
}
#regles{

	width:500px;
	margin-left:20px;
	color:#351401;
	
}

#regles h4{
	font-size:20px;
	font-weight:bold;
	margin-left:20px;
	font-family:"Trebuchet MS",arial,verdana;
	margin-top:-40px;
	margin-bottom:10px;
}

#regles h5{	
	margin-left:20px;
	margin-bottom:15px;
}
p.petit{
	margin-left:15px;
	font-size:12px;
	margin-bottom:15px;
}

p.rikiki{
margin-left:15px;
	font-size:12px;
	margin-bottom:15px;
}
#relges_title{

	margin-top:-40px;
}

#sousmenu{
	float:right;
	font-size:14px;
	color:#351401;
	margin-right:20px;
	margin-top:40px;
}

#menu_liste li{
	margin-bottom:2px;
}

#sousmenu a:link{
	color:#351401;
	text-decoration:none;
	
}

#sousmenu a:hover{
	color:#351401;
	text-decoration:none;
	border-bottom:1px dotted;
	
}

#sousmenu a:active{
	color:#351401;
	text-decoration:none;
	
}

#sousmenu a:visited{
	color:#351401;
	text-decoration:none;
	
}

ul.sous_menu li{
	list-style-type:disc;
	font-size:12px;
	margin-left:25px;
}

li.selected{
	border-bottom:1px dotted;
	border-right:15px solid;
}

#accueil{
	width:79px;
	height:22px;
	background-image:url(img/accueil.png);
	display:block;
}

#accueilselect{
	width:79px;
	height:22px;
	background-image:url(img/accueil_selected.png);
	display:block;
}

#accueil:hover{
	background-image:url(img/accueil_hover.png);
}

#regless{
	width:79px;
	height:23px;
	background-image:url(img/regles.png);
	display:block;
}
#reglesselect{
	width:79px;
	height:23px;
	background-image:url(img/regles_selected.png);
	display:block;
}

#regless:hover{
	background-image:url(img/regles_hover.png);
}

#classement{
	width:115px;
	height:23px;
	background-image:url(img/classement.png);
	display:block;
}
#classementselect{
	width:115px;
	height:23px;
	background-image:url(img/classement_selected.png);
	display:block;
}

#classement:hover{
	background-image:url(img/classement_hover.png);
}

#photos{
	width:76px;
	height:23px;
	background-image:url(img/photos.png);
	display:block;
}

#photosselect{
	width:76px;
	height:23px;
	background-image:url(img/photos_selected.png);
	display:block;
}

#photos:hover{
	background-image:url(img/photos_hover.png);
}

h7{
	font-style:italic;
	font-size:12px;
	padding-left:40px;
	margin-bottom:15px;
	display:block;
}




#lemarrot{

	font-size:12px;
	padding-left:40px;
	margin-bottom:15px;
	display:block;
}

#leclassement{
	margin-left:150px;
	font-size:14px;
}

#leclassement img{
	margin-right:10px;
}

#leclassement tr{
	margin-bottom:14px;
}

#leclassement td{
	width:130px;
}

#photosliste{

	margin-left:50px;
	width:700px;
}
#photosliste li{
	height:120px;
	width:120px;
	background-color:#006600;
	float:left;
	list-style:none;
	margin:5px;
}

a:link{
	color:#993300;
}

a:visited{
	color:#993300;
}
a:hover{
	color:#993300;
	text-decoration:none;
}
a:active{
	color:#993300;
}

.cache{
	display:none;
}

#pho{
	position:absolute;
	bottom:0;
	left:0;
	width:10px;
	height:10px;
	background-color:#1b1f22;
}

#pho a:link{
	color:#1b1f22;
}

#pho a:hover{
	color:#1b1f22;
}

#pho a:visited{
	color:#1b1f22;
}

#pho a:active{
	color:#1b1f22;
}