*{
	margin:0;
	padding:0;
}

img
{
	border:0;
}

a img{
	border:0;
}

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

h1
{
    font-size:15px;
}    

h2
{
    font-size:13px;  
	margin:0;
}    

.texte2
{
    color:#04368B;
}

/* ACCUEIL - LOGIN */

    #all
    {
	    width: 980px;
	    margin: 0 auto; 
    }
    
        #flash
        {
	        position:absolute;
	        z-index:2;
        }

        #login
        {
            position:absolute;
	        margin-left:165px;
	        margin-top:190px;
	        z-index:20;
            background-color:#FFFFFF;
            border:solid 2px #CCCCCC;
            display:none;
	        width: 600px;
	        padding:20px;
	        text-align:center;

			filter:alpha(opacity=70);
			-moz-opacity:.70;
			opacity:.70;
        }

        #login input
        {
            margin:0;
        }
	    
	    #login a
	    {
		    color:#000000;
		    text-decoration:none;
	    }

        #register
		{
            position:absolute;
	        top:0;
			margin-left:180px;
	        margin-top:190px;
	        z-index:20;
            background-color:#FFFFFF;
            border:solid 2px #CCCCCC;
            display:none;
	        width: 600px;
	        padding:20px;
	        

			filter:alpha(opacity=90);
			-moz-opacity:.90;
			opacity:.90;
        }

        #register input
        {
            margin:0;
            
        }
        
        #reggauche
        {
            width:300px;
            float:left;
        }

        #regdroite
        {
            width:300px;
            float:left;
        }


/* PAGES INTERIEURES */

    #bandeauHaut
	{
        width:100%;
        height:12px;
        background-image:url(../images/Bandeau_haut.jpg);
        background-repeat:repeat-x;
    }

    #bandeauBas
	{
        width:100%;
        height:12px;
        background-image:url(../images/Bandeau_bas.jpg);
        background-repeat:repeat-x;
    }

    #conteneur
	{
	    width: 980px;
	    margin: 0 auto; 
    }

    #subheader1
	{
	    position:absolute;
		z-index:10;
		width:980px;
	    height:126px;
	    background-image:url(../images/1.jpg);
	    background-repeat:no-repeat;
		background-position:center left;
    }

    #subheader2
	{
		position:absolute;
		z-index:12;
		width:980px;
	    height:146px;
	    /*
        background-image:url(../images/Bandeau_AT.png);
	    background-repeat:no-repeat;
        */
    }

    #subheader3
	{
		position:absolute;
		z-index:14;
		width:980px;
	    height:146px;
	    /*
        background-image:url(../images/Bandeau_AT.png);
	    background-repeat:no-repeat;
        */
    }
	
    #header 
	{
	    float:left;
	    width:980px;
	    z-index:30;
		height:146px;
    }

	#actions
	{
		margin-left:140px;
		float:left;
		width:100px;
		text-align:right;
	}
	
	#decoupHaut
	{
		position:relative;
		float:left;
	    width:840px;
		height:146px;
	}
	
	#zoneLogoAT
	{
		cursor:pointer;
		height:92px;
		float:left;
		width:300px;
	}

	#identite
	{
		float:left;
		width:540px;
		color:#FFFFFF;
		text-align:right;
		padding-top:60px;
		font-weight:bold;
	}

	#identite a
	{
		color:#FFFFFF;
		text-decoration:none;
	}

	#menuHaut{
	    float:left;
	    width: 840px;
	    height:39px;
    }
	    #menuHaut a{
		    display:block;
			float:left;
			padding:4px;
			color:#04368B;
		    text-decoration:none;
		    font-weight:bold;
	    }

	    #menuHaut a:hover{
		    background-color:#BBD92A;
	    }


		.puceMenuHaut
		{
		    margin-left:20px;
		    vertical-align:middle;
	    }
	    
    #zoneLogo
    {
	    float:left;
	    width:140px;
	    height:130px;
        cursor:pointer;
    }	    

    #contenu
    {
	    float:left;
	    width: 978px;
	    border-left:solid 1px #CCCCCC;
	    border-right:solid 1px #CCCCCC;
	    padding-bottom:20px;
    }

	    #gauche
	    {
		    float:left;
		    width:408px;
	    }

	    #gauche1{
	        float:left;
	        width:868px;
	    }
    	
	    #droite
	    {
		    float:left;
		    width: 540px;
		    height:614px;
	    }
    	
	    #droite1
	    {
		    float:left;
		    width: 460px;
		    height:614px;
	    }

	    #droite2
	    {
		    float:left;
		    width:110px;
		    height:614px;
	    }
    	
		    .n1menu
		    {
			    background-color:#BBD92A;
			    margin-left:13px;
			    margin-right:13px;
			    margin-bottom:2px;
			    padding:2px;
			    text-align:right;
		    }

		    .n1menu:hover
			{
			    background-color:#04368B;
			    margin-left:0px;
			    margin-right:0px;
			    margin-bottom:2px;
			    padding:2px;
			    padding-left:15px;
			    padding-right:15px;
			    text-align:right;
			    color:#FFFFFF;
		    }

		    .n1menuOver
			{
			    background-color:#04368B;
			    margin-left:0px;
			    margin-right:0px;
			    margin-bottom:2px;
			    padding:2px;
			    padding-left:2px;
			    padding-right:2px;
			    text-align:right;
			    color:#FFFFFF;
		    }		
    		
		    .n1menu a
			{
			    color:#000000;
			    text-decoration:none;
		    }

		    .n1menuOver a
			{
			    color:#FFFFFF;
			    text-decoration:none;
		    }

		    .n1menuImg
			{
			    width:80px;
			    height:52px;
		    }
    		
		    .n1menuImgOver
		    {
			    width:106px;
			    height:65px;
		    }

		    .n1menutxt
		    {
			    margin:0;
		    }

		    .n1menutxtOver
		    {
			    margin:0;
			    margin-left:26px;
			    margin-right:0px;
		    }
    		
		    .imgN2
		    {
		        height:52px;
		        background-position:center center;
		        cursor:pointer;
		    }

    .n4
    {
        float:left;
        text-align:center;
        border-left:solid 1px #FFFFFF;
        height:100px;
        background-color:#FFFFFF;
    }

    .n4haut
    {
        padding-top:10px;
        background-color:#04368B;
        color:#FFFFFF;
        height:70px;
    }

    .n4bas
    {
        background-image:url(../images/Fleche-AT_GdC.jpg);
        background-repeat:no-repeat;
        background-position:center top;
        background-color:#cbcce1;
        padding-top:25px;  
        color:#04368B;
        height:40px;
    }
    		
    .n5Light
    {
        margin-top:10px;
        float:left;
    }

    .n5LightFilet
    {
        background-image:url(../images/puce-bulle.jpg);
        background-repeat:repeat-y;
        background-position:center;
        height:68px;
    }

    .n5LightHaut
    {
        padding-top:10px;
        background-color:#04368B;
        color:#FFFFFF;
        height:45px;
    }

    .n5LightSchema
    {
        background-image:url(../images/Fleche-AT_GdC.jpg);
        background-repeat:no-repeat;
        background-position:top center;
        background-color:#cbcce1;
        color:#04368B;
        padding-top:50px;
        height:150px;
    }

    .n5LightBas
	{
        background-color:#cbcce1;
        color:#04368B;
        height:40px;
    }

    .n5LightBas a
	{
        text-decoration:none;
        color:#04368B;
    }


    .n5
	{
    }

    #navBas
	{
    }

    .navBasItem
	{
        margin-left:1px;
        float:left;
        width:122px;
        height:35px;
        background-color:#cbcce1;
        color:#FFFFFF;
        text-align:center;
        padding-top:5px;
		cursor:pointer;
    }
    .navBasItem a
	{
        color:#FFFFFF;
        text-decoration:none;
    }


    .navBasItem:hover
    {
        background-color:#04368B;
        cursor:pointer;
    }


    .navBasItemSel
    {
        cursor:pointer;
		margin-left:1px;
        float:left;
        width:122px;
        height:35px;
        background-color:#04368B;
        color:#FFFFFF;
        text-align:center;
        padding-top:5px;
    }

    .navBasItemSel a
    {
        color:#FFFFFF;
        text-decoration:none;
    }


    #schema
    {
        float:left;
        width:575px;
    }

    #detail
	{
		padding:2px;
		background-color:#EEEEEE;
		float:left;
        width:255px;
		text-align:justify;
        margin-left:10px;
		overflow-y:auto;
		overflow-x:hidden;
		height:400px;
    }

    #detailSel
	{
		text-align:justify;
		width:235px;
    }
	
    #detail a, #detailSel a
	{
		text-decoration:none;
		color:#04368B;
    }
	
    #produits
    {
        width:240px;
        float:left;
        margin-bottom:15px;
    }

    .prod
    {
        width:118px;
        float:left;
        margin:1px;
    }
    		
    #pied 
    {
	    width: 980px;
	    margin: 0 auto; 
	    text-align:center;
    }
    
    #pied a
    {
        text-decoration:none;
        color:#000000;
    }
	
	#principe
	{
		float:left;
		width:400px;
		margin-right:10px;
	}
	
	#critere
	{
		float:left;
		width:300px;
	}	
	
	#environnement a
	{
		text-decoration:none;
		color:#04368B;
	}
	
    img, div { behavior: url(../css/iepngfix.htc) }
    /* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc) } */