/*
Theme Name: Out of the Box
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A nice 2 column theme.  Design by <a href="http://www.demusdesign.com">DemusDesign</a>.  Coded by <a href="http://www.themelab.com">Theme Lab</a>
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/

* {margin: 0px 0px 0px 0px;
	padding: 0;
	
	}
	
body {
	font: 400 1.1em 'calibri';
	color: #143904;
	background: #000000 url('images/mainbgfirefox.jpg') repeat-y top center;
	min-height: 100%;

	}



	
a {padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
	text-decoration: underline;
	color: #669933;font-weight: bold;

	}

a:hover {color:#ff9700;
	text-decoration: underline;
	}

	
.wrap {height:195px;
	width: 998px;
	margin: 0 auto;
	}


#facebook {margin: -217px 0px 0px 1375px;}
#twitter {margin: -21px 0px 0px 1395px;}
#fluxrss {margin: -21px 0px 0px 1417px;}
#ligneverticalegauche {margin: 1px 0px 0px 1130px;padding-left:160px}
#parionsweb {margin: -190px 100px 0px 530px;padding:0px 50px 0px -4px;}
#PMU {margin: -2px 100px 0px 520px;padding:0px 50px 0px 10px;}

#imageflow {margin: -187px 0px 0px 646px;
 width: 830px;

	}

	
#head {
	height: 194px;
	width: 100%;
	background: #000000 url('images/bodybg.jpg') repeat-x top left;
	padding: 28px 0px 0px 0;
	background-color: #000000;
	}

#head h1 {
float: left;

}

	
#head h2 {
float: left;
font: 400 3.0em 'eras bold itc','arial narrow',arial,sans-serif;	
margin: -54px 0px 0px 723px;
	color: #FFF;
	}
	
#head h3 {border=none important!;
float: left;
font: 400 3.0em 'eras bold itc','arial narrow',arial,sans-serif;
margin: -54px 0px 0px 2px;	
	color: #FFF;
border=none important!;
	}

#head h4 {font: 400 3.0em 'eras bold itc','arial narrow',arial,sans-serif;
float: left;
margin: -54px 0px 0px 4px;
color: #FFF;

}

#head h5 {padding: 0px 0px 0px 0px;}





#accordion_image {float: left; margin:-8px 0px 0 0px;}

#nav {
	width: 980px;
	padding-top: 0px; padding-bottom: 300px;
	font-size: 0px;
	position: absolute; top: 980px;
	}
#test {float: right;margin-top: 30px;margin-right: 10px}

#right {
font: 400 1.1em 'eras bold itc',arial,sans-serif;
	float: right;
	clear: none;
	width: 306px;
	margin: 680px -297px 0px 0px;
	color: #FFF;
	}



#nav ul {
	list-style-type: none;
	}
	
#nav li {
	display: inline;
	}
	

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

	}

	
#right h1 {	
	font: 400 0.8em 'eras bold itc','arial narrow',arial,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background: url('images/h1bullet.gif') no-repeat right no-repeat left;
	padding: 0px 0px 0px 0px;
	}




#right p {
	background: url('images/rightlist_line.gif');
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	}
	
#right ul {
	list-style-type: none;
	}


#right li {
	margin: 5px 0px 0px 0px;
	list-style:none;
	background: url('images/rightlist_line.gif') no-repeat right no-repeat left  ;
	}


#right li a {
	padding: 3px 10px 8px 25px;



	display: block;	
	color:#CCFE96;
	text-decoration:none;
	
	}

#right li a:hover {
margin: 0px 6px 0px 0px;
padding: 3px 10px 8px 25px;
	


	color:#ff9700;
	}

#content{width: 631px}

.texte_articles {text-align: justify;font: 400 1.0em 'calibri'; margin: 20px 0px 0 50px;}   /* marge du texte dans article */

.float-left {font: color:#669933; 400 0.9em 'eras bold itc'; margin: 0px 0px 0 10px;} /* marge de Articles plus anciens */
.float-right {font: color:#669933; 400 0.9em 'eras bold itc'; margin: 0px 0px 0 10px;} /* marge de Articles plus récents */

#content h1 {
	font: 400 1.7em 'eras itc','arial',arial,sans-serif;
	color: #000000;
padding: 20px 0px 0px 32px;
margin: 0px 0px 0px 0px;


	}

#content h1 a {
	color: #336600;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px
} /* couleur des titres des articles */
	
#content h2, #content h2 a {color: #336600;
padding: 7px 0px 0px 20px;
font: 400 1.40em 'calibri','arial narrow',arial,sans-serif;	
	}/* couleur et marge du titre de chaque article */

#content h4, #content h4 a {color: #336600;
padding: 0px 0px 14px 50px;
font: 400 0.6em 'eras demi itc','arial narrow','arial,sans-serif';	
	}/* couleur et marge du titre 15 04 2011 Betabondieu de chaque article */

#content h1 a:hover {text-decoration: underline;
color: #669933;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
	
#content h2 a:hover {
	text-decoration: underline;
color: #669933;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
	} /* couleur du over (passage de souris au dessus du lien des titres des articles) */
	
#accueil, #accueil a, #accueil a:hover {margin-left:-30px;margin-top:-14px}

#content p img.right, #content p img.left {
	clear: none;	
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	background-color: #d72323;
	}	

	
#content p img.right {
	float: right;
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	}


#content p img.left {
	float: left;
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

	}	


.tableauparionssport {margin: 0px -30px 0px -40px;padding: 0px -40px 0px 0px;}

	
p.info {
border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;	
border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
background: #669933;
	font-size: 0.9em;
margin: 0px 0px 0px 3px;
width: 666px;

padding: 5px 0px 6px 10px;
	hight:20px
	float: left;
	} /* blocs horizontaux verts encadrés blanc contenant "Publié dans, Commentaires, Poster un commenatire" */

p.info a {margin: 0 0 0 5px; color: #ccfe96;} /* couleur de Publié dans, ..., Commentaires, Poster un message */
p.info a:hover {#ff9700}

#comments {margin: 32px} /* marge de xcommentaires sur "Avenir du marché des paris sportifs" */
	
ol {font: 400 0.8em 'eras bold itc';
	
	margin: 70px;
text-align: justify;
	}

 
ol span {	}

ol li {font: 400 0.9em 'kalinga';
color: #143904;
	margin: 0px -25px 10px 25px;
	padding: 0px 0 0px 0;
	}/* couleur du contenu des commentaires */

#content ul {
	list-style-type: none;
	margin: 20px;
	}
	
#content ul li {
	padding: 4px 25px;
	background: url('images/bullet.gif') no-repeat left center;
	}
.Pas_de_commentaires_pour_le_moment{margin : 10px 0 10px 32px;}/* Pas_de_commentaires_pour_le_moment */
#respond {margin: 0 0 0 32px;padding: 0 0 16px 0} /* Ajoutez un commentaire */
.Auteur {margin: 0 0 0 32px;padding: 0 0 0px 0} /* Nom ou pseudo */
.Email {margin: 0 0 0 32px;padding: 0px 0 0px 0} /* Email */

form label{
	display:block;
	}

form p {
	margin-bottom: 10px;
	background-color: #143904;
	border: 1px solid #CCC;
	padding: 0px 0px 0px 0px;
	}

form input.text, form textarea{
	width:78%;
	border:1px #DDD solid;
	color:#999;
	padding: 4px 5px;
	font:12px 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
	background-color: #FFF;
	margin: 10px 0 20px 88px ;
	}/* mise en marge et taille des champs de saisie Nom/Email/Commentaire */

#submit {margin: 0 0 20px 300px}

form input.text:hover, form textarea:hover{
	border:1px #CCC solid;
	}

form input.text:focus, form textarea:focus{
	border:1px #999 solid;
	color:#336600;
	}

form input.button{
	margin-right:8px;
	padding:3px 5px;
	font:10px Arial,san-serif;
	}

* html form input.text,

* html form textarea{
	border-color:#143904;
	color:#143904;
	}

.clearer {
	clear: both;
	line-height: 0; 
	height: 0; 
	font-size: 0;
	}
	
#footer {
	width: 100%;
	background: #ccfe96 url('images/footbg.jpg') repeat-x top left;
	}

#footer .wrap {
	margin: 0 auto;
	padding: 20px 0;
	color: #CCFE96;
	}
	
#footnav {
	margin-bottom: 50px;
	}
	
#footnav ul {
	list-style-type: none;
	}
	
#footnav li {
	display: inline;
	}
	

	

	
#footer h4, #footer h4 a {
	color: #FF9700;
	padding: 10px 0 10px 0;
	background: url('images/footlist_line.gif') repeat-x bottom left;
	text-decoration: none;
	}
 
#footer h4 a:hover {
	color: #FF9700;
	}

#footer a.credit:hover {
	color: #FF4454;
	text-decoration: none;
	}


.linksright {
	float: right;
	width: 200px;
	margin: 0 12px;
	padding: 0 10px 30px 10px;
	list-style-type: none;
	background: #000000 url('images/linkscorner.jpg') no-repeat top right;
	}
	
.linksright li {
	display: inline;
	margin: 0px;
	list-style-type: none;
	font-size: 0.9em;
	}

.linksright li a {
	padding: 4px;
	display: block;
	margin:  0;
	padding: 5px;
	color: #CCFE96;
	text-decoration:none;
	background-color: #000000;
	border-bottom: 1px solid #797979;
	}


.linksright li a:hover {
		color:#FF9700;
	border-bottom: 1px solid #797979;
	}




.float-left   { float: left;}

.float-right  { float: right; }

img.avatar {float:left; margin-right:5px;}

.commentmetadata {float="right";}


a#overOrange:link {text-decoration:underline;}
a#overOrange:hover {color:#e8ffd1; text-decoration:underline;}
a#overOrange:active {color:#e8ffd1; text-decoration:underline;}
a#overOrange:visited {color:#ff5005; text-decoration:underline;}