/*----------------
----- GENERAL-----
----------------*/

html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; line-height:1; color:#333333; background:#f9f6f2 url(../images/background_body.png) center top repeat-y;}
html>body div#conteneur {height:auto; min-height:100%;}

div#conteneur {position:relative; top:0; left:0; width:980px; height:100%; min-height:100%; margin:0 auto; padding:0; text-align:left; background:url(../images/background_footer.jpg) bottom center no-repeat; border-right:1px solid #acacac; border-left:1px solid #acacac;}

/*----- MISE A 0 DES MARGES INTERNES ET EXTERNES -----*/
img, div, h1, h2, p, ul, li, a {border:0; margin:0; padding:0;}
a:focus {outline:1px dotted #ffffff;}

div.clear {position:relative; top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}




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

/*----- HEADER----- */
div#conteneur div#header {position:relative; top:0; left:0; width:980px; height:280px; margin:0; background:url(../images/om_star_club_equipe.jpg) center top no-repeat; z-index:2;}
div#conteneur div#header div#logo {position:absolute; top:40px; left:21px; width:120px; height:160px;}
div#conteneur div#header div#fondation {position:absolute; top:120px; left:176px; width:276px; height:71px;}
div#conteneur div#header div#anciens-joueurs-olympique-de-marseille {position:absolute; top:120px; left:490px; width:362px; height:71px;}

div#background_page {position:absolute; top:280px; left:0; width:980px; height:245px; margin:0; background:url(../images/background_page.jpg) center top no-repeat; z-index:1;}


/*-------------------------
----- MENU HORIZONTAL -----
-------------------------*/
div#conteneur div#menu {position:absolute; top:297px; left:28px; width:922px; height:34px; padding:0 0 0 2px; background:url(../images/background_menu.png) 0 0 no-repeat; z-index:10;}
div#conteneur div#menu div.itemMenu {position:relative; top:0; left:0; height:34px; line-height:34px; padding:0 10px; background:url(../images/separateur_menu.png) top right no-repeat; float:left;}
/*Lien menu*/
div#conteneur div#menu div.itemMenu a.menu, div#conteneur div#menu div.itemMenu a.menu:link, div#conteneur div#menu div.itemMenu a.menu:visited, div#conteneur div#menu div.itemMenu a.menu:active, div#conteneur div#menu div.itemMenu a.menu:focus {display:inline; top:0; left:0; height:34px; padding:0; line-height:34px; /*background:url(../images/etoile_menu.png) 0 0 no-repeat;*/ color:#ffffff; font-weight:bold; text-decoration:none;}
/*Lien menu survolé*/
div#conteneur div#menu div.itemMenu a.menu:hover {display:inline; top:0; left:0; height:34px; padding:0; line-height:34px; /*background:url(../images/etoile_menu.png) 0 -100px no-repeat;*/ color:#2b8ebf; font-weight:bold; text-decoration:none;}
/*Lien menu selectionné*/
div#conteneur div#menu div.itemMenu div#menuSelect {position:absolute; top:0; left:0; height:34px; padding:0 10px; line-height:34px; /*background:url(../images/etoile_menu.png) 0 -100px no-repeat;*/ color:#2b8ebf; font-weight:bold; text-decoration:none; z-index:100;}

/*-------------------------------------------
----- BANDEAU VERTICAL NEWS/PARTENAIRES -----
-------------------------------------------*/
div#conteneur div#news-partenaires {position:relative; top:0; left:38px; width:220px; padding:24px 0 10px 0; margin:71px 0 0 0; float:left; z-index:2;}
div#conteneur div#news-partenaires div#news {position:relative; top:0; left:0; width:220px; padding:0;}

/*---------------
----- TITRE -----
---------------*/
div#conteneur div#conteneur-titre {position:relative; top:0; right:283px; width:419px; height:33px; margin:71px 0 0 0; border-bottom:1px solid #333333; float:right; z-index:2;}
h1.titre {position:relative; top:0; left:0; height:33px; padding:0; font-size:22px; line-height:33px;}
h1.titre img {margin:0;}
h1.titre span {padding:0;}




/*-----------------
----- CONTENU -----
-----------------*/
div#conteneur div#contenu {position:relative; top:0; right:38px; width:664px; padding:20px 0 0 0; float:right; z-index:2;}
div#conteneur div#contenu p {line-height:1.8; margin:0 0 10px 0;}
div#conteneur div#contenu h2 {line-height:1.8; font-size:120%; font-weight:bold; margin:0 0 10px 0;}

div.cadre_miniature {position:relative; top:0; left:0; padding:3px; margin:0 5px 5px 0; background:#ffffff; border:1px solid #e5d5c1; float:left;}
div.cadre_miniature img {vertical-align:middle;}




/*--------------
----- LEFT -----
--------------*/
div#conteneur div#contenu div#left {position:relative; top:0; left:0; width:424px; float:left;}
div#conteneur div#contenu div#left ul.ml {line-height:1.8; margin:0 0 10px 0;}
div#conteneur div#contenu div#left ul.ml li {margin:0 20px; list-style-type:square;}

div#conteneur div#contenu div#left get-flash-player {position:relative; top:0; left:0; width:424px; margin:20px 0 0 0;}


div#conteneur div#contenu div#left div#photo {position:relative; top:0; left:0; width:180px; margin:0 0 0 20px; float:right;}
div#conteneur div#contenu div#left div#photo img {border:1px solid #333333;}




/*---------------
----- RIGHT -----
---------------*/ 
div#conteneur div#contenu div#right {position:relative; top:0; right:0; width:220px; float:right;}

/*----- Diaporama ACCUEIL -----*/
div#conteneur div#contenu div#right div#diaporama_accueil {position:relative; top:0; left:0; width:180px; padding:0 20px; margin:0 0 0 20px;}
div#conteneur div#contenu div#right div#diaporama_accueil img {border:1px solid #333333;}

div#conteneur div#contenu div#right div#diaporama_accueil2 {position:relative; top:0; left:0; width:180px; padding:0 20px;}
div#conteneur div#contenu div#right div#diaporama_accueil2 img {border:1px solid #333333;}

/*----- Inscription NEWSLETTER -----*/
div#conteneur div#contenu div#newsletter {position:relative; top:-29px; left:0; width:220px;}


/*----------------
----- FOOTER -----
----------------*/
/*----- CALAGE FOOTER -----*/
div#conteneur div#clearFooter {position:relative; top:0; left:0; width:980px; height:110px; margin:0 0 0 4px; clear:both;}

div#conteneur div#footer {position:relative; bottom:0; left:0; width:980px; height:55px; margin:0;}
div#conteneur div#footer div#adresse {position:absolute; bottom:33px; left:265px; width:680px; height:12px; text-align:center; font-size:80%; line-height:1.3;}

/*----- CONTENEUR PARTENAIRES -----*/
div#conteneur div#footer div#partenaires {position:relative; top:23px; left:0; width:895px; height:62px; padding:0 0 0 85px;}
div#conteneur div#footer div#partenaires img.logoPartner {float:left; margin:0 88px 0 0;}




/*----- LIEN -----*/
a.lien, a.lien:link, a.lien:visited, a.lien:active, a.lien:focus {color:#333333; text-decoration:underline;}
a.lien:hover {color:#333333; text-decoration:none;}



/*----- TEXTE -----*/
p.center {text-align:center;}