﻿/***************************************************************************/
/**********************General**********************************************/
/***************************************************************************/
body  
{
    margin:0px;
    padding:0px;
    background-color:#e6e6e6;
}

form
{
	display:block;
	width: 1003px !important;
    margin: auto !important;
    text-align:left; 
}

.header
{
    width:1003px;
    background-color:White;
    margin-bottom: 30px;
    min-height:121px;
    height:auto!important;
    height:121px;
    background: url("../Images/bandeau_hauts.jpg") repeat-y;     
}

.logoCCI
{
        float:right;
        margin-top:18px;
        margin-right:38px;
}

.ariane, .divSiteMapPath  
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #58585a;
    padding: 5px 0px; 
    width: 970px;
    margin-left: 20px;
    overflow: hidden;
}

.ariane a, .divSiteMapPath a
{
    color: #58585a;
    text-decoration: none;
}

.imprimer
{
    padding-left: 25px;
    background: url("../Images/Themes/imprimer.gif") no-repeat;   
}

.ami
{
    padding-left: 25px;
    background: url("../Images/Themes/ami.gif") no-repeat;   
    margin-left: 10px;
}

.police
{
    padding-left: 25px;
    background: url("../Images/Themes/police.gif") no-repeat;   
    margin-left: 10px;
}

.option, .liensHautDroite
{
    float: right;
    margin-right: 20px;
    display: inline;
}
.liensHautDroite .ImprimerEnvoyer
{
    font-size:0.9em;
    margin-bottom:5px;
    display:inline-block;
    color:#838383;
}
/***************************************************************************/
/******************Gauche***************************************************/
/***************************************************************************/
.partieGauche
{
    float: left;
    margin-left: 20px; 
    margin-bottom: 20px;
    width:180px;
}

.partieGaucheFond
{
    zoom : 1;
    background: #E6E6E6 url("../Images/Themes/fondPartieGauche.gif");
}


div.centre
{
    float:left;
    margin-left:11px; 
    width:579px;
    font-size:1em;
}

/***************************************************************************/
/*******************Accueil*************************************************/
/***************************************************************************/
.cadreEnTete
{
    margin-top:40px;
    width:770px;
    height:153px;
    background: url("../Images/Accueil/fondDiaporama.gif");
    float:left;
    display: inline;
    margin-left:20px;
}
/***************************************************************************/
/***************Segment***********************/
/***************************************************************************/

.divIntroduction
{
    width:770px;
    padding-top: 5px;
    background: url("../Images/Themes/cadreEnTeteRubrique.gif") no-repeat white;
    float:left;
    display: inline;
    margin-left:20px;

    height:148px;
overflow:hidden!important;

}
.divIntroduction p
{
    font-size:13px!important;

}
.divIntroduction h1
{
     margin-left: 15px;   
}
.IntroCreer h1,.IntroCreer h2
{
     color:#53b7f6 !important;
}
.IntroInnover h1,.IntroInnover h2
{
    color:#ffc800 !important;
}
.IntroFormer h1,.IntroFormer h2
{
        color:#ff9c00 !important;
}
.IntroIntegrer h1,.IntroIntegrer h2
{
    color:#b5cd00 !important;
}
.IntroEkoscopie h1,.IntroEkoscopie h2
{
    color:#168fa0 !important;
}

.divIntroduction span p
{
    margin: 15px;
}

/***************************************************************************/
/********************************WebTV**************************************/
/***************************************************************************/

.texteWebTv
{
	padding: 15px;
}
.cadreGaucheWebTv img
{
    float: left;
    padding: 10px;
}

.cadreGaucheWebTv p
{
    font-family: Arial;
    font-size: 10px;
    color: #58585a;
    margin-left: 10px;
}
.cadreEnTeteFooter
{
    min-height:16px;
    background: url("../Images/Themes/cadreEnTeteFooter.gif") no-repeat bottom;
}

.cadreEnTeteWebTvFooter
{
    height: 2px;
    margin: 0px;
    padding: 0px;
    background: url("../Images/Themes/enTeteWebTvFooter.gif") no-repeat bottom;
}
.footerWebTv
{
    height: 316px;
    width: 100%;
    background: url("../Images/Themes/basWebTv.gif") repeat-x;
    clear: both;    
}

.webTV .cadreGauche
{
    width:359px;
    height:647px;
    background-color:green;
    float:left;    
    margin-top:10px;
    margin-left:20px;    
}
.webTV .cadredroite
{
    width:592px;
    height:647px;
    background-color:Gray;
    float:left;
    margin-top:10px;
    margin-left:10px;
}

.cadreEnTeteWebTv
{
    width:770px;
    padding-top: 15px;
    background: url("../Images/Themes/enTeteWebTvHeader.gif") top no-repeat #1A1A1A;
    float:left;
    display: inline;
    margin-left:20px;
}

.imprimerWebTv
{
    padding-left: 25px;
    background: url("../Images/Themes/imprimerWebTv.gif") no-repeat;   
}

.amiWebTv
{
    padding-left: 25px;
    background: url("../Images/Themes/amiWebTv.gif") no-repeat;   
    margin-left: 10px;
}



.fondNoir
{
    background: black;
}

.infoPlusWebTv
{
    width:180px;
    height:153px;
    background: url("../Images/Themes/fondInfoWebTv.gif");
    float:right;
    display: inline;
    margin-right:20px;
}

.accueilWebTv
{
    clear: both;
    width: 1003px;
    padding-top: 10px;
	color: white;
}



.policeWebTv
{
    padding-left: 25px;
    background: url("../Images/Themes/policeWebTv.gif") no-repeat;   
    margin-left: 10px;
}

.cadreGaucheWebTv
{
    width:360px;  
    float:left; 
    display: inline;
    background-repeat:no-repeat;
    background-color: #1a1a1a;
    margin: 0px 0px 0px 20px;
	padding: 0px;
}

.cadreGaucheWebTv strong
{
	color: white;
}

.cadreGaucheWebTv h2
{
    color: white;   
    font-size: 13px;
    font-family: Arial; 
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.cadreCentreWebTv
{
    width:592px;
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 80px 391px;
    font-family: Arial; 
    background: #595959 url("../Images/Themes/cadreWebTvHeader.gif") no-repeat top;
}

.cadreWebTvFooter
{
	height: 2px;
	background: url("../Images/Themes/cadreWebTvFooter.gif") no-repeat bottom;
}

.cadreGaucheWebTvFooter
{
	height: 2px;
	padding: 0px;
	margin: 0px;
	background: url("../Images/Themes/arrondiGaucheWebTvFooter.gif") no-repeat bottom;
}

a.toutesVideos 
{	
    text-decoration:none;
    font-size: 10px;
    font-weight:bold;
    color:#9f9f9f;
    margin: 0px;
    padding:0px !important;
    text-align: center;
    background: url("../Images/Themes/ombreOnglet.gif") no-repeat #5F5F5F;
    display:block;
    height:25px;
    padding-top:5px !important;
}

/*******************************************************************************/
/********************************info plus**************************************/
/********************************************************************************/


.infoPlus input, .infoPlusRubrique input
{
    position: relative;
    top: 102px !important;
    top: 96px !important!;
    top: 96px;
    left: 19px;
    height: 15px;
    border: 0px;
}

.infoPlus img, .infoPlusRubrique img
{
    position: relative;
    top: 120px;
    left: 10px; 
}

.infoPlus p
{
    margin-top: -30px;
    padding: 0px 10px;
}

.infoPlusRubrique p
{
    margin-top: -30px;
    padding: 0px 10px;
}

/*******************************************************************************/
/********************************Autres*****************************************/
/********************************************************************************/

.accueil
{
    clear: both;
    width: 1003px;
    padding-top: 10px;
}

.hautRubrique
{
    clear: both;
    width: 1003px;
}

.accueil .cadreGaucheRubrique
{
    width:180px;  
    float:left; 
    display: inline;
    background: url("../Images/Themes/cadreWhiteHeader.gif");     
    background-repeat:no-repeat;
    background-color: white;
    margin: 10px 0px 20px 20px;
}

/*******************************************************************************/
/***********************************Eko******************************************/
/********************************************************************************/
.cadreGaucheEko
{
    width:340px;  
    float:left; 
    display: inline;
    background: url("../Images/Themes/cadreGaucheEkoHeader.gif");     
    background-repeat:no-repeat;
    background-color: white;
    margin: 0px 0px 20px 20px;
    margin-top :10px;
    height:760px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:20px;
}


/*
.cadreGaucheEko h2
{
    color: #e4122a;   
    font-size: 1em;
    font-family: Arial; 
    margin: 0px;
}
*/
.descriptionEko
{
    border-bottom: 1px solid #d1d1d1;
}

.infoPlusEko
{
    width:180px;
    height:153px;
    background: url("../Images/Themes/fondInfoPlus1.gif");
    float:right;
    display: inline;
    margin-right:20px;
}

.cadreEnTeteRubrique
{
    width:740px;
    padding-top: 15px;
    background: url("../Images/Themes/cadreEnTeteRubrique.gif") no-repeat white top;
    float:left;
    display: inline;
    margin-left:20px;
    min-height:122px;
    height:auto!important;
    height:122px;
    padding:15px;
}

.cadreEnTeteRubrique p
{
    display:inline;
}

.cadreCentreEko
{
    width:592px;
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 80px 391px;
    font-family: Arial; 
    background: white url("../Images/Themes/fondCentreEko.gif") no-repeat top;
    margin-top :10px;
    
}

.cadreCentreEkoFooter
{
    height: 3px;
    background: white url("../Images/Themes/cadreCentreEkoFooter.gif") no-repeat bottom;
}
.cadreGaucheEkoFooter
{
	height: 3px;
	background: url("../Images/Themes/cadreGaucheEkoFooter.gif") no-repeat bottom;
}

/*******************************************************************************/
/***********************************Autre******************************************/
/********************************************************************************/
.description
{
    border-top: 1px solid #444444;
}

.descriptionDate
{
     color: white;   
    font-size: 10px;
    font-family: Arial;   
}



.imageGauche
{
    margin-top: -0px !important;
    margin-top: -4px !important!;
    margin-top: -4px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #e6e6e6;
}

.contenuGauche, .contenuDroite
{
    background: #E6E6E6;    
}

.contenuDroite img
{
   padding-bottom: 10px;
}
/*******************************************************************************/
/***********************************Contenu*************************************/
/*******************************************************************************/
.divContenu
{
    width: 553px;
    background-color:White;
    margin-bottom: 0px;
    padding:13px;
    min-height:500px;
    height:auto!important;
    height:500px;
    font-size:0.9em;
}
.enqueteContenu
{

        width: 560px!important;
        padding-right:10px;
}

.divContenu p
{
    padding: 15px;
    margin: 0px;
    font-size:0.9em;
}

.contenuFooter
{
    background: url("../Images/Themes/fondCentre.gif") no-repeat red bottom; 
    height: 5px;  
    margin: 0px;
    width: 578px;
    margin-left: 210px;
}

.encartDroite
{
    background: url("../Images/Themes/cadreWhiteHeader.gif") no-repeat white ;
    margin-top: -10px !important;
    margin-top: -18px !important!;
    margin-top: -18px;
}

.plusLoin
{
    background: url("../Images/Themes/cadreWhiteFooter.gif") no-repeat white bottom;  
}

.plusLoin h1
{
    background: white;
    margin: 0px;
    padding: 0px;
    text-indent: 5px;
    margin-top: 0px !important;
    margin-top: -15px !important!; 
    margin-top: -15px; 
}



.cadreGaucheRubrique p
{
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    padding-left: 12px;     
}



.PlanDuSite .Menu3 a
{
    margin-left : 10px ;
}
.PlanDuSite .Menu4 a
{
    margin-left : 20px ;
}
/*******************************************************************************/
/***********************************partie droite********************************/
/********************************************************************************/

.partieDroite
{
    float: right;
    display: inline;
    margin: 0px 19px 0px 10px;
    width: 180px; 
}
.partieDroite div
{
    margin-bottom:10px;
}
.partieDroite .infoPlus1 div
{
    margin-bottom:0;
}

.cadreDroite
{
    background: url("../Images/Themes/cadreBlueHeader.gif") ;  
    background-repeat: no-repeat;     
    background-color: white;
    width: 180px;   
    margin-bottom: 15px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.accueil .cadreDroiteRubrique 
{
    background: url("../Images/Themes/cadreHeaderRubrique.gif") ;  
    background-repeat:no-repeat;     
    background-color:white;
    width:180px;   
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.accueil .cadreDroiteRubrique h1
{
    font-size:14px;
    font-weight:bold;
    font-family:Arial;
    padding-top: 5px;
    margin-left: 35px;
    color: white;
}

/*******************************************************************************/
/***********************************Actualite************************************/
/********************************************************************************/

.divResumeActualite,
.divThemeAgenda
{
    width:580px;
    background-color:#FFFFFF;
}
.divResumeActualite,
.divThemeAgenda
{
    min-height:592px;
    height:auto !important;
    height:592px;
}

.cadreCentre
{
    width:580px;
    padding:0px;
    margin: 10px 0px 20px 210px;
    font-family: Arial; 
    background: white url("../Images/Themes/fondCentre.gif") no-repeat bottom;
}


.partieDroite .divResumeAgenda .contenuAgenda 
{
    background: url("../Images/Themes/cadreWhiteFooter.gif") no-repeat bottom white;
    height: 180px;
    overflow: auto;
    margin: 0px;
    
}

.partieDroite .divResumeAgenda div 
{
    margin-bottom: 0px;
}

.basResumeActualite
{
    height: 5px;
    background: white url("../Images/Themes/fondCentre.gif") no-repeat bottom;
}

.conteneur
{
    float:left;
    margin-bottom: 10px;
    
}

 .ResumeActu
 {
     background: white;
     clear: both;
     padding-left: 10px;
     margin-bottom: 20px;
 }

.partenariat
{
    text-align: right;
    margin-right: 10px;
}

.podcast
{
	margin: 0px 15px;
	height: 300px;
	background: #B3B3B3;
}


.gauche 
{
    float: left;
    margin-right: 15px;
    padding-left: 15px;
    width: 45%;
}

.gauche a
{
    text-decoration: none;
    color: #e2001a;
    font-family: Arial;
    font-size: 10px;
}

.droite
{
    float: left;
    width: 45%;
    font-family: Arial;
    margin-right: 15px;
}

.astuce
{
    clear: both;
}

.footer
{
    width: 100%;
    background: white;
    clear: both;  
    margin-top:5px ; 
    background: white url("../Images/logoFooterBasDroite.gif") no-repeat top right;
    vertical-align:bottom ;
    padding-top:80px;
}

.footer p
{
  display:inline;
}
.footer img
{
    margin:0px !important;
    padding:0px !important;    
}

.image
{
    margin-bottom: 10px;
    background: #E6E6E6;
}

.lienFooter
{
    margin-left: 16px;
    margin-top: 8px;
    color: #A6A6A6;
}

.footer img
{
    margin-top: 30px;
}

.footer .logoFooterHaut
{
    margin-top: 30px;
    float: right;
    width: 730px;
}

.footer .logoFooterHaut img
{
    margin-top: 10px;
}

.cadreFooter
{
    display:inline;
}




.partieDroite .divResumeAgenda
{
    width: 180px;   
    color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    background: url("../Images/Themes/cadreWhiteFooter.gif") no-repeat bottom white;    
}
.divResumeAgenda .titreResumeAgenda
{
    background: url("../Images/Themes/aujourdhui.gif") no-repeat white ;  
    height:25px;
    width:182px;
    padding-top:5px;
}

/***creer***/
.Creer,
.Creer .Type
{
    color:#53b7f6
}
/***innover***/
.Innover,
.Innover .Type
{  
    color:#ffc800
}

/***Former***/
.Former,
.Former .Type
{
    color:#ff9c00
}

/***Integrer***/
.Integrer,
.Integrer .Type
{
    color:#b5cd00
}

/***Ekoscopie***/
.Ekoscopie,
.Ekoscopie .Type
{
    color:#168fa0
}
/***/

.divResumeAgenda span#ctl00_Agenda_Liste_lblTitre
{
    padding-left: 10px;
    padding-top: 2px;
    display: block;
    margin-top: 0px;
    color:#FFFFFF;
}

.partieDroite .contenuAgenda
{
    padding-bottom: 7px;
}

.ResumeAgenda
{
    background: white;    
    padding-top: 0px;
    margin-top: 10px;
}

.divResumeAgenda .ResumeAgenda span
{
    padding: 0px;
}


/********************************************/
/******Cadre recherche partie gauche ********/
/********************************************/
.cadreRecherche
{
    background: url("../Images/Themes/cadreWhiteHeader.gif") no-repeat top; 
    background-repeat:no-repeat ;  
    /*height:150px;*/
    overflow:hidden;
}
.cadreRecherche h1
{
    margin:0px;
    padding:0px;
    font-size:14px;
    color:#1898a8;
    margin-top:14px; 
    margin-left:10px;

    font-weight:bold;
    font-family:Arial ;

}
.cadreRecherche p
{
    margin:0px !important;
    padding:0px !important;
    clear:both;
    color:#87888a;
    font-size:10px;
    font-weight:bold;
    margin-left:10px !important; 
    margin-right:10px !important;  
    font-family:Arial ; 
}
hr.hrRecherche
{
    height:0px;
    width:161px;
    color:#d9d9d9;
    margin-left:14px; 
    margin-top:5px;     
    float:left;
}
hr.hrRecherche2
{
    height:0px;
    width:161px;
    color:#d9d9d9;
    margin-left:0px; 
    margin-top:5px;     
    float:left;
}
div.fondtb
{   
    background: url("../Images/Themes/FondTbBlanc.gif") no-repeat 14px;
    padding-left:14px;
    width:132px;
    float:left;
    margin-right:5px;
    
}
input.fondtb2
{
    border:none !important;
    background-color:Transparent;
    height:20px;
    overflow:hidden ;
    color:#9c9c9c;
    padding-left:5px;
    width:125px;
    padding-top:6px;
}
.boutonOk
{
    background:none;
    border:none;
    width:20px;
    color:#1898a8;
    font-size:10px;
    cursor:pointer ;
    font-weight:bold;
    font-family:Arial ;       
    float:left;  
    margin-top:8px;
}

h1.affinerRecherche
{
    margin-top:0px ! important;
    height:20px;
    font-weight:bold;
    font-family:Arial ;
}

/********************************************/
/************Resultat recherche *************/
/********************************************/
#ResultatsRecherche
{

    float:left;
    width:553px;
    background-color:#ffffff;
    padding:13px;
    min-height:500px;
    height:auto !important;
    height:500px;
    

}

div.ResultatsRecherche
{
 
    border-bottom:1px solid #d9d9d9;
    padding-bottom:18px;
}
div.ResultatsRecherche h1
{
    margin:0px;
    padding:0px;
    margin-top:19px;
    color :#58585a;
    font-size:14px;
    font-family:Arial ;
}
div.ResultatsRecherche h2
{
    margin:0px;
    padding:0px;
    color:#1898a8!important;
    font-size:13px;
    font-family:Arial ; 
    clear:both; 
}
div.ResultatsRecherche p
{
    margin:0px;
    padding:0px;
    color:#58585a;
    font-size:12px;
    font-family:Arial ; 
    display:inline;
}
div.ResultatsRecherche a
{
    margin:0px;
    padding:0px;
    color:#1898a8;
    font-size:12px;
    font-family:Arial ; 
    display:inline;
}
div.ResultatsRecherche h3
{
    margin:0px;
    text-decoration :none;
    padding:0px;
    color:#8e8e8e;
    font-size:12px;
    font-family:Arial ; 
}
div.ResultatsRecherche h3 a
{
    margin:0px;
    text-decoration :none;
    padding:0px;
    color:#8e8e8e;
    font-size:12px;
    font-family:Arial ; 
}
div.ResultatsRecherche .vignetteRecherche
{
    margin-right:10px;
    margin-top:17px;
}
.titreResultat
{
    float:left;
}

.resultatrecherche
{
    clear:both;
}


/********************************************/
/*  Style pour les enquêtes (formulaires)   */
/********************************************/
div.enqueteContenu
{
    width:570px;
    padding-top:10px;
    padding-left:10px;
    background:#ffffff;

}
div.hauteurNormale
{
    min-height:auto;
    height:auto !important;
    height:auto;
}
div.actualiteFormulaire
{
    border-top:solid 1px #d9d9d9;
    margin-top:10px;
    margin-left:10px !important;
    margin-right:10px;    
}
div.actualiteFormulaire div.enqueteContenu
{
    width:560px;
    padding-top:10px;
    padding-left:0px;
    min-height:auto;
    height:auto !important;
    height:auto;

}

.logoRss
{
    float:right;
    margin-top:3px;
    margin-right:5px;
}

/********************************************/
/**********  Style cadre info + accueil *****/
/********************************************/
.infoPlus1
{
    margin-bottom:10px;
    background-color:#1898a8;
}
 .infoPlus1 .angle
 {
    background-color: #e6e6e6;
 }  
 .infoPlus1 .b1,  .infoPlus1 .b2,  .infoPlus1 .b3 
{
  background:#1898a8;
  border-left:1px solid #1898a8; 
  border-right:1px solid #1898a8;        
}
.infoPlus1 span
{
    height:119px;
    overflow:hidden;
    display:block;
    
}  
.infoPlus1 .boutonOk,.infoPlusEko .boutonOk
{
    color:#ffffff !important;
    margin-top:3px;
}
.infoPlus1 div.fondtb
{   
    background: url("../Images/Themes/FondTbBlanc1.gif") no-repeat 14px !important;
}

/********************************************/
/********  Style cadre info + segment *******/
/********************************************/

.infoPlus2
{
    padding:0px;
    margin:0px;
    width:174px;
    height:150px;
    float:right ;
    margin-right:20px;
}  
.infoPlus2 span
{
    height:120px;
    overflow:hidden;
    display:block;
}  

.infoPlus2 .boutonOk
{
    color:#ffffff !important;
    margin-top:3px;
}
.infoPlus2 div.fondtb
{   
    background: url("../Images/Themes/FondTbBlanc1.gif") no-repeat 14px !important;
}
.contenuAccordeon
{
    overflow-y:visible!important;
     overflow-x:hidden!important;   
}
.contenuAccordeon span
{
    border:none;

}
/***************************************************************************/
/************************************page segment***************************/
/***************************************************************************/

.contenuSegment
{
        margin-left:11px;
        float:left;
        padding-left:12px;
        padding-right:36px;
        width:962px;
}
.partieGaucheSegment
{
   margin-left: 20px; 
   width: 181px;
   margin-bottom: 20px;
   float: left;
   background: #E6E6E6 url("../Images/Themes/fondPartieGauche.gif");
}

.partieGaucheSegment div
{
    margin: 0px;
    margin-bottom: 10px;
}

.partieDroiteSegment
{
    float: right;
    width: 180px;     
}

.divResumeAgenda
{
    float:right;  
    margin:15px 19px 0 0;  
    background:#ffffff;
}
/*
.partieDroiteSegment
{
    float: right;
    display: inline;
    margin: 0px  19px 0px 10px;
    width: 180px;     
    margin-right:19px;
    background-color : #ffffff;
}

.partieDroiteSegment .divResumeAgenda .contenuAgenda 
{
    min-height:360px;
    height:auto!important;
    height: 360px;
    overflow: auto;
    margin: 0px;
}

.partieDroiteSegment .divResumeAgenda div 
{
    margin-bottom: 0px;
}
.partieDroiteSegment .divResumeAgenda
{
    width: 180px;   
    color: White;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    background: url("../Images/Themes/aujourdhui.gif") no-repeat white ; 
  clear:left;
}
*/

.partieDroiteSegment .contenuAgenda
{
    padding-bottom: 7px;
}


.divCartoucheUtile 
{
    padding-top:3px;
    margin:0px !important;
    background: url("../Images/Themes/cadreWhiteheader.gif") no-repeat top white; 
}
.divCartoucheUtileBottom
{
    padding: 9px;
    background: url("../Images/Themes/cadreWhitefooter.gif") no-repeat bottom white;   
}
.cartoucheRubrique hr
{
    color:#d9d9d9;
    height:1px;
    margin-top:12px;
    margin-bottom:12px;
}
/****titre téléchargement ******/
.telechargement h3
{
    color:#000000;
    background: url("../Images/logoTelechargement.gif") no-repeat  left ; 
    padding-left:30px!important;
    height:40px!important;
}
.telechargement a
{
    color:#000000;
    background: url("../Images/FlecheTelechargement.gif") no-repeat white left ;      
    display:block; 
    padding-left:30px;   
    text-decoration:none; 
}

img
{
    border:none !important;
    
}


/***************************************************************************/
/******** Gestion des fond info plus selon les segments selectionnés *******/
/***************************************************************************/

/***creer***/
.InfoPlusCreer
{
        background-color:#53b7f6
}
 .InfoPlusCreer .b1,  .InfoPlusCreer .b2,  .InfoPlusCreer .b3 
{
        background:#53b7f6;
  border-left:1px solid #53b7f6; 
  border-right:1px solid #53b7f6;        
}

/***innover***/
.InfoPlusInnover
{  
    background-color:#ffc800
}
 .InfoPlusInnover .b1,  .InfoPlusInnover .b2,  .InfoPlusInnover .b3 
{
        background:#ffc800;
  border-left:1px solid #ffc800; 
  border-right:1px solid #ffc800;        
}

/***Former***/
.InfoPlusFormer
{
    background-color:#ff9c00
}
 .InfoPlusFormer .b1,  .InfoPlusFormer .b2,  .InfoPlusFormer .b3 
{
        background:#ff9c00;
  border-left:1px solid #ff9c00; 
  border-right:1px solid #ff9c00;        
}

/***Integrer***/
.InfoPlusIntegrer
{
background-color:#b5cd00
}
 .InfoPlusIntegrer .b1,  .InfoPlusIntegrer .b2,  .InfoPlusIntegrer .b3 
{
        background:#b5cd00;
  border-left:1px solid #b5cd00; 
  border-right:1px solid #b5cd00;        
}
/***Ekoscopie***/
.InfoPlusEkoscopie
{
background-color:#168fa0
}

 .InfoPlusEkoscopie .b1,  .InfoPlusEkoscopie .b2,  .InfoPlusEkoscopie .b3 
{
        background:#168fa0;
  border-left:1px solid #168fa0; 
  border-right:1px solid #168fa0;        
}

/***************************************************************************/
/************************** FicheClub **************************************/
/***************************************************************************/
.ficheClub h1
{
    margin:0px;
    padding:0px;
    color:#b5cd00;
    font-weight:bold;
    font-family:Arial 
}

.ficheClub h2
{
    color:#b5cd00 !important;
    font-weight:bold;
    font-family:Arial;
    font-size:13px;
    margin-top:22px!important;
}

.encartClubfformation
{
      background: url("../Images/Themes/cadreWhiteHeader.gif") no-repeat top white;  
      height:6px;
      margin:0px!important;
}

.contenuEncartClub p
{
    display:inline;
    margin:0px;
    padding:0px;
    line-height:1.2em;     
}
.contenuEncartClub h1
{
    margin:0px;
    padding:0px;
    color:#b5cd00;
    font-weight:bold;
    font-family:Arial ;
    font-size:14px;
    margin-top:3px;
    margin:0px;
}
.contenuEncartClub p
{
     margin:0px;
    padding:0px;
    font-weight:bold;
    font-family:Arial ;
    font-size:10px!important;   
}

div.ResultatsRecherche h2.resultatRechercheClub
{
    margin:0px;
    padding:0px;
    color:#b5cd00!important;
    font-size:14px;
    font-family:Arial ; 
    clear:both; 
}

.cible
{
      color:#b5cd00 !important;  
}

.ficheClub a.lienRetourClub
{
    color:#000000!important;
    float:right;
    text-decoration:none;
    display:block;
    background: url("../Images/Themes/puceRetour.gif") no-repeat left white;     
    padding-left:20px;
    height:20px;
    padding-top:3px;
}

.ficheClub a.lienRetourClub:hover
{
    color:#b5cd00!important;
    float:right;
    text-decoration:none;
}

.contenuEncartClub
{
    background: url("../Images/Themes/cadreWhiteFooter.gif") no-repeat bottom white;    
    padding-top:1px;
    float:right;
    width:157px!important;
}
.ficheClubGauche
{
    float:left;
    border-right:1px solid #d9d9d9;
    padding-right:10px;
 
}
/*********************************/
/****** formation****************/
/********************************/

.formationProposee
{
    color:#ff9c00;
    font-weight:bold;
    font-size:10px;
    font-family:Arial;
    font-size: 1.2em;    
}
.descriptionFormationProposee
{
    color:#000000;
    font-weight:normal;
    font-size:1em;
    font-family:Arial; 
}

a.lienFicheFormation
{
    color:#ff9c00;
    font-weight:normal;
    font-size:11px;
    font-family:Arial;   
    padding-bottom:11px;
    text-decoration:none;
}
a.lienFicheFormation:hover
{
    color:#000000;
    font-weight:normal;
    font-size:11px;
    font-family:Arial;   
    padding-bottom:11px;
}

.ListeFormation h1, .FicheFormation h1, .inscriptionFormation h1, .monPanier h1
{
    color:#ff9c00;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

.ListeFormation h2, .FicheFormation h2, .inscriptionFormation h2, .monPanier h2
{
    color:#ff9c00 !important;
    font-size:13px;
    display:inline!important;
}

.FicheFormation  h3, .inscriptionFormation h3, .monPanier h3
{
    color:#ff9c00 !important;
}


.ListeFormation p, .FicheFormation p, .monPanier p
{
    display:inline!important;
    font-size:1em;
}

.ListeFormation h3,  .FicheFormation h3
{
    color:#ff9c00 !important;
    font-size:12px;
    display:inline!important;
}
.menuFormation
{
    background: url("../Images/Themes/cadreWhiteHeader.gif") white  top no-repeat;
    padding: 10px 12px  0 12px;
}

.lien6tm
{
    text-decoration:none;
    color:#000000;
    font-size:10px;
    font-family:arial;
}

.hiddenInput
{
    visibility:hidden;
    height:0px!important;
    width:0px;
}

/******************************************************************/
/**************************Panier Formation************************/
/******************************************************************/

.panierFormation
{
    margin-top:9px;
    padding-top:5px;
    background: url("../Images/Themes/cadreWhiteHeader.gif") white  top no-repeat; 
}
.divPanierFormationBottom
{
    background: url("../Images/Themes/cadreWhitefooter.gif") no-repeat bottom white;   
        padding-bottom:9px;
}
.panierFormation h1
{   
    margin:0px;
    padding:0px;
    text-align:center;
    border-bottom:1px solid #d9d9d9;
    padding-bottom:5px;
    color:#ff9c00;    
    margin-bottom:5px;
    font-size:14px;
    margin-left:5px;
    margin-right:5px;
    zoom:1
}

.panierFormation h2
{   
    margin:0px;
    padding:0px;
    text-align:center;
    padding-bottom:5px;
    color:#58585a!important;    
    font-size:12px;
    font-weight:bold;
}

.panierFormation h3
{   
    margin:0px;
    padding:0px;
    display:block;
    text-align:center;
    border-top:1px solid #d9d9d9;
    padding-top:5px !important;
    font-weight:bold;
    color:#ff9c00;    
    font-size:13px;
    margin-left:5px!important;
    margin-right:5px!important;   
}
.panierFormation ul, .panierFormation li
{
    zoom:1;

    margin:0px;
    padding:0px;
    display:block;
    color:#000000;    
    font-size:12px;
    font-family:Trebuchet MS; 
    font-weight:bold;  
    padding-left:10px; 
    padding-right:10px;
}
.panierFormation ul
{
    margin-top:5px;
    margin-bottom:5px;    
}



/******Menu panier formation******/
ul.menuPanierFormation
{
    margin:0px;
    padding:0px;
}
ul.menuPanierFormation li
{
    list-style-type:none;
    float:left;  
    margin:0px;
    padding:0px;    
    color:#58585a;    
}

ul.menuPanierFormation li a 
{
    display:block;
    color:#58585a;
    font-size:0.9em;
    padding-right:10px;
    padding-left:10px;    
}
/*****print.master****/
.printFooter
{
    width:420px;
    border-top:#a0a0a0;
    float:left;
    margin-left:10px;
}

.printFooter p
{
    text-decoration:none;
    color:#a0a0a0;
    font-size:10px;
    font-family:arial;
    text-align:left;
    display:inline;
}
/****uc_resumeagenda***/
.visualiserEvenement
{
    color:#000000;
    font-size:11px;
    background :url(../Images/Themes/fondLienActualite.gif) no-repeat left 1px;
    font-family: Arial;
    font-weight:bold;
    color: #1797a9;  
    padding-left: 21px;      
    display:block;
    text-decoration:none;
    margin-left:10px;
    background-position: 0px 7px;
    clear:both;
}
.divResumeAgenda a.Creer
{  
    background :url(../Images/style/go_creer.gif) no-repeat left 1px;
}

.divResumeAgenda a.Innover
{  
    background :url(../Images/Themes/fondLienActualiteInnover.gif) no-repeat left 1px;
}
.divResumeAgenda a.Former
{
    background :url(../Images/Themes/fondLienActualiteFormer.gif) no-repeat left 1px;
}
.divResumeAgenda a.Integrer
{
    background :url(../Images/Themes/fondLienActualiteIntegrer.gif) no-repeat left 1px;
}
.divResumeAgenda a.Ekoscopie
{
    background :url(../Images/Themes/fondLienActualiteEkoscopie.gif) no-repeat left 1px;
}

/****lien flux resumeactu***/

 a.hlFlux
{
    background :url(../Images/Rss.gif) no-repeat;
        padding-left: 21px;
    line-height:15px;
    font-family: Arial;
    font-weight:bold;
    font-size: 13px;
    color: #1797a9;
    text-decoration: none;
}

/************************class couleur********/
/***creer***/
.Creer
{
       color:#53b7f6!important;
}


/***innover***/
.Innover
{  
    color:#ffc800!important;
}
/***Former***/
.Former
{
   color:#ff9c00!important;
}


/***Integrer***/
.Integrer
{
color:#b5cd00!important;
}

/***Ekoscopie***/
.Ekoscopie
{
    color:#168fa0!important;
}



.cartoucheGauche
{
    margin-top:10px!important;
}

/*******************************************************/
/********************Formation***************************/
/************************************************/
.inscriptionFormation td
{
    color:#58585a!important;
    font-weight:bold;
}

.inscriptionFormation h3
{
    color:#000000;
    font-weight:bold;
    margin-top:20px!important;
}


.divThemFormationSeparator
{
    border-top:1px solid #d0d0d0;
}



/******Menu agenda*******/
.type1
{
    display:block;
    background :url(../Images/BorderTopAgenda.jpg) no-repeat;   
    width:132px;
    height:9px;
    padding:0px!important;
    margin:0px!important;      
}

.type2
{
    display:block;
    background :url(../Images/BorderMiddleAgenda.jpg) repeat-y;       
    width:129px;   
    margin:0px!important;         
}

.type3
{
    display:block;
    width:132px;
    background :url(../Images/BorderBottomAgenda.jpg) no-repeat top;   
    height:9px; 
    margin:0px!important;          
}

/******************************************************************/
/**************************Panier kiosque************************/
/******************************************************************/

.panierKiosque
{
    margin-top:9px;
    padding-top:5px;
    background: url("../Images/Themes/cadreWhiteHeader.gif") white  top no-repeat; 
}
.divPanierKiosqueBottom
{
    background: url("../Images/Themes/cadreWhitefooter.gif") no-repeat bottom white;   
        padding-bottom:9px;
}
.panierKiosque h1
{   
    margin:0px;
    padding:0px;
    text-align:center;
    border-bottom:1px solid #d9d9d9;
    padding-bottom:5px;
    color:#189cae;    
    margin-bottom:5px;
    font-size:14px;
    margin-left:5px;
    margin-right:5px;
}

.panierKiosque h2
{   
    margin:0px;
    padding:0px;
    text-align:center;
    padding-bottom:5px;
    color:#58585a!important;    
    font-size:12px;
    font-weight:bold;
}
.panierKiosque .totalKiosque
{
    border-top:1px solid #d9d9d9;
    margin:0px;
    padding:0px;
    text-align:center;
    padding-bottom:5px;
    color:#58585a!important;    
    font-size:12px;
    font-weight:bold;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    padding-top:5px;
}

.panierKiosque .quantite
{
    margin:0px;
    padding:0px;
    text-align:center;
    padding-bottom:5px;
    color:#000000!important;    
    font-size:10px;
    font-weight:bold;
    margin-left:5px;
    margin-right:5px;
    text-align:center
}
.panierKiosque h3
{   
    margin:0px;
    padding:0px;
    display:block;
    text-align:center;
    border-top:1px solid #d9d9d9;
    padding-top:5px !important;
    font-weight:bold;
    color:#189cae;    
    font-size:13px;
    margin-left:5px!important;
    margin-right:5px!important;   
}
.panierKiosque ul, .panierKiosque li
{
    zoom:1;
    margin:0px;
    padding:0px;
    display:block;
    color:#000000;    
    font-size:12px;
    font-family:Trebuchet MS; 
    font-weight:bold;  
    padding-left:10px; 
    padding-right:10px;
}
.panierFormation ul
{
    margin-top:5px;
    margin-bottom:5px;    
}

/**************************************************/
/***************Panier kiosque*********************/
/**************************************************/

.lienPanierKiosque
{
    padding-left: 22px;
    background: url("../Images/Themes/puce.gif") no-repeat 1px 1px;
    text-decoration: none;   
    color: #1797A9;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    margin-left: 12px;
}

.inscriptionKiosque h3
{
    text-decoration: none;   
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px; 
}

.libelleKiosque
{
    text-decoration: none;   
    color: #58585a;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;   
    width :128px;
}

.valueKiosque
{
    text-decoration: none;   
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;   
    width :128px;
}

.titreProduit
{
    text-decoration: none;   
    color: #1898a8;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;      
}



/**********************************/
.image_Header_defaut
{
     position:absolute;
     z-index:-1;
     width:1000px;
     height:121px!important; 
     overflow:hidden;
     background-color:#ffffff;
}

/****************************************/
/************Evenement******************/
.modalPopup
{
    width:600px;

    }
.fond_Evenement
{
    background-color:#ffffff;   
    padding:20px;
    border:1px solid gray;
    
} 
  
.fermer_Popup
{
    float:right;
    font-weight:bold;    
}

.SiteMapPath img
{
    display:none;
}

#ctl00_centreContenu_tvTelechargement td
{
	white-space:normal !important;
}

td.FE_NoeudParent
{
   height:40px;    
}



.tousLesFormulaires
{
    padding: 10px;    
}


/******************************************/
/**********************Zncart Agenda 2011*****************/
/******************************************/
div.menuAgendaTop { 


height:10px;
width:171px;
background:url(../images/agenda2011/menuAgendaTop.png) no-repeat top left;
margin:10px 0 0 5px;
padding:0;
}

div.menuAgendaMdl { 
float:left;
min-height:50px;
height:auto!important;
height:50px;
width:146px;
background:url(../images/agenda2011/menuAgendaMdl.png) repeat-y top left;
margin:0 0 0 5px;
padding:0 15px 0 10px;
}
div.menuAgendaMdl ul, 
div.menuAgendaMdl ul li{ 
margin:0;
padding:0;
list-style-type:none;
display:block;
}
 div.menuAgendaMdl ul li 
 {
border-bottom:1px solid #e1e1e1;
padding:5px;
 }
div.menuAgendaMdl ul li.selected a{ 
color:#1898a8;
}

div.menuAgendaBtm { 
float:left;
min-height:13px;
height:auto!important;
height:13px;
width:171px;
background:url(../images/agenda2011/menuAgendaBtm.png) no-repeat top left;
margin:0 0 10px 5px;
padding:0;
}

.ui-accordion-header
{
    padding-left:15px!important;    
background:url(../images/themes/plus.gif) no-repeat left 5px;
}
.ui-state-active
{
    padding-left:15px;    
  
background:url(../images/themes/moins.gif) no-repeat left 5px;
}
