@font-face {
    font-family: 'open_sanslight';
    src: url('polices/OpenSans-Light-webfont.eot');
    src: url('polices/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Light-webfont.woff') format('woff'),
         url('polices/OpenSans-Light-webfont.ttf') format('truetype'),
         url('polices/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('polices/OpenSans-Bold-webfont.eot');
    src: url('polices/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Bold-webfont.woff') format('woff'),
         url('polices/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('polices/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('polices/OpenSans-Regular-webfont.eot');
    src: url('polices/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Regular-webfont.woff') format('woff'),
         url('polices/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('polices/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('polices/OpenSans-Semibold-webfont.eot');
    src: url('polices/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Semibold-webfont.woff') format('woff'),
         url('polices/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('polices/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('polices/OpenSans-ExtraBold-webfont.eot');
    src: url('polices/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('polices/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('polices/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('polices/OpenSans-Italic-webfont.eot');
    src: url('polices/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Italic-webfont.woff') format('woff'),
         url('polices/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('polices/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('polices/OpenSans-LightItalic-webfont.eot');
    src: url('polices/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('polices/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('polices/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('polices/OpenSans-SemiboldItalic-webfont.eot');
    src: url('polices/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('polices/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('polices/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('polices/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('polices/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('polices/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('polices/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('polices/OpenSans-BoldItalic-webfont.eot');
    src: url('polices/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('polices/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('polices/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {
text-decoration: none;
  color: #fff;
} 
a:hover {
text-decoration: none;
}
ul ul {display: none;
} 
li:hover ul.niveau2, li li:hover ul.niveau3 {
  display:block;
  
}
ul ul {
  display: none; position: absolute; left: 0px; top: 17px; margin: 0px; padding: 0px;
  
}
li {list-style-type: none; position: relative; width: 140px;background-color: #000;
    
}
li:hover ul.niveau2, li li:hover ul.niveau3 {
  display: block;
  
}
.retour {
	width:35px;
	height:35px;
	background:#000;
	font-family:'open_sansregular';
  font-size: 0.4em;
	border-radius:50%;
	border:none;
	color:#fff;
 
 
} .retour:hover{
  border: 5px solid #00cccc;
  width:35px;
	height:35px;
} 
.barremenu li {  
    display: inline;  
        list-style: none; /* pour enlever les puces sur IE7 */  
   padding: 0px 15px;
 
}  
.barremenu li a {  
    display: inline-block;
  
} 
.barremenu li a:hover{  
    color: #00cccc; 
}
.barremenu{
  width:110%;
  height: auto;
  background-color: #000;
  margin-bottom: 25px;
  margin-top: -10px;
  margin-left: -10px;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 5px;
  vertical-align: center;
  color: #fff;
  font-family: 'open_sansregular';
  font-size: 0.8em;
  position: fixed;
  z-index: 1000;
}
.carres{
  padding-top: 60px;
  }
.corps1{
  width:110%;
  height: auto;
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: 10px;
  text-align: left;
  vertical-align: center;
  color: #000;
  font-family: 'open_sansregular';
  font-size: 0.8em;
}
.boutons p{
  width:227px;
  height: 227px;
  max-width: 227px;
  max-height: 227px;
  content: 100%;
  float: left;
  margin: 3px;
  }
   p.boutoninvisible {
 display:none;}
  .AF {
  background-image:url(images/AFbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.AF:hover {
  background-image:url(images/AFbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.AF1 {
  background-image:url(images/AFbouton2.jpg);
  }
  .hamlet {
  background-image:url(images/hamletbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.hamlet:hover {
  background-image:url(images/hamletbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.hamlet1 {
  background-image:url(images/hamletbouton2.jpg);
  }

  .beneworld {
  background-image:url(images/beneworldbouton.gif);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.beneworld:hover {
  background-image:url(images/beneworldbouton3.gif);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.beneworld1 {
  background-image:url(images/beneworldbouton2.gif);
  }
   .aucasou {
  background-image:url(images/aucasoubouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.aucasou:hover {
  background-image:url(images/aucasoubouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.aucasou1 {
  background-image:url(images/aucasoubouton2.jpg);
  }
  
  .estim {
  background-image:url(images/estimbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.estim:hover {
  background-image:url(images/estimbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.estim1 {
  background-image:url(images/estimbouton2.jpg);
  }
  .orban {
  background-image:url(images/orbanbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.orban:hover {
  background-image:url(images/orbanbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.orban1 {
  background-image:url(images/orbanbouton2.jpg);
  }
  .prothetica {
  background-image:url(images/protheticabouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.prothetica:hover {
  background-image:url(images/protheticabouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.prothetica1 {
  background-image:url(images/protheticabouton2.jpg);
  }
  
.ds {
  background-image:url(images/dsbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  }
.ds:hover {
  background-image:url(images/dsbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.ds1 {
  background-image:url(images/dsbouton2.jpg);
  }
.gare {
  background-image:url(images/garebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.gare:hover {
   background-image:url(images/garebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.gare1 {
  background-image:url(images/garebouton2.jpg);
  } 
  .sergelariviere {
  background-image:url(images/sergebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.sergelariviere:hover {
   background-image:url(images/sergebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.sergelariviere1 {
  background-image:url(images/sergebouton2.jpg);
  } 
  .karim {
  background-image:url(images/karimbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.karim:hover {
   background-image:url(images/karimbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.karim1 {
  background-image:url(images/karimbouton2.jpg);
  } 
.bridge {
  background-image:url(images/bridgebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.bridge:hover {
   background-image:url(images/bridgebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.bridge1 {
  background-image:url(images/bridgebouton2.jpg);
  } 
.monty {
  background-image:url(images/montybouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.monty:hover {
   background-image:url(images/montybouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.monty1 {
  background-image:url(images/montybouton2.jpg);
  } 

.tof {
  background-image:url(images/tofbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.tof:hover {
   background-image:url(images/tofbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.tof1 {
  background-image:url(images/tofbouton2.jpg);
  } 
.depotter {
  background-image:url(images/depotterbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.depotter:hover {
   background-image:url(images/depotterbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.depotter1 {
  background-image:url(images/depotterbouton2.jpg);
  } 

.magnetic {
  background-image:url(images/benbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.magnetic:hover {
   background-image:url(images/benbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.magnetic1 {
  background-image:url(images/benbouton2.jpg);
  } 
  .beyou {
  background-image:url(images/beyoubouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.delph {
  background-image:url(images/delphbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.delph:hover {
   background-image:url(images/delphbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.delph1 {
  background-image:url(images/delphbouton2.jpg);
  } 
  .beyou {
  background-image:url(images/beyoubouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
  
}
.beyou:hover {
   background-image:url(images/beyoubouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.beyou1 {
  background-image:url(images/beyoubouton2.jpg);
  } 
.cora {
  background-image:url(images/corabouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.cora:hover {
   background-image:url(images/corabouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.cora1 {
  background-image:url(images/corabouton2.jpg);
  } 
.ingenioled {
	background-image:url(images/ingenioledbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.ingenioled:hover {
	background-image:url(images/ingenioledbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.ingenioled1 {
  background-image:url(images/ingenioledbouton2.jpg);
  } 
.isa {
  background-image:url(images/isadanslavillebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.isa:hover {
   background-image:url(images/isadanslavillebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.isa1 {
  background-image:url(images/isadanslavillebouton2.jpg);
  } 
.speed {
  background-image:url(images/speeddentalbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.speed:hover {
   background-image:url(images/speeddentalbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.speed1 {
  background-image:url(images/speeddentalbouton2.jpg);
  } 
.just{
  background-image:url(images/justpebbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.just:hover {
   background-image:url(images/justpebbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.just1 {
  background-image:url(images/justpebbouton1.jpg);
  } 
.sos{
  background-image:url(images/sosdentierbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.sos:hover {
   background-image:url(images/sosdentierbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.sos1 {
  background-image:url(images/sosdentierbouton2.jpg);
  } 
.tabac{
  background-image:url(images/tabacbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.tabac:hover {
   background-image:url(images/tabacbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.tabac1 {
  background-image:url(images/tabacbouton2.jpg);
  } 
.primus{
  background-image:url(images/primusbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.primus:hover {
   background-image:url(images/primusbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.primus1 {
  background-image:url(images/primusbouton2.jpg);
  } 
.verts{
  background-image:url(images/vertbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.verts:hover {
  background-image:url(images/vertbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.vert1 {
  background-image:url(images/vertbouton2.jpg);
  } 
.scabal{
  background-image:url(images/scabalbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.scabal:hover {
   background-image:url(images/scabalbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.scabal1 {
  background-image:url(images/scabalbouton2.jpg);
  } 
.black{
  background-image:url(images/blackberrybouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.black:hover {
  background-image:url(images/blackberrybouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.black1 {
  background-image:url(images/blackberrybouton2.jpg);
  } 
.labo{
  background-image:url(images/labobouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.labo:hover {
   background-image:url(images/labobouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.labo1 {
  background-image:url(images/labobouton2.jpg);
  } 
.evian{
  background-image:url(images/evianbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.evian:hover {
   background-image:url(images/evianbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.evian1 {
  background-image:url(images/evianbouton2.jpg);
  } 
.vin{
  background-image:url(images/10winesbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.vin:hover {
   background-image:url(images/10winesbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.vin1 {
  background-image:url(images/10winesbouton2.jpg);
  } 
.detout{
  background-image:url(images/unpeudetoutbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.detout:hover {
   background-image:url(images/unpeudetoutbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.detout1 {
  background-image:url(images/unpeudetoutbouton2.jpg);
  } 
.smart{
  background-image:url(images/smartbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.smart:hover {
   background-image:url(images/smartbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.smart1 {
  background-image:url(images/smartbouton2.jpg);
  } 
.bruprop{
  background-image:url(images/BXPbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.bruprop:hover {
   background-image:url(images/BXPbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.bruprop1 {
  background-image:url(images/BXPbouton2.jpg);
  } 
.canal{
  background-image:url(images/canalbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.canal:hover {
   background-image:url(images/canalbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.canal1 {
  background-image:url(images/canalbouton2.jpg);
  } 
.fost{
  background-image:url(images/fostbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.fost:hover {
   background-image:url(images/fostbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.fost1 {
  background-image:url(images/fostbouton2.jpg);
  } 
.myway{
  background-image:url(images/mywaybouton.jpg);
}
.myway:hover {
   background-image:url(images/mywaybouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.myway1 {
  background-image:url(images/mywaybouton2.jpg);
  } 
.bxl{
  background-image:url(images/bxlbouton.jpg);
}
.bxl:hover {
   background-image:url(images/bxlbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.bxl1 {
  background-image:url(images/bxlbouton2.jpg);
  } 
.ip{
  background-image:url(images/ipbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.ip:hover {
   background-image:url(images/ipbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.ip1 {
  background-image:url(images/ipbouton2.jpg);
  } 
.petitsriens{
  background-image:url(images/PETRbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.petitsriens:hover {
   background-image:url(images/PETRbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.petitsriens1 {
  background-image:url(images/PETRbouton2.jpg);
  } 
.tiscali{
  background-image:url(images/tiscalibouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.tiscali:hover {
   background-image:url(images/tiscalibouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.tiscali1 {
  background-image:url(images/tiscalibouton2.jpg);
  } 
.martinique{
  background-image:url(images/martiniquebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.martinique:hover {
   background-image:url(images/martiniquebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.martinique1 {
  background-image:url(images/martiniquebouton2.jpg);
  } 
.theatre{
  background-image:url(images/theatrebouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.theatre:hover {
   background-image:url(images/theatrebouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}
p.theatre1 {
  background-image:url(images/theatrebouton2.jpg);
  } 
.layout{
  background-image:url(images/layoutbouton.jpg);
  transition: border-radius 1s, border-color 1s; /* transition when the mouse leave */
}
.layout:hover {
   background-image:url(images/layoutbouton3.jpg);
  border-radius: 50%;
  transition: all 1s; /* transition when the mouse over */
}p.layout1 {
  background-image:url(images/layoutbouton2.jpg);
  } 
#site2 {  
 width: 35%; 
 display:inline-block; 
  
 
}
#site {  
  height: 90mm;  
  border: 1px solid gray;
 
}
#site:hover {  
  border: 1px solid #00cccc;
}
#site1 {  
  height: 50mm;  
  border: 1px solid gray;
 
}
#site1:hover {  
  border: 1px solid #00cccc;
}
#flyer {  
    border: 1px solid gray;
}
#flyer2 {  
   
  height: 80mm;
}
#affiche2 {  
   
  height: 100mm;border: 1px solid gray;
}
#col1 {
  float: left;
  width: 20%;
  padding: 30px;
  font-family: 'open_sansregular';
  position: fixed;
  margin-top: 60px;
}
#col2 {
  float: right;
  width: 65%;
  padding-top: 70px;
  font-family: 'open_sansregular';
  font-size: 0.7em;
  
}
#titre1 {
  font-family: 'open_sansregular';
  font-size: 1.5em;
  font-weight: 100;
  text-transform: uppercase;
}

#titre2 {
  font-family:'open_sanslight';
  font-size: 0.8em;
  margin-top: 5px;
}
#titre3 {
  font-family: 'open_sansregular';
  font-size: 0.8em;
  
  }
#titre4 {
  font-family: 'open_sanslight';
  font-size: 0.8em;
  margin-top: 0px;

  }
#titre5 {
  font-family: 'open_sansregular';
  font-size: 1em;
  margin-top: 0px;

  }
.affiches p{
  width:100px;
  height:auto;
 
  content: 100%;
  float: left;
  margin: 3px;
  }
  

.titrecol2{ 
  display: block;
  
  width: 10%;
  margin-top: 45px;
  margin-bottom: 25px;
  text-align: center;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.6em;
}
hr {
color: gray;
background-color: gray;
height: 1px;
border: 0;
margin: 10px 0;
}