/* GENERAL */
body {
	background:url(../images/Decor/fond.gif) repeat top left;
	text-align:center;
	cursor:default;
	margin:0;
	}
	
form {
	padding:0;
	margin:0;
	}

input, button, select {
    vertical-align: middle;
}

img {
	vertical-align:middle;
	border:0;
	}

a {
	color:#fff;
	}

a:hover {
	text-decoration:none;
	}


textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #000;
	width:100%;
	overflow:auto;
	margin:0;
	padding:3px;
	}

.spacer {
	clear:both;
	}
	
#conteneur {
	margin-left:auto;
	margin-right:auto;
	width:917px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}

form input[type="submit"],form  input[type="button"],.btn {
	border:1px solid #30322f;
	font-size:11px;
	background-color:#efefef;
	padding:2px;
	color:#000;
	}
	
form  input[type="text"],form  input[type="password"],form  input[type="file"],.input {
	padding:3px;
	border:1px solid #30322f;
	font-size:11px;
	}

select {
	font-size:11px;
	border:1px solid #000;
	padding:3px;
	}
	
select optgroup { font-style:normal; }	
	
form input.input_limite {
	background:transparent;
	font-size:10px;
	cursor:default;
	color:#fff;
	border:0;
	}
	
.titre {
	background-color:#dbdcda;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #d4d5d3;
	color:#4f504e;
	font-weight:bold;
	padding:2px 0 2px 16px;
	height:13px;
	}

.titre a { color:#4f504e; }
		
.sous_titre {
	background-color:#f3f3f3;
	margin:1px 0 5px 0;
	color:#4f504e;
	text-align:right;
	padding:2px 16px 2px 0;
	}

.sous_titre a {
	color:#4f504e;
	text-decoration:none;
	}
		
a.suppr {
	text-decoration:none;
	}

/* sert pour la validation de formulaire en ajax */
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff3300;
	color : #ff3300;
}

.validation-advice,.custom-advice,.erreur,.succes {
	margin: 5px 0;
	padding: 5px;
	color : #fff;
	font-weight: bold;
}

.validation-advice,.custom-advice,.erreur { background-color: #ff3300; }
.succes { background-color: #8fCE8A; }

.pagination {
	float:right;
	font-size:10px;
	margin:5px 0 5px 0;
	}

.pagination a {
	background-color:#5f5f5d;
	border-top:2px solid #5f5f5d;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	}
	
.pagination a:hover ,.pagination a.active {
	border-top:2px solid #DBDCDA;
	background-color:#4f504E;
	text-decoration:none;
	}
	
.pagination a.inactive {
	background-color:#3F3F3F;
	text-decoration:none;
	color:#fff;
	}
	
.dragme { cursor:move; }
.click  { cursor:pointer; }

.color_red { color:#ff3300; }
.font_9 { font-size:9px; }

.a { text-decoration:none; }

.img { 
	border:1px solid #ABADB3; 
	padding:2px;
	}
	
.scroll_int {
	width:100%;
	height:381px;
	overflow:auto;
	}
	
a.logo {
	text-decoration:none;
	display:block;
	border:1px solid #5f5f5D;
	padding:5px 0 2px 0;
	height:85px;
	}	
	
a.logo:hover {
	border:1px solid #ABADB3;
	}
	
/* ### TOP ### */
#fond_top {
	background:url(../images/Decor/fond_top.png) repeat-x top left;
	height:57px;
	text-align:left;
	margin:45px 0 0 0;
	}
	
#top {
	background:url(../images/Decor/top.png) no-repeat top left;
	width:868px; /* 917 - 44+5 de padding */
	height:40px;
	margin:0 auto 0 auto;
	padding:17px 5px 0 44px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
	}

#top #flags {
	padding:13px 0 0 125px;
	float:left;
	}
	
#top #flags img {
	padding:2px 0 0 0;
	}

#top #menu {
	padding:0;
	margin:0;
	}

#menu_interne_border {
	height:3px;
	width:100%;
	background-color:#f3f3f3;
	margin:10px 5px 0 0;
	clear:both;
	}
	
#menu_interne {
	margin:0 5px 0 0;
	padding:0 20px 0 20px;
	height:9px;
	/*overflow:hidden;*/
	}

#top #menu,#menu_interne {
	margin:0;
	padding:0;
	list-style:none;
	}

#top #menu li,#menu_interne li {
	display:inline;
	margin:0;
	color:#fff;
	float:left;
	}

#menu_interne li.right {
	float:right;
	}

#top #menu li a,#menu_interne li a {
	color:#000;
	text-align:center;
	text-decoration:none;
	}

#top #menu a {
	font-size:12px;
	font-weight:bold;
	}

#top #menu li a.onglet,#menu_interne li a.onglet {
	background:url(../images/Decor/menu_off.gif) repeat-x top left;
	height:20px;
	padding:3px 11px 5px 11px;
	margin:0;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	}

#top #menu li a.onglet:hover,#menu_interne li a.onglet:hover {
	background:#fff;
	text-decoration:none;
	margin:0;
	}

#top #menu li a.onglet-actif,#menu_interne li a.onglet-actif {
	background-color:#f3f3f3;
	}

#top #menu a.onglet:hover,#top #menu a.onglet-actif,#menu_interne a.onglet:hover,#menu_interne a.onglet-actif {
	padding:5px 11px 5px 11px;
	margin:0;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	}

#submenu_interne {
	margin:0;
	padding:5px 10px 15px 10px;
	background-color:#5f5f5d;
	}
	
#contenu {
	background:url(../images/Decor/fond.png) repeat-y top left;
	/*width:892px; 917 - 17+9 de padding */
	padding:0 16px 10px 9px;
	}

/* ### LEfT ### */
.identification {
	background-color:#fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	color:#000;
	}

.identification form {
	margin:0;
	padding:0;
	}

.identification .input {
	width:120px;
	border:1px solid #000;
	}

.identification .input_search {
	width:102px;
	border:1px solid #5f5f5d;
	}

.identification .sep {
	margin:0px 10px 10px 10px;
	border-bottom:1px solid #dbdcda;
	}

.non_log {
	padding:12px 0 8px 8px;
	width:141px;
	}
	
.non_log a {
	color:#000;
	text-decoration:none;
	}
	
.log {
	padding:12px 0 8px 0;
	width:149px;
	}

.log span {
	padding:0 2px 2px 10px;
	}
	
.log a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:2px 2px 2px 20px;
	background:url(../images/Decor/fleche.gif) no-repeat 10px 5px;
	}
	
.log a:hover {
	background-color:#dbdcda;
	}

.log a.a_admin {
	display:inline;
	}
	
.log a.a_admin:hover {
	background-color:#fff;
	}

.log .input_search {
	margin:0 0 0 8px;
	}

#total_mp { font-weight:bold; padding:0 0 0 2px; }	
	
#pub_left {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	overflow:auto;
	background-color:#dbdcda;
	height:140px;
	width:138px;
	margin:10px 0 0 0;
	padding:18px 0 0 11px;
	}
	
#stats {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	background-color:#dbdcda;
	padding:5px;
	margin:10px 0 0 0;
	width:139px;
	color:#000;
	}
	
#stats a {
	color:#000;
	text-decoration:none;
	}
	
#contenu_center {
	padding:0 5px 0 10px;
	/*width:732px;*/
	width:100%;
	}
		
/* ### BOTTOM ### */
#fond_bottom {
	background:url(../images/Decor/fond_bottom.png) repeat-x top left;
	height:35px;
	text-align:left;
	}
	
#bottom  {
	background:url(../images/Decor/bottom.png) no-repeat top left;
	margin:0 auto 0 auto;
	height:28px;
	width:881px; /* 917 - 18+20 de padding */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:7px 18px 0 20px;
	}
	
/* ### MATCHS PHOTOS ### */
.img2,.img2_on { 
	border:1px solid #ABADB3; 
	padding:3px;
	margin:5px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	}
	
.img2:hover,.img2_on {
	opacity: 1.0;
	filter:alpha(opacity=100);
	}

#cadre_photo_min {
	border:1px solid #5f5f5D;
	width:715px;
	margin:0;
	padding:5px;
	overflow:hidden;
	white-space:nowrap;
	}
	
#cadre_photo {
	border:1px solid #5f5f5D;
	margin:0 0 10px 0;
	padding:5px;
	position:relative;
	width:715px;
	}
	
#cadre_photo .title {
	color:#fff;
	border-bottom:1px solid #ABADB3;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	height:15px;
	width:594px;
	vertical-align:middle;
	padding:5px;
	margin:6px 8px 0 6px;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	}

/* ### LOTOfOOT ### */
#lotofoot_journee {
	background-color:#5f5f5D;
	border:1px solid #ABADB3;
	width:90%;
	padding:6px;
	text-align:center;
	}

#lotofoot_journee a {
	text-decoration:none;
	}
	
#lotofoot_journee a:hover {
	color:#ABADB3;
	}	
	
#lotofoot_journee .a {
	color:#ABADB3;
	font-weight:bold;
	font-size:13px;
	}	
	
/* ### AUTOCOMPLETION RECHERCHE ### */

#auto_search {
	border: 1px solid #30322f;
	background: #fff;
	text-align:left;
	}
	
#auto_search ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#auto_search a {
	display: block;
	padding: .2em .3em;
	text-decoration: none;
	color: #000;
	}
	
#auto_search .selected {
	background:#dbdcda;
	}
	
/* ### SONDAGE ### */
.barsondage {
  background-color:#f3f3f3;
  height:5px;
  overflow:hidden;
}

/* #### fAQ #### */
#faq {
	padding:5px;
	}

#faq a {
	padding:0 0 0 10px;
	text-decoration:none;
	}
	
#faq a:hover {
	text-decoration:underline;
	}
	
.div_faq {
	background-color:#5f5f5d;
	color:#fff;
	padding:10px;
	border:1px solid #30322f;
	margin:10px;
	}
	
/* ### WEBMAIL ### */
#mp_new { display:none; }
.mp_top { border:1px solid #000; display:block; background-color:#5f5f5d; margin:0 0 2px 0; padding:7px; }
.mp_view,.mp_new { border:1px solid #000; display:block; }
.mp_top a,.mp_view a { text-decoration:none; }
.mp_top a:hover,.mp_view a:hover { text-decoration:none; }
.mp_top #load { display:none; }
.mp_top select { border:0px; background-color:#5f5f5d; color:#fff; }
.mp_view tr { cursor:pointer; }
.mp_answer { border-left:2px solid #f3f3f3; margin:0 0 0 10px; padding:5px 0 0 5px; }
#msg { margin:0 0 4px 0; }
#msg  #loading { visibility:hidden; background-color:#5f5f5d; padding:2px; }
#msg  #view_msg { visibility:hidden; text-align:center; }
#msg  #succes { background-color:#8fCE8A; padding:2px; }
#msg  #erreur { background-color:#ff3300; padding:2px; }
.hidden { display:none; }

/* ### TOOLTIPS ### */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default  a {
	color: #808080;
	text-decoration:none;
}

.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* sert pour le webmail */
.prototip .webmail {
	width: 250px;
	color: #fff;
	background-color:#5f5f5d;
}
.prototip .webmail  a {
	color: #fff;
	text-decoration:none;
	display:block;
}

.prototip .webmail  a.right {
	text-align:right;
}

.prototip .webmail .toolbar {
	background: #5f5f5d;
	font-weight: bold;
}
.prototip .webmail .title { padding: 5px; }
.prototip .webmail .content {
	padding: 5px;
	background: #5f5f5d;
	text-align:left;
}

.prototip .webmail  span {
	color: #fff;
	text-decoration:underline;
}

/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* ### STARBOX.css ###
   Part of http://www.nickstakenburg.com/projects/starbox/
*/
ul.stars  { list-style: none; margin:0;padding:5px 0 0 15px; }
.starbox .stars { background: #5f5f5D; } /* couleur des etoiles sans note au chargement */
.starbox .rated .stars { background: #5f5f5D; } /* couleur des etoiles sans note une fois vot  */
.starbox .rated .hover .stars { background: #5f5f5D; } /* couleur des etoiles au survol sans al souris dessus une fois vot  */
.starbox .colorbar { background: #f3f3f3; } /* couleur  active de la note */
.starbox .hover .colorbar { background: #ffcc1c; } /* couleur du survol qd on vote */
.starbox .rated .colorbar { background: #f3f3f3; } /* couleur des etoiles une fois vot  */
.starbox .rated .hover .colorbar { background: #ffcc1c; } /* couleur des etoiles au survol une fois vot  */
.starbox .ghost { background: #ff0000; } /* couelur de la note active en fond si ghosting=true */
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #ff0000; }
.starbox .dotted .ghost { background: #ff0000; }

.starbox .pointy .colorbar { background: #ff0000; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }