/*
Theme Name: FFVV
Theme URI: http://www.directinfoservice.com/
Description: Le thème de FFVV version 2009.
Version: 1.0
Author: Nguyen Duy
Author URI: http://www.directinfoservice.com/
Tags: blue, custom header, fixed width, two columns, widgets 


*/
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #43a3ef;
text-align: center;
}

.clear {
	clear: both;
}

#page {
background-color: #43a3ef;
background:  transparent url('images/fond_page.jpg') repeat-x bottom;
text-align: left;
margin: 0px auto;
padding: 0 0 0 0;
width:949px;
}

#header {
height:168px;
width:949px;
background: transparent url('images/head.jpg') no-repeat bottom left;
color:#ffffff;
}

#logo{
float:left;
width:349px;
height:168px;
	}
#logoClic{
	padding-top:50px;
	padding-left:40px;
	}
a.logoLien{
	display:block;
	text-decoration:none;
	width:350px;
	height:80px;
	}
#naviHaut{
	float:right;
	width:600px;
	height:168px;
	}
#naviHautContent{
	padding-left:305px;
	padding-top:50px;
	}

#content{
width:949px;
color:#174a87;
}

/* ******************************** BOUTIQUE ******************************/
#listCategorieProduit{
	margin-left:8px;
	margin-top:10px;
	}
a.catProduit{
	color:#ffffff;
	font-size:1.6em;
	text-decoration:none;
	font-weight:bold;
	}
a.catProduit:hover{
	text-decoration:non
	}
a.lastArticle{
	color:#081a30;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
	}
a.lastArticle:hover{
	color:blue;
	}
a.retirerCaddie{
	color:#081a30;
	font-size:1em;
	text-decoration:none;
	}
a.retirerCaddie:hover{
	color:blue;
	font-size:1em;
	text-decoration:none;
	}
/***************************************************************************/

/* ****************** PAGE INTERMEDIAIRE **********************************/
#contentInter{
margin-left:24px;
width:903px;
background: #3fa0ed url('images/fond_content.jpg') no-repeat bottom left;
color:#174a87;

}
#left{
	float:left;
	margin-left:1px;
	width:292px;
	background: transparent url('images/fondLeft.jpg') repeat-y bottom left;
	}
#encartUne{
	background: transparent url('images/encartUne.jpg') no-repeat bottom left;
	width:281px;
	height:209px;
	margin-left:5px;
	margin-top:8px
	}
#encartUneContent{
	padding-top:25px;
	}

#encartAgenda{
	background: transparent url('images/encartAgenda.jpg') no-repeat bottom left;
	width:281px;
	height:189px;
	margin-left:5px;
	margin-top:5px
	}
#encartAgendaContent{
	padding-top:23px;
	padding-left:5px;
	}
#encartAgendaContent #blocAg{
	margin-bottom:5px;
	}
	
#encartLiens{
	background: transparent url('images/encartLiens.jpg') no-repeat bottom left;
	width:281px;
	height:218px;
	margin-left:5px;
	margin-top:5px
	}
#encartLiensContent{
	padding-top:25px;
	padding-left:5px;
	text-align:center;
}
#englobeLienInter{
	height:150px;
	text-align:left;
	}
	
#encartNews{
	background: transparent url('images/encartNews.jpg') no-repeat bottom left;
	width:281px;
	height:119px;
	margin-left:5px;
	margin-top:0px
	}
#encartNewsContent{
	padding-top:60px;
	}
	
#right{
	float:right;
	width:610px;
	}
#rightWhite{
	background-color:#ffffff;
	width:600px;
	margin-left:5px;
    margin-top:5px;
	}
#contenuPage{
	padding-top:0px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	z-index:1;
	}
/* Pour la carte */	
#affichage{
	float:right;
	width:903px;
	}
#affichageWhite{
	background-color:#ffffff;
	width:893px;
	margin-left:5px;
    min-height:745px;
	}
#contenuPageCarte{
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	}
#club{
	width:270px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#b9d9ed;
	margin-top:5px;
	color:#ffffff;
    margin-left:2px;
	}
#noClub{
	color:#ffffff;
	font-size:1.4em;
	text-align:center;
	}
a.lien_club{
	color:#edae27;
	text-decoration:none;
	font-weight:bold;
	}
a.lien_club:hover{
	color:#c17006;
	text-decoration:underline;
	font-weight:bold;
	}

#espaceHaut{
	height:4px;
	}
#tetePage{
	font-size:1.4em;
	font-weight:bold;
	width:100%;
	height:20px;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#0d2d53;
	color:#ffffff;

	}
#corpsPage{
	font-size:1.0em;
	width:98%;
	text-align:justify;
	}
ul#vignetteJournaux{
    display:block;
	list-style-type:none;
	}
ul#vignetteJournaux li{
	display: inline;
  
	}
		
#resultatQCM{
	width:573px;
	height:40px;
	font-size:1.4em;
	font-weight:bold;
	color:red;
	background-color:#cccccc;
	text-align:center;
	padding-top:5px;
	}
#resultatQCM a{
	font-size:0.8em;
	color:#0d2d53;
	text-decoration:none;
	}
#resultatQCM a:hover{
    font-size:0.8em;
	color:#0671cf;
	text-decoration:none;
	}
a.downloadLink{
	color:#0d2d53;
	font-size:0.8em;
	text-decoration:none;
	}
a.downloadLink:hover{
	color:#badaef;
	font-size:0.8em;
	text-decoration:none;
	}

a.toutAgenda{
	color:#0d2d53;
	font-size:1.2em;
	text-decoration:none;
	}
a.toutAgenda:hover{
	color:#badaef;
	font-size:1.2em;
	text-decoration:none;
	}
/* *************************************************************************/


/* ************************************* ARTICLE ***************************/
#teteArticle{
	font-size:1.2em;
	font-weight:bold;
	width:582px;
	height:40px;
	background-color:#badaef;
	padding-left:3px;
	padding-top:3px;
	margin-top:10px;
	}
#corpsArticle{
	text-align:justify;
	width:582px;
	}
#corpsArticle a{
	 color:#002455;
	 text-decoration:none;
	 font-weight:bold;
	 }
a.retourPA{
	color:#0d2d53;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	}
a.retourPA:hover{
	color:#badaef;
	text-decoration:none;
	font-size:1.2em;
	}
a.lienPA{
	color:#0d2d53;
	text-decoration:none;
	font-size:1.0em;
	font-weight:bold;
	}
a.lienPA:hover{
	color:#badaec;
	text-decoration:none;
	font-size:1.0em;
	}
/*******************************************************************************/

#navigateur{
height:32px;
width:949px;
background: transparent url('images/fondNavigateur.jpg') no-repeat bottom left;
	}
#margeGauche{
float:left;
width:70px;
height:32px;
	}
#menuDynamique{
float:left;
height:32px;
	}

/* ETAGE 1 : Carte à gauche et A La Une à droite */
#etage1{
	height:187px;
	width:949px;
	background: transparent url('images/fondEtage1.jpg') no-repeat bottom left;
	}
#carte{
	float:left;
	width:364px;
	height:187px;

	margin-left:26px;
	}
#alaune{
	float:left;
	width:536px;
	height:187px;
	}
#contentALaUne{
	padding-top:25px;
	}

/* ETAGE 2 : Planeur , blog commission et agenda */
#etage2{
	height:197px;
	width:949px;
	background: transparent url('images/fondEtage2.jpg') no-repeat bottom left;
	}
#planeur{
	float:left;
	width:260px;
	height:197px;
	margin-left:26px;
	
	}
#planeurContent{
	padding-left:138px;
	padding-top:35px;
	}
#blogCommission{
	float:left;
	width:380px;
	height:197px;

	}
#blogContent{
	padding-left:170px;
	padding-top:35px;
	}
#agenda{
	float:left;
	width:265px;
	height:197px;
	
	}
#agendaContent{
	padding-left:5px;
	padding-top:32px;
	}	

/* ETAGE 3 : telechargement, liens, servces */
#etage3{
	height:247px;
	width:949px;
	background: transparent url('images/fondEtage3.jpg') no-repeat bottom left;
	}
#telechargement{
	float:left;
	width:260px;
	height:247px;
	margin-left:26px;
	
	}
#telechargementContent{
	padding-left:2px;
	padding-top:37px;
	}
#listFileGeneral{
	height:170px;
	}
	
.listFileImpaire{
	background-color:#ffffff;
	width:250px;
	}
.listFilePaire{
	background-color:#a2cff0;
	width:250px;
	}
	
#liens{
	float:left;
	width:260px;
	height:247px;
	text-align:center;
	}
#lienContent{
	padding-left:7px;
	padding-top:31px;
	}
#englobeLien{
	height:178px;
	}
.link{
	text-align:left;
	height:30x;
	}
#services{
	float:left;
	width:375px;
	height:247px;
	color:#78c2ff;
	}
#servicesContent{
	padding-left:25px;
	padding-top:55px;
	}
#serMeteo{
	height:50px;
	}
#serPA{
	height:50px;
	}
#serBoutique{
	height:55px;
	}
#serNewsletter{
	height:50px;
	}
	
/* ETAGE 4 : telechargement, liens, servces */
#etage4{
	height:146px;
	width:949px;
	background: transparent url('images/fondEtage4.jpg') no-repeat bottom left;
	}
#galerie{
	float:left;
	width:520px;
	height:146px;
	margin-left:26px;
	text-align:center;
	}
#galerieContent{
	padding-left:3px;
	padding-top:32px;
	}
#partenaires{
	float:left;
	width:375px;
	height:146px;
	}
#partenairesContent{
	padding-left:15px;
	padding-top:40px;
	}

/*************************

 CSS MENU

**************************/

/* CSS du menu horizontal, bieler batiste */
.menu{
    /*position:absolute;*/
    display:block;
    margin:0;
    padding:0;
    width:665px;
    }

.menu ul{
    position:absolute;
    display:block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    }

    
.menu li ul.derouler{
    visibility:hidden;
    width:133px;
    background:#164986;
    z-index: 999;
    margin-left:0px;
    margin-top:2px;
    }
.menu li ul.decalage{
    visibility:hidden;
    background:#164986;
    width:133px;
    z-index: 1000;
    margin-left:133px;
    margin-top:-25px;
    }
      


.menu li li ul{
	visibility:hidden;
    position:absolute;
    margin-left:133px;
    margin-top:-25px;
    background:#164986;
    width:133px;
    z-index: 1000;
    }

.menu li{
    list-style:none;
    width:133px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;

    }
    
    
.menu li li{
    display:block;
    float:none;
    }

/* correct a little IE bug */
* html .menu li li{
    display:inline;
    } 
    
/*         LIEN DANS MENU            */
 .menu a#main1:hover{
     background-color:transparent;
    }
    
     a#main1.linkOver{
     background-color: transparent;
    }
    
    .menu a#main1:hover{
     background-color:transparent;
    }
    
.menu a{
    text-align:left;
    color:#ffffff; /* couleur des caracteres */
    /*font-weight:bold;*/
    display:block;
    width:127px;
    text-decoration:none;
    padding:5px 0;
    margin:1px 0 0 3px;
    font-size:1.2em;
    }
    .menu a:hover{
    background-color: #016fcb;
    color:#ffffff;
    }

   a.linkOver{
    color:#ffffff;
    background-color: #379fed;/*#ffffff;*/
    }

a.lienHome{
	color:#174a87;
	text-decoration:none;
	}
a.lienHome:hover{
	color:#174a87;
	text-decoration:underline;
	}

a.lienHome2{
	color:#ffffff;
	text-decoration:none;
	}
a.lienHome2:hover{
	color:#cccccc;
	text-decoration:underline;
	}
	
a.liens{
	color:#3f618e;
	text-decoration:none;
	font-size:1.0em;
	font-weight:bold;
	}
a.liens:hover{
	color:#174a87;
	text-decoration:underline;
	font-weight:bold;
	}

a.lienService{
	color:#ffffff;
	text-decoration:none;
	}
a.lienService:hover{
	color:#ffffff;
	text-decoration:underline;
	}

a.lienFooter{
	color:#123969;
	text-decoration:none;
	}
a.lienFooter:hover{
	color:#174a87;
	text-decoration:underline;
	}

#footer{
height:25px;
width:949px;
background: transparent url('images/fondFooter.jpg') repeat-y bottom left;
text-align:center;
color:#123969;
}

#footerContent{

}

#footerInter{
height:20px;
margin-left:24px;
width:903px;
background: #fff;
text-align:center;
margin-top:-13px;
}

#footerContentInter{

}