/*
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:15px;
	margin-top:15px;
	}
a.catProduit{
	color:#ffffff;
	font-size:1.4em;
	text-decoration:none;
	font-weight:bold;
	}
a.catProduit:hover{
	text-decoration:underline;
	}
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: transparent url('images/fond_content.jpg') no-repeat bottom left;
color:#174a87;
min-height:750px;
height:auto !important;
}
#left{
	float:left;
	margin-left:1px;
	width:292px;
	min-height:760px;
	height:auto;
	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:25px;
	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:75px;
	}
	
#right{
	float:right;
	width:610px;
	}
#rightWhite{
	background-color:#ffffff;
	width:600px;
	margin-left:5px;
    min-height:745px;
	}
#contenuPage{
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	}
	
#contenuPage img{
	border:none;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
/* 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:10px;
	color:#ffffff;
	margin-left:3px;
	}
#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;
	}
.titreLien{
	background-color:#a3cef0;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	text-valign:middle;
	width:585px;
	height:27px;
	}

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:#ffffff;
	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;
	}
#contentCarte{
	float:left;
	padding-left:30px;
	padding-top: 80px;
	}
#contentCarte2{
	float:right;
	padding-right:30px;
	padding-top: 10px;
	}
a.carteLien{
	display:block;
	text-decoration:none;
	width:155px;
	height:50px;
	}
a.carteLien2{
	display:block;
	text-decoration:none;
	width:125px;
	height:160px;
	}

#alaune{
	float:left;
	width:536px;
	height:187px;
	}
#contentALaUne{
	padding-top:25px;
	}
	
#contentALaUne .bx-viewport table{
	margin-top: -6px;
}
#contentALaUne .bx-wrapper{
	position:relative;
}
#contentALaUne .bx-viewport{
	height: 158px !important;
}
#contentALaUne .bx-controls{
	position: absolute;
	bottom: 15px;
	left: 220px;
}
#contentALaUne div.bx-pager-item {
	display: inline;
	background: #496A93;
	margin-right: 5px;
	padding-right: 4px;
}
#contentALaUne div.bx-pager-item a {
	text-decoration: none;
	color: #496A93;
}

/* 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;
}

#planeur p a img{
	float:left;
	width:116px;
	height:150px;
	margin:22px 0 0 5px;
	border:none;
}

#planeurContent{
	padding-left:138px;
	padding-top:35px;
	}
#blogCommission{
	float:left;
	width:380px;
	height:197px;
}
#blogCommission p a img{
	float:left;
	width:152px;
	height:150px;
	margin:25px 0 0 10px;
	border:none;
}

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

/* 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;
	}
	
#telechargement #retoursExp{
	width:260px;
	height:135px;
	padding-top:40px;
	padding-left:10px;
}

#telechargement #retoursExp a{
	color:#3F618E;
	font-weight:bold;
	font-size:1.3em;
	width:230px;
}

#telechargement #blocAssurances{
	width:260px;
	height:112px;
	padding-left:133px;
}

#telechargement #blocAssurances a{
	color:#3F618E;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	width:116px;
	display:block;
}

#telechargement #blocAssurances a:hover{
	text-decoration:underline;
}

#telechargementContent{
	padding-left:2px;
	padding-top:35px;
	}
#listFileGeneral{
	min-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:8px;
	padding-top:35px;
	}
#englobeLien{
	height:171px;
	}
	
.link{
	text-align:left;
	}
	
#services{
	float:left;
	width:375px;
	height:247px;
	color:#78c2ff;
	}
#servicesContent{
	padding-left:20px;
	padding-top:50px;
	}
#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;
	text-align:center;
	position:relative;
	}
#partenairesContent{
	padding-left:15px;
	padding-top:35px;
	}

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

 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;/*#f38a0e;#ffffff;*/
    }
    
/* ***************************   FIN MENU   ********************************* */

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

a.more-link{
	color:#174a87;
	text-decoration:none;
	}
a.more-link: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.2em;
	font-weight:bold;
	display:block;
	width:245px;
	}
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:20px;
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;
}

#footerContentInter{

}

a.soumettreAnnonce{
font-size:1.2em;
color:#0a1f3a;
text-decoration:none;
}
a.soumettreAnnonce:hover{
color:#f6bb17;
}

#messageConfirmationAnnonce{
font-size:1.4em;
}



/*************galerie phototheque*****************/
#galeriePhotos .ngg-gallery-thumbnail{
width:150px;
float:left;
}

#partenairesContent a{
float:left;
padding-left:3px;
}

#partenaires a#lienPartenaires{
position:absolute;
bottom:10px;
left:120px;
width:140px;
}