@charset "UTF-8";

@media screen{

    #global #contenu {
	    float : left;
        width : 940px;
        height : 420px;
        margin : 140px 0 0 0;
        overflow : hidden;
    }

    #con_libelle,
    #con_optionchar {
        position : absolute;
        top : 0;
        left : -999em;
    }

    #con_descriptif {
        position : relative;
        float : left;
        width : 200px;
        margin : 0 20px 0 0;
        padding : 10px;
        background : url(../images/fondColonneGauche.png) repeat left top;
    }
    
    #con_descriptif #guillemet1,
    #con_descriptif #guillemet2 {
        display : block;
        width : 54px;
        height : 34px;
    }
    
    #con_descriptif #guillemet1 {
        position : absolute;
        top : 0;
        left : 0;
        background : url(../images/guillemet1.png) no-repeat left top;
    }
    
    #con_descriptif #guillemet2 {
        position : absolute;
        right : 0;
        bottom : 0;
        background : url(../images/guillemet2.png) no-repeat right bottom;
    }
    
    #con_descriptif p {
        width : 160px;
        margin : 0;
        padding : 25px 20px;
        font-size : 1.2em;
        line-height : 1.4em;
    }    

    h3#titreAccueil {
        font-size : 1em; font-size : 1.2em;
        text-transform : uppercase;
        margin : 0;
        padding : 0;
    }

    #con_descriptif_2 {
        float : left;
        width : 380px;
        font-size: 1.1em;
        line-height: 1.6em;
    }
    
    #con_descriptif_2 p {
        margin : 10px 0 0 0;
        padding : 0;
    }
    
    #con_descriptif_2 ul {
        margin : 0;
        padding : 0;
        list-style-image : url(../images/puce.png);
    }
    
    #con_descriptif_2 ul li {  margin-left : 20px; }
    
    #con_descriptif_2 strong { color : black; }
    
    #con_descriptif_2 a { color : #0090d0; }
    
    #con_descriptif_2 a strong { color : inherit; }
    
    #con_descriptif_2 a:hover { color : #303030; } 
    #con_descriptif_2 a strong:hover { color : #303030; }
	
	/*SHOWCASE*********************************************************************************/
	
	#galerieAccueil {
		float : right; 
        width : 293px;
        height : 260px;
        margin : 10px 10px 0 0;
    }
	
	#galerieAccueil .scroller {
		position : relative; 
		float : right; 
		width : 210px;
        height : 210px;
        overflow: hidden;
	}
	#galerieAccueil ul#content { 
		position: absolute; top: 0; left: 0;
		margin: 0; padding: 0; list-style: none; width: 100000em; height: 210px;
	}
	#galerieAccueil ul#content li { position: relative; overflow:hidden; float:left; display: block; width: 210px; height: 210px; }
	#galerieAccueil ul#content img { 
		position: absolute; top: 50%; left: 50%; 
		border : 2px solid white; 
	}	
	
	#galerieAccueil #controls,
	#galerieAccueil #vignette_galerie_photo {
		clear : none;
		position: relative;  
		float : left;
        margin : 0 0 0 10px;
		padding: 0;
		list-style: none;
    }
    
    #galerieAccueil ul#controls li { float : none; margin-top : 5px; }
    
    #galerieAccueil ul#controls img {
        border : 2px solid white;
        box-shadow : 0 0 5px rgba(0,0,0,0.5);
    }
	
    #galerieAccueil ul#controls .active img { border-color: #a5e326; }
	
    #partie_basse {
        position : absolute;
        bottom : 0;
        left : 320px;
        width : 615px;
    }
    
    #partie_basse #menu_menublocsaccueil {
        float : left;
        position : relative;
        width : 220px;
        height : 140px;
    }
    
    #partie_basse #menu_menublocsaccueil h3 {
        position : absolute;
        top : 50%;
        left : 50%;
        width : 124px;
        height : 64px;
        margin : -40px 0 0 -62px;
        padding : 15px 0 0 0;
        text-align : center;
        font-size : 1em; font-size : 1.2em;
        font-family : 'Bank';
        font-weight : normal;
        color : white;
        background : url(../images/MenuBlocAccueil1.png) no-repeat left top;
        z-index : 10;
    }
    
    #partie_basse #menu_menublocsaccueil ul {
        margin : 0;
        padding : 0;
        list-style : none;
    }
    
    #partie_basse #menu_menublocsaccueil ul li {
        display : block;
        width : 105px;
        height : 65px;
        text-align : center;
        background : url(../images/MenuBlocAccueil2.png) no-repeat center center;
    }
    
    #partie_basse #menu_menublocsaccueil ul li:hover { z-index : 20; }
    
    #partie_basse #menu_menublocsaccueil ul li.numero_1 { position : absolute; top : 0; left : 0; }
    #partie_basse #menu_menublocsaccueil ul li.numero_2 { position : absolute; top : 0; right : 0; }
    #partie_basse #menu_menublocsaccueil ul li.numero_3 { position : absolute; bottom : 0; left : 0; }
    #partie_basse #menu_menublocsaccueil ul li.numero_4 { position : absolute; bottom : 0; right : 0; }
    
    #partie_basse #menu_menublocsaccueil ul li a {
        display : block;
        width : 85px;
        height : 47px;
        padding : 22px 10px 0 10px;
        text-decoration : none;
        font-size : 1.2em;
        line-height : 0.8em;
        font-family : 'Bank';
        color : white;
    }
    
    #partie_basse #menu_menublocsaccueil ul li.numero_3 a,
    #partie_basse #menu_menublocsaccueil ul li.numero_4 a { height : 41px; padding-top : 28px; }
    
    #partie_basse #menu_menublocsaccueil ul li a:hover { color : #a4e427; }
    
    #partie_basse ul#galerie_caractACCUEIL_GALERIE {
        float : right;
        width : 300px;
        margin : 40px 0 0 30px;
        padding : 0;
        list-style : none;
    }
    
    #partie_basse ul#galerie_caractACCUEIL_GALERIE li a {
        display : block;
        width : 298px;
        height : 48px;
        background : url(../images/boutonPlaquette.png) no-repeat left top;
    }
    
    #partie_basse ul#galerie_caractACCUEIL_GALERIE li a img { display : none; }
	
	#matieres_plastiques { margin : 245px 0 0 10px; }

}