html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

*:focus {
	outline: 0;
}
body {
	line-height: normal;
	color: #666666;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link,
a:visited{
	color: black;
	text-decoration: none;
}

a:hover{
}



/* Typo
......................................*/

h1{
font-weight: bold;
font-size: 10px;
color: #666666;

}

h2{
font-weight: bold;
font-size: 18px;
color: #9d2258;

}

.content h1{
font-weight: normal;
font-size: 12px;
color: #333333;

}

#container2 p{
margin-bottom: 11px;
color: #333333;

}

#container1-contact p{
margin-bottom: 5px;
 
 }
 
#container1-clients p{
 line-height: 16px;

 }
 
#container2-clients p{
 line-height: 16px;

 }
 
#container a:hover{
text-decoration: underline;
color: #666666;
}

.content h1:hover{
color: #666666;
text-decoration: underline;
}

#text-droite-content-title-template h1:hover{
color: #333333;
text-decoration: none;
}



/* Begining
......................................*/



/* Structure niveau 1
......................................*/

.page {
width: 770px;
height: auto;
margin-left: auto;
margin-right: auto;

}

.header {
float: left;
width: 100%;
height: auto;


}
.content {
float: left;
margin-top: 15px;
width: 100%;
height: auto;


}

.footer {
float: left;
margin-top: 20px;
padding-bottom: 10px;
width: 100%;
height: auto;

}



/* Header
......................................*/

#head1 {
background-image: url('images/barre1.png');
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
height: 61px;

}

#head2 {
width: 100%;
height: auto;

}

#head3 {
background-image: url('images/barre1.png');
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
height: 30px;

}


#logo {
float: left;
margin-top: 17px;
width: auto;
height: auto;
}

#line {
float: right;
margin-top: 35px;
margin-right:-40px;
}



/* Menu
......................................*/

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 
#menu li {
 float:left;
 margin:auto;
 padding:0;
background-image: url(images/fondmenu.png) 

}
 
#menu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
 
#menu li a:hover {
 color:#666666;
 }
 
 #menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
 
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul {
 position:absolute;
 }
 
 
 
 /* Content
......................................*/

#flags
{
	margin-top:8px;
	width:200px;
	height:0px;
	float:right;
}


 #title{
 float: left;
 width: 770px;
 height: auto;
 
 }
 
 #title-text{
 margin-top: 10px;
 
 }
 

 
 
 
  /* Our Services
............*/
 
 #container{
 float: left;
 width: 770px;
 height: auto;
 
 }
 
 #container1{
 float: left;
 margin-top: 10px;
 background-image: url('images/points.png');
 background-repeat: no-repeat;
 width: 430px;
 height: auto;
 
 } 
 
 #container-brochure{
 float: left;
 margin-top: 10px;
 background-image: url('images/points.png');
 background-repeat: no-repeat;
 width: 500px;
 height: auto;
 
 }
 
 #container1-gauche{
 float: left;
 text-align: justify;
 
 }
 
  #container1-text1{
  float: left;
  margin-top: 30px;
  width: 190px;
  }
 
  #container1-text2{
  margin-top: 30px;
  margin-left: 20px;
  float: left;
  width: 190px;
  }
  
  #container1 p{
  margin-bottom: 10px;
  }
 
  #container1-text3{
  margin-top: 30px;
  margin-left: 20px;
  float: left;
  width: 190px;

  }
  
  
 #container2{
 float: right;
 margin-top: 10px;
 background-image: url('images/points.png');
 background-repeat: no-repeat;
 width: 308px;
 height: 204px;
 
 }
 
 #container2-text{
 margin-top: 30px;
 
 }
 
 
  #container3{
 float: left;
 margin-top: 35px;
 width: auto;
 height: auto;
 }
 
   #container4{
 float: left;
 width: auto;
 height: auto;
 margin-bottom:40px;
 }

  #cont-droite{
 float: right;
 margin-top: 25px;
 width: 384px;
 height: auto;
 
 }
 
 #article-droite-services{
 clear:both;
 float: left;
 margin-bottom: 15px;
 width: autopx;
 height: auto;
 
 }
 
  #article-droite2 {
 float: left;
 margin-bottom: 15px;
 margin-left: 68px;
 width: auto;
 height: auto;
 
 }

 #image-droite{
 float: left;
 width: auto;
 height: auto;
 
 }
 
 #text-droite{
 margin-left: 10px;
 float: left;
 width: auto;
 height: auto;
 
 }
 
 #text-droite2{
 margin-left: 10px;
 float: left;
 width: auto;
 height: auto;
 
 }
 

 
 #text-droite-content-title{
 margin-top: 5px;
 
 }
 
  #text-droite-content{
 margin-top: 9px;
 width: 240px;
 
 }
 
  #text-droite-content2{
 margin-top: 9px;
 width: 200px;
 
 }
 
  #article-droite2-services {
 float: left;
 margin-bottom: 15px;
 margin-left: 68px;
 width: auto;
 height: 85px;
 
 }

 /* contact
............*/

 #container1-contact{
 margin-top: 30px;
 height:313px;
 width:770px;
 background-image:url('images/contact_background.png');
 }
 
 #container1-contact img{
box-shadow: 10px 10px 5px #888;
}

 #container1-contact p:first-child
 {
	padding-top:48px;
 }
 
  #container1-contact p
 {
	padding-left:83px;
	font-size:12px;
	color:black;
 }
 
  #container1-contact a
 {
	padding-left:83px;
	font-size:12px;
	color:#666666;
 }
 
 
 
  /* Gallery
............*/

 #container1-gallery{
 margin-top: 30px;
 
 }
 
   /* Hamptons
............*/


 #container-cities img
 {
	float:left;
 }
 
 #container-cities h3
 {
	color:black;
	font-weight:bold;
	font-size:10px;
	margin-bottom:2px;
 }
 
 .text-hamptons p
 {
	display:inline-block;
	float: right;
	width:136px;
	padding:auto;
 }

 .text-hamptons img
 {
 margin-right: 10px;
 }

  .text-hamptons li
 {
 margin-right: 10px;
 }
 
.text-hamptons
{
float:left;
}

#text-droite-content-template2
 {
 width: 405px;
 margin-bottom:40px;
}
 
 
  /* Cities
............*/

 #container-cities{
 float: left;
 margin-top: 20px;
 width: 770px;
 height: auto;
 }


 #bande-cities{
 float: left;
 clear: both;
 margin-top: 10px;
 
 }
 
 #title-text-cities{
 float: left;
 margin-top: 15px;
 
 }
 
.main_view{width:402px;height:272px;float:left;position:relative;}
.main_view2{width:355px;height:180px;float:left;position:relative;}
.window{margin:auto;height:245px;width:402px;overflow:hidden;position:relative;}
.image_reel{position:absolute;top:0;left:0}
.image_reel img{float:left;border:0}
.paging{position:absolute;bottom:0px;right:0px;z-index:100;text-align:center;line-height:30px;display:none;}
.paging a{padding-left:5px;font:10px Helvetica;text-decoration:none;color:black;}
.paging a.active{font-weight:bold;text-decoration:underline;}
.paging a:hover{color:grey;}
 
  #article-droite-1{
 float: left;
 margin-bottom: 15px;
 width: auto;
 height: auto;
 
 }
 
  /* Booklet
............*/


 #container1-brochure
 {
	margin-top:30px;
 }

#img-booklet
{
	margin-bottom:30px;
	margin-left:30%;
}

#img2-booklet
{
	margin-top:15px;
	margin-bottom:25px;
}

 #text-booklet{
 float: left;
 margin-right: 3px;
 
 }

 #link-booklet{
 float: left;
 margin-right: 3px;
 
 }
 
 #barre-booklet{
 float: left;
 margin-right: 3px;
 
 }
 
 #link-booklet2{
 float: left;
 
 }
 
 
   /* Our Clients
............*/

 
 #container1-clients{
 float: left;
 width: 225px;
 margin-top: 40px;
 
 }
 
 #container2-clients{
 float: left;
 width: 173px;
 margin-top: 40px;
 
 }
 
 #container1-text-clients{
 margin-top: 15px;
 
 }
 

 #article-droite2-clients{
 float: left;
 clear: both;
 margin-bottom: 15px;
 width: auto;
 height: auto;
 
 }
 
 #titre-container2-clients
 {
	margin-top:8px;
	margin-bottom:6px;
	font-weight:bold;
 }
 
 #container-clients{
 float: left;
 width: 450px;
 height: auto;
 
 }
 
 #container2-text-clients{
 margin-top: 42px;
 
 }
 
  #title-text-clients1{
  float: left;
  width: auto;
  height: auto;
  margin-top: 10px;
  
  }
  
  #title-text-clients2 {
  float: left;
  width: auto;
  height: auto;
  margin-top: 15px;
  margin-left: 366px;
  
}

  /* Events Gallery
............*/

#container-event{
background-image: url('images/fondEvent.png');
float: left;
height:193px;
margin-top: 20px;
padding-top:26px;
padding-left:20px;
padding-right:20px;
 }
 
.main_viewE{width:342px;height:220px;float:left;position:relative;}
.windowE{margin:auto;height:164px;width:342px;overflow:hidden;position:relative;}
.image_reelE{position:absolute;top:0;left:0}
.image_reelE img{float:left;border:0}
.pagingE{position:absolute;bottom:0px;right:0px;z-index:100;text-align:center;line-height:30px;display:none;}
.pagingE a{padding-left:5px;font:15px Helvetica;text-decoration:none;color:black;}
.pagingE a.active{font-weight:bold;color:grey;}

.main_viewF{width:342px;height:220px;float:left;position:relative;}
.windowF{margin:auto;height:164px;width:342px;overflow:hidden;position:relative;}
.image_reelF{position:absolute;top:0;left:0}
.image_reelF img{float:left;border:0}
.pagingF{position:absolute;bottom:0px;right:0px;z-index:100;text-align:center;line-height:30px;display:none;}
.pagingF a{padding-left:5px;font:15px Helvetica;text-decoration:none;color:black;}
.pagingF a.active{font-weight:bold;color:grey;}


   /* Templates
............*/

 #photos-template {
 float: left;
 margin-bottom: 15px;
 width: auto;
 height: auto;

}

 #content-text-template {
 float: left;
 margin-bottom: 15px;
 width: auto;
 height: auto;

}

 #barre-templates{
 margin-top: 5px;
 width: auto;
 
}

 #text-droite-content-title-template{
 
}

 #text-droite-content-template{
 margin-top: 9px;
 width: 340px;
}

 


 /* Footer
......................................*/

 #signature1{
 float: left;
 width: auto;
 height: auto;
 
 }
 
 #signature2{
 float: right;
 width: auto;
 height: auto;
 
 }
 
 #footer-barre{
 margin-bottom: 1px;
 width: auto;
 height: auto;
 }
 
#menuFooter p
{
	margin-top:1px;
	text-align:center;
}

#menuFooter p a:hover
{
	color:#666666;
}

#adresseFooter
{
	margin-top:5px;
	text-align:center;
	letter-spacing:2px;
}

#punchline
{
	margin-top:5px;
	text-align:center;
}

#punchline a:hover
{
		color:#666666;
}

#text-droite-content-template ul{
	margin-top: 25px;
	list-style-type:disc;

}

#text-droite-content-template li{
	margin-top: 5px;
	margin-left: 12px;
}

.address-1,
.address-2 {
	float: left;
}

.address-2 {
    margin-left: -40px;
}