@charset "iso-8859-1";

		html, body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          background: #442C2A url('../img/fond_vide.jpg') repeat-x left top;
          color: #666666;
          font-family:  Verdana;
          font-size : 11px;
			 
			
          }
		div.thumbnail{
        	margin: 0;
			padding:2px 2px 1px 2px;
			border: 0px solid #FFFFFF;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			text-align : center;
		}
		
		a.thumbnail{
		text-decoration : none;
		color : #666666;
		}
		hr{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 1px;
		color: #FFF;
		background: #FFF;
		}
        hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
        border : 0px;
		border-top : 1px dotted #000 ;
        height : 0px;}
		img{/* Toute les bordures d'image enlevée en cas de liens */
		border: 0px solid #fff ;}
		img.rea{/* Toute les bordures d'image enlevée en cas de liens */
			float: left;
			padding : 3px 3px 3px 3px;
         	border : 1px solid #FFF;
         	height : 115px;
         	margin-right : 15px;}
		img.center{/* Centrage de l'image */
		display:block;
		text-align: center ;}
		img.right {/* Alignement de l'image a droite par rapport au texte */
		float: right;
		display: block;
		border: 0px solid #0A6CA3 ;
		margin-left: 5px;
        }
        img.down {/* Alignement de l'image a droite par rapport au texte */
		vertical-align: text-bottom; 
        }
        img.left {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-left: 25px;
		}
		img.filet {/* Alignement de l'image a droite par rapport au texte */
		display: block;
		border-top: 3px solid #CCCCCC ;
		border-bottom: 3px solid #CCCCCC ;

        }
		table,th,tr,td{/* Toutes les bordures de tableau enlevée en cas de tableau */

		border:0 ;}
		.right{
			float : right;
		}
		div.center{
			display : block;
			text-align : center;
		}
		#imgd1{
      		display: block;
			position : absolute;
			float: left;
			margin: 0;
			padding: 0;
			z-index:1000;
			top : 64px;
			left : 1px;
			width : 122px;
			height : 288px;
			
		}
		#imgd2{
      		display: block;
			position : absolute;
			float: left;
			margin: 0;
			padding: 0;
			z-index:1000;
			top : 22px;
			left : 147px;
			width : 201px;
			height : 159px;
			
		}
		#imgd3{
      		display: block;
			position : absolute;
			float: left;
			margin: 0;
			padding: 0;
			z-index:1000;
			top : 193px;
			left : 147px;
			width : 201px;
			height : 159px;
			
		}
		
		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
        span.red{
          color: #FE2A0F;
        }
        span.bleu{
          color: #0678B3;
		}
        span.orange{
          color: #FF9900;
		}
		.auto{
          overflow: auto;
		}
		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

		div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */
			display:block;
			position : relative;
			width: 975px;
			margin: 0 auto;
			padding: 0;
			min-height: 751px;
			background : #442C2A url('../img/fond.jpg') left top no-repeat;
			border: 0px solid #000000 ;
			

		}
		div#conteneur.acc{
		background : #442C2A url('../img/fond_vide.jpg') left top no-repeat;		
		}
		
		div#conteneur.imp{
		background : #442C2A url('../img/fond-grand-format.jpg') left top no-repeat;	
		}
		div#conteneur.eve{
		background : #442C2A url('../img/fond-objet-textile.jpg') left top no-repeat;	
		}
		div#conteneur.sup{
		background : #442C2A url('../img/fond-evenementiel.jpg') left top no-repeat;	
		}
		div#conteneur.ens{
		background : #442C2A url('../img/fond-ens.jpg') left top no-repeat;	
		}
		div#conteneur.dec{
		background : #442C2A url('../img/fond-imp.jpg') left top no-repeat;	
		}

		



		
		div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
	        display: block;

	        width : 975px;
	        height : 123px;
	        margin: 0;
	        padding: 0;
	        border: 0px #004A97 solid;
	        
	        
		}
		div#header h1{
			
				margin: 0;
			padding: 0;
			}

		

		div#header h1 a {
			display : block;
			float : left;

			width : 379px;
	        height : 113px;
			margin: 0;
			padding: 0;
			
			text-align : center;
			margin-top : 10px;
			margin-left : 20px;
			background : url('../img/logo.png') left top no-repeat;
		}
		 div#header h1 a.head2 {

			display : none;
		}

        
 
      	div#header h1 a span{
          display : none;
        }
        
        
        ul#menu {/* Formatage du menu */
            display: block;

            width : 685px;
			height : 27px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			padding-left : 290px;
			margin-top : 30px;
			margin-bottom : 30px;
			border : 0px solid #FFFFFF;
		}
		
		
        ul#menu li{
			padding : 0;
			margin : 0;
        	display : block;
        	float : left;
        	color : #FFFFFF;
			font-size: 12px;
			font-weight: bold ;
			
			margin-top : 7px;
			padding-right : 10px;
			margin-right : 10px;
			
		}
		li.bord{
			border-right : 1px solid #FFF;
		}

		ul#menu li a{
			padding : 0;
			margin : 0;
			float : left;
			text-decoration : none;
			display : block;
	        color : #FFFFFF;
			font-size: 14px;
			font-weight: normal ;


	
		}
        
		ul#service {/* Formatage du menu */
            display: block;

            width : 960px;
			height : 200px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			padding-left : 12px;
			border : 0px solid #FFFFFF;
		}
		
		
        ul#service li{
			padding : 0;
			margin : 0;
        	display : block;
        	float : left;
        	
		}
		ul#service li.marg{
		margin-right : 12px;
		}
        ul#service li a{
			
			padding : 0;
			margin : 0;
			text-decoration : none;
			display : block;

			color : #FFFFFF;
			font-size : 18px;
			font-weight: bold;
			
        }
        ul#service li a.lien1{
	        width: 180px;
	        height : 65px;
			text-align :center;
			padding-top : 135px;
	        background :  url('../img/bouton_acc1.png') no-repeat top left;
        }
        ul#service li a.lien1:hover{


        }
        ul#service li a.lien2{
	        width: 181px;
	        height : 65px;
	        text-align :center;
			padding-top : 135px;
	        
	        background : url('../img/bouton_acc2.png') no-repeat top left;
        }
        ul#service li a.lien2:hover{


        }
        ul#service li a.lien3{
	        width: 181px;
	        height : 65px;
	        text-align :center;
			padding-top : 135px;

	        background : url('../img/bouton_acc3.png') no-repeat top left;
        }
        ul#service li a.lien3:hover{


        }
        ul#service li a.lien4{
	        width: 180px;
	        height : 65px;
	        text-align :center;
			padding-top : 135px;
	        background : url('../img/bouton_acc4.png') no-repeat top left;
        }
        ul#service li a.lien4:hover{


        }
		ul#service li a.lien5{
	        width: 180px;
	        height : 55px;
	        text-align :center;
			padding-top : 145px;
	        background : url('../img/bouton_acc5.png') no-repeat top left;
        }
        ul#service li a.lien5:hover{


        }
 		
 		
 		ul#service2 {/* Formatage du menu */
            display: block;
           
            width : 960px;
			height : 126px;
			margin: 0;
			padding: 0;
			list-style-type: none ;
			padding-left : 12px;
			border : 0px solid #FFFFFF;
		}
		
		
        ul#service2 li{
			padding : 0;
			margin : 0;
        	display : block;
        	float : left;
        	
		}
		ul#service2 li.marg{
		margin-right : 12px;
		}
        ul#service2 li a{
			
			padding : 0;
			margin : 0;
			text-decoration : none;
			display : block;

			color : #FFFFFF;
			font-size : 18px;
			font-weight: bold;
			
        }
        ul#service2 li a.lien1{
	        width: 180px;
	        height : 46px;
			text-align :center;
			padding-top : 80px;
	        background :  url('../img/bouton_type_off1.png') no-repeat top left;
        }
        ul#service2 li a.lien1:hover{
			background :  url('../img/bouton_type_on1.png') no-repeat top left;

        }
        ul#service2 li a.on1{
			background :  url('../img/bouton_type_on1.png') no-repeat top left;

        }
        ul#service2 li a.lien2{
	        width: 181px;
	        height : 45px;
	        text-align :center;
			padding-top : 80px;
	        
	        background : url('../img/bouton_type_off2.png') no-repeat top left;
        }
        ul#service2 li a.lien2:hover{
			background :  url('../img/bouton_type_on2.png') no-repeat top left;

        }
        ul#service2 li a.on2{
			background :  url('../img/bouton_type_on2.png') no-repeat top left;

        }
        ul#service2 li a.lien3{
	        width: 181px;
	        height : 46px;
	        text-align :center;
			padding-top : 80px;

	        background : url('../img/bouton_type_off3.png') no-repeat top left;
        }
        ul#service2 li a.lien3:hover{
			background :  url('../img/bouton_type_on3.png') no-repeat top left;

        }
        ul#service2 li a.on3{
			background :  url('../img/bouton_type_on3.png') no-repeat top left;

        }
        ul#service2 li a.lien4{
	        width: 180px;
	        height : 46px;
	        text-align :center;
			padding-top : 80px;
	        background : url('../img/bouton_type_off4.png') no-repeat top left;
        }
        ul#service2 li a.lien4:hover{
			background :  url('../img/bouton_type_on4.png') no-repeat top left;

        }
        ul#service2 li a.on4{
			background :  url('../img/bouton_type_on4.png') no-repeat top left;

        }
		ul#service2 li a.lien5{
	        width: 180px;
	        height : 45px;
	        text-align :center;
			padding-top : 90px;
	        background : url('../img/bouton_type_off5.png') no-repeat top left;
        }
        ul#service2 li a.lien5:hover{
			background :  url('../img/bouton_type_on5.png') no-repeat top left;

        }
        ul#service2 li a.on5{
			background :  url('../img/bouton_type_on5.png') no-repeat top left;

        }
 		
			
       	div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			display:block;

			width: 975px;
			min-height : 438px;
			margin: 0;
			padding : 0;
			
			border : 0px solid #000;
			
		}
		div#conteneur.promos{
		background : #442C2A;	
		height: 780px;
		
		}
		div#conteneur.promos div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			
			
			height : 670px;
			
			
		}

		
      	img.transbox{
      filter:alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity:0.5;
  		}
        img:hover.transbox{
        filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity:1;
		
		}
		
        
      
        div#contenu div#centre{
			display: block;
			width: 975px;
			min-height: 300px;
			float : left;

			padding: 0;
			margin: 0;
			margin-top : 30px;
			
			margin-bottom : 10px;
			
			font-size: 12px;
			color: #FFF;
			font-weight: normal ;
			border : 0px solid #FFF;
      		}
		div#conteneur.promos div#contenu div#centre{
			text-align : center;
			height: 500px;
			
      		}
		div#contenu div#centre  a{
      		font-size: 12px;
			color: #FFF;
			font-weight: normal ;
			text-decoration : none;
      		}
  		div#contenu div#centre.grand{
			
			min-height: 365px;
			border : 0px solid #FFF;
      		}
	      	
      	div#contenu div#centre div.gauche{
      		display: block;

      		width: 410px;
      		min-height : 300px;
      		float:left;
			border-right : 1px solid #FFF;
			padding-left : 20px;
			padding-right : 10px;
			overflow:  auto;
      		}
      	div#contenu div#centre div.droite{
      		display: block;

      		width: 490px;
      		min-height : 300px;
			float:left;
			border : 0px solid #000;
			
			padding-left : 20px;
			padding-right : 10px;
			overflow:  auto;
      		}
      	div#contenu div#centre div.gauche2{
      		display: block;

      		width: 570px;
      		height : 365px;
      		float:left;
			border-right : 1px solid #FFF;
			padding-left : 0px;
			padding-right : 10px;
			overflow:  auto;
      		}
      	div#contenu div#centre div.gauche3{
      		display: block;
      		width: 975px;
      		height : 365px;
			padding-left : 0px;
			overflow:  auto;
      		}
		div#contenu div#centre div.gauche4{
      		display: block;
			float:left;
      		width: 440px;
      		height : 500px;
			margin-left : 40px;
			text-align : center;
			
      		}
		div#contenu div#centre div.droite4{
      		display: block;
			float:left;
      		width: 440px;
      		height : 500px;
			padding-left : 0px;
			text-align : center;
      		}
      	div#contenu div#centre div.droite2{
      		display: block;
			position: relative;
      		width: 360px;
      		height: 353px;
			float:left;
			border : 0px solid #000;
			
			margin-left : 20px;
			padding-right : 10px;
			overflow : auto;
			
      		}
      	div#contenu div#centre div.droite2 a{
      		font-size: 12px;
			color: #FFF;
			font-weight: normal ;
			text-decoration : none;
			vertical-align : top;
      		}
      	div#contenu div#centre div.droite2.orange{

			background : url('../img/fond-img.png') left top no-repeat;
      		}
		
		div#contenu div#centre div.droite2.bleu{

			background : url('../img/fond-img2.png') left top no-repeat;
      		}
		div#contenu div#centre div.droite2.marron{

			background : url('../img/fond-img3.png') left top no-repeat;
      		}
		div#contenu div#centre div.droite2.jaune{

			background : url('../img/fond-img4.png') left top no-repeat;
      		}
		div#contenu div#centre div.droite2.vert{

			background : url('../img/fond-img5.png') left top no-repeat;
      		}
			
      	div#contenu div#centre div.gauche2 div#text{
      		display: block;

			padding-left : 110px;

      		}
      	div#contenu div#centre div.gauche3 div#text{
      		display: block;

			padding-left : 110px;

      		}
      	
      	div#contenu div#centre h2{
      		display: block;
	        color : #FFF;
	        height : 30px;
			font-size: 20px;
			font-weight: normal ;
			
      		}
      	div#contenu div#centre h2.orange{
      		display: block;
	        color : #FFF;

			font-size: 20px;
			font-weight: normal ;
			background : url('../img/rect1.jpg') left center no-repeat;
			padding-left : 110px;
      		}
      		
      	div#contenu div#centre.orange h3{
	        color : #E8611D;
			font-size: 14px;
			font-weight: normal ;
			margin :0;
			padding : 0;
      		}
      	div#contenu div#centre h2.bleu{
      		display: block;
	        color : #FFF;

			font-size: 20px;
			font-weight: normal ;
			background : url('../img/rect2.jpg') left center no-repeat;
			padding-left : 110px;
      		}
      		
      	div#contenu div#centre.bleu h3{
	        color : #479EC2;
			font-size: 14px;
			font-weight: normal ;
			margin :0;
			padding : 0;
      		}
      	div#contenu div#centre h2.marron{
      		display: block;
	        color : #FFF;

			font-size: 20px;
			font-weight: normal ;
			background : url('../img/rect3.jpg') left center no-repeat;
			padding-left : 110px;
      		}
      		
      	div#contenu div#centre.marron h3{
	        color : #B87E38;
			font-size: 14px;
			font-weight: normal ;
			margin :0;
			padding : 0;
      		}
      	div#contenu div#centre h2.jaune{
      		display: block;
	        color : #FFF;

			font-size: 20px;
			font-weight: normal ;
			background : url('../img/rect4.jpg') left center no-repeat;
			padding-left : 110px;
      		}
      		
      	div#contenu div#centre.jaune h3{
	        color : #F7B90A;
			font-size: 14px;
			font-weight: normal ;
			margin :0;
			padding : 0;
      		}
      	div#contenu div#centre h2.vert{
      		display: block;
	        color : #FFF;

			font-size: 20px;
			font-weight: normal ;
			background : url('../img/rect5.jpg') left center no-repeat;
			padding-left : 110px;
      		}
      		
      	div#contenu div#centre.vert h3{
	        color : #7DB81B;
			font-size: 14px;
			font-weight: normal ;
			margin :0;
			padding : 0;
      		}
      	div#contenu div#centre a.suite{
      		
	        color : #7DB81B;
			font-size: 14px;
			font-weight: normal ;
			text-decoration : underline;
      		}
			
			
			
			
			
		div#contenu div#centre div#extra {

		display : block;
		background : white;
		width : 485px;
		margin-top : 20px;
		}		
			
		div#contenu div#centre div#extra  h3{
		background : #7DB81B;
		color : white;
		font-size : 18px;
		padding:4px 4px 4px 4px;
		margin:0;
		
		}
		
		div#contenu div#centre div#extra .extgauche a{
		color : #FE6000;
		}
		div#contenu div#centre div#extra .extgauche{
		
		width : 242px;
		float: left;
		
		color : #FE6000;
		padding-top : 15px;
		}
		
		div#contenu div#centre div#extra .extdroite a{
		color : black;
		}
		div#contenu div#centre div#extra .extdroite{
		width : 237px;
		float: left;
		color : black;
		border-left : 1px solid #7DB81B;
		padding-left : 5px;
		}
		
		div#pied{
	        display: block;
	        padding: 0;
			margin: 0;
			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
	        background : #7DB81B;
			text-align : center;
			padding-top : 10px;
			height : 27px;
			width: 975px;
      	}
      	
		div#pied a{

			font-size: 12px;
			font-weight: normal;
	        color : #FFF;
			text-decoration : none;
      	}

		#clear {/* Bloc qui maintient les autres a la meme hauteur */
			clear: both;

		}