/*  
Theme Name: AS Cherbourg
Theme URI: http://wordpress.org/
Description: Le th?me de l'AS Cherbourg, bas? sur le fameux th?me <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1 Beta
Author: David Morand / Sylvain Plaideux / CH1
Author URI: http://www.ch1.fr/

	AS Cherbourg v0.1 Beta
	 http://www.ch1.fr/

	This theme was designed and built by CH1,
	

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* CH1 - AS CHERBOURG FOOTBALL 
------------------------------------------------------------------------------------------------------------------- */

@import url(menu.css);
@import url(reset.css);
@import url(jscroller.css);
@import url(ui.tabs.css);

/* CLEARFIX - http://www.positioniseverything.net/easyclearing.html
------------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* BODY
------------------------------------------------------------------------------------------------------------------- */

body {
background:#1b3566 url(images/bg-container.gif) top center repeat-y;
font-family:verdana,arial;
font-size:0.75em;
}
a:link, a:visited {color:#000;text-decoration:underline;font-weight:bold;}
a:hover, a:active {color:#445EB2;text-decoration:none;}
p {line-height:14px;}

/* CONTAINER
------------------------------------------------------------------------------------------------------------------- */
#container {
}

#InnerContainer {
margin:0 auto;
width:952px;
position:relative;
}


/* HEADER
------------------------------------------------------------------------------------------------------------------- */
#header  {
height:92px;
background:transparent url(images/header.jpg) top left no-repeat;
margin-bottom:29px;
}

#header h1 {
width:102px;
height:77px;
background:transparent url(images/logo-asc.gif) top left no-repeat;
position:absolute;
top:9px;
left:25px;
}

#header h1 a {display:block;width:100%;height:100%;}
#header h1 span {display:none;}

/* CONTENU
------------------------------------------------------------------------------------------------------------------- */

#contenu {
background:#e6e9f4 url(images/bg-contenu.gif) top repeat-x;
border-bottom:1px solid #d4d9e7;
padding:10px;
font-size:0.92em;
}

#colonne_gauche {
width:406px;
margin:10px 0 10px 5px;
float:left;
}

#colonne_gauche_contenu {
width:598px;
margin:10px 0 10px 5px;
float:left;
border:1px solid #cdcdd4;
padding:3px;
background:#fff url(images/bg-cadre.jpg) bottom repeat-x;
}

*html  #colonne_gauche, *html  #colonne_gauche_contenu  {
margin:10px 0 10px 5px;
}


#colonne_droite {
float:left;
margin:10px 0 10px 10px;
}

.colonne_float_une {
float:left;
margin:0 10px 0 0;
width:183px;
}

.colonne_float_deux {
float:left;
width:183px;
margin-right:10px;
}
*html .colonne_float_deux {
margin: 0 4px 0 0;
}

/* NEWS
------------------------------------------------------------------------------------------------------------------- */

.news li {display:inline;margin:0 5px}
.news span {font-weight:bold;font-size:10px;}
.news li a:link, .news li a:visited  {font-weight:bold;color:#1b368e;text-decoration:underline;}
.news li a:hover, .news li a:active  {font-weight:bold;color:#1b368e;text-decoration:none;}

/* A LA UNE
------------------------------------------------------------------------------------------------------------------- */

.a_la_une {
/*background:#445eb2 url(images/bg-alaune.jpg) bottom repeat-x;*/
background:#fff url(images/bg-alaune.jpg) top left no-repeat;
padding:6px 10px 15px 10px;
color:#000;
border:1Px solid #cdcdd4;
}

.a_la_une .photo_principale {display:block;}

.a_la_une h2 {
text-indent:-5000px;
/*background:#445eb2 url(images/h2-a_la_une.gif) bottom repeat-x;*/
background:none;
width:68px;
height:15px;
margin:0 0 5px 0;
}

.titreAlaune {
text-indent:-5000px;
display:block;
background:#445eb2 url(images/h2-a_la_une.gif) bottom repeat-x;
width:68px;
height:15px;
margin:0 0 5px 0;
}

.a_la_une h3 {
font-family:"Trebuchet Ms", verdana, arial;
font-size:18px;
font-weight:bold;
margin:10px 0 5px 0;
}

.a_la_une p {line-height:16px; }
.a_la_une a:link, .a_la_une a:visited {color:#000;text-decoration:underline;}
.a_la_une a:hover, .a_la_une a:active {color:#000;text-decoration:none;}


/* Cadre - propriet?es g?n?rales
------------------------------------------------------------------------------------------------------------------- */
.cadre {
border:1px solid #cdcdd4;
padding:3px;
background:#fff url(images/bg-cadre.jpg) bottom repeat-x;
}


.cadre h2 {
line-height:20px;
background:#fff url(images/bg-titre-cadre.jpg) bottom left repeat-x;
height:20px;
}

.cadre h2 img {
line-height:20px;
margin:5px 0 0 15px;
}

#colonne_droite .cadre {
margin-bottom:10px;
}



/* Cadre - Actualit?s
------------------------------------------------------------------------------------------------------------------- */
#actualites {
margin:10px 0;
}

.article_actus {padding:10px 5px;clear:both;}
.article_actus p {line-height:16px;}


.article_actus h3 {
font-family:"Trebuchet Ms", verdana, arial;
font-size:14px;
}

.article_actus img, .article_actus input {
padding:3px;
border:1px solid #ddd;
float:left;
margin:0 10px 5px 0;
background:#fff;
}


#actualites .article_actus .date, #actualites .article_actus small {
font-family:"Trebuchet Ms", verdana, arial;
font-size:10px;
letter-spacing:1px;
margin:0 0 1px 0;
line-height:14px;
color:#666;
}

#actualites .impair {background-color:#E6EAF3;}


/* Cadre - Colonne droite
------------------------------------------------------------------------------------------------------------------- */


/* Dernier match */
#dernier_match {text-align:center;}
#dernier_match h2 {text-align:left;}
#dernier_match p {line-height:12px;}
#dernier_match .fanions {margin:5px 0;}
#dernier_match  ul {margin:5px 0 5px 48px;}

#dernier_match  ul li {
display:block;
float:left;
height:44px;
width:41px;
background:url(images/score.jpg) no-repeat;
font-family:"Trebuchet Ms", verdana, arial;
font-size:28px;
line-height:42px;
font-weight:bold;
color:#2b428e;
}

/* Prochain match */
#prochain_match {text-align:center;margin-top:20px;}
#prochain_match h2 {text-align:left;}
#prochain_match p {line-height:12px;}
#prochain_match .fanions {margin:5px 0;}
#prochain_match .tableau {
width:161px;
background:url(images/tableau.jpg) no-repeat;
padding-top:5px;
color:#ffde00;
font-size:11px;
font-family:arial;
margin:5px auto;
line-height:12px;
}

#prochain_match .tableau span {display:block;width:161px; height:9px;background:url(images/tableau-bas.gif) no-repeat;font-size:1px;}

#prochain_match table td{padding-top:5px;padding-bottom:5px;}
#prochain_match table{margin-top:5px;} 


/* partenaire */
#partenaire {
height:174px;
width:183px;
background:transparent url(images/partenaire.jpg) no-repeat;
}

#partenaire img {
float:right;
margin:10px 10px 0 0;
}

/* classement */
#classement table{
width:100%;
font-family:arial;
margin:5px 0 0 0;
}

#classement table tr td {padding:4px 2px;}
#classement table tr.pair td{background-color:#E6EAF3;}
#classement table tr.equipe td{color:#3263bf;font-weight:bold;}
#classement p {text-align:center;margin:10px 0;}

/* Agenda */

#agenda p{padding:5px;margin:5px 0;line-height:14px;}
#agenda p.bleu {background-color:#e5eaf2}

/* En bref */

#bref p {padding:5px;text-align:center;}


#bref table{
width:100%;
tex-align:left;
}

#bref table td{
padding-top:5px;
padding-bottom:5px;
}





/* mediatheque */

#mediatheque {clear:left;width:369px;margin-top:30px;}
#mediatheque .article_actus {margin:10px 0;}
#mediatheque .article_actus img {border:0;}


/* Bandeau vertical ? droite
------------------------------------------------------------------------------------------------------------------- */


#bandeau_vertical_droite {
float:left;
width:117px;
margin-top:10px;
text-align:center;
}


#bandeau_vertical_droite #LienBrochure {
display:block;
background:transparent url(images/brochure.jpg) top center no-repeat;
border:0;
margin:10px 0;
padding-top:120px;
text-decoration:none;
color:#445EB2;
width:117px;
}



/* LOGOS - footer
------------------------------------------------------------------------------------------------------------------- */

#logos {
text-align:center;
padding:10px 3px;
}

#logos img {
margin:0 5px;
}

/* FOOTER
------------------------------------------------------------------------------------------------------------------- */

#footer {
height:84px;
background:#253b86 url(images/footer.jpg) top center no-repeat;
text-align:center;
color:#fff;
font-size:11px;
}

#footer p {
padding:30px 100px 0 100px;
line-height:18px;
}
#footer p span {font-size:14px;text-transform:uppercase;font-family:arial;letter-spacing:1px;}
#footer a:link, #footer a:visited {color:#fff;text-decoration:none;font-weight:normal;}
#footer a:hover, #footer a:active {color:#fff;text-decoration:underline;font-weight:normal;}


/* Formatage textes contenus
------------------------------------------------------------------------------------------------------------------- */


.TitrePage {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-transform:uppercase;
font-size:1.1em;
margin-bottom:10px;
line-height:20px;
background:#2B4590 url(images/bg-titre-page.jpg) bottom left no-repeat;
height:20px;
padding-left:20px;
}

#colonne_gauche_contenu h2.TitrePage a{
color:#FFF;
text-decoration:none;
}

#colonne_gauche_contenu h2.TitrePage {
clear:left;
}

#colonne_gauche_contenu p.postmetadata{
padding-left:20px;
}

#colonne_gauche_contenu .post small {
padding-left:20px;
}

#media_coeur img {
padding:3px;
border:1px solid #ddd;
float:left;
margin:0 10px 5px 0;
background:#fff;
}

/*--------------------------------------------*/

#colonne_gauche_contenu .entry {
padding:20px;
}

#colonne_gauche_contenu img {
padding:3px;
border:1px solid #ddd;
float:left;
margin:0px 10px 10px 0;
background:#fff;
}



#colonne_gauche_contenu .entry H3 {
clear:left;
font-variant:small-caps;
padding:auto;
margin:auto;
margin-bottom:10px;
margin-top:20px;
}

#colonne_gauche_contenu .entry H2 {
text-transform:uppercase;
padding-bottom:5px;
margin-bottom:10px;
margin-top:15px;
border-bottom:1px solid #ccc;
color:#003399;
clear:left;
}

#colonne_gauche_contenu .entry p {
text-align:justify;
}

#colonne_gauche_contenu .entry ul{
line-height:18px;
color:#003399;
list-style-type:circle;
margin-left:20px;
}

#colonne_gauche_contenu .entry ul li{
margin-left:20px;
}

#colonne_gauche_contenu .post h2{
border2px solid #ddd;
}



/* -------------------  style tableau ----------------------------------*/

#colonne_gauche_contenu .entry table {
border:1px solid #ccc;
clear:left;
width:100%;
line-height:18px;
margin-bottom:10px;
margin-top:5px;
}

#colonne_gauche_contenu .entry table td{
	border:1px solid #ccc;
	background-color:#FFF;
	padding:7px;
}

#colonne_gauche_contenu .entry table td.libelle{
color:#003399;
font-variant:small-caps;
background-color:#F4F5FB;
font-weight:bold;
}

#colonne_gauche_contenu .entry table td.libelle-blanc{
color:#003399;
font-variant:small-caps;
background-color:#FFF;
font-weight:bold;
text-align:center;
}


#colonne_gauche_contenu .entry table th{
color:#fff;
height:20px;
text-transform:uppercase;
background-color:#2A408C;
font-weight:bold;
}

#colonne_gauche_contenu img.centree {
margin-left:25px;
}

#colonne_gauche_contenu img.centrer{
	margin-left:165px;

}

/*------------------------------ Cadre raccourcis pages ----------------------------*/


#colonne_gauche_contenu .cadre_raccourci {
border:1px solid #cdcdd4;
padding:3px;
background:#fff url(images/bg-cadre.jpg) bottom repeat-x;
width:260px;
height:300px;
margin-bottom:20px;
}


#colonne_gauche_contenu .cadre_raccourci h2 {
line-height:20px;
background:#fff url(images/bg-titre-cadre.jpg) bottom left repeat-x;
height:20px;
padding-left:20px;
color:#fff;
margin:0;
padding-bottom:0;
}

#colonne_gauche_contenu .cadre_raccourci h2 img {
line-height:20px;
margin:0px 0 0 15px;
}

#colonne_gauche_contenu .cadre_raccourci p{
  margin:10px;
}

#colonne_gauche_contenu .cadre_raccourci img{
  margin-left:15px;
}

#colonne_gauche_contenu .cadre_raccourci a{
  float:right;
}


.impair {background-color:#E6EAF3;}

/* ----------------------------------------- feuille de match -------------------------------------------------------*/


/* feuille match */

#feuille_match {
text-align:center;
width:175px;
height:130px;
margin-left:15px;
}

#feuille_match .fanions {margin:5px 0;}
#feuille_match  ul {margin:5px 0 5px 48px;}

#feuille_match  ul li {
display:block;
float:left;
height:44px;
width:41px;
background:url(images/score.jpg) no-repeat;
font-family:"Trebuchet Ms", verdana, arial;
font-size:28px;
line-height:42px;
font-weight:bold;
color:#2b428e;
}

.bloc-match{
width:175px;
height:130px;
}


#colonne_gauche_contenu .bloc-match img {
border:none;
float:none;
margin-left:50px;
margin-top:30px;
}

#colonne_gauche_contenu #feuille_match p {
text-align:center;
}

#colonne_gauche_contenu table.match td{
width:50%;
text-align:center;
}

#colonne_gauche_contenu table.match img{
border:none;
float:none;
margin:0px;
padding-top:10px;
margin-right:15px;
}

/* Partenaires */
#partenaire {
margin-bottom:10px;
}


#rss-1 {
background:url('images/journal.png') no-repeat;
line-height:14px;
padding: 45px 15px 15px 15px;
}