/* Englobant la une visible sur la gauche et la liste de Une sur la droite ****/
.zoneALaUneActualite{
    width: 720px;
    position:relative;
}

.content{
    float:left;
}

.zoneALaUneActualite ul{
    float:right;
    width:250px;
    
}



/* Liste des 4 dernières unes *************************************************/
.zoneALaUneActualite li{      
    /*width: 220px;*/
    margin-bottom:8px;
    margin-left:2px;
    margin-right:12px;
}

.boiteVignetteActualite{
    /*vignette*/
    width:111px;
    overflow:hidden;    
    border: 3px solid #FFFFFF;
}

.boiteVignetteActualite .cadreImageChapeau{ height:64px;}
.boiteLienVignetteActualite{width:115px;float:right;clear:both;}

.gabaritLNDForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritESOForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritAJEForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritLMOForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritITEForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritECUForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritPSPForeach  a:hover .boiteLienVignetteActualite{text-decoration:underline;}
.gabaritLNForeach   a:hover .boiteLienVignetteActualite{text-decoration:underline;}

.active .gabaritForeach .boiteVignetteActualite{
    border : 3px solid #000000;
    margin:0px;
}

.active .gabaritLNForeach .boiteVignetteActualite{
    border : 3px solid #52748d;
    margin:0px;
}

.active .gabarit .boiteVignetteActualite{
        border : 3px solid #d3d3d3;
        margin:0px;
}
.active .gabaritLNDForeach .boiteVignetteActualite{
        border : 3px solid #35B041;
        margin:0px;
}
.active .gabaritESOForeach .boiteVignetteActualite{
        border : 3px solid #00A6A2;        
        margin:0px;
}
.active .gabaritAJEForeach .boiteVignetteActualite{
        border : 3px solid #E95D0F;        
        margin:0px;
}
.active .gabaritLMOForeach .boiteVignetteActualite{
        border : 3px solid #2B7BBB;        
        margin:0px;
}
.active  .gabaritITEForeach .boiteVignetteActualite{
        border : 3px solid #7f9e3d;        
        margin:0px;
}
.active .gabaritECUForeach .boiteVignetteActualite{
        border : 3px solid #E53075;        
        margin:0px;
}
.active .gabaritPSPForeach .boiteVignetteActualite{
        border : 3px solid #D4021D;        
        margin:0px;
}

/* Styles associé au bloc de la Une visible ***********************************/
.chapeauActualite{
    width: 456px;   
    position: relative;    
    overflow:hidden;
    /*Pour IE :*/
    margin: 0 0 5px;
    padding: 0;
    height: 305px;
}
.chapeauDroit{    
    top:13px;
    right:1px;
    width: 190px;   
    position:absolute;    
    background-color:rgba(255,255,255,0.9);
    background: url(../../CG59Charte/images/une/transparenceIE.png) repeat left top;
    padding:7px;
}
.chapeauDroit a {
    text-decoration: none;
    font-weight:bold;
    bottom:0px;
}
.categorieActualite{
    bottom:0px;
    right:0px;
    height: 67px;
    width:100%;
    position:absolute;
    background-color:#000000;
    /*padding : 10px 10px 10px 27px;*/   
    font-size:1.3em; 
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 12px;
    font-family: Open Sans;
}
.categorieActualite p{   
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
}
.barrePartage{
    float:left;
}

/** Style pour le carousel ne contenant qu'une seule actualité */
.zoneALaUneActualite .content.carouselSimple,
.zoneALaUneActualite .content.carouselSimple #actuALaUne .chapeauActualite .cadreImageChapeau img,
.zoneALaUneActualite .content.carouselSimple #actuALaUne .chapeauActualite {
	width : 100%;
}
.zoneALaUneActualite .content.carouselSimple #actuALaUne .chapeauActualite .cadreImageChapeau{
    height : auto;
    width: 100%;
}