@charset "utf-8";

/*general rules*/
*{margin:0;padding:0;border:none;}
body {
  font: 100% Arial,Helvetica,sans-serif;
  background:#FFF url(../img/fond.jpg) repeat-x 0 0;
  }
a {
  color:#006;
  text-decoration:none;
  }
a:hover, a:focus {
	color:#900;
	}

h1 {
	font-size:1.5em;

	}
h2 {
	font-size:1.4em;

	}
h3 {
	font-size:1em;

	}
h4 {
  font-size:1em;
  padding:10px 0;
}
p {
  font-size:0.9em;
}
li {
  font-size:0.9em;
  list-style:none;
  }
address {
  font-style:normal;
}
/*layout*/
#page {
  position:relative;
  width:960px;
  margin:20px auto;
}
#header {
  height:140px;
  background:url(../img/header.jpg) no-repeat 0 0;
  position:relative;
  }
#header h1 {
  position:absolute;
  top:22px;
  left:660px;

  }
#content {
  background:url(../img/bords-page.png) repeat-y 0 0;

  }
#footer {
  background:url(../img/pied-page.png) no-repeat bottom center;
  padding-bottom:25px;
  }
#page #footer p {
  border-top:solid 1px #999;
  padding-top:20px;
  margin:0 2px;
  text-align:center;

  }
#pagecontent{
  padding:10px 20px;
  }
#pagecontent h2 {
  padding-top:20px;
  color:#006;
  }
#pagecontent h3 {
  padding:20px 0 10px 10px;
  color:#900;
}
#pagecontent h4 {
  font-size:0.9em;
  font-weight:bold;
  color:#006;
  }
#pagecontent h2 img {
  float:left;
  margin-right:20px;

  }
#pagecontent p{
  text-align:justify;
  }
/*#pagecontent li {
  padding-left:70px;
  position:relative;
  z-index:0;
  left:70px;
  }*/
#pagecontent a.modal {
  display:block;
  z-index:2;
}
#pagecontent .price {
  color:#f00;
  font-weight:bold;
}
#pagecontent ul, #pagecontent ol {
  padding-left:70px;
}
#pagecontent li {
  list-style-image:url(../img/puce.png);
  padding-bottom:10px;
  /*padding-left:70px;*/
  text-align:justify;
}
#pagecontent hr {
  height:2px;
  color:#006;
  background:#ddd;
  margin-top:10px;
  }
#pagecontent .galerie_photo {
  width:130px;
  height:125px;
  line-height:125px;
  margin:5px;
  float:left;
  text-align:center;
  border:solid 1px #CCC;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background:#006;
}
#pagecontent .galerie_photo img {
  vertical-align:middle;
}
#pagecontent .retrait {
  padding:10px 0 10px 60px;
}
strong.color {
  color:#c00;
}
/*page equipe*/
#equipe {
	position:relative;
	height:230px;
	margin:50px auto 20px auto;
	width:920px;
}
#equipe dt {
	position:absolute;
	height:46px;
	padding:10px 0;
	width:115px;
	color:#FFF;
	background:transparent url(../img/fond-onglet.png) no-repeat top left;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	top:9px;
	}
#equipe dd{
  border:1px solid #900;
  position:absolute;
  width:100%;
  top:60px;
  left:0;
  display:none;
  background:#fefefe;
  z-index:1;
  padding:20px 0;
  }
/*p.equipe {
	position:relative;

	}*/
/*accueil*/
#boxes {
  width:920px;
  height:325px;
  margin:20px;
  padding-top:10px;
  background:url(../img/barre_rouge.png) no-repeat 0 0;
  }
#boxes .set{
  margin-left:-15px;
}
#boxes .content {
  height:315px;
  width:620px;

  }
#boxes .title {
  width:72px;
  float:left;
  margin:0;
  position:relative;
  }
#boxes #communication {
background:url(../images/communication-web.png) no-repeat 530px 185px;
  margin-left:0;
}
#web .pack {
  float:left;
  width:190px;
  padding:0;
  text-align:center;
  }
#referencement{
background:url(../img/referencement-web.png) no-repeat 450px 195px;
}

#developpement {
background:url(../img/developpement-web.png) no-repeat 530px 185px;
}
#anim {
  width:180px;
  height:160px;
  float:right;
  padding:0;
  background:url(../images/pin_box.png);
  }
#mailing {
  margin:10px 180px 10px 50px;
  border:solid 1px #900;
  padding:10px;
  text-align:center;
  font-weight:bold;
  color:#900;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

h2.clearfix {
  padding:20px 0;
  text-align:center;
  color:#333;
}
#content p {
  padding:10px 30px;
  }
.plus a {
  font-weight:bold;
  text-decoration:none;
  }
.plus img, .pack img {
  vertical-align:middle;
  }

#table_ecommerce {
	clear:both;
	width:80%;
	margin:0 auto;
	padding:30px 0;
	border-collapse:collapse;
	}
#table_ecommerce td, #table_ecommerce th {
	border:solid 1px #001122;
	text-align:left;
	font-size:0.9em;
	width:25%;
	padding:5px;
	}
 #table_ecommerce th {
 color:#FFF;
 background:#900;
 }
 #table_ecommerce.vitrine th {
 color:#FFF;
 background:#F90;
 }
#pagecontent #table_ecommerce .noborder {
	border:none;
	background:#FFF;
	}


/*menu horizontal*/
#nav {
  list-style:none;
  height:25px;
  margin:0 0 0 1px;
  padding:0 10px;
  background:#003380 url(../img/fond-menu.png) repeat-x 0 0;
  }
#nav li {
  float:left;
  height:25px;
  line-height:25px;
  padding:0 10px;
  position:relative;
  font-size:0.85em;
  }
#nav li.currentpage span{
  color:#aaa;
  font-weight:bold;
  font-size:0.8em;
  text-shadow: 1px -1px #000;
  }
#nav li ul {

  position:absolute;
  top:25px;
  left:0;
  display:none;
  z-index:1000;
  }
#nav li li {
background:#304c6a;  text-shadow: 1px -1px #000;
  height:auto;
  width:145px;
  padding:5px;
  line-height:normal;
  border-left:5px solid #900;
  }
#nav li li#developpement {
  background:#900;
}
#nav li .separator {
  line-height:0;
  background:transparent url(../img/bas-menu.png) no-repeat center bottom;
  border:0;
  width:150px;
}
#nav li:hover ul {
  display:block;
  }
#nav a, #nav li {
  font-weight:bold;
  text-decoration:none;
  color:#FFF;
  text-shadow: 1px -1px #000;
}
#nav a:hover {
  color:#E80;
  }
.clearfix {
  clear:both;
  }
.center, #table_ecommerce .center {
	text-align:center;
}
/*contact*/

.contact {
  width:305px;
  height:260px;
  float:left;
  padding:0;
  background:url(../img/fond-adresse.png) no-repeat left bottom;
}
.contact address {
  padding:0 15px;
  text-align:center;
  line-height:1.3em;
}
.contact strong {
  color:#900;
}
/*formulaire*/
form {
  width:860px;
  margin:20px auto;
  }
form p {
  clear:left;
  text-align:center;
  }
form .error, .error_message .error {
  font-size:0.8em;
  color:#900;
  }
fieldset {
  border:1px solid #CCC;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  }
legend {
  padding:0 10px;
  margin-left:10px;
  font-weight:bold;
  color:#999;

  }
label {
  display:block;
  float:left;
  text-align:right;
  width:200px;
  padding-right:10px;
  }
input, textarea {
  border:solid 1px #999;
  background:#f9f9f9;
  width:250px;
  text-align:left;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  }
textarea {
  width:400px;
  }
input:focus, textarea:focus {
  background:#FFF;
  }
#page form p.submit {
  text-align:center;
  }
input.fbsubmit {
  width:140px;
  height:25px;
  border:none;
  text-align:center;
  font-weight:bold;
  color:#FFF;
  cursor:pointer;
  background:transparent url(../img/bouton-rouge.jpg);
  }
input.fbsubmit:hover {
  background:transparent url(../img/bouton-rouge-over.jpg);
}


/*accordion effect*/
.accordionWrapper {overflow:hidden;}

.accordionWrapper div {display:block; float:left;}

.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
/*slide*/
      #defil {
        position:relative;
        width:600px;
        height:110px;
        overflow:hidden;

        }
      #defil ul {
        position:relative;
        left:0;
        top:0;
        }
      #defil li{
        width:190px;
        height:100px;
        padding:5px;
        float:left;
        }


/*modal css*/
div.jq-modal {
line-height: 1;
background: #fff;
}
div.jq-modal-container {
padding: 1px;
position: relative;
}
div.jq-modal-content {
position: relative;
overflow: auto;
}
div.jq-modal-closer {
position: absolute;
top: -12px;
right: -12px;
width: 25px;
height: 25px;
}
div.jq-modal-closer a {
display: block;
text-indent: -5000px;
width: 25px;
height: 25px;
outline: none;
border: none;
}

/* modalImage */
div.jq-modal-content img {
display: block;
}
span.jq-modal-legend {
display: block;
padding: 3px 0;
}
a.jq-modal-next, a.jq-modal-prev {
display: block;
position: absolute;
top: 0;
width: 50%;
bottom: 0;
outline: none;
border: none;
text-indent: -5000px;
}
a.jq-modal-next {
right: 0;
}
a.jq-modal-prev {
left: 0;
}
/** jQuery Gallery Plugin **/
.gallery{
  position: relative;
  margin:20px auto;
  overflow: hidden;
  background-color: #666;
  padding: 12px;
  height: 530px;
  width:600px;
}
#page .galleryBar {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0 7px;
  display:none;
}

#page .galleryBar li {
  position: relative;
  margin: 0 7px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
  list-style: none;
}
.galleryContent img {
  display:block;
  margin:0 auto;
}
.galleryScreen, .galleryInfo {
  position: absolute;
}
.galleryScreen {
 background-color: #eee;
}
.galleryInfo {
 background-color: transparent;
 color: #fff;
 padding: 12px;
}
.galleryTitle {
 font-size: 1em;
 font-weight: bold;
}