/*	wwww.rbastien.com style sheet.
	------------------------------------------------
	Style name : 	Moustache Football Club - Mercatron Facebook V1
	Author name : 	Rémi Bastien ©
	Date : 			May. 2012
	------------------------------------------------
	Please email me for more information :
	remi[dot]bastien[at]gmail[dot]com
	------------------------------------------------
	Have good time on my website !
	------------------------------------------------
*/

/**********************
	RESET
	Reset browsers default margin, padding & html fonts
**********************/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	border: none;
}

a {
	text-decoration: none;
	cursor: pointer;
}

/**********************
	BODY
**********************/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	/*background: url('Images/background.png') repeat;*/
	/*background-color: #c8bdb9;
	background-image: url('Images/new-WP-MFC.jpg');
	background-position: top center;
	background-repeat: no-repeat;*/
	background-color: #c9bdb9;
	background-image: url('Images/WP.jpg');
	background-position: top center;
	background-repeat: repeat-x;

	line-height: 24px;
	text-align: justify;
	color: #000;
}

/**********************
	HEADER
**********************/
#wrapheader {
	background: url('Images/header.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
	width: 960px;
	height: 150px;
}

#top_menu {
	margin: 0 auto;
	width: 960px;
	height: 68px;
	background-image: url('Images/menu.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 20px;
}

#nav {
	width: 100%;
	float: left;
	text-align: left;
}

#nav > li.first {
	float: left;
	list-style-type: none;
	margin: 0;
	padding-top: 36px;
	padding-left: 45px;
	position: relative;
}


#nav > li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding-top: 36px;
	padding-left: 30px;
	position: relative;
}

#nav li a, #nav li a:active, #nav li a:visited {
	color: #380e10;
	display: block;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 20px;
	text-decoration: none;
	background-image: url('Images/ballon_sep.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
}

#nav li a:hover {
	text-decoration: underline;
}

#top_menu input.search {
	float: left;
	width: 170px;
	height: 20px;
	margin-left: 28px;
	margin-top: 39px;
	font-style: italic;
	color: #cccccc;
	padding-left: 5px;
}

* #top_menu input.search {
	margin-top: 2px;
	width: 130px;
}

#top_menu input.search:hover {
	color: #000;
}

#top_menu input.validsearch {
	background-color: #BF1E2D;
	color: #FFFFFF;
	float: right;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-style: italic;
	height: 21px;
	margin-right: 42px;
	margin-top: 39px;
	border: none;
	width: 30px;
	text-align: left;
}

* #top_menu input.validsearch {
	margin-top: 2px;
	margin-left: 15px;
}

.liform {
	float: left;
	list-style-type: none;
	margin: 0;
	padding-top: 36px;
	position: relative;
}

#nav li a.cursor {
	color: #cccccc !important;
	cursor: default;
	text-decoration: none;
}

/**********************
	Contain
**********************/
#top_contain {
	background-image: url('Images/top_contain.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
	width: 960px;
	height: 55px;
}

#contain {
	position: relative;
	overflow: hidden;
	background-image: url('Images/contain.png');
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
	width: 960px;
	min-height: 350px;
}

* #contain {
	background-position: 0 !important;
}

#contain_sep {
	position: absolute;
	left: 653px;
	background-image: url('Images/contain_sep.png');
	background-repeat: repeat-y;
	background-position: top left;
	width: 23px;
	min-height: 100%;
}

* #contain_sep {
	top: 0 !important;
}

#contain_left {
	float: left;
	min-height: 350px;
	padding-left: 40px;
	width: 600px;
}

#contain_right {
	float: right;
	min-height: 350px;
	width: 244px;
	padding-right: 40px; 
}

.clearer {
	clear: both;
}

.little_space {
	clear: both;
	height: 65px;
}

#bottom_contain {
	background-image: url('Images/bottom_contain.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
	width: 960px;
	height: 55px;
}

/**********************
	Colonne de droite
**********************/
.nom_module {
	width: 105%;
	margin-left: 10px;
	padding-bottom: 20px;
	font-size: 12px;
}

.nom_module h2 {
	color: #380e10;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 18px !important;
	font-weight: normal;
}

.nom_module ul {
	list-style-type: none;
	color: #b0a6a2;
	line-height: 1.2em;
}

.nom_module a,.nom_module a:visited {
	text-decoration: none;
	color: #b0a6a2;
}

.nom_module a:hover {
	text-decoration: none;
	color: #515151;
}

.suivre-menu{
	height: 36px;
	background-image: url('Images/nous-suivre-menu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.rubriques-menu{
	height: 36px;
	background-image: url('Images/rubriques-menu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.twitter-menu{
	height: 59px;
	background-image: url('Images/twitter-menu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.bouton_sidebar {
	padding-left: 0px;
}

.right {
	float: right;
	font-style: italic !important;
}

.right a {
	color: #000 !important;
}

.puce ul {
	list-style-image: url('Images/puce.png') !important;
	padding-left: 15px;
}

.sep_mfcgroup {
	height: 30px;
	background-image: url('Images/separateur.jpg');
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
}

.img_mfcgroup {
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	box-shadow: 0 0 0 2px #F7F7F7;
	padding: 5px 5px;
}

.socialmedia_button {
	height: 31px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	position: relative;
	margin: 0 16px 0 3px;
}

.socialmedia_button:hover {
	background-position: bottom;
}

.mail_button  {
	background: url('Images/mail_bouton.png');
}

.facebook_button {
	background: url('Images/facebook_bouton.png');
}

.twitter_button {
	background: url('Images/twitter_bouton.png');
}

.google_button {
	background: url('Images/google_bouton.png');
}

.rss_button {
	background: url('Images/rss_bouton.png');
}

/**********************
	ACCUEIL
**********************/
#contain_left p {
	color: #515151;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	
}

#contain_left p.intro_tag {
	color: #515151;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 10px;
}

#contain_left p a, #contain_left a.suite:active, #contain_left a.suite, #contain_left a.suite:visited, #contain_left a.suite:hover {
	text-decoration: none;
	color: #515151;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.homepage_article {
	margin: 0;
	padding: 0px 0px 10px 0px !important;
	width: 600px;
	background-image: url('Images/rubrique_sep.png');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}

.homepage_article h1 {
	color: #fff;
	padding-left: 5px;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.homepage_article_title{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	color: #370e0c !important;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: bold !important;
}

.homepage_article_title_bis{
	float: left;
	width: 100%;
	padding-bottom: 5px;
	color: #370e0c !important;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: bold !important;
}

.homepage_picture_bis {
	float: left;
	padding-top : 4px;
	padding-right: 5px;
}

.description_bis {
	float: right !important;
	width: 395px !important;
}

p.homepage_article_footer {
	color: #380e10 !important;
	padding: 10px 0px 0px 0px;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold !important;
	font-style: italic;
}

p.homepage_article_comment {
	color: #666666 !important;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold !important;
	font-style: italic;
	margin-top: -3px !important;
}

.sep_article {
	margin: 10px 0px 15px 0px;
	background-image: url('Images/hp_sep.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 31px;
	float: left;
}

#homepage_picture {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto;
}

#homepage_picture img {
	border: solid #380e0f 1px;
	margin-bottom: 5px;
}

#homepage_picture_filter {
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 600px;
	z-index: 899;
	background-color: #380e0f;
	opacity: 0.3;
	/* For IE 5-7 */  
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  */
	/* For IE 8 */  
	/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
}

* #homepage_picture_filter{
	background: none !important;
}

/* CAPTIONS */
#caption_base {
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url('Images/bg.png') repeat scroll 0 0 transparent;
	z-index: 999;
	height: 65px;
	width: 593px;
	opacity: .7;
	margin-bottom: 5px;
	padding-left: 5px;
	border-bottom: solid 1px #380e0f;
	border-left: solid 1px #380e0f;
	border-right: solid 1px #380e0f;
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.caption {
	float: left;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-right: 5px;
	color: #370e0c !important;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: bold !important;
}


/**********************
	ARTICLE
**********************/
.tags {
	color: #b0a6a2 !important;
	font-style: italic;
	font-size: 11px !important;
}

.grey {
	color: #666666! important;
}

.minus {
	line-height: 15px;
}

.share {
	width: 100%;
	float: left;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}

.share img{
	margin: auto 0;
}

.auteur_picture {
	float: left;
	width: 59px;
}

.auteur_picture img {
	padding-top: 15px;
}

.auteur_info {
	float: right;
	width: 180px;
}

.auteur_name {
	color: #370d0f;
	font-weight: bold;
}

input, textarea {
    color: #9B9B9B;
    font: lighter 14px Helvetica,Geneva,sans-serif;
}

#contact {
	float: left;
}

.contact_sx {
    margin-top: 20px;
	padding-left: 20px;
}
.contact_sx li {
    display: block;
    float: left;
    padding-top: 5px;
    width: 100%;
}
.contact_sx li h4 {
    display: inline;
    float: left;
    height: 40px;
    line-height: 30px;
    text-align: left;
    width: 90px;
}
#contact li div.border {
    background-color: #FFFFFF;
    display: block;
    float: left;
    padding: 2px;
}
.contact_sx li input, .contact_sx li textarea {
    background-color: #ECECEC;
    border: 1px solid #D9DBDD;
    display: inline;
    float: left;
    padding: 6px;
    width: 472px;
}
.contact_sx li textarea {
    height: 168px;
    padding: 10px;
    width: 463px;
}
.contact_sx li input:focus, .contact_sx li textarea:focus {
    background-color: #E5E5E5;
}
.contact_sx #envoyer {
    background: url('Images/valider.jpg');
    background-repeat: no-repeat;
    border-style: none;
    height: 35px;
    width: 211px;
	padding-top: 5px;
}

.section_content {
    padding-top: 10px;
    position: relative;
}

.none {
	visibility: hidden;
}

/*.alert {
	font-size: 10px;
	color: red;
	line-height: 10px;
}*/

#notification {
	width: 185px;
	height: 38px;
	background-color: #016191;
	position : absolute;
	z-index: 1;
	left: 457px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
	background: rgba(150, 0, 0, 0.7) !important;
	margin-top: -3px;
}

#notification .alert {
	font-size: 12px;
	text-align: center;
	margin-top: 6px;
}

.hide {
	display: none;
}


#commentaire h3 {
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:22px;
	font-weight:normal;
	margin:10px 5px 10px 0;
	color: #380e0f;
}

.link-zone {
	float: left;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	box-shadow: 0 0 0 2px #F7F7F7;
	margin: 10px 0 10px 0;
	padding: 10px 15px;
}

.link-img {
	float: left;
}

.link-title {
	font-size: 16px;
	color: #515151;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	text-decoration: none;
}

.color-box {
	border: solid 6px #EDEDED;
	margin-right: 10px;
	max-width: 615px;
}


/**********************
	Qui sommes-nous ?
**********************/
#who {
	background: url('Images/logo.jpg') top center no-repeat;
	padding-top: 130px;
}

.pseudo {
	color: #370d0f;
	font-weight: bold;
}

.desc_auteur {
	text-align: left;
	font-style: italic;
	color: #000;
}

/**********************
	FOOTER
**********************/
/*#footer {
	text-align: right;
	margin: 0 auto;
	color: #747474;
	width: 960px;
	padding: 10px 22px 0px 0px;
}*/
#footer {
	margin: 0 auto;
	margin-top: 25px;
	width: 967px;
	height: 109px;
	background: url("Images/footer.png") repeat-x scroll 0 bottom transparent;
}

#footer_signature {
	text-align: center;
	color: #370d0f;
	padding-top: 10px;
	padding-left: 30px;
	line-height: 2	5px;
}

#footer_signature ul {
	float: left;
	width: 100%;
	text-align: left;
}

#footer_signature li {
	display: block;
	float: left;
	position: relative;
	list-style-type: none;
	margin-left: 10px;
}

#footer_signature a,#footer_signature a:visited {
	text-decoration: none;
	color: #515151;
}

#footer_signature a:hover {
	text-decoration: none;
	color: #370D0F;
}

/**********************
	COMMENTAIRES
**********************/
#comments-section {
	float: left;
	padding-top: 0px;
}
ol.commentlist {
    margin: 0;
    padding: 0;
    width: 100%;
	list-style-type: none;
}
ol.commentlist li {
    clear: both;
    float: none;
    margin: 0 0 15px;
    padding: 10px 0 15px;
    width: 100%;
}
#sep_comments {
	clear: both;
	float: left;
	width: 100%;
	background: url("Images/dotted_lines.gif") repeat-x scroll 0 bottom transparent;
	height: 5px;
}
ol.commentlist .col1 {
    float: left;
    width: 150px;
}
ol.commentlist .col2 {
    float: right;
    width: 450px;
}
ol.commentlist .commentbox_author {
    color: #515151 !important;
    float: left !important;
    font-weight: bold !important;
    width: 150px !important;
}
ol.commentlist .commentbox_author a {
    color: #A03268 !important;
    text-decoration: none !important;
}
ol.commentlist .commentbox_author a:hover {
    color: #E88BB9 !important;
}
ol.commentlist .commentbox_admin {
	color: #ff0000 !important;
	font-weight: bold !important;
}
ol.commentlist .commentbox_date {
    color: #CCCCCC !important;
    float: left !important;
    font-size: 0.85em !important;
    width: 135px !important;
}
ol.commentlist .commentbox_text {
    color: #3D3D3D !important;
    font-size: 0.92em !important;
    width: 360px !important;
}
ol.commentlist .col2 p {
    padding: 0 0 5px;
}
ol.commentlist .col2 p a {
    color: #669933;
}

/*******************
	TWITTER
*******************/

.tweet_list {
	list-style-type: none;
	line-height: 14px;
	text-align: left;
	font-size: 11px;
	color: #807273;
	float: left;
	width: 100%;
}

.tweet .tweet_list li a, .query .tweet_list li a {
    color: #807273; }
	
.tweet li {
	padding-bottom: 15px;
}

a.tweet_date{
	text-decoration: none;
}

.tweet {
	float: left;
}

/**************
** Infobulle **
**************/
.infobulle{
	position:absolute;
	background:#000;
	padding:3px 7px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#d4d4d4;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
}

/**************
	PAGINATION
**************/
div.pagination {
    clear: both;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 625px;
}
div.pagination a {
    border: 1px solid #481818;
    color: #481818;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.pagination a:hover {
    background-color: #481818;
    border: 1px solid #481818;
    color: #FFFFFF;
}
div.pagination span.paginationdisabled {
    border: 1px solid #808080;
    color: #808080;
    margin-right: 2px;
    padding: 2px 5px;
}

/***********************
	TABLEAU POUR ARTICLE
***********************/
#rounded-corner {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    text-align: left;
    width: 100%;
}
#rounded-corner thead th.rounded-tl {
    background: url("Images/table-top-left.png") no-repeat scroll left -1px #5c2a29;
}
#rounded-corner thead th.rounded-tr {
    background: url("Images/table-top-right.png") no-repeat scroll right -1px #5c2a29;
}
#rounded-corner th {
    background: none repeat scroll 0 0 #5c2a29;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
}
#rounded-corner td {
    background: none repeat scroll 0 0 #d0b3b5;
    border-top: 1px solid #FFFFFF;
    padding: 8px;
}
#rounded-corner tfoot td.rounded-foot-left {
    background: url("Images/table-bottom-left.png") no-repeat scroll left bottom #5c2a29;
}
#rounded-corner tfoot td.rounded-foot-right {
    background: url("Images/table-bottom-right.png") no-repeat scroll right bottom #5c2a29;
}
#rounded-corner tbody tr:hover td {
    background: none repeat scroll 0 0 #c8bdb9;
}


/***********************
	SLIDER COMMENTAIRE
***********************/
.track {
	-moz-user-select: none;
	-webkit-user-select: none;
}

.track-center{
	background-image: url(Images/track.png);
	height: 45px;
	margin: 0px 10px;
}

.track-left{
	width: 10px;
	height: 45px;
	float: left;
	background-image: url(Images/trackleft.png);
}

.track-right{
	width: 10px;
	height: 45px;
	float: right;
	background-image: url(Images/trackright.png);
}

.track-message{
	color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	padding:9px 18px;
	text-align:right;
}

.handle{
	background-image: url(Images/handles.png);
	bottom:45px;
	cursor:pointer;
	height:39px;
	margin:3px 4px;
	position:relative;
	width:76px;
}

/*********************
	Sticky Bar
*********************/
#menu_bar
{        
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    filter:alpha(opacity=90);
    -moz-opacity: 0.9; 
    opacity: 0.9;
    -khtml-opacity: 0.9;
    border: 1px solid #777;
    padding: 0;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

#menu_bar li:hover
{
    background-color: #eee;        
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: linear-gradient(top, #fafafa, #ddd);
    height: 100%;
}


#menu_bar ul {
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 40px;
}

#menu_bar ul:first-child {
	margin-left: 20px;
}

#menu_bar ul:last-child {
	float: right;
	margin-right: 20px;
}

#menu_bar li {
	list-style-type: none;
	display: inline-block;
	border-left: solid 1px #AAAAAC;
	height: 100%;
	margin-right: -2px;
}

#menu_bar li:last-child {
	border-right:solid 1px #AAAAAC;

}


#menu_bar a {
	color: #000000;
	text-decoration: none;
	padding: 0 15px 0 15px;
	line-height: 27px;
}

/*******************
	CONTACT
*******************/
#carbonForm {
	padding-top: 39px;
}

.fieldContainer{
	/* The light rounded section, which contans the fields */
	/*background-color:#1E1E1E;
	border:1px solid #0E0E0E;*/
	padding:30px 10px;
	height: 350px;
	
	/* CSS3 box shadow, used as an inner glow */
	/*-moz-box-shadow:0 0 20px #292929 inset;
	-webkit-box-shadow:0 0 20px #292929 inset;
	box-shadow:0 0 20px #292929 inset;*/
}

#carbonForm,.fieldContainer,.errorTip{
	/* Rounding the divs at once */
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}


.formRow{
	height:35px;
	padding:10px;
	position:relative;
}

.label{
	float:left;
	padding:0 20px 0 0;
	text-align:right;
	width:70px;
}

label{
	font-family: Arial, Verdana, Serif;
	font-size:14px;
	line-height:35px;
}

.field{
	float:left;
}

.field input{
	/* The text boxes */
	border:1px solid white;
	width: 505px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:4px 5px;
	height: 27px;
	background:url("Images/box_bg.png") repeat-x scroll left top #FFFFFF;
	outline:none; /* Preventing the default Safari and Chrome text box highlight */
}

.field textarea{
	/* The text boxes */
	border:1px solid white;
	width: 505px;
	height: 150px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:4px 5px;
	background:url("Images/textarea_bg.png") repeat-x scroll left top #FFFFFF;
	outline:none; /* Preventing the default Safari and Chrome text box highlight */
}

.signupButton{
	/* The submit button container */
	text-align:center;
	padding:30px 0 10px;
}

#envoyer{
	/* The submit button */
	border:1px solid #c9bdb9;
	cursor:pointer;
	height:40px;
	text-indent:-9999px;
	text-transform:uppercase;
	width:110px;
	
	background:url("Images/submit.png") no-repeat center center #c9bdb9;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#envoyer.active{
	/* Marking the submit button as active adds the preloader gif as background */
	background-image:url("http://www.moustachefootballclub.com/css/Images/preloader.gif");
}

#envoyer:hover{
	background-color:#beb3af;
	border:1px solid white;
}

input:hover, input:focus{
	-moz-box-shadow:0 0 8px #c9bdb9;
	-webkit-box-shadow:0 0 8px #c9bdb9;
	box-shadow:0 0 8px #c9bdb9;
	border: 1px solid #c9bdb9;
}

textarea:hover, textarea:focus{
	-moz-box-shadow:0 0 8px #c9bdb9;
	-webkit-box-shadow:0 0 8px #c9bdb9;
	box-shadow:0 0 8px #c9bdb9;
	border: 1px solid #c9bdb9;
}

#notification {
	width: 177px;
	height: 38px;
	position : absolute;
	z-index: 1;
	bottom: 15px;
	left: 400px;
	border: 1px solid #791010;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
	background: rgba(121,16,16, 0.8) !important;
	color: black;
}

#notification .alert {
	font-size: 12px;
	text-align: center;
	margin-top: 6px;
}

.hide {
	display: none;
}

.page_form {
	float: left;
	width: 100%;
}