@charset "UTF-8";


/* pour générer des font trop d'la balle			*/
/* http://www.fontsquirrel.com/fontface/generator	*/

@font-face {
    font-family: 'Bank';
    src: url('../fonts/bank_gothic_light_bt-webfont.eot');
    src: url('../fonts/bank_gothic_light_bt-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/bank_gothic_light_bt-webfont.woff') format('woff'),
         url('../fonts/bank_gothic_light_bt-webfont.ttf') format('truetype'),
         url('../fonts/bank_gothic_light_bt-webfont.svg#Bank') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen { body { font-family: Tahoma, Geneva, sans-serif; } }
@media print { body { font-family: Tahoma, Geneva, sans-serif; } }


@media screen {
	body { 
		margin: 0;
        padding: 0;
		font-size: 62.5%; text-align: center;
		/*background: #575757 url(../images/fondSite.png) repeat-x left top;*/
		background : white;		
	}
	
	#global { 
		position: relative;
		width : 940px;
		height: 650px;
		margin : 0 auto;
		padding : 0 10px;
		font-size: 1em;
		text-align: left; 
		background: url(../images/fondPage.png) no-repeat center bottom;
	}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	a {outline : none;} /*Bye bye les pointillés !!!!*/
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
	   position : absolute;
	   top : 0;
	   left : 10px;
       height : 140px;
       width : 940px;
       background : url(../images/header.jpg) no-repeat left top;
    }
    
	#entete h1 {
        margin : 0;
        padding : 0;
    }
    
	#entete h1 a {
        position : absolute;
        top : 22px;
        left : 20px
        display : block;
        width : 103px;
        height : 118px;
    }
	
    #entete h2 { margin : 0; padding : 0; }
    
    .vide { position : relative; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
	    position : relative;
	    float : right;
        width : 680px;
        height : 420px;
        margin : 140px 0 0 0;
        padding : 0 20px 0 0;
        overflow : auto;
    }
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	
	#colGauche {
        position : fixed;
        width : 200px;
		height : 235px;
        margin : 0 0 0 -240px;
        padding : 10px;
        background : url(../images/fondColonneGauche.png) repeat left top;
    }
	
	#colGauche h1#con_libelle {
		width : 150px;
        margin: 0 0 0 50px;
		text-align : right;
        font-family : 'Bank';
        font-size: 2.1em;
        font-weight: normal;
        color: white;
        border-bottom : 1px solid white;
    }
    
    #colGauche ul { 
        width : 200px;
        margin : 20px 0 0 0;
        padding : 0;
        list-style : inside;
    }
    
    #colGauche ul a {
        text-decoration : none;
        font-family : 'Bank';
        font-size : 1.3em;
        color : black;
    }
    
    #colGauche ul a:hover {
        text-decoration : underline;
        color : #505050;
    }
	
	#colGauche #guillemet1,
    #colGauche #guillemet2 {
        display : block;
        width : 54px;
        height : 34px;
    }
    
    #colGauche #guillemet1 {
        position : absolute;
        top : 0;
        left : 0;
        background : url(../images/guillemet1.png) no-repeat left top;
    }
    
    #colGauche #guillemet2 {
        position : absolute;
        right : 0;
        bottom : 0;
        background : url(../images/guillemet2.png) no-repeat right bottom;
    }
    
	#matieres_plastiques {
		position : fixed ;
		width : 210px;
		height : 150px;
		margin : 260px 0 0 -230px;
	}
    
    #matieres_plastiques h3 {
        font-family : 'Bank';
        font-weight : normal;
        font-size : 1.4em;
        margin : 0;
        padding : 0;
        color : #0090d0;
        
    }
    
    #matieres_plastiques ul {
        width : 175px;
        height : 120px;
        margin : 8px 0 0 10px;
        padding : 0;
        overflow : auto;      
    }
    
    #matieres_plastiques ul li {
        clear : right;
        padding : 1px 0 2px 0;
		list-style : none;
    }
    
    #matieres_plastiques ul li a {
        float : right;
        display : block;
        width : 140px;
        height : 16px;
        text-decoration : none;
        color : black;
        line-height : 16px;
        background : url(../images/pictoPDF.png) no-repeat right top;
    }
    
    #matieres_plastiques ul li a:hover {
        color : #0074a7;
        text-decoration : underline;
    }
    
    #matieres_plastiques ul li a span.filetexte,
    #matieres_plastiques ul li a span.poids {
        position : absolute;
        top : 0;
        left : -999em;
    }
	
	#con_chapeau,
    #con_descriptif h1,
	#con_descriptif h2,
	#con_descriptif h3,
	#con_descriptif h4,
	#con_descriptif h5,
    #con_descriptif ul,
	#con_descriptif ol,
    #con_descriptif p { width : 430px;}
    
    #con_descriptif {
        font-size: 1.1em;
        line-height: 1.6em;
    }
	
	#con_chapeau {
        font-size: 1.4em;
        line-height: 1.3em;
        text-align: justify;
        color: #666;
    }
    
    #map { margin-top : 20px; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1,
	#con_descriptif h2,
	#con_descriptif h3,
	#con_descriptif h4,
	#con_descriptif h5 {
        margin: 1.5em 0 1em 0;
        font-family : 'Bank';
        font-weight: normal;
        color: black;
        border-bottom : 1px solid black;
    }
    
    #con_descriptif h1 a,
	#con_descriptif h2 a,
	#con_descriptif h3 a,
	#con_descriptif h4 a,
	#con_descriptif h5 a { color : black; }
	
	#con_descriptif h1 { font-size: 2.4em; }
	#con_descriptif h2 { font-size: 2.2em; }
	#con_descriptif h3 { font-size: 2em; }
	#con_descriptif h4 { font-size: 1.8em; }
	#con_descriptif h5 { font-size: 1.6em; }
	/*---------- paragraphes ----------*/
	#con_descriptif h1 + p,
	#con_descriptif h2 + p,
	#con_descriptif h3 + p,
	#con_descriptif h4 + p,
	#con_descriptif h5 + p { margin-top: 0.3em; }
	/*---------- citations ----------*/
	#con_descriptif blockquote {
		font-style: italic; color: #666; font-size: 1.2em;
	}
	/*---------- listes ----------*/
	#con_descriptif ul,
	#con_descriptif ol {
        margin: 1.5em 0;
        padding: 10px;
        list-style-position: inside;
    }
    
    #con_descriptif ul ul { margin : 0; padding : 10px;}
    
	#con_descriptif ul li {
        /*list-style-image: url(../images/puce.png);*/
		list-style : disc;
        list-style-position: outside;
        margin-left : 20px;
    }
	#con_descriptif ol li { }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a { color : #0090d0; }
	#con_descriptif a:hover { color : #303030; }
	/*---------- images ----------*/
	#con_descriptif .englobantimage { display: inline-table; margin: 0.2em;  }
	#con_descriptif .imageright { /*float: right; margin-left: 10px;*/ position : absolute; right : 10px; }
	#con_descriptif .imageleft { float: left; margin-right: 10px; }
	#con_descriptif img { border: 2px solid white; }
	#con_descriptif .englobantimage dfn {
		display: block;
		font-size: 0.8em;
        font-style: normal;
        color: #666; 
	}
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#con_descriptif hr { 
		clear: both;
        height: 1px;
		background: none;
        border: 0; 
	}
	/*---------- fichiers en téléchargement ----------*/
	#con_descriptif .fichiers {
		display: block;
		padding: 0.3em 0 0.3em 1em;
		border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		/*background: url(../images/puce-ul.png) no-repeat left center;*/
	}
	#con_descriptif .fichiers a { text-decoration: none; }
	#con_descriptif .fichiers a:hover { color: #333; }
	
	#con_descriptif em {
        display : block;
        padding : 10px;
        font-style : normal;
        font-weight : bold;
        font-size : 1.2em;
    }
    
    #con_descriptif em a { color : #0090d0; }
    #con_descriptif em a:hover { text-decoration : underline; }
	
	#galerieProduit { width : 150px; }
    
    #galerieProduit ul {
        margin : 0;
        padding : 0;
        list-style : none;
    }
    
    #galerieProduit + #con_descriptif {
        float : left;
        width : 550px;
    }
    
    #galerieProduit {
        float : right;
        width : 100px;
        margin-top : 15px;
    }
    
    #galerieProduit ul a img {
        border : 2px solid white;
        box-shadow : 0 0 5px rgba(0,0,0,0.5);
    }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { clear: both; }
	
	#contenu .menu_arbo h3 {
		margin: 0.5em 0;
		font-weight: normal;
		color: #444;
		font-size: 1.7em;
	}
	
	#contenu .menu_arbo ul {
	    position : relative;
		margin: 0 0 10px 0;
		padding: 0;
		list-style: none;
	}
	
	#contenu .menu_arbo li {
	    position : relative;
		margin: 10px 0 0 0;
		padding: 0;
		border: 1px solid #0074a7;
	}
	
	#contenu .menu_arbo li a {
	    position : relative;
		margin: 0;
		padding: 0.5em;
		display: block;
		color: black;
		font-size : 1.1em;
		text-decoration: none;
		overflow: hidden;
	}
	
	#contenu .menu_arbo li a:hover { background: white; }
	
	#contenu .menu_arbo li a span span.conteneurImage {
		position: relative;
		float: left;
		display: block;
		width: 81px;
		height: 81px;
		margin: 0 10px 0 0;
		text-align: center;
		background: white;
	}
	
	#contenu .menu_arbo li a span span.bloc { display : block; }
	
	#contenu .menu_arbo li a span img {
		position: absolute;
		left: 50%;
		top: 50%;
		border: none;
	}
	
	#contenu .menu_arbo li a span span.conteneurImage + span.bloc { width : 480px;}
	
	#contenu .menu_arbo li a span strong {
		float : left;
		display : block;
		width : 565px; 
		margin: 0;
		padding: 0;
		font-size: 1.5em;
		font-family: 'Bank';
		font-weight : normal;
		text-transform: uppercase;
		color: #0074a7; 
	}
	
	#contenu .menu_arbo li a span span {
	   float : left;
       display : block;
	   margin: 0;
	   padding: 0;
	}
	
	/*SHOWCASE*/
	
	#galerieAnimee {
		float : right; 
        width : 210px;
        margin : 10px 10px 0 0; 
    }
	
	#galerieAnimee .scroller {
		position : relative; 
		float : right; 
		width : 210px;
        height : 210px;
        overflow: hidden; 
	}
	#galerieAnimee ul#content { 
		position: absolute; top: 0; left: 0;
		margin: 0; padding: 0; list-style: none; width: 100000em; height: 210px;
	}
	#galerieAnimee ul#content li { position: relative; overflow:hidden; float:left; display: block; width: 210px; height: 210px; }
	#galerieAnimee ul#content img { 
		position: absolute; top: 50%; left: 50%; 
		border : 2px solid white; 
	}	
	
	#controls,
	#vignette_galerie_photo {
		clear: both;
		position: relative;  
        margin : 0;
		padding: 10px 0 0 0;
		list-style: none;
    }
    
    ul#controls li {
		float : left;
		margin : 2px 8px;
	}
    
    ul#controls img {
        border : 2px solid white;
        box-shadow : 0 0 5px rgba(0,0,0,0.5);
    }
	
    ul#controls .active img { border-color: #a5e326; }
	
	ul#galerie_photo {
		margin : 0;
		padding : 0;
		list-style : none;
	}
    
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {
        position: absolute;
        top: 105px;
        right : 10px;
    }
	
	#menu_menuprincipal h3 {
        position : absolute;
        top : 0;
        left : -999em;
    }
    	
	#menu_menuprincipal ul {   
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    	
	#menu_menuprincipal li {
        float: left; display: inline;
        margin : 0;
        padding : 0 12px;
        border-top : 1px solid white;
        border-left : 1px solid #36aadd;
    }
    
    #menu_menuprincipal li:first-child { border-left : none; }
    	
	#menu_menuprincipal a {
		display: block;
		text-transform : uppercase;
		text-decoration : none;
        font-family : 'Bank';
		font-size: 1.4em;
		color : #0074a7;
	}
	
	#menu_menuprincipal a.lienActif {  }
	
	#menu_menuprincipal li:hover {
	    border-top : 1px solid #36aadd;
        background: #cce9f6; }
	
	#menu_menuprincipal span {}
	
	#menu_menuprincipal ul ul {
		position: absolute;
        top: 13px;
        left: -999em;
        max-width : 30em;
		margin :  0 0 0 -13px;
		padding : 10px 0 5px 0;
		border-left : 1px solid #36aadd;
		border-right : 1px solid #36aadd;
		border-bottom : 1px solid #36aadd; 
		background: white url(../images/fondSsMenu.png) repeat-x left top;
	}
    	
	#menu_menuprincipal li:hover ul { left: auto; }
    	
	#menu_menuprincipal ul ul li {
        float: none;
        display: list-item;
        margin: 2px 0;
        border : none;
    }
    
    #menu_menuprincipal ul ul li:hover { border : none; }
    	
	#menu_menuprincipal ul ul a {
		display: block;
        height: auto;
		font-size: 1.4em;
		background: none;
	}
    	
	#menu_menuprincipal ul ul a:hover { text-decoration : underline; }
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#footer {
		clear: both;
        position: relative;
        width : 940px;
        height : 81px;
        overflow : hidden;
        background : url(../images/fondFooter.png) repeat-x left bottom; 
	}
	
	#footer h3 {
        position : absolute;
        top : 0;
        left : -999em;
    }
    	
	#footer ul {
        margin : 0;
        padding : 0;
        list-style : none;
    }
    
    #footer #menu_menupieddepage ul {
        position : absolute;
        bottom : 2px;
        left : 615px;
    }
    
    #footer #menu_menupieddepage li {}
    
    #footer #menu_menupieddepage li a {
        text-decoration : none;
        color : #0074a7; 
    }
	
	#footer ul#logos {
		position : absolute;
		left : 690px;
		top : 20px;
	}
	
	#footer ul#logos li {
		float : left;
		margin : 0 2px;
	}
	
	#footer ul#logos li span.chaudroplast{
		display : block;
		width : 60px;
		height : 55px;
		background : url(../images/logoChaudroPlast.png) no-repeat left top;
	}
	
	#footer ul#logos li span.gpic{
		display : block;
		width : 50px;
		height : 55px;
		background : url(../images/logoGPIC.png) no-repeat left top;
	}
	
	#footer ul#logos li span span {
		position : absolute;
		top : 0;
		left : -999em;
	}
    
    #footer #menu_menupieddepage li a:hover { text-decoration : underline; }
	
	#footer #menu_menuboutons li {
        position : absolute;
        bottom : 0;
        right : 0;
    }
    
    #footer #menu_menuboutons li.numero_1 { left : 0; }
    
    #footer #menu_menuboutons li a {
        display : block;
        width : 120px;
        height : 41px;
        padding-top : 40px;
        text-align : center;
        text-decoration : none;
        font-family : 'Bank';
        font-size : 1.4em;
        color : #0074a7;
        background : url(../images/bouton2.png) no-repeat 0 0;
    }
    
    #footer #menu_menuboutons li a:hover {
        color : #a4e427;
        background-position : 0 -81px;
    }
    
    #footer #menu_menuboutons li.numero_1 a {
        height : 36px;
        padding-top : 45px;
        font-size : 1.8em;
        background : url(../images/bouton1.png) no-repeat 0 0;
    }
    
    #footer #menu_menuboutons li.numero_1 a:hover { background-position : 0 -81px; }
	
	#footer .vcard {
        position : absolute;
        bottom : 2px;
        left : 130px;
        color : #0074a7;
    }
    
    #footer .vcard .fn {
        display : block;
        font-weight : bold;
    }
	
}

@media print {
}


/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {}
	p#p_rech_input_rechercheGenerique,
	p#p_rech_btn_rechercheGenerique {
		position: absolute; top: 0; margin: 0; height: 26px;
	}
	p#p_rech_input_rechercheGenerique { 
		left: 0; width: 124px; height: 26px;
		background: red;
	}
	p#p_rech_btn_rechercheGenerique { left: 124px; }
	input#recherche_rechercheGenerique,
	input#btnrecherche_rechercheGenerique {
		position: absolute; top: 0; left: 0; 
		border: none; margin: 0; padding: 0; height: 26px; line-height: 26px;
		font-size: 1em;
	}
	input#recherche_rechercheGenerique { 
		padding: 5px; width: 114px; height: 16px; line-height: 16px;
		background: none;
	}
	input#btnrecherche_rechercheGenerique { 
		width: 32px; cursor: pointer;
		background: green;
	}
	input#btnrecherche_rechercheGenerique:hover {
		color: yellow;
	}
	
	/* résultat de recherche */
	h2.recherche { 
		margin: 1em 0 0 0; padding: 0 0.5em; 
		color: black; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #bed600;
	}
	h3.recherche { 
		margin: 0; padding: 0 0.5em;
		color: #666; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #d8e761; border-left: 1px solid #bed600; border-right: 1px solid #bed600;
	}
	ul.recherche { margin: 0; padding: 1em; list-style: none; border: 1px solid #bed600; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid #d8e761; }
	ul.recherche li.paire { background: white; }
	ul.recherche li.impaire { background: #f8fcee; }
	ul.recherche li:hover { background: #ecede6; }
	ul.recherche li a { display: block; font-size: 1.2em; color: black; text-decoration: none; }
	ul.recherche li a:hover {}
	
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche {
		position: relative; clear: both; margin: 2em 0; padding: 0 0.5em; width: 100%; height: 16px; line-height: 16px;
		background: #bed600 url(../images/puce-retour.png) no-repeat left center;
	}
	p.retour_recherche a { 
		color: white; font-size: 1.1em; font-weight: bold; display: block;
		text-transform: uppercase; text-decoration: none; text-align: center;
	}
	p.retour_recherche a:hover { color: #efefef; } 
	p.retour_recherche span { }
	
	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
}