/*  ----------------------------------------------------------------------------
    * Filename:         style.css
    * Description:      Default theme
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Layouts
----------------------------------------------------------------------------- */

/*  home (B1)
----------------------------------------------------------------------------- */

.home                   { background: #ffffff; color: #FFFFFF; }

.home #wrap-bg          { background: url(../images/layout/bg2.png) no-repeat left bottom;}
.home #wrap-container   { margin-top: 0px; padding-bottom:20px; background: url(../images/layout/bg1.png) no-repeat right top;}
.home #wrap-header      { margin-top: 0px; background: #060606; padding-top:48px; }
.home #container        { width: 996px; margin-top:20px;}

.home #header           { width:100%; margin:0; padding:0; background: #7b7873;}
.home #header-inner     { width: 996px; margin:0 auto; position:relative; }

.home #content          { width: 996px; background: transparent /* url(../images/layout/content-bg.jpg) no-repeat center top */; }
.home #content-inner    { }

.home #sidebar          { width: 204px; float:left; clear:none;}
.home #sidebar-inner    { }

.home #main             { width: 772px; float:left; padding-right:20px;}
.home #main-inner       { }

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; background: #060606; }
.home #footer           { width: 996px;}
.home #footer-inner     { }

a:link,
a:visited               { color: #CC0000; }
a:hover,
a:active                { color: #000000; }

/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */

.logo{
  background: url(../images/layout/bg-logo.png) no-repeat 0 0;
  position: absolute;
  left:-101px;
  top:-48px;
  padding-left:101px;
  width:331px;
  height:190px;
}
.logo a{
  float:left;
}

.header-menu {
  float:right;
  width:730px;
  padding-top:7px;
  background: #7b7873;
  text-align:right;
}
.header-menu li {
  display:inline;
  position:relative;
  background: url(../images/layout/bg-li-nav.jpg) no-repeat right center;
  padding:0px 1px 0 0;
}
.header-menu li a:link,.header-menu li a:visited {
  display:inline-block;
  color:#ffffff;
  position:relative;
  padding:19px 19px;
  text-decoration: none;
  border-bottom:6px solid #7b7873;
  font-size:18px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
}
.header-menu li a:hover,.header-menu li a:active,.header-menu li.active a:link,.header-menu li.active a:visited {
  border-bottom:6px solid #ffffff;
}

.header-phone{
  float:left;
  width:182px;
  height:47px;
  line-height:47px;
  margin-top:11px;
  border:1px solid #7b7873;
  background:#2e2d2b url(../images/layout/bg-phone1.jpg) no-repeat 0 0;
  padding-left: 50px;
  font-size:18px;
  font-family: 'Tekton Pro', 'Neucha', cursive;

}


/*.header-menu li ul.sous {width:140px;  position: absolute;  top:20px; left: 0px;}   */


/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */
#wrap-h1{
  width:996px;
  margin:0 auto;
}
#wrap-h1 h1  {
    float:left;
    width:750px;
    padding-right:11px;
    font-size:19px;
    padding-top:40px;
    padding-bottom:15px;
    line-height:25px;
    text-align:justify;
    font-family: 'Tekton Pro', 'Neucha', cursive;
 }

#nav                    { clear: both; background: #DDDDDD; }
#nav-inner              { padding: 5px; }

#info {
  float:left;
  width:100%;
  background: #7b7873;
  font-family: 'Tekton Pro', 'Neucha', cursive;
  font-size:16px;
}
#info-inner {
  float:left;
  width:100%;
 }
.info-adress1,.info-adress2,.info-phone{
  float:left;
  padding:15px 16px;
  background: url(../images/layout/bg-info.jpg) no-repeat right center;
}
.info-adress1{
  width:231px;
}
.info-adress2{
  width:231px;
 /* padding:15px 7px;   */
}
.info-phone{
  text-align:center;
  width:188px;
}
.info-phone span{
 background: url(../images/layout/bg-phone2.jpg) no-repeat 0 center;
 padding-left:20px;
 line-height:36px;
}
a.mails-place-0:link,a.mails-place-0:visited{
  float:left;
  width:201px;
  padding-left:47px;
  padding-top:25px;
  background: url(../images/layout/bg-mail.png) no-repeat 2px 25px;
  color:#ffffff;
}
a.mails-place-0:hover,a.mails-place-0:active{
  text-decoration:underline;
}

 /* sidebar */
.block1{
  float:left;
  width:184px;
  height:115px;
  margin-bottom:20px;
  text-align:center;
  background: url(../images/layout/bg-sidebar-block.jpg) repeat-x 0 0;
  padding:10px;
  font-size:19px;
  line-height:24px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
}
.block1 td{
  vertical-align: middle;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
}
.text-cursive{
  font-family: 'Tekton Pro', 'Neucha', cursive;
  font-size:14px;
}

span.list {
  float: left;
  width:90%;
  background: url(../images/layout/bg-li.jpg) no-repeat 0 center;
  padding-left:7px;
  }


/*Contact page*/
.mentionsParag{
  float:left;
  width:217px;
  padding:15px 20px;
  background:#7b7873 url(../images/layout/bg-info.jpg) no-repeat 245px center;
  color:#ffffff;
  font-family: 'Tekton Pro', 'Neucha', cursive;
  font-size:14px;
}
.mentionsParag a.mails-place-0:link,.mentionsParag a.mails-place-0:visited{
  width:201px;
  padding-left:20px;
  padding-top:0px;
  background: url(../images/layout/bg-mail.png) no-repeat -20px 0px;
  color:#ffffff;
}
#gmaps{
 width:772px;
 height:250px;
 float:left;
 margin-top:20px;
}

/* Contact merci pag */

.emptyPage{
  float:left;
  width:100%;
  background:#7b7873;
  text-align:center;
  padding:20px 0;
}
.emptyPage a:link, .emptyPage a:visited{
  color:#ffffff;
  text-decoration:underline;
  font-weight:bold;
}
.emptyPage a:hover, .emptyPage a:active{
  color:#dfdddb;
}

/* 404 */
.error{
  background: #7b7873;
  padding:20px;
  color:#ffffff;
}
.error a:link,.error a:visited{
  color:#ffffff;
  text-decoration: underline;
}
.error a:hover,.error a:active{
  color:#d8d6d4;
}



/*  ----------------------------------------------------------------------------
    4. Footer elements
----------------------------------------------------------------------------- */

#wrap-footer .box1 {
  float: left;
  text-align: center;
  width:100%;
  border-top:1px solid #292827;
  padding:20px 0 25px;
}
#footer .box2  {
  float: left;
  width:100%;
  text-align: center;
  padding:20px 0 20px;
}

#made-by {
  color:#7b7873;
  font-size:11px;
  font-weight:bold;
  line-height:20px;
}
#made-by-logo {
  display: inline-block;
  }
#made-by a:link,
#made-by a:visited  {
  color:#ffffff;
  font-weight:bold;
 }
#made-by a:hover,
#made-by a:active {
  text-decoration:underline;
 }

.menu{
 }
.menu li  {
  display:inline-block;
}
.menu li span  {
  padding: 0 5px;
}
.menu li a:link,
.menu li a:visited  {
  color:#ffffff;
  font-size:11px;
  line-height:20px;
  }
.menu li.children a:link,
.menu li.children a:visited,
.menu li.children span  {
  color:#7b7873;
  }
.menu li a:hover,
.menu li a:active,
.menu li.active a  {
  text-decoration:underline;
}

/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */

/*  Breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs{
  background: #060606;
  padding: 10px;
  margin: 0 0 20px 0;
  font-weight: bold;
  color:#ffffff;
  }
.breadcrumbs a:link,.breadcrumbs a:visited{
  text-decoration:underline;
  color:#ffffff;
}
.breadcrumbs a:hover,.breadcrumbs a:active{
  color:#7b7873;
}

/*  Lists
----------------------------------------------------------------------------- */

ul.list{
  padding:10px;
  background: #7b7873;
}
.list li                { padding: 0 0 0 15px; background: url(../images/layout/bg-li.jpg) no-repeat 3px 6px; }
.list a:link,.list a:visited{
  color:#ffffff;
}
.list a:hover,.list a:active{
  text-decoration:underline;
}

/*  Loaders
----------------------------------------------------------------------------- */
.loading-full           { cursor: wait; background: url(../images/loading.gif) no-repeat center center; }
.loading-elem           { cursor: wait; background: url(../images/loading.gif) no-repeat center center; }

/*  Paginations
----------------------------------------------------------------------------- */
.pagination             { clear: both; float: left; display: table; width: 100%; font-size: 11px; line-height: 17px; text-align: center; }
.pagination a:link,
.pagination a:visited,
.pagination span        { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none;
                          background: #EAEAEA; color: #000000; border-color: #777777; }
.pagination a:hover     { background: #FFFFFF; color: #000000; border-color: #000000; }
.pagination .active     { background: #FFFFFF; color: #000000; border-color: #777777; }
.pagination .disabled   { background: #EAEAEA; color: #999999; border-color: #BEBEBE; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 10px 0; background: #333333; }

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #FFFFFF; background: #1E3853; }
a.thumb:hover           { border: 1px solid #FFFFFF; background: #FFFFFF; }

/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */

	
		/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management {
  color:#000000;
  line-height:20px;
  }
.content-management .paragraph              { }
.content-management .paragraph-title {
  margin: 0 0 7px 0;
  padding: 7px 10px;
  font-weight: bold;
  background: #222222;
  color: #FFFFFF;
  font-family: 'Tekton Pro', 'Neucha', cursive;
  text-align:center;
  font-size:24px;
}
.content-management .paragraph-title h2{
  font-size:25px;
}

.content-management .paragraph-text         { }
.content-management .paragraph-images       { }

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; margin: 0 10px 0 0; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; }
	
	

	/*addons-style_css*/

/*  ----------------------------------------------------------------------------
    Modules > Liste Galerie
----------------------------------------------------------------------------- */

.gallerylist-category{
  float:left;
  width:100%;
}
.gallerylist-category .gallery{
  float:left;
  width:168px;
  margin-right:20px;
  margin-bottom:20px;
  background:#7b7873;
  padding:5px;
}
.gallerylist-category .gallery.last{
  margin-right:0;
}
.gallerylist-category .gallery-title{
  float:left;
  width:168px;
  text-align:center;
  padding:10px 0px;
  font-weight:400;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:15px;
  border-top:1px solid #989692;
  margin-top:5px;
  height:35px;
}
.gallerylist-category .gallery-title a:link,
.gallerylist-category .gallery-title a:visited{
  color:#ffffff;
}
.gallerylist-category .gallery-title a:hover,
.gallerylist-category .gallery-title a:active{
  text-decoration:underline;
}


/*  ----------------------------------------------------------------------------
    Modules > Liste Galerie > Details
----------------------------------------------------------------------------- */

.gallerylist{
  float:left;
  width:100%;
}
.wrap-photo{
  display: block;
  text-align: center;
  height:400px;
}
.gallerylist .gallery-photo  {
  display:inline-block;
  margin: 0;
  padding: 0;
  width:100%;
  text-align:center;
 /* background:#63615d;   */
}

