﻿

/*
    main / header
*/

#logo
{
    float:left;
    margin-left:28px;    
}




.link_image img
{
    border:0 none;
    margin:0;
    padding:0;
    cursor:pointer;
    
}

img.pageTitleInfo
{
    display:block;
    
}




.seogrip
{ 
    font-family:'Trebuchet MS';
    font-size:23pt;
    font-style:normal;
    font-weight:normal;
    font-variant:small-caps;
    text-transform:lowercase;
    color:#9c9e9f;
    float:right;
    width:550px;
    margin-top:10px;
}





/*
    main / body / navbar
*/
#navtabs, #navtabs li
{
    list-style:0 none;
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}
    #navtabs
    {
        float:right;
        display:block;
        background-color:transparent;
        height:40px;
        margin-right:35px;
        position:relative;
        z-index:1;
    }

    #navtabs li
    {
        display:block;
        float:left;
        text-indent:-10000px;
        overflow:hidden;
    }

        /* 
            * Présentation
            * Nos Métiers
            * Nos Références
            * Nos Partenaires
            * Actualités
            * Recrutements
            * Nous Contacter
         */
        #navtabs li a#presentation.navtab_item{ width:95px; background-image: url(../img/tab_presentation.gif); }
        #navtabs li a#nosmetiers.navtab_item{ width:89px; background-image:url(../img/tab_nosmetiers.gif); }
        #navtabs li a#nosreferences.navtab_item{ width:114px; background-image:url(../img/tab_nosreferences.gif); }
        #navtabs li a#nospartenaires.navtab_item{ width:114px; background-image:url(../img/tab_nospartenaires.gif); }
        #navtabs li a#actualites.navtab_item{ width:77px; background-image:url(../img/tab_actualites.gif); }
        #navtabs li a#recrutements.navtab_item{ width:97px; background-image:url(../img/tab_recrutements.gif); }
        #navtabs li a#nouscontacter.navtab_item{ width:114px; background-image:url(../img/tab_nouscontacter.gif); }
        
        #navtabs li a#presentation.navtab_item.current,
        #navtabs li a#presentation.current,
        #navtabs li a#nosmetiers.navtab_item.current,
        #navtabs li a#nosmetiers.current,
        #navtabs li a#nosreferences.navtab_item.current,
        #navtabs li a#nosreferences.current,
        #navtabs li a#nospartenaires.navtab_item.current,
        #navtabs li a#nospartenaires.current,
        #navtabs li a#actualites.navtab_item.current,
        #navtabs li a#actualites.current,
        #navtabs li a#recrutements.navtab_item.current,
        #navtabs li a#recrutements.current,
        #navtabs li a#nouscontacter.navtab_item.current,
        #navtabs li a#nouscontacter.current
        {
            color:#747474;
            overflow:hidden;
            background-position:center -40px;
        }
        
        #navtabs li a.navtab_item:link,
        #navtabs li a.navtab_item:visited,
        #navtabs li a.navtab_item:active
        {
            display:block;
            font-family:Verdana;
            font-size:1em;
            color:#474747;
            height:40px;
            background-position:center 0px;
            background-color:transparent;
            background-repeat:no-repeat;
        }
        #navtabs li a.navtab_item:hover
        {
            color:#747474;
            background-position:center -40px;
        }
     
        


/* Page Title replaced by Adobe.Flash (accessible text format) */
h1.flash_replaced
{
    display:block;
    /*}*/display:none;
}



/* radged */ 
p
{
    margin:0;   
    margin-bottom:8px; 
}


table
{
    margin-left:0px;
}


#page_content #layout_collumns li#content_leftcol ul,
#page_content #layout_collumns li#content_leftcol ul li,
#page_content #layout_collumns li#content_leftcol ol,
#page_content #layout_collumns li#content_leftcol ol li
{
    list-style:0 none;
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}
#page_content #layout_collumns li#content_leftcol ul,
#page_content #layout_collumns li#content_leftcol ol
{
    margin-top:8px;
    margin-bottom:8px;
}

#page_content #layout_collumns li#content_leftcol ul li
{
    background:transparent url(../img/itemThinBulletOver.png) center left no-repeat scroll;
    float:none;
    margin-left:12px;
    padding-left:12px;    
}

#page_content #layout_collumns li#content_leftcol ol li
{
    background:transparent url(../img/itemThinBulletOut.png) center left no-repeat scroll;
    float:none;
    margin-left:12px;
    padding-left:12px;    
}






p.accroche_page
{
    width:558px;
    padding:0px;
    height:94px;
    display:block;
    margin:0;
    margin-top:20px;
    margin-left:-8px;
    background:transparent url(../img/pngRoundBoxHead.png) top left no-repeat scroll;
    overflow:hidden;
    position:relative;
}
p.accroche_page.noboxing
{
    padding:0;
    height:auto;
    margin-left:0px;
    background:transparent none no-repeat scroll;
}

    p.accroche_page dfn
    {
        font-family:Verdana;
        font-style:normal;
        font-size:9pt;
        color:#9c9e9f;
        line-height:1.2em;
        float:left;
        margin:25px 0 0 100px;
    height:50px;
    width:445px;
    overflow:hidden;
        background-color:transparent;
    }
    p.accroche_page dfn.noboxing
    {
        float:none;
        margin:0;
        height:auto;
        width:auto;
        overflow:auto;
        background-color:transparent;
    }

        img.iconBoxing
        {
            display:block;
            margin:15px 0px 0px 14px;
            position:absolute;
            top:0px;
            left:0px;
        }





div.pagetitle_swfbox
{
    padding:0;
    margin:0;
    margin-top:25px;
}


h2
{
    font-family:'Trebuchet MS';
    color:#9c9e9f;
    font-size:9pt;
    font-weight:normal;
    font-variant:normal;
    text-transform:uppercase;
    margin-bottom:2px;
}    







img.supersized
{
    border:#ececec 1px solid;
    padding:4px;
}






div.itemTemplate
{
    width:558px;
}
    

    div.itemContent
    {
		 height:70px;
		 position:relative;
	/*	 background-color:Olive; /**/
    }

        div.itemImageBox
        {
            padding:4px;
            border:#e8e9ea solid 1px;
            overflow:hidden;
            float:left;
            height:55px;
            width:55px;
            margin-right:11px;
            margin-bottom:11px;
        }
            img.itemImage
            {
                min-height:55px;
                min-width:55px;
                max-height:55px;
                max-width:55px;
            }
            
        div.itemMessage
        {
        /*    background-color:Orange; /**/
            float:left;
            height:50px;
            line-height:1.2em;
            margin-top:12px;
            position:relative;
            width:480px;
            overflow:hidden;
        }
        
    span.itemLinkBox
    {
        
        position:absolute;
        right:0px;
        bottom:0px;
        
        font-family:Verdana;
        font-style:normal;
        font-size:8pt;
        color:#97bf0d;
    }
    span.itemLinkBox.light
    {
        color:#e3e4e4;
    }

        a.itemLink:link,
        a.itemLink:visited,
        a.itemLink:active
        {
            font-family:Verdana;
            font-style:normal;
            font-size:8pt;
            color:#9c9e9f;
            line-height:1.2em;
            text-decoration:none;
        }
        a.itemLink:hover
        {
            text-decoration:none;
            color:#97bf0d;
        }


div.ctk_PngRoundShadowBox
{
    width:558px;
    padding:0 0 0 10px;
    height:140px;
    display:block;
    margin:0;
    background:transparent url(../img/pngRoundBoxPoles.png) top left no-repeat scroll;
    overflow:hidden;
    margin-left:-8px;
}

    div.ctk_PngRoundShadowBox a.btn_pole:link,
    div.ctk_PngRoundShadowBox a.btn_pole:visited,
    div.ctk_PngRoundShadowBox a.btn_pole:active
    {
        display:block;
        width:135px;
        height:120px;
        margin:auto auto;
        margin-top:12px;
        clear:right;
        float:left;
        text-align:center;
        vertical-align:middle;
        background-color:Transparent;
        background-attachment:scroll;
        background-repeat:no-repeat;
        background-position:center -120px;
        text-indent:-10000px;
    }

    div.ctk_PngRoundShadowBox a.btn_pole:hover
    {
        background-position:center -240px;
    }

    div.ctk_PngRoundShadowBox a.btn_pole.disabled:link,
    div.ctk_PngRoundShadowBox a.disabled:link,
    div.ctk_PngRoundShadowBox a.btn_pole.disabled:visited,
    div.ctk_PngRoundShadowBox a.disabled:visited,
    div.ctk_PngRoundShadowBox a.btn_pole.disabled:active,
    div.ctk_PngRoundShadowBox a.disabled:active,
    div.ctk_PngRoundShadowBox a.btn_pole.disabled:hover,
    div.ctk_PngRoundShadowBox a.disabled:hover,
    div.ctk_PngRoundShadowBox a.disabled
    {
        background-position:center 0px;
    }
    
    div.ctk_PngRoundShadowBox a#btn_depo
    {
        background-image:url(../img/btnMetier_Depollution.png);
    }
    div.ctk_PngRoundShadowBox a#btn_demo
    {
        background-image:url(../img/btnMetier_Demolition.png);
    }
    div.ctk_PngRoundShadowBox a#btn_reha
    {
        background-image:url(../img/btnMetier_Rehabilitation.png);
    }
    div.ctk_PngRoundShadowBox a#btn_regl
    {
        background-image:url(../img/btnMetier_Reglementation.png);
    }
    

img.photoBoxRightPane
{
    display:block;
    margin:0;
    padding:0;
    width:298px;
    height:265px;
    position:relative;
    float:left;
    margin-top:125px;
    margin-left:20px;
}



#PageDater
{    
    position:absolute;
    overflow:hidden;
    display:block;
    width:130px;
    height:40px;
    margin:0px;
    padding:0px;
    right:0px;
    bottom:0px;
    margin-right:36px;
    margin-bottom:25px;
}



div.pngRoundBoxHomeNews
{
    display:block;
    margin:0;
    padding:0;
    width:276px;
    height:270px;
    position:relative;
    float:left;
    margin-top:105px;
    margin-left:30px;
    background:transparent url(../img/pngRoundBoxHomeNews.png) top left no-repeat scroll;
}

    li#content_rightcol div.pngRoundBoxHomeNews ul#homenews
    {
        display:block;
        margin:0;
        padding:0;
        width:225px;
        height:140px;
        position:relative;
        float:left;
        margin-top:50px;
        margin-left:25px;
        background-color:transparent;
        list-style-type:none;
        list-style:none;
    }

        li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li
        {
            list-style-type:none;
            list-style:none;
            display:block;
            position:relative;
            float:none;
            padding-left:35px;
            margin-bottom:4px;
            background:transparent;
        }

            li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li a.itemBullet:link,
            li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li a.itemBullet:visited,
            li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li a.itemBullet:active
            {
                background:transparent url("../img/itemBullet.png") no-repeat scroll 0 0px;
                display:block;
                height:12px;
                width:12px;  
                overflow:hidden;
                position:absolute;   
                left:0px;
                top:17px;  
                text-indent:-10000px         
            }
            li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li a.itemBullet:hover
            {
                background-position:0 -12px;
            }

            li#content_rightcol div.pngRoundBoxHomeNews ul#homenews li h2
            {
                margin:0;
                height:17px;
                width:190px;
                overflow:hidden;
            }



div.ctk_PngRoundShadowBoxCarto
{
    width:558px;
    padding:0;
    height:216px;
    display:block;
    margin:0;
    background:transparent url(../img/pngRoundShadowBoxCarto.png) top left no-repeat scroll;
    overflow:hidden;
    margin-left:-8px;
    position:relative;
}

    div.ctk_PngRoundShadowBoxCarto div#map_canvas
    {
        position:relative;
        float:left;
        margin-left:20px;
        margin-top:20px;
        width:293px;
        height:176px;
        border:#ededed solid 1px;
    }
    
    div.ctk_PngRoundShadowBoxCarto div#map_address
    {
        position:relative;
        float:right;
        margin-right:20px;
        margin-top:20px;
        width:203px;
        height:176px;
    }









		/* Carrousel : Tocra FluidSpaner */
		#carrousel
		{
			width:558px;
			
			height:82px;
			min-height:82px;
			max-height:82px;
			
			background:transparent none;
			background:transparent url(../img/pngRoundBoxCaroussel.png) center center no-repeat scroll;
			text-align:center;
		}
		
		#carrousel .carrousel_arrow
		{
			width:34px;
			height:82px;
			overflow:hidden;
			line-height:82px;
			padding:0;
			margin:0;
			text-align:center;
			float:left;
		}
		
			#carrousel .carrousel_arrow a.left, #carrousel .carrousel_arrow a.right
			{
				text-indent:-10000px;
				display:block;
				width:30px;
				margin:auto 0;
				overflow:hidden;
			}
			#carrousel .carrousel_arrow a.left{ float: right; }
			#carrousel .carrousel_arrow a.right{ float: left; }
			
			
			
			#carrousel .carrousel_arrow a.left, #carrousel .carrousel_arrow a.left:link, #carrousel .carrousel_arrow a.left:visited, #carrousel .carrousel_arrow a.left:active
			{
				background:transparent url(../img/picto_ArrowLeftOff.png) center center no-repeat scroll;
			}
			#carrousel .carrousel_arrow a.left:hover
			{
				background:transparent url(../img/picto_ArrowLeftOn.png) center center no-repeat scroll;			
			}

			#carrousel .carrousel_arrow a.right, #carrousel .carrousel_arrow a.right:link, #carrousel .carrousel_arrow a.right:visited, #carrousel .carrousel_arrow a.right:active
			{
				background:transparent url(../img/picto_ArrowRightOff.png) center center no-repeat scroll;
			}
			#carrousel .carrousel_arrow a.right:hover
			{
				background:transparent url(../img/picto_ArrowRightOn.png) center center no-repeat scroll;			
			}
		

		#carrousel .carrousel_view
		{
			width:490px;
			height:82px;
			line-height:82px;
			padding:0;
			margin:0;
			text-align:center;
			float:left;
		}
		

