html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
background-color : #eee;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
}

/* CONTENEUR */

#content{
width:750px;
height:100%;
background-image : url(images/bg2.gif);
background-color : #fff;
margin-left:auto;
margin-right:auto;
text-align : left}
html>body #content {height : auto; min-height : 100%}



/* HAUT ET IMAGES EXPOSITION */

.haut {
width : 100% ; 
height : 55px ; 
background-image : url(images/haut3.jpg) ; 
border-top : 1px solid #fff}


.img_logo {float : left ; margin-top : 5px ; border : 0}


.expo{
width : 750px ; 
height :250px ; 
background-image : url(expo/expo_013.jpg); 
margin-top : 3px}

.img_portofolio {margin-top : 5px ; float : left}

 /* LIENS */

a {color:#788D9F; text-decoration:none;} 
a:hover {color:#ccc; text-decoration:none;} 

a.class4 {color:#294258; text-decoration:none;} 
a:hover.class4 {color:#ccc; text-decoration:none; }

a.class5 {color:#294258; text-decoration : underline} 
a:hover.class5 {color:#ccc; text-decoration : underline}  
  
a.class6 {color:#788D9F; text-decoration:none; font-size : 10px} 
a:hover.class6 {color:#ccc; text-decoration:none; }

a.class10 {color:#788D9F;  text-decoration : underline} 
a:hover.class10 {color:#ccc;  text-decoration : underline}    
 
 /* PARAGRAPHES */
  
h1 {
margin : 0 ; 
padding : 0 ; 
font-size : 12px; }
  
p {
margin : 10px 0 0 30px ; 
padding : 0 ; 
color : #8E8E8E}
.no_top {margin-top : 0px}
.top {margin-top : 20px}
  
  
.menu_haut {
margin-top : 32px ; 
margin-left : 630px ; 
font-size : 8px}

.para_website_titre {
margin : 0 ; 
padding : 0 0 0 5px; 
color : #8E8E8E ; 
background-image : url(images/no.gif) ; 
background-position : left ;
background-repeat : no-repeat; }

.para_website {
margin : 0 ; 
padding : 0 ; 
color : #8E8E8E ; 
background-image : url(images/flechette.gif) ; 
background-position : left ;
background-repeat : no-repeat; padding-left : 15px}
	
.para_website_top {
margin : 10px 0 0 0;  
padding : 0 0 0 15px; 
color : #8E8E8E;
background-image : url(images/flechette.gif) ; 
background-position : left ;
background-repeat : no-repeat; }
	 
.para_italic {font-style : italic}



/* SPACER */
  
.spacer {clear : both ; height : 30px}
.spacer2 {clear : both ; height : 13px}
.spacer3 {clear : both ; height : 13px; background-image : url(images/separateur.jpg); margin-top : 20px}
.spacer4 {clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :5px}
.spacer5 {clear : both ; height : 20px}
.spacer6 {clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :10px; width : 300px}
 
 /* GENERALITE DES MENUS */

ul {
list-style : none; 
margin : -3px 0 0 0 ; 
padding : 0 0 0 0; 
text-align : left;  
float : left; 
font-size : 9px ; 
background-color : transparent; }

li {
list-style : none; 
margin :0 ; 
padding : 10px 5px 0 5px ;
background-image : url(images/ligne4.jpg) ; 
background-repeat : no-repeat;  }


 /* MENUS PADDING GENERAL */




 /* MENUS PADDING 100 */
 


.class1 {
padding-left : 40px ; }


.class2 {
padding-left : 40px; 
width : 100%}


.class3 {
padding-left : 27px; 
background-image : url(images/no.jpg) ; 
background-repeat : no-repeat; }

 .class_textil {padding-left : 40px; width : 120px}
 
 .ul_taille {width : 130px; }
 
  .ul_taille_002 {width : 155px}
    .ul_taille_003 {width : 170px} 
 
 
 /* IMAGE SOL TECH PAGE INDEX */
 
.img_sol_tech {margin-top : 0px}
 
 
 /* IMAGES DU HAUT DES MENU POUR PAS DE LIGNES */





/* MENU TECHNO */

.techno {margin-left : 20px ; margin-top : 5px}
.img_techno {padding-left : 40px; width : 255px}


/* MENU PROMOPACK */


.promopack {padding-left : 40px; width : 420px}

/* MENU TEXTIL */





 /* TEXT_INTRO */
 
 .englobe_texte {
 float : left ; 
 width : 430px; 
 background-color : transparent;
 text-align : justify}


 

  
  

  
      /* LOGO*/
  
  .logo{float : left}
  
        
		/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE WEBSITE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
  
  .expo_sites {
  float : left ; 
  margin-top : 40px ; 
  margin-left : 60px ; 
  background-color :transparent ; 
  width : 474px}
  
  /* MENU TECHNO */

.website_site {margin-left : 20px}
.pad_website_site{padding-left : 40px; width : 170px}

.ul_website {margin-top : 30px ; float : left ; color : #ccc}

.img_pfb {margin-left : 50px}

		/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE bannieres xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
  
  .expo_bannieres {
  float : left ; 
  margin-top : 140px ; 
  margin-left : 40px ; 
  background-color : transparent ; 
  width : 474px}
  
.para_bannieres {width : 370px ; text-align : justify ; }
.para_bannieres2 {margin-top : 0 ;text-align : justify ;}
.para_bannieres3 {margin-top : 0 ; width : 220px ; text-align : justify ; margin-left : 30px}
.para_titre_bannieres {margin : 10px 0 0 0 ; padding : 0 ; color : #8E8E8E}
.para_go_ban {margin : 150px 0 0 300px ; padding : 0 ; color : #8E8E8E}


.tarif_bannieres {margin-top : 20px}

.bloc_tarifs_bannieres_001 {float : left ; margin-top : 20px ; width : 250px ; }
.bloc_tarifs_bannieres_002 {float : left;  margin-top : 20px ; width : 220px ; }
.bloc_tarifs_bannieres_003 {float : left }

.img_portofolio_bannieres {margin-left : 300px ; margin-top : 150px ; }
.img_portban {margin-top : 40px ; margin-left : 27px}
.img_colisea {margin-top : 10px ; margin-left : 27px ; border : none}
.img_colisea2 {margin-top : 10px ; margin-left : 27px ; border : 1px solid #f3f3f3}

	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE e-cards xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.englobe_texte_ecard { 
 float : left ; 
 width : 250px; 
 background-color : transparent;
 text-align : justify}
  .expo_ecards {
  float : left ; 
  margin-top : 10px ; 
  margin-left : 40px ; 
  background-color : transparent ; }
  
  .img_ecards {margin-top : 40px ; margin-left : 22px}
    .img_tarification_ecard {margin-top : 110px ; margin-left : 0}
	
		/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE logo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.englobe_texte_logo { 
 float : left ; 
 width : 360px; 
 background-color : transparent;
 text-align : justify}
  .expo_logo {
  float : left ; 
  margin-top : 40px ; 
  margin-left : 80px ; 
  background-color : transparent ; }
  
  .img_illu_logo {margin-left : 27px; margin-top : 40px}
  .img_ligne_tarifs_logo{ margin-top : 40px}
   .img_logo_logo1 {float : left; margin-left : 110px}
  .img_logo_logo {float : left; margin-left : 20px}
  .img_logo_def {margin-left : 15px ; float : left}
  
  .para_logo {float : left ; margin-left : 120px ; width : 300px}
  
  		/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE MASCOTTE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.englobe_texte_mascotte { 
 float : left ; 
 width : 360px; 
 background-color : transparent;
 text-align : justify}
  .expo_mascotte{
  float : left ; 
  margin-top : 40px ; 
  margin-left :20px ; 
  background-color : transparent ; }
  
   		/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CARTE DE VISTE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ 
  .para_carte_vis2 {background-color : #F9F9F9; margin : 0 0 0 0 ; padding : 5px 0 0 30px ; color : #8E8E8E ; height : 20px}
  .para_carte_vis {background-color : #fff; margin : 0 0 0 0 ; padding : 5px 0 0 30px ; color : #8E8E8E; height : 20px}
  
  .carte {float : left ; width : 270px}
    .carte2 {float : left ; width : 160px}
	
	.img_carte_impressions {margin-top : 40px}
	
	.img_up {border : 0; float : right ; margin-right : 40px}
	
	
   .spacer_carte{clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :0px; width : 270px}
    .spacer_carte2{clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :0px; width : 160px}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx AFFICHES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ 

.para_affiches {margin : 0  ; padding : 5px 0 0 30px ; color : #294258 ;}
.para_affiches2 {margin : 0  ; padding : 0 0 0 30px ; color : #294258 ; }
.affiches {float : left ; width : 220px}
.affiches2 {float : left ; width : 70px}
.affiches3 {float : left ; width : 110px}
  
.spacer_affiches{clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :0px; width : 220px}
.spacer_affiches2{clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :0px; width : 70px}
.spacer_affiches3{clear : both ; height : 15px; background-image : url(images/ligne.jpg); margin-top :0px; width : 110px}
	  
.para_affiches_vis2 {background-color : #F9F9F9; margin : 0 0 0 0 ; padding : 5px 0 0 30px ; color : #8E8E8E ; height : 20px ;}
.para_affiches_vis {background-color : #fff; margin : 0 0 0 0 ; padding : 5px 0 0 30px ; color : #8E8E8E; height : 20px ; }
.para_affiches_vis3{ margin : 0 0 0 0 ; padding : 5px 0 0 30px ; color : #8E8E8E ; height : 20px ; font-size : 9px}
.top_affiches {margin-top : 20px}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PROGRAMATION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ 

.para_prog {
margin : 10px 0 0 0  ; 
padding : 0 0 0 90px ; 
color : #9A9A9A ; 
background-image  : url(images/images/boot_prog.jpg);
background-repeat : no-repeat;
background-position : left;}
 
.para_notop {
margin-top : 0; width : 450px;
}

.para_540 {
width : 540px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PROmopack xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ 

.img_promopack {float : right; margin-right : 90px; margin-top : 40px}
.img_promopack2 {float : right; margin-right : 0; margin-top : 100px}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx LIENS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ 

.englobe_liens {
float : left ; 
width : 200px; 
margin-top : 20px}

.englobe_liens2 {
float : left;
 margin-left : 20px ;
  width : 200px; 
margin-top : 20px }


.englobe_liens3 {
float : left;
 margin-left : 20px ;

margin-top : 20px }