/*************************************************************************************************
**************************************************************************************************
                                                      Mise en forme générale
**************************************************************************************************
*************************************************************************************************/

body{

  /*background-image: url(../images/fond.jpg);*/
  background-repeat:repeat;
  background-color:#c2c2c2;
  overflow:visible;
  padding:0;
  margin:0;
  width:100%;
  font-family:verdana;
  

}

body div{

  margin:0;
  padding:0;

}


/*************************************************************************************************
**************************************************************************************************
                                                      Mise en page des blocs verticaux
**************************************************************************************************
*************************************************************************************************/

#wrapper{

  padding:0;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  
}

#hd{

  z-index:10;
  background-image: url(../images/fondEntete.jpg);
  background-repeat:no-repeat;
  height:131px;
  width:990px;
  padding:0 28px 0 28px;

}

#bd{

  background-image: url(../images/fondContent.jpg);
  background-repeat:repeat-y;
  padding:0 25px 0 25px;
  width:990px;
  height:100%;
  

}

#navBar{

  background-image: url(../images/menu.jpg);
  background-align:center;
  background-repeat:no-repeat;
  width:990px;
  height:37px;

}

#ft{

  background-image: url(../images/footer.jpg);
  height:44px;
  background-repeat:no-repeat;
  line-height:24px;
  width:990px;
  
}

#doc{

  background-image: url(../images/fond.jpg);
  font-family:verdana,arial,sans-serif;
  font-size:12px;
  width:1071px;
  float:left;

}

/*************************************************************************************************
**************************************************************************************************
                                                      Mise en page des trois colonnes de contenu
**************************************************************************************************
*************************************************************************************************/

#colGauche{

  margin-top:10px;
  float:left;
  text-align:center;
  width:237px;
  min-height:782px;
  background-image:url(../images/cheval.jpg);
  background-repeat:no-repeat;
  background-position:top center;
    
}

#colGaucheMembre{

  margin-top:18px;
  float:left;
  text-align:center;
  width:237px;
  min-height:782px;
  background-image:none;
  background-color:#fff;
    
}

#colGauche p{

  line-height:12px;
  
}

#colCentre{

  float:right;
  width:487px;
  min-height:782px;
  background-image:url(../images/fondColCentre.jpg);
  background-color:white;
  background-repeat:no-repeat;
  padding-bottom: 20px;

}

#containerLeft{

  float:left;
  min-height:788px;
  width:725px;

}


#colDroite{

  float:right;

}

/*************************************************************************************************
**************************************************************************************************
                                                      COLONNE DE GAUCHE
**************************************************************************************************
*************************************************************************************************/

#presentation{

  margin-top:169px;
  width:187px;
  padding: 5px 20px 0 20px;
  margin-bottom:15px;
  color:#6d6d6f;
  font-size:11px;
  text-align:left;
}

#presentation p{

  padding:3px;
  color:#6d6d6f;
  font-size:11px;
  text-align:justify;
  margin-bottom:5px;

}



#partenaires{

  width:187px;
  padding: 5px 20px 0 20px;
  margin-bottom:15px;
  
}

#partenaires p{

  padding:3px;
  color:#6d6d6f;
  font-size:11px;
  text-align:left;

}

#partenaires a{

  color: #00569f;
  font-family:tahoma;
  font-weight:bold;
  font-size:10px;
  display:block;

}

#video{
  width:179px;
  margin-left:20px;
  margin-right:auto;
  padding: 5px 0 5px 0;
  
  height:160px;
  text-align:center;
 
}

#imgVideo{
  width:179px;
  margin-left:auto;
  margin-right:auto;
  padding: 5px 0 5px 0;
  background-color:#e5e5e5;
  height:160px;
  text-align:center;
}

#video img{

  margin-left:5px;

}


/*************************************************************************************************
**************************************************************************************************
                                                      COLONNE DE DROITE
**************************************************************************************************
*************************************************************************************************/
#animFlash{

  text-align:center;
  margin-top:17px;
    /*display:none;*/

}

#zoomSur{

  border: #847e75 2px dashed;
  height:250px;
  width:460px;
  margin:10px;
  padding:2px;

}

#zoomMembre{

  padding-top:3%;
  padding-left: 10px;
  float:left;
  width:279px;
  height:94%;
  background-color: #fff;

}

#zoomInfos{

  margin-top: 10px;
  height: 107px;

}

#zoomInfos #zImg{

  /*position:relative;
  top:0;
  left:0;
  width:48%;*/
  text-align:center;
  float:left;
  max-width:48%;

}

#txtInfos{

  display:block;
  border-top: solid 2px #d3001a;
  border-bottom: solid 2px #d3001a;
  width:47%;
  float:right;
  
  /*position:relative;
  right:-138px;
  bottom:58px;*/
  padding:5px 0 8px;
  margin-right: 3px;
  margin-bottom:10px;  

}

#txtInfos h1{

  color:#d50019;
  font-size:14px;
  font-family:verdana,arial,sans-serif;
  font-weight:bold;

}

#introMembre a{

  font-size:10px;
  font-family:tahoma;
  color:#d50019;

}

#introMembre{

  margin-top:0;
  font-size:11px;
  color:#58585a;

}

#zoomMembre img{

  display:block;

}

#zoomRecherche{

  float:right;
  width:151px;
  height:216px;
  background-image:url(../images/fondZoomRecherche.jpg);
  padding-left:20px;

}

#zoomRecherche img{

  margin-top:10px;
  margin-bottom:5px;

}

#zoomRecherche form{

  color:#707070;
  text-align:left;
  font-size:11px;
  line-height:14px;
  font-weight:normal;
  
}

#zoomRecherche input{

  width:140px;
  border:0;
  margin-bottom:5px;
  color:#707070;
  
}

#zoomRecherche input:focus{

  background-color:#ebebeb;

}

#zoomRecherche input[type=submit]{

  border:0;
  background-color:#9c9ea0;
  color:#fff;
  margin-top:8px;
  font-weight:bold;
  height:16px;

}

#zoomRecherche select{

  border:0;
  margin-bottom:5px;
  color:#707070;
  margin-top:8px;
  height:16px;
  font-size:11px;
  width:140px;

}

#zoomCategorie{

  font-size:10px;
  color:#a4a3a3;

}

#zoomProjet{

  font-size:10px;
  color:#a4a3a3;

}

.zoomCateg{

  font-weight:bold;

}

#btAnnuaire{

  float:right;
  width:180px;
  height:39px;
  text-align:left;
  padding:0;
  margin:0;
  position:relative;
  top:-40px;
  
}

/*************************************************************************************************
**************************************************************************************************
                                                      Agenda
**************************************************************************************************
*************************************************************************************************/
#agenda{

  padding:2px;
  margin:10px;

}

#agendaLeft{

  width:50%;
  float:left;

}

#agendaRight{

  /*width:50%;*/
  float:right;

}

.evenement{

  margin-top:8px;

}


.evenement .date{

  color:#89ba17;
  font-size:11px;

}

.evenement .titre a{

  color:#707271;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;

}

.evenement .titre{

  color:#9c9e9f;
  font-size:14px;
  font-weight:bold;

}

.evenement .agendaTexte{

  color:#58585a;
  font-size:11px;

}

#lastEvenements{

  margin-top:169px;
  text-align:left;
  margin-left:20px;

}

.agendaIt p{

  margin-left:10px;

}

.agendaIt .date{

  color:#ccc;

}

#colCentre .agendaIt h1{

  color: #89BA17;

}

#colCentre .agendaIt h2{

  color: #000000;
  margin-bottom: 10px;

}

#colCentre .agendaIt .important{

  font-weight:bold;

}


/*************************************************************************************************
**************************************************************************************************
                                                      Recherche
**************************************************************************************************
*************************************************************************************************/

#rechercheDroite{

  height:58px;
  width:198px;
  background-image:url(../images/fondRechercheDroite.jpg);
  margin-right:46px;
  margin-top:17px;
  font-size:11px;

}

#rechercheDroite form{

  padding:34px 0 0 0;
  text-align:center;
  line-height:16px;

}

#rechercheDroite input[type=text]{

  border:0;
  width:140px;
  color:#707070;
  

}

#rechercheDroite input[type=submit]{

  background-color:#fff;
  color:#d4001a;
  border:solid 1px #d4001a;

}


/*************************************************************************************************
**************************************************************************************************
                                                      Zone des actualites
**************************************************************************************************
*************************************************************************************************/
#titre {
	float:left;
}

.previous a{

  color:#ff6c00;
  

}

.pages{

  color:#58585a;

}

.pages a{

  color:#ff6c00;

}

.next a{

  color:#ff6c00;

}

#chiffrescles{
	margin-top:20px;
	width:198px;
}

#colDroite .titrechiffreCle{

 color:#299410;
 font-size:11px;
 padding-right: 10px;

}
.introchiffreCle {
	color:#58585A;
	font-size:11px;
	padding-right:10px;
}
.lienChiffreCle {
	color:#299410;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#actualites{

  margin-top:20px;
  width:198px;
 
}

.actu{

  margin-top:10px;

}
.actuActive{

  margin-top:10px;

}

#colDroite .titreActu{

 color:#ff6c00;
 font-size:11px;
 padding-right: 10px;

}



.titreActu{

 color:#ff6c00;
 font-size:12px;
 padding-right: 10px;
 font-weight:normal;

}

.introActu{

  font-size:11px;
  color:#58585a;
  padding-right: 10px;
  
}

.lienActu{

  color:#ff6c00;
  font-weight:normal;
  text-decoration:none;
  font-size:11px;

}

#lastActus .lienActu{

  color:#ff6c00;
  
  font-size:12px;

}
#lastActus .lienChiffreCle{

  color:#707271;
  
  font-size:12px;

}
.lienToutesActus{

  margin-top:10px;

}
.lienTousChiffresCles{

  margin-top:10px;

}

.lienToutesActus a{

  color : #58585a;
  text-decoration : underline;
  font-size : 12px;

}
.lienTousChiffresCles a{

  color : #58585a;
  text-decoration : underline;
  font-size : 12px;

}

.lienActuNormal{

  font-weight:normal;
  text-decoration:underline;
  font-size:11px;

}
.lienChiffreCleNormal{

  font-weight:normal;
  text-decoration:underline;
  font-size:11px;

}

.dateItalique {
	
	font-size:9px;
	color:#ff6c00;

}
.dateItaliqueChiffreCle {
	
	font-size:9px;
	color:#299410;

}

#lastActus {
	text-align:left;
	margin-left:25px
}

#colCentre div.imageActu {
	float:left;
	border: 1px solid #ccc;
	padding:5px;
	margin-right:10px;
	margin-top:0px;
}

.lastActusListing {
	margin-bottom:8px;
}

#colGauche .lienActu{

  color:#707271;

}

/*************************************************************************************************
**************************************************************************************************
                                                      Lien vers le flux RSS
**************************************************************************************************
*************************************************************************************************/

#rssLink{

  margin-top:15px;
  font-family:tahoma;
  font-weight:bold;
  font-size:10px;
  height:18px;

}

#rssLink a{

  color:#58585a;

}

#rssLink img{

  margin-bottom:-5px;

}


/*************************************************************************************************
**************************************************************************************************
                                                      Liens presse, contact, participez
**************************************************************************************************
*************************************************************************************************/

#liensDroite{

  margin-top:15px;
  width:198px;

}

#liensDroite div{

  margin-top:10px;

}

.contactPresse{

  margin-left:15px;

}

#colGauche .contactPresse p{

  color:#58585A;
  line-height:16px;

}

.contactPresse a{

  font-size:12px;
  text-decoration:none;
  font-family:serif;
  color:#53aed2;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Zone de connexion espace membre
**************************************************************************************************
*************************************************************************************************/
#zoneConnection{

  color:#fff;
  font-size:11px;
  margin-top:20px;
  height:100px;
  width:198px;
  background-image:url(../images/fondMembre.jpg);

}

#zoneConnection input{

  border:0;
  background-color:#fff;

}

#zoneConnection a{

  color:#00569f;
  margin-bottom:5px;
  display:block;

}

#zoneConnection form{

  padding-top:34px;
  padding-left:12px;

}

.inp{

  margin-bottom:3px;

}

#zoneConnection input[type=text]{

  color:#b2b2b2;

}

#zoneConnection input[type=password]{

  color:#b2b2b2;

}

#zoneConnection input[type=submit]{

  
  color:#a1a1a1;
  background-color:#fff;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Inscription � la newsletter
**************************************************************************************************
*************************************************************************************************/
#newsletter{

  margin-top:2px;
  background-image:url(../images/fondNewsletter.jpg);
  background-color:white;
  width:198px;
  height:58px;
  font-size:11px;
    
}


#newsletter form{

  padding-top:35px;
  margin-left:13px;

}

#newsletter input[type=text]{

  width:140px;
  border:0;
  color:#b2b2b2;

}

#newsletter input[type=submit]{

  background-color:#fff;
  color:#3374b5;
  border:0;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Drapaux de s�lection de la langue
**************************************************************************************************
*************************************************************************************************/
#langues{
  display:none;
  position:relative;
  bottom:100px;
  right:-850px;
  width:70px;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Logos � droite
**************************************************************************************************
*************************************************************************************************/
#logosRight{

  text-align:center;
  width:198px;

}

/*************************************************************************************************
**************************************************************************************************
                                                      LOGO
**************************************************************************************************
*************************************************************************************************/
#logo{

  margin:20px 0 0 20px;

}

/*************************************************************************************************
**************************************************************************************************
                                                      IMAGE TEXTE MOTEUR DE CROISSANCE
**************************************************************************************************
*************************************************************************************************/
#moteurImg{

  margin-left:134px;

}


/*************************************************************************************************
**************************************************************************************************
                                                     Items du menu
**************************************************************************************************
*************************************************************************************************/
#navBar{

  /*padding-left:25px;*/
  line-height:37px;

}

#navBar ul{

  text-align:center;
  width:100%;
  margin-left:30px;

}

#navBar li{

  display:inline;
  margin:0;
  padding:0;

}

#navBar a{

  margin-left:10px;
  margin-right:10px;
  text-decoration:none;
  color:#fff;
  font-family:helvetica;
  
  font-size:12px;
  
}

#navBar a.actif{

  background-image:url(../images/menuSurvol.jpg);
  padding: 15px 8px 5px 8px;
  background-repeat:repeat-x;

}

#navbar a:first-letter{

  font-size:18px;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Sous menu
**************************************************************************************************
*************************************************************************************************/
#sousMenu{

  position:absolute;
  z-index:500;
  margin-left:25px;
  height:30px;
  line-height:16px;
  /*display:none;*/
  background-image:url(../images/fondSousMenu.jpg);
  background-repeat:no-repeat;
  width:944px;
  font-size:11px;
  font-family:helvetica;
  color:#fff;
  
}

#sousMenu a{

  text-decoration:none;
  color:inherit;

}

#sousMenu p{

  margin-left: 10px;

}

/*************************************************************************************************
**************************************************************************************************
                                                     Pied de page
**************************************************************************************************
*************************************************************************************************/
#ft{

  font-family:verdana;
  font-size:9px;
  font-weight:bold;
  color:#999999;

}

#ft p{

  padding:10px 0 0 100px;

}

#ft img{

  vertical-align:middle;
  margin-left:4px;

}

#ft a{

  color:#999999;

}

/*************************************************************************************************
**************************************************************************************************
                                                      Mise en page des listes
**************************************************************************************************
*************************************************************************************************/
#colCentre .listeMembres li{

  list-style-type:none;
  line-height:22px;
  
  margin-top:0px;
  border:solid 1px #00569f;
    
}

#colCentre .listeMembres p{

  margin-top: 3px;
  margin-left: 3px;

}

#colCentre .listeMembres li a{

  display:block;
  
}

.left{

  float:left;

}

.right{

  float:right;
  margin-right:3px;

}

.pair{

  background-color:#00569f;

}

.pair a{

  text-decoration:none;
  color:white;

}

.impair{

  background-color:#fff;

}

.impair a{

  text-decoration:none;
  color:#00569f;

}

/*************************************************************************************************
**************************************************************************************************
                             Style de la fiche membre
**************************************************************************************************
*************************************************************************************************/
#colCentre h1.nomMembre{

  border-bottom:solid 2px red;
  margin-left:0;
  margin-bottom: 15px;
  padding-left:0;
  color:red;

}

.type a{

  color:#cfcfcf;
  font-weight:bold;

}

.lien a{

  color:#00569f;

}

#ficheTexte{


}


#ficheTexte a{

  color:#00569f;

}

.imgFiche{

  text-align:center;
  margin-bottom: 20px;
  
}

#colCentre #encadre{

  width:457px;

}

#colCentre .renderedtable{

  width:477px;
  border:double medium #ccc;

}

#colCentre .renderedtable *{

  margin:5px;

}

#colCentre h3{

  color:#00569f;

}

#colCentre #contMembre{

  /*float:left;*/
  width:300px

}

/*************************************************************************************************
**************************************************************************************************
                                                      OUTILS
**************************************************************************************************
*************************************************************************************************/

.clearer{

  float:none;
  clear:both;
  height:1px;

}

/***************************************************************************************************/
/*************************************************************************************************
**************************************************************************************************
                                                Recherche d'un membre
**************************************************************************************************
*************************************************************************************************/
#formRechercheMembre{

  margin-left:24px;
  color:#707070;
  text-align:center;
  font-size:11px;
  line-height:14px;
  font-weight:normal;
  width:80%;
  
}

#formRechercheMembre legend{

  color:#707070;
  font-size:13px;

}

#formRechercheMembre input{

  width:140px;
  
  border:solid #ccc 1px;
  margin-bottom:5px;
  color:#707070;
  
}

#formRechercheMembre input:focus{

  background-color:#ebebeb;

}

#formRechercheMembre input[type=submit]{

  text-align:center;
  border:solid #707070 1px;
  background-color:#fff;
  color:#707070;
  margin-top:8px;
  height:18px;

}

#formRechercheMembre select{

  border:solid #ccc 1px;
  margin-bottom:5px;
  color:#707070;
  height:16px;
  font-size:11px;
  width:140px;

}

p.annuaireCCBN {
	margin-bottom:20px;
}

/*************************************************************************************************
**************************************************************************************************
                                Titres
**************************************************************************************************
*************************************************************************************************/
h4{

  margin-top: 15px;
  margin-bottom: 8px;
  font-size:14px;
  
}

/*************************************************************************************************
**************************************************************************************************
                                PRESSE
**************************************************************************************************
*************************************************************************************************/
a.lienPresse{

 	text-decoration:none;
 	cursor:pointer;
 	color:#e15f00;

}

div.dossierPresse{

	margin-bottom:28px;

}

#colCentre .communique{

  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: solid 1px #ccc;

}


a.lienPresse:hover{

 	text-decoration:underline;
 	cursor:pointer;
 	color:#00569f;
  
}

.contactPresse {
	font-size:12px;
	text-align:left;
	padding-left:12px;
}

div.contactPresse p {
	line-height:16px;
}


/*************************************************************************************************
**************************************************************************************************
                                LISTE DES MEMBRES
**************************************************************************************************
*************************************************************************************************/
.membreProjet{

  margin-left:24px;
  color:#fff;
  text-align:left;
  font-size:11px;
  line-height:14px;
  font-weight:normal;
  width:80%;
  border:solid 1px black;
  background-color:#00569f;
  
}

.membreProjet a{

  color:white;
  font-style:italic;
  
}

.membreProjet legend{

  color:black;
  font-size:13px;

}

.membreProjet .projetDescriptif p{

  text-align:left;
  
}

.projetNom{

  color:#fff;
  font-size:16px;
  text-align:center;
  margin-bottom:10px;

}

/*************************************************************************************************
**************************************************************************************************
                                                    Separateurs
**************************************************************************************************
*************************************************************************************************/

#colCentre .separateurHR{

  margin-left:10px;
  border: solid 1px #ccc;

}

/*************************************************************************************************
**************************************************************************************************
                                 Style du lien vers les versions PDF des contenus
**************************************************************************************************
*************************************************************************************************/
a.downloadPDF {

  color:#00569f; 

}

a.downloadPDF:visited {

  color:#00569f;

}

.pdf{

  margin-left:10px;
  margin-top:15px;

}

/*************************************************************************************************
**************************************************************************************************
                                 Style des résultats de recherche
**************************************************************************************************
*************************************************************************************************/
.searchResults p{

  font-size:14px;
  font-weight:bold;

}

#colCentre .searchResults li{

  list-style-type:none;
 
}

#colCentre .searchResults a{

   text-decoration:none;
   color:#00569f;

}

/*************************************************************************************************
**************************************************************************************************
                             Listing des fiches Pays
**************************************************************************************************
*************************************************************************************************/

p.pays{

  margin-left:10px;
  font-weight:bold;
  margin-top:15px;

}

ul.listePays{

  margin-left:10px;

}

ul.listePays a{

  color:#00569f;

}

.grise{

  color:#ccc;

}

#map td {
	background :#fff;
}

/*************************************
 Style lié aux vidéos.
*************************************/

#fermerVideo {
 width:100%;
 text-align:right;
 position:absolute;
 z-index:1000;
 top:3px;
 right:10px;
 display:none;
}

#closeSpan {
 color:#FFFFFF;
 cursor:pointer;
 vertical-align:bottom;
 background-color:#777777;
 padding:2px;
}
#videoOver {
	height:700px;
	width:100%;
	display:none;
}
#bandeauBas {
	text-align:center;
}
#faq h2 {
	font-size:14px;
	margin-top:15px;
}
#faq p  {
	margin-left:10px;
	margin-top:5px;
}

#colCentre .listeMembres li.publication {
	border:none;
	list-style-type: square;
	margin-top:10px;
}

li.publication a {
	text-decoration :none;
	color:#000;
}
li.publication a:hover {
	text-decoration :underline;
}