/* @override Credits */
/*
Date : 21.05.2010
Auteur : Adrien Heury
Projet : Femmes en Or
Logiciel : CSS Edit 2.6 - iMac
Commentaire : CSS non valide &agrave; 100% &agrave; cause de ce p***** de ie6 qu'il faut sans cesse gruger...

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
> OR 	#c1a157
> GRIS 	#a8a8a8 #c0c0c0 (+ fonc&eacute; au + clair)
> NOIR 	#1d1d1d #272626 #393939 (+ fonc&eacute; au + clair)
-------------------------------------------------------------------*/
/*[Typography]
> font-family: Arial, Helvetica, sans-serif;
-------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("javascript.css");

body {
	background-image: url(../images/bkg2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #1d1d1d;
	font-family:Arial, Helvetica, sans-serif;
	color: #c0c0c0;
	font-size: 12px;
	line-height: 14px;
}

a {
	color: #FFF;
	text-decoration: none;
}

/* @group Article (contenu texte page interieure) */

.article h1 {
	margin: 0 0 12px 0;
}

.article h2 {
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	margin: 0 0 12px 0;
}

.article h3 {
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	color: #fff;
	margin: 0 0 12px 0;
}

.article h4 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.article ul {
	margin: 0 0 12px 15px;
}

.article ul {
	margin: 0 0 12px 15px;
}

.article ul li {
	list-style: square;
}

.article p {
	margin: 0 0 12px 0;
}

/* @end */

/* @group Gabarit / Structure site */

div.conteneur {
	width: 950px;
	margin: 20px auto;
	position: relative;
}

div.haut {
	width: 950px;
	height: 95px;
	position: relative;
}

div.colonne1 {
	float: left;
	width: 250px;
	background-image: url(../images/bkg-transparent.png);
	background-repeat: repeat-y;
	background-position: top right;
	text-align: center;
	margin: 50px 0 0 0;
}

div.colonne2 {
	width: 670px;
	margin: 0 0 0 280px;
	/*height: 380px;*/
}

div.footer {
	height: 50px;
	padding: 5px 0 0 0;
	margin: 30px 0 0 0;
	background-image: url(../images/bkg-transparent.png);
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 10px;
	color: #555;
	clear: both;
}

div.footer a {
	color: #555;
}

div.footer a.noe {
	margin: 0 0 0 695px;
}

div.footer a.noecc {
	margin: 0 0 0 695px;
}

/* @end */

/* @group Bloc Homepage */

/*Sur la homepage*/
.diaporama {
	float: left;
}

div.blocHome {
	float: left;
	width: 189px;
}

div.blocHome span, div.bloc2 span {
	display: none;
}

div.bloc1 {
	background: #1d1d1d;
	padding: 11px 15px 0px 15px;
	width: 160px;
	/*padding: 30px 15px 64px 15px;*/
}

div.bloc1 a span {
	display: inline;
}

div.bloc1 span.edition {
	display: block;
	background-image: url(../images/titre-edition2010.png);
	height: 20px;
	width: 145px;
	margin: 0 0 10px 0;
}

div.bloc1 p {
	font-size: 11px;
	color: #c0c0c0;;
	line-height: 13px;
}

div.bloc1 p em {
	color: #FFF;;
}

div.bloc2 {
	background: #272626;
	padding: 15px 15px 0 15px;
	font-size: 10px;
	color: #c0c0c0;
}

.blocHome div.bloc2 {
	background: #272626;
	padding: 15px 15px 9px 15px;
	font-size: 10px;
	color: #c0c0c0;
}	

div.bloc2 ul {
	margin: 0;
	padding: 0;
}

div.bloc2 ul li {
	list-style: none;
	margin: 5px 0;
}

div.bloc1 span.rdv, div.bloc2 span.edition, div.bloc2 span.savoirPlus, div.bloc2 span.autresPalmares, div.bloc2 span.revival {
	display: block;
}

div.bloc1 span.rdv {
	display: block;
	background-image: url(../images/titre-rdv.png);
	height: 15px;
	width: 121px;
	margin: 0 0 15px 0;
}

div.bloc2 span.edition {
	display: block;
	background-image: url(../images/titre-edition.png);
	height: 17px;
	width: 121px;
	margin: -5px 0 15px 0;
}

div.bloc2 span.savoirPlus {
	display: block;
	background-image: url(../images/titre-savoirPlus.png);
	height: 15px;
	width: 145px;
	margin: 0 0 15px 0;
}

div.bloc2 span.autresPalmares {
	display: block;
	background-image: url(../images/titre-autre-palmares.png);
	height: 15px;
	width: 145px;
	margin: 0 0 15px 0;
}

/* OLD */
div.bloc2 span.revival {
	display: block;
	background: url(../images/linkGALERIE.png) no-repeat 0 0;
	height: 21px;
	width: 163px;
	margin: 0 0 0px 0;
}


div.bloc1 span.rdv span, div.bloc1 span.edition span {
	display: none;
}

li.linkBA a {width:190px; height: 12px; display: block;background-image: url(../images/linkBA.png);}
li.linkGALERIE a {width:190px; height: 21px; display: block;background-image: url(../images/linkGALERIE.png);}
li.linkPRESIDENT a {width:190px; height: 24px; display: block;background-image: url(../images/linkPRESIDENT.png);}
li.linkPARRAIN a {width:190px; height: 24px; display: block;background-image: url(../images/linkPARRAIN.png);}
li.linkVISUEL a {width:190px; height: 33px; display: block;background-image: url(../images/linkVISUEL.png);}
li.linkNOMEES a {width:190px; height: 24px; display: block;background-image: url(../images/linkNOMEES.png);}
li.linkCOEUR a {width:190px; height: 18px; display: block;background: url(../images/linkCOEUR.png) no-repeat 0 2px;}
li.linkPALMARES a {width:190px; height: 32px; display: block;background-image: url(../images/linkPALMARES.png);}

/* @end */

/* @group Menu */

ul.menu {
	width: 670px;
	height: 14px;
	position: absolute;
	top: 45px;
	left: 260px;
	background-image: url(../images/bkg-transparent.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0 0 20px 0;
}

ul.menu li {
	display: inline;
	list-style: none;
}

ul.menu li a {
	display: block;
	position: absolute;
	top: 0;
	height: 14px
}

ul.menu li a span {
	display: none
}

.m1 a {width:114px;left:132px;background-image: url(../images/menu1.png);}
.m1 a:hover,.m1 strong a{background-position:0 -14px}
.m2 a {width:78px;left:272px;background-image: url(../images/menu2.png);}
.m2 a:hover,.m2 strong a{background-position:0 -14px}
.m3 a {width:104px;left:376px;background-image: url(../images/menu3.png);}
.m3 a:hover,.m3 strong a{background-position:0 -14px}
.m4 a {width:55px;left:506px;background-image: url(../images/menu4.png);}
.m4 a:hover,.m4 strong a{background-position:0 -14px}
.m5 a {width:84px;left:584px;background-image: url(../images/menu5.png);}
.m5 a:hover,.m5 strong a{background-position:0 -14px}

/* @end */

/* @group Infos bulles */

div.bulle {
	background: #393939;
	width:100px;
	height:40px;
	margin-top:10px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

div.bulle2 {
	background: #393939;
	width:100px;
	height:30px;
	margin-top:10px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

div.bulleAnnonce {
	background: #393939;
	width:100px;
	height:60px;
	margin-top:10px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

div.bulleDiaporama {
	background: #393939;
	width:100px;
	height:50px;
	margin-top:10px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

/*Pour tous*/
div.tip-title {
	color: #c1a157;
	font-size: 12px;
	margin: 0 0 5px 0;
}

div.tip-text {
	color: #c0c0c0;
	font-size: 10px;
}

/* @end */

/* @group Rollover Fade images */

/*Logo*/
.fadeImg span.menu1 {
	background: url('../images/logo-feo.png') no-repeat ;
	display: block;
	position: absolute;
	top: 0px;
	left: 35px;
}

/*Troph&eacute;e*/
.fadeImg span.menu2 {
	background: url('../images/trophee.png') no-repeat ;
	display: block;
	float: left;
}

/*Partenaires*/
.fadeImg span.part1 {
	background: url('../images/logo-partenaire1.png') no-repeat ;
	display: block;
}

.fadeImg span.part2 {
	background: url('../images/logo-partenaire2.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part3 {
	background: url('../images/logo-partenaire3.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part4 {
	background: url('../images/logo-partenaire4.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part5 {
	background: url('../images/logo-partenaire5.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part6 {
	background: url('../images/logo-partenaire6.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part7 {
	background: url('../images/logo-partenaire7.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part8 {
	background: url('../images/logo-partenaire8.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part8bis {
	background: url('../images/logo-partenaire8bis.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part9 {
	background: url('../images/logo-partenaire9.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part10 {
	background: url('../images/logo-partenaire10.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part11 {
	background: url('../images/logo-partenaire11.png') no-repeat ;
	display: block;
	float: left;
}

.fadeImg span.part12 {
	background: url('../images/logo-partenaire12.png') no-repeat ;
	display: block;
	float: left;
}

/*Palmares*/
.fadeImg span.palm2008 {
	background: url('../images/palmares/2008-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2007 {
	background: url('../images/palmares/2007-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2006 {
	background: url('../images/palmares/2006-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2005 {
	background: url('../images/palmares/2005-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2004 {
	background: url('../images/palmares/2004-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2003 {
	background: url('../images/palmares/2003-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2002 {
	background: url('../images/palmares/2002-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2001 {
	background: url('../images/palmares/2001-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm2000 {
	background: url('../images/palmares/2000-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1999 {
	background: url('../images/palmares/1999-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1998 {
	background: url('../images/palmares/1998-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1997 {
	background: url('../images/palmares/1997-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1996 {
	background: url('../images/palmares/1996-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1995 {
	background: url('../images/palmares/1995-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1994 {
	background: url('../images/palmares/1994-palmares.png') no-repeat ;
	display: block;float: left;
}

.fadeImg span.palm1993 {
	background: url('../images/palmares/1993-palmares.png') no-repeat ;
	display: block;float: left;
}

/*special pas d'effet fade passage noir/blanc &agrave; la couleur sur les images du palmares*/
.fadeImgNO {
	float: left; display: block;
}


/*Diaporama 2009*/
.fadeImg span.diapoFade {
	background: url('../images/diapo2009.png') no-repeat ;
	display: block;
}

/*Pour tous*/
.fadeImg div span img {
	left:0;
	right: 0;
	border:0;
	visibility:hidden;
}

.fadeImg a img{
	border:0;
}

/* @end */

/* @group Update / A trier */

/*Mise &agrave; jour du site*/
.maj {
	width:660px;
	background: #272626;
	padding: 5px;
	color: #555;
	font-size: 10px;
	text-align: right;	
}

/*page interieure*/
.colonne21 {
	width:450px;
	float:left
}

.colonne22 {
	width:190px;
	float:right;
	background:#272626;
}


h2.typeFemme {
	font-size: 11px !imporant;
	font-style: italic !important;
	color: #c1a157;
}

/* Vrac new ajouts */

.palm {
	margin: 0 12px 12px 0;
}

.colonnePalmares {
	margin: 15px 0 15px 0;
}

.colonnePalmares img {
	float:left; 
	margin:0 5px 0 0;
	width: 35px;
}

.citation {
	font-family: Georgia;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	line-height: 16px;
	font-style: italic;	
}

.laureate {
	font-size: 18px !important;
}

img.photoLaureate {
	float: left;
	margin: 0 10px 0 0;
}

.liensNoob {
	background: #272626;
	padding: 10px;
	margin: 10px 0;
}

.credits {
	color: #666;
	font-size: 11px;
	font-style: italic;
	text-align: right;
}

/* Liste Comit&eacute; d'election*/
dl {margin: 20px 0;}
dt {display:block; width:200px; float:left;font-size:12px;color:#fff;}
dd {margin:10px 10px 10px 150px;font-size:11px;}

/* @end */