/* ===================================== */
/* RESET BALISES HTML */
/* ===================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style-type: none;
	font-size: 100%;
}

fieldset, img {
	border: 0;
}

input[type="checkbox"] {
	width:14px;
	margin:0;
}

input[type="radio"] {
	margin-bottom:-3px;
}

input {
	padding: 1px;
}

textarea {
	width: 99%;
}

label {
	font-weight:bold;
}

table {
	font-size: 100%;
}

a img {
	vertical-align: bottom;
}

hr {
	display: none;
}

a {
	color: #000066;
	text-decoration: underline;
}

q:before,q:after {
	content:""
}


/* ===================================== */
/* HEADER */
/* ===================================== */

#global {
	width: 980px;
	margin: 0 auto;
	font-size: 120%;
	text-align: left;
	position: relative;
	background:#FFFFFF;
}

#top {
	width: 980px;
	height: 230px;
	margin: 0 auto;
	font-size: 120%;
	text-align: right;
	valign: middle;
	position: relative;
}

#top h1 {
	width: 1px;
	height: 1px;
}

body {
	background:#D1D2D8 url(http://www.montpellierinteractif.com/diz1/background-2012.jpg) no-repeat scroll center top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #111111;
	font-family: Arial,sans-serif,Verdana;
}

h1 {
	position: absolute;
	width: 200px;
	height: 50px;
	overflow: hidden;
	font-size: 100%;
}

#header {
	position: relative;
}

#news {
	padding: 0;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	font-size: 100%;
	text-align: left;
	valign: top;
}

/* ===================================== */
/* LIENS */
/* ===================================== */

A.menu {color:#000033; text-decoration:none;}
A:hover.menu {color:#ff6600; text-decoration:underline;}
A.blange {color:#eeeeee; text-decoration:underline;}
A:hover.blange {color:#ff6600; text-decoration:underline;}
A.link {color:#000033; text-decoration:underline;}
A:hover.link {color:#ff6600; text-decoration:underline;}
A.titrenews {color:#ff4400; text-decoration:none; font-weight:bold; font-size: 120%;}
A:hover.titrenews {color:#ff9900; text-decoration:none; font-weight:bold; font-size: 120%;}
A.filinfo {color:#000055; text-decoration:none; font-weight:bold;}
A:hover.filinfo {color:#000099; text-decoration:underline; font-weight:bold;}
A.topic {color:#000033; text-decoration:none; font-weight:bold;}
A:hover.topic {color:#ff6600; text-decoration:none; font-weight:bold;}
A.linkfooter {color:#222233; text-decoration:underline;}
A:hover.linkfooter {color:#333355; text-decoration:underline;}
A.minifiltitre {color:#ffffff; text-decoration:none; font-weight:bold;}
A:hover.minifiltitre {color:#ff5500; text-decoration:underline; font-weight:bold;}
A.minifiladd {color:#000055; text-decoration:none;}
A:hover.minifiladd {color:#000077; text-decoration:none;}

/* ===================================== */
/* POLICES */
/* ===================================== */

.grand {font-family:Verdana,Arial,Tahoma; font-size: 20px; font-weight:bold; color:#000033;}
.moyen {font-family:Verdana,Arial,Tahoma; font-size: 16px; font-weight:bold; color:#000033;}
.moyencouleur {font-family:Verdana,Arial,Tahoma; font-size: 18px; font-weight:bold; color:#ee5533;}
.score {font-family:Verdana,Arial,Tahoma; font-size: 50px; font-weight:bold; color:#000033;}
.minifildate {font-family:Verdana,Arial,Tahoma; color:#ffffff;}
.minifil {font-family:Verdana,Arial,Tahoma; font-size: 14px; font-weight:bold; color:#ffffff;}
.texte_blog { text-align:justify; line-height:20px; font-size:13px; color:#333333 }

/* ===================================== */
/* MENU HAUT */
/* ===================================== */

#menu {
	background: url(menutopback.gif) left top;
}

#menu ul {
	list-style: none;
	margin-left: 200px;
	height: 33px;
	background: url(menutopback.gif) right top;
}

#menu li {
	width: 80px;
	height: 23px;
	float: left;
	margin: 4px 2px;
}

#menu li#accueil {
	display: inline;
}

#menu li span {
	position: absolute;
	width: 1px;
	left: -999em;
}

#menu li a {
	display: block;
	height: 23px;
	background-position: left top;
}

#menu a:hover {
	background-position: left bottom;
}

#menu #accueil a {
	background-image: url(menu-accueil.gif);
}

#menu #club a {
	background-image: url(menu-club.gif);
}

#menu #histoire a {
	background-image: url(menu-histoire.gif);
}

#menu #stats a {
	background-image: url(menu-stats.gif);
}

#menu #joueurs a {
	background-image: url(menu-joueurs.gif);
}

#menu #medias a {
	background-image: url(menu-medias.gif);
}

#menu #forums a {
	background-image: url(menu-forums.gif);
}

#menu #asso a {
	background-image: url(menu-asso.gif);
}

#menu #wiki a {
	background-image: url(menu-wiki.gif);
}

/* ===================================== */
/* MENU GAUCHE */
/* ===================================== */

#menu2 div {
	padding-bottom: 8px;
	margin-bottom:10px;
	background: url(http://www.montpellierinteractif.com/diz/menu-bot.gif) no-repeat left bottom;
}

#menu2 div div{
	padding: 0;
	margin:0;
	background: url(http://www.montpellierinteractif.com/) no-repeat right top;
}

#menu2 ul{
	background: #C7E3F1 url(http://www.montpellierinteractif.com/) repeat-x top;
}

#menu2 #menu_downloads, #menu2 #menu_videos, #menu2 #menu_interactif, #menu2 #menu_concours, #menu2 #menu_apropos {
	background-color: #C7E3F1;
}

#menu_magazine h3 {
	background: url(http://www.montpellierinteractif.com/);
}

#menu2 li {
	background: url(http://www.montpellierinteractif.com/) repeat-x top;
}

#menu2 a {
	display: block;
	color: #014F65;
	font-weight: bold;
	text-decoration: none;
	line-height:120%;
	padding: 1px 0 1px 10px;
	background: url(http://www.montpellierinteractif.com/) no-repeat left center;

	/* sup. écartement vertical IE Win ! */
	vertical-align: bottom;
	/* Box Model Hack IE5 Win ! */
	\width: 117px;
	w\idth: 107px;
}

#menu2 a:hover, #menu2 a:focus {
	color: #FFF !important;
	background-color: #59AAC6;
}

/* ===================================== */
/* ACCROCHES */
/* ===================================== */

div.accroches {
	float: left;
	width: 600px;
}

*+html div.accroches {
/* --- pour ie7 --- */
	padding-bottom: 10px;
}

.accroches div {
	width: 200px;
	font-size: 100%;
	height: 19.6em;
	float: left;
	margin: 0 7px 10px 0;
	background: url(http://www.montpellierinteractif.com/diz2/accroche_bas.gif) left bottom no-repeat;
}

.pointille{
 border-style:dashed;
 border-width:1px;
 border-color:#777799;
 padding:5px;
 color:#000033;
 background-color: #ffffff;
 }

.dark {
 background-color:#474F75;
 font-family:"Trebuchet MS",Arial;
 font-size: 11px;
 font-weight:normal;
 color:#ffffff;
 }

/* ===================================== */
/* NUAGE DE MOTS */
/* ===================================== */

.tagcloud{background-color: #FFFFFF; width: 198px; padding: 2px; text-align: center;font-family: Arial, Helvetica;}
.tagcloud a {text-decoration:none;}
.tagcloud a:hover {text-decoration:underline;}
.tag-1 {color:#00AABB; font-size: 20px; font-weight:normal; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-2 {color:#000066; font-size: 23px; font-weight:bold; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-3 {color:#555588; font-size: 14px; font-weight:normal; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-4 {color:#336666; font-size: 17px; font-weight:bold; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-5 {color:#004488; font-size: 16px; font-weight:bold; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-6 {color:#003366; font-size: 14px; font-weight:normal; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-7 {color:#999999; font-size: 16px; font-weight:bold; font-family:Arial,Tahoma,Verdana; text-decoration:none;}
.tag-8 {color:#336699; font-size: 14px; font-weight:bold; font-family:Arial,Tahoma,Verdana; text-decoration:none;}

/* ===================================== */
/* BOITES FLOTTANTES */
/* ===================================== */

#top_news {
        float: left;
	position: relative;
	width: 610px;
	height: 20px;
        margin-left: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
	padding: 0px;
	background: url(http://www.maison-aude.net/images/avendre.jpg) no-repeat scroll right top;
}

#news {
        clear: left;
        float: left;
	position: relative;
	width: 60%;
        margin-left: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
	padding: 0px;
	text-align: center;
	align: center;
	background:#FFFFFF url(http://www.maison-aude.net/images/fond1.gif) repeat scroll center top;
}


#bandeau {
        clear: left;
        float: left;
	position: relative;
	width: 100%;
	height: 40px;
        margin: 0 auto;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	background:#333333;
}