h1, h2, h3 {
color:#525252;
font-style: italic;
}

h3 {
font-weight: normal;
}

#homepage {
background: #fff url(images/fondpage.gif) top left repeat-x;
}

#devis {
background: #fff url(images/fondpage02.gif) top left repeat-x;
}

#header {
margin:0 auto;
padding:0;
width:780px;
height:165px;
}

#logo {
margin:0;
padding:50px 0 0 0;
}

.error {
color: #e2001a!important;
}

/* Menu 
******************************************** */

#menu {
float:right;
list-style-type: none;
width:387px;
height:32px;
margin:0!important;
padding:0!important;
}

#menu li {
display:inline;
margin:0;
padding:0;
display:block;
float:left;
height:32px;
}

#menu li a {
display:block;
float:left;
height:0;
overflow: hidden;
margin:0;
padding-top:32px;
background-image: url(images/fondmenu.gif);
background-repeat: no-repeat;
}

.menu-accueil a {
width:88px;
background-position:0 0;
}

.menu-accueil a:hover {
background-position:0 -32px;
}

.menu-realisation a {
width:132px;
background-position:-88px 0;
}

.menu-realisation a:hover {
background-position:-88px -32px;
}

.menu-devis a {
width:76px;
background-position:-219px 0;
}

.menu-devis a:hover {
background-position:-219px -32px;
}

.menu-contact a {
width:91px;
background-position:-295px 0;
}

.menu-contact a:hover {
background-position:-295px -32px;
}

.menu-selected a {
background-position-y: -64px;
}

/* Fin Menu
******************************************** */

#header p, #header h1 {
margin:12px 0 0 0!important;
padding:0!important;
text-align: right;
font-weight: normal;
font-style: italic;
font-size: 1.7em;
line-height: normal;
color:#fff;
text-shadow: 1px 1px 1px #737373; 
}

#quick-contact {
position: absolute;
top:34px;
margin-left:50%;
left:220px;
}

#enveloppe-presentation {
background: transparent url(images/presentation.jpg) center top no-repeat;
}

#presentation, #galerie, #footer {
width:780px;
margin:0 auto;
}

#presentation ul {
margin:80px 10px 0 265px;
padding:0;
list-style-type: none;
}

#presentation li {
display:block;
height:65px;
padding:5px 0 0 150px;
margin:0 0 10px 0;
font-size:0.8em;
line-height: 1.2;
vertical-align: middle;
}

#presentation h2 {
margin:0;
padding:0;
font-size:1em;
font-weight: bold;
font-style: normal;
}

#presentation-design {
background: transparent url(images/presentation-design.gif) top left no-repeat;
}

#presentation-contenu {
background: transparent url(images/presentation-contenu.gif) top left no-repeat;
}

#presentation-maj {
background: transparent url(images/presentation-maj.gif) top left no-repeat;
}

#presentation-referencement {
background: transparent url(images/presentation-referencement.gif) top left no-repeat;
}

#video-player {
padding:103px 0 0 526px;
margin:0 0 50px 0;
}

#video-player a {
display:block;
width:128px;
height:0;
overflow: hidden;
padding-top:104px;
background: transparent url(images/playbutton.png) center top no-repeat;
}

#video-player a:hover {
background-position: 0 -104px;
}

.call-to-actions {
margin:0 10px 0 265px;
}

.btn-01, .btn-02 {
float:left;
display:block;
width:247px;
height:41px;
padding-top:7px;
text-decoration: none;
font-size:1.4em;
font-style: italic;
text-align: center;
margin-bottom: 10px;
}

.btn-03 {
cursor:pointer;
border:none;
display:block;
width:230px;
height:45px;
padding-top:0;
text-decoration: none;
font-size:1.4em;
font-style: italic;
margin: 10px auto;
color:#414141!important;
background: transparent url(images/btn-03.gif) top left no-repeat;
}

.commander {
margin:0!important;
}

.btn-01 {
text-shadow: 1px 1px 1px #737373; 
color:#fff!important;
margin-right:11px;
background: transparent url(images/btn-01.gif) top left no-repeat;
}

.btn-01:hover {
color:#fcd42e!important;
}

.btn-02 {
color:#414141!important;
background: transparent url(images/btn-02.gif) top left no-repeat;
}

.btn-02:hover, .btn-03:hover {
border:none;
cursor:pointer;
color:#fff!important;
}

#enveloppe-galerie {
margin-top:10px;
clear: both;
border-top:solid 1px #f5f5f5;
background: #fef3c6;
padding-bottom: 20px!important;
}

#enveloppe-footer {
background: #f0f0f0 url(images/fondfooter.gif) top left repeat-x;
clear: both;
}

#footer {
padding:75px 0 20px 0;
}

#footer p {
font-size:0.8em;
color:#828282;
}

#footer a {
color:#828282;
}

#logo-ccd {
float:right;
}

.page {
width:780px;
margin:0 auto;
}

.formulaire-devis {
float:left;
width:530px;
padding-bottom:50px;
}

.formulaire-devis h3 {
margin-top:0!important;
display:block;
padding:8px;
font-style: normal;
font-weight: bold;
width:510px;
background: #fef6d5;
border:solid 2px #fcd42e;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.prix01 {
text-align: right;
margin:-2.7em 1em 0 0;
font-size:1.2em;
}

.prix02 {
text-align: right;
margin:-2.9em 1em 0 0;
}

.formulaire-devis ul {
list-style-type: none;
}

.formulaire-devis li {
vertical-align: middle;
line-height: 2em;
}

.formulaire-devis li img {
vertical-align: middle;
margin-left:10px;
}

.included {
background: url(images/check.gif) center left no-repeat;
padding-left:20px;
}

.highlight {
background: #f2f2f2 url(images/info.gif) 5px 8px no-repeat;
padding:5px 5px 5px 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.resume {
width:240px;
padding:5px 0;
margin-left:540px;
background: #f2f2f2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.resume-prix {
width:230px;
margin:0 5px 5px 5px;
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.resume-prix p {
margin:10px;
}

.resume h3 {
padding:0.5em;
margin:0!important;
}

.resume ul {
list-style-type: none;
margin:0;
padding:0 5px;
}

.resume li {
margin-bottom:5px;
}

.resume li input {
cursor:pointer;
border : none;
display:block;
width: 230px;
height:45px;
padding:0 0 0 45px;
background-color: #fef6d5;
color:#000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-decoration: none;
font-size:0.9em;
text-align: left;
}

.mail input {
background:url(images/icone-mail.gif) 5px 5px no-repeat;
}

.print input {
background:url(images/icone-print.gif) 5px 5px no-repeat;
}

.pdf input {
background:url(images/icone-pdf.gif) 5px 5px no-repeat;
}

.resume li input:hover {
cursor:pointer;
background-color: #fcd42e;
}

.prix-total, .prix-taxes, .specifications {
text-align: right;
margin:0 10px 0 0;
}

.prix-total {
font-weight: bold;
font-size:x-large;
color:#60a657;
}

.cgv a {
width:175px;
margin:0 auto;
font-size:smaller;
display:block;
height:16px;
background:url(images/icone-cgv.gif) top left no-repeat;
padding:0 0 0 20px;
}

/* Pages aides 
******************************************** */

#aide h1 {
margin:0;
padding:0;
color:#828282;
font-size:1.5em;
}

#aide h1 span {
font-style: italic;
}

.img-aide {
text-align: center;
margin:0 auto;
}

/* Fin Pages aides 
******************************************** */

/* Exemples sites 
******************************************** */

.exemple-site {
width:380px;
float:left;
margin:10px 5px;
}

.exemple-site p, .exemple-site h2 {
margin:0!important;
}

.exemple-site img {
border:solid 10px #ffd009;
}

.exemple-site img:hover {
border-color:#828282;
}

.exemple-site h2 a {
text-decoration: none;
font-weight: normal;
}

/* Fin Exemples sites
******************************************** */

/* Table devis 
******************************************** */

.table-devis {
width:100%;
border:solid 1px #cdcdcd;

}

.table-devis td {
background:#f2f2f2;
padding:0.5em;
border:solid 1px #cdcdcd;
}

.table-devis th {
background: #838383;
color:#fff;
}

.table-prix {
text-align: right;
}

.table-details {
padding-left:2em!important;
background: #fff!important;
}

.ht td {
font-weight: bold;
background: #ffd009!important;
font-size: 1.5em;
}

.tva td {
background: #fff;
}

.ttc td {
font-weight: bold;
}

.table-info-foot {
text-align: right;
}

.imprimer-devis {
text-align: right;
}

.imprimer-devis a {
border:0;
padding:0.5em;
background-color: #ffcf09;
color:#000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
font-size:1.5em;
font-weight: bold;
}

.imprimer-devis a:hover {
background-color: #838383;
color:#fff;
}

.imprimer-devis a:active {
background-color: #000;
}


/* Fin table devis 
******************************************** */

/* Formulaires 
******************************************** */

.formulaire01 label {
display: block;
}

.formulaire01 p {
background: #f2f2f2;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 1.1em;
}

.formulaire01 p:focus {
background: #fff5ce;
}

.form-error {
background: #fda3a3!important;
}

.form-error strong {
color: #e2001a!important;
}

.form-first {
margin-top:0!important;
}

.formulaire01 input, .formulaire01 textarea {
padding:5px;
border:solid 1px #cccccc;
width:500px;
}

.formulaire01 input:focus, .formulaire01 textarea:focus {
background: #fff5ce;
}

.buttons {
text-align: right;
}

.formulaire01 button {
cursor: pointer;
border:0;
height:30px;
background-color: #ffcf09;
color:#000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
font-size:0.9em;
}

.formulaire01 button:hover {
background-color: #838383;
color:#fff;
}

.formulaire01 button:active {
background-color: #000;
}

/* Fin Formulaires
******************************************** */



/* Easy Slider */
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */

	#slider {
	margin:0;
	border:solid 1px #a4a3a3;
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:765px;
		height:240px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		margin-left:50%;
		left:-390px;
		top:970px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:362px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
	
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#f2f2f2;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#fcd42e;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* facebox
**************************** */

#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 545px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/* End facebox
**************************** */