/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";



/******************************** CONTENU TEXTUEL ********************************/
#contenuTexte{
	padding:0px;
	width:700px;
	float:left;
}
#contenuTexte h1{
	margin:0px 0 20px 0;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:right;
	letter-spacing:0.1em;
	margin-left:240px;
}
#contenuTexte h1 span{
	display:none;
}

#contenuTexte h2{
	margin:10px -5px 5px 0;
	float:right;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFF;
}

#contenuTexte h3{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFF;
	border-bottom:1px solid  #FFCC00;
	margin:20px 0 30px 0;
	width:600px;
	text-align:left;
}

#contenuTexte h4{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFCC00;
	margin:15px 0 15px 40px;
	width:400px;
	float:left;
}

#contenuTexte p{
	padding-bottom:5px;
	margin:9px 0px;
	/*font-size:1.1em;*/
	font-size:1.2em;
	line-height:1.8em;
	text-align:justify;
}

#contenuTexte a:link, #contenu a:visited, #contenu a:active{
	color: #ffcc00;
	text-decoration:none;
}
#contenuTexte a:hover{
	color: #ffcc00;
	text-decoration:underline;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#CC6633;
}
#contenuTexte ul{
	margin:20px 0px 10px 80px;
	font-size:1.2em;
	line-height:1.8em;
	text-align:justify;
}
#contenuTexte li{
	list-style-image:url(../images/charte/puce02.gif);
	margin:0px;
}



/******************************** GENERALITE ********************************/
.gras{
	font-weight:bold;
}
.italique{
	font-style:italic;
}
#pagination{
	float:left;
	width:700px;
	text-align:center;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin-top:15px;
}


/******************************** EVENEMENT ACCUEIL ********************************/
#evenementaccueil{
	float:left;
	width:461px;
	margin-left:28px;
	/*border:1px solid #fff;*/
}
.blocevenementaccueil{
	float:left;
	width:451px;
	padding:5px;
	margin:10px 0px;
	/*margin-left:28px;*/
	border:1px dashed #fff ;
}
.blocevenementaccueil img{
	float:left;
	margin-right:10px;
	border:1px solid #fff;
}
.blocevenementaccueil a{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	text-align:right;
}

/******************************** EVENEMENT ********************************/
#evenement{
	float:left;
	width:700px;
}
#evenement .blocevenement{
	float:left;
	width:690px;
	padding:5px;
	margin:10px 0px;
	border:1px dashed #fff ;
}
#evenement .blocevenement .texte{
	float:left;
	width:470px;
	/*border:1px dashed #fff ;*/
}
#evenement .blocevenement .blocgauche{
	width:200px;
	float:left;
	margin-right:10px;
	/*border:1px solid #fff;*/
	text-align:center; 
}
#evenement .blocevenement .blocgauche img{
	border:1px solid #fff;
}
#evenement .blocevenement .blocgauche p{
	text-align:center; 
}
#evenement .blocevenement .texte a{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	text-align:right;
}


/******************************** La CARTE ********************************/
#contenuTexte #carte{
	width:700px;
	/*border:1px solid yellow;*/
}

#contenuTexte #carte a{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	text-align:right;
}

#contenuTexte #carte .plat{
	width:600px; 
	/*border:1px solid green;*/
}


#contenuTexte #carte .plat .tapas-gauche{
	float:left;
	width:300px;
	/*border:1px solid white;*/
}

#contenuTexte #carte .plat .tapas-droite{
	float:left;
	width:300px;
	/*border:1px solid white;*/
}



#contenuTexte #carte .plat .tapas-gauche p, #contenuTexte #carte .plat .tapas-droite p{
	float:left;
	/*border:1px solid white;*/
	margin:0 10px 0 0;
	padding:0 0 0 20px;
	/*text-indent:15px;*/
	width:200px;
	line-height:15px; 
	background: url(../images/charte/puce02.gif) left top no-repeat;
}


#contenuTexte .titre-plats{
	float:left;
	/*border:1px solid white;*/
	margin:0 10px 0 0;
	padding:0 0 0 20px;
	/*text-indent:15px;*/
	width:400px;
	line-height:15px; 
	background: url(../images/charte/puce02.gif) left top no-repeat;
}

#contenuTexte .pointille{
	float:left;
	width:100px;
	height:10px;
	margin:0px 20px 0 0;
	padding:0;
	border-bottom:1px dashed #FFCC00;
}
*html #contenuTexte .pointille{
	margin-top:-10px;
}

#contenuTexte .prix{
	float:left;
	/*border:1px solid white;*/
	margin:0;
	padding:0;
}




/******************************** LA LIGA DE FUTBOL ********************************/
#futbol{
	float:left;
	width:700px;
}
#futbol img{
	float:left;
	width:212px;
	margin:9px;
	border:1px solid #fff;
}
#futbol .matchjour{
	float:left;
	margin-left:10px;
	padding:0 10px;
	width:310px;
	border:1px dashed #fff;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#futbol .classement{
	float:right;
	width:310px;
	margin-right:11px;
	padding:0 10px;
	border:1px dashed #fff;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#futbol .classement ol{
	margin-left:30px;
}
#futbol .classement li{
	list-style:decimal;
	list-style-image:none;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
#futbol .matchjour h2,
#futbol .classement h2{
	margin:10px 0px 10px 10px ;
	float:left;
	text-align:center;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#F4BD00;
}

/******************************** LE CADRE ********************************/
#cadre{
	float:left;
	width:700px;
	/*border:1px solid #fff;*/
	margin-top:20px;
}
#cadre img{
	float:left;
	width:212px;
	margin:9px;
	border:1px solid #fff;
}

/******************************** LA CARTE ********************************/
#carte{
	float:left;
	width:700px;
	/*border:1px solid #fff;*/
	margin-top:20px;
}


/* Images + légende */
.bloc{
	float:left;
	width:200px;
	height:340px;
	padding:5px 0px 5px 0px;
	margin-left:10px;
	/*border:1px solid red;*/
}
.legende{
	float:left;
	width:200px;
	height:200px;
	margin:60px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	font-weight:600;
	text-align:center;
}


/* -------------------------------STYLE DE LA PAGE LIVRE D OR--------------------------------- */

.form-livredor{
	width:400px; 
}

.form-livredor p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #fff;
}

.message-livredor{
	padding:10px;
	border-bottom:1px dashed #FFFFFF;
}




/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */
label{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #fff;
}
#contactTxt{
	margin-left:240px;
	width:450px;
	float:left;
}
#contactTxt img{
	float:left;
	margin-right:10px;
}
/*#contactPlan{
	width:45%;
	width:220px;
	float:right;
}*/
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact .bouton {
	width:150px;
	margin:0px 15px;
	background-color:#FFFFFF;
	color:#900202;
}

#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#F4BD00;
}

/*--------- PARTENAIRES ------------*/

#container .partenaire p{ line-height:15px;}
*html .partenaire {
	margin:10px 0 10px 90px;
	}
	
.partenaire {
	float:left;
	margin:10px 0 10px 180px;
	line-height:0px;
	line-height:0px;
	border-bottom:1px dotted white;
	}
.partenaire-visuel {
	float:left;
	width:70px;
	height:70px;
	margin:10px 0 0 0;
	}
.partenaire-descriptif {
	float:left;
	width:400px;
	margin:0 0 0 15px;
	}