/*
  Theme Name: Philippe Traineau
  Theme URI:
  Description:
  Version: 1.0
  Author: Michael Wassmer
  Author URI: http://www.ap3com.com
 */


/*-------------------- Colors --------------------*/
.rouge{
  color:#ac0000;
}

.bleu{
  color:#d6dce6;
}

.orange{
  color:#e39744;
}

/*-------------------------------------------------*/
.clear{
  clear:both;
}

html{
  font-family:arial, verdana, sans-serif;
  font-size:12px;
  text-align:center;
}

body{
  margin:0;
  padding:0;
}

pre{
  margin:0;
  padding:0;
}
.alignleft{
  float:left;
  margin:0 5px 5px 0;
}

/*--------------------for your text--------------------*/

h1{
    visibility:hidden;
    margin:0;
    padding:0;
    height:0;
    line-height:0;
}

h2 {
  margin:0 0 10px 0;
  padding:0;
  color:#ff8500;
}

address{
  font-style:normal;
  background:#F2F3F7;
  border:1px solid #555;
  padding:5px;
  width:300px;
  margin:0 auto;
}


/*--------------------for links--------------------*/


a {
  color:#333;
  text-decoration:none;
}
a:link {
     }
a:visited {
     }
a:link:focus{
     }

a:link:hover,
a:visited:hover {
  text-decoration:underline;
}

a:link:active,
a:visited:active {
     }

/*-------------------- Structure --------------------*/
div#container{
  width:900px;
  background:#EEE;
  margin:20px auto;
  text-align:left;
  border:1px solid #DDD;
}

div#header{
  width:570px;
  height:110px;
  /*background:#d6dce6 url(images/header_bg.jpg) top center no-repeat;*/
  clear:both;
  padding:10px 10px 0 10px;
}

div#menu{
  width:500px;
  height:100px;
  background:#d6dce6 url(images/logo_traineau.gif) top center no-repeat;
  margin:0 0 0 10px;
  padding:10px 0 0 0;
}

div#menu li{
  margin:4px 0;
  padding:0;
}

div#menu li a{
  color:#333;
  font-weight:bold;
  letter-spacing:1px;
}

div#menu li a:hover{
  color:#ff8500;
  text-decoration:none;
}

div#menu ul#left_menu{
  float:left;
  list-style:none;
  text-align:right;
  margin:0 0 0 20px;
  padding:0;
}

div#menu ul#right_menu{
  float:right;
  list-style:none;
  margin:0 0 0 20px;
  padding:0;
}

div#left_sidebar{
  float:left;
  width:155px;
  height:600px;
  background:#DDD;
}

div#right_sidebar{
  float:left;
  width:155px;
  height:600px;
  background:#DDD;
}

/* ¤¤¤¤¤ Gallery ¤¤¤¤¤ */
.gallery-item img{
  /*height:*/
}



/* ¤¤¤¤¤ Content ¤¤¤¤¤ */
#content{
  display:block;
  height:430px;
  overflow-y:auto;
  padding:0 10px 10px 0;
}
#content_devis{display:block;height:440px;padding:0;}


#content h3{
  clear:left;
  display:block;
  margin:0 0 5px 0;
  padding:20px 0 0 0;
  font-size:1.3em;
}

#content p{
  font-size:14px;
  text-align:justify;
  line-height:16px;
}

#content ul#devis{
  width:450px;
  list-style:none;
  margin:30px 0 0 40px;
  padding:0;
}

#content ul#devis li{
  margin:30px 0;
  font-size:16px;
  text-align:justify;
  background:url(images/tablet.png) top left no-repeat;
  padding:5px 0 0 70px;
}

#content ul#devis li:hover{
  background:url(images/tablet_over.png) top left no-repeat;
}



#content table{
  width:450px;
  background:#FFF;
  border-collapse:collapse;
  border:1px solid #DDD;
  margin:10px auto;
  clear:both;
}

#content table th{
  background:#EEE;
  padding:5px;
}

#content table td{
  padding:5px;
}

#content table tr:hover{
  background:#F5F5F5;
}

/* ¤¤¤¤¤ Partenaires ¤¤¤¤¤ */
#partenaires {
  display:block;
  height:430px;
  overflow-y:auto;
  padding:0 10px 10px 0;
}

#partenaires blockquote{
  border:1px solid #EEE;
  background:#EAEDF2;
}

#partenaires h3{
  margin:0 0 0 0;
  padding:3px;
  font-size:16px;
  background:#C6CDD7;
  color:#333;
}

#partenaires blockquote p{
  margin:5px 10px 10px 0;
  padding:0;
}

#partenaires img{
  margin:0 5px;
  clear:left;
}




/* ¤¤¤¤¤ Post ¤¤¤¤¤ */

div#post{
  float:left;
  background:#d6dce6 url(images/post_bg.jpg) bottom left no-repeat;
  width:550px;
  height:600px;
  padding:0 20px;
  color:#333;
  /*overflow-x:hidden;
  overflow-y:scroll;
  display:block;*/
  font-size:13px;
  color:#555;
}


div#post img{
  padding:3px;
  border:1px solid #DDD;
  background:#F7F7F7;
}

div#post img.title{
  float:left;
  margin: 0 10px 10px 0;
  padding:5px;
  border:1px solid #DDD;
  background:#F7F7F7;
}

div#post form{
  margin:0 auto;
  padding:0;
}

div#post table#cartes{
  margin:0 auto;
  text-align:center;
}




#cgv{
  padding:0 10px;
  height:450px;
  /*overflow-x:hidden;
  overflow-y:scroll;*/
}


div#footer{
  width:885px;
  height:10px;
  background:#FFF;
  clear:both;
  padding:10px;
  text-align:center;
  font-size:11px;
  color:#999;
}

div#footer a{
  color:#888;
}

div#footer a:hover{
  color:#666;
  text-decoration:none;
}



.linklove{
  display:none;
}


/* ¤¤¤¤¤ Contact Form ¤¤¤¤¤ */

@import "calendar.css";

.cform {
	margin:10px auto 0 auto;
	width: 330px;
}

.cform fieldset	{
	margin-top:10px;
	padding:5px 0 10px 0;
	border:none;
}

.cform .cf_hidden {
	display:none;
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend {
	display:none;
}

ol.cf-ol {
	margin:0!important;
	padding:0!important;
}
ol.cf-ol li	{
	background:none!important;
	margin:2px 0!important; /*some themes may interfere otherwise*/
	padding:0;
	list-style:none!important;
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:4px 0;
	text-align:left;
	font: bold 14px Arial;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	color:#333;
	font:12px Arial;
	margin:0 10px 0 0;
	padding:5px 5px 5px;
	width:60px;

	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
}
.cform label span {
	width:60px; /* must be the same as above!*/
	display:block;
}

label.cf-before {
	margin:0 10px 0 0;
}

label.cf-after 	{
	margin:2px 1px 0pt 3px !important;
	width:90px;
	text-align:left;
	background:none;
	padding:2px;
	line-height:1.3em;
}

label.cf-after span {
	width:90px;
	display:block;
}

label.cf-group-after {
	margin:2px 0 0 3px!important;
	width:100px;
	text-align:left;
	padding:2px;
	background:none;
	line-height:1.3em;
}
label.cf-group-after span {
	width:100px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {
	font:12px Arial;
	margin:0;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:4px 5px;
	width:230px;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border:1px solid #999999;
	color:#000000;
	width:230px;
}

.cform select,
.cform select:hover {
	width:242px; /* attempt to have equal length */
	padding: 3px 5px;
}

.cform select.cfselectmulti	{
	height:7.5em;
}

.cform textarea {
	overflow:auto;
	height:30px;
}

.cform input.fldrequired,
.cform input.fldrequired:hover{
	/*border-right:3px solid #ebc2c2;
	width:228px;*/
}

.cform select.fldrequired,
.cform select.fldrequired:hover {
	border-right:3px solid #ebc2c2;
	width:242px;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt {
	display:none;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	margin:8px 0pt 0pt !important;
	padding-left:160px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a:hover,
.cform input.cf-box-b:hover,
.cform input.cf-box-a,
.cform input.cf-box-b 	{
	vertical-align:top;
	margin:2px 0 0 0;
	width:14px!important;
	height:22px;
	border:0!important;
	background:none!important;
}

.cform input.cf-box-a 	{
	margin-left:160px!important; /* check with label 'width' incl. */
}

/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	font-weight:bold;
	margin:10px 0pt 0px !important;
	padding-left:160px;
}


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right!important;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
  background:url(images/button.png) no-repeat;
  width:122px;
  height:32px;
  border:0;
}
.cform input.resetbutton {
}
.cform input.backbutton {
}


/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	/*background:#FFDFDF url(li-err-bg.png) repeat!important;*/
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 160px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	width:50px!important;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:top;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
}
img.imgcalendar {
/*
	position:relative;
	top:4px;
*/
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#d13d3d!important;
	text-decoration:underline!important;
}
div.success {
	background:#F5F5F5 none repeat scroll 0%;
	color:#888888;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform input.cf_error,
.cform input.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d;
	width:225px;
}
.cform select.cf_error,
.cform select.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d;
}

div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#d13d3d;
}
/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:242px;
	background: #f9f9f9;
	border:1px solid #888888;
}
html:root .cform input.cf_upload { 			/* FF only */
	margin-top:4px;
}
.cform input.cf_upload:hover  {
	width:242px!important;
}
/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;
	text-align:right!important;
}
.linklove a,
.linklove a:visited {
	font:10px Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
/** html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
* html .cform legend {
	position:absolute;
	top: -10px;
	left: -8px;
}
*+html .cform legend {
	position:absolute;
	top: -10px;
	margin-left:-8px;
}*/

* html ol.cf-ol,
* html ol.cf-ol li	{
	display: inline-block;  /*for ie6*/
}
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html .cform select {
	margin-top:3px;
}
*+html .cform select {
	margin-top:3px;
}
* html img.captcha {
	margin-top:1px!important;
}
*+html img.captcha {
	margin-top:1px!important;
}

* html .cform label {
	margin-top:1px;
}
*+html .cform label {
	display: inline-block; /*for ie7*/
	margin-top:1px;
}


/* ¤¤¤¤¤ Devis en ligne personnalise ¤¤¤¤¤ */
#cforms2form{
  background:#EEE;
  border:1px solid #DDD;
  margin:0 auto 20px auto;
  padding:0;
  width:450px;
  display:block;
}

#cforms2form ol li{
  border-bottom:1px solid #EEE;
  padding:5px 0;
}

#cforms2form input,
#cforms2form textarea{
  background:#F3F4F8;
}

#cforms2form label span{
  font-size:17px;
  color:#666;
  line-height:17px;
}



#cforms2form small{
  font-size:10px;
  color:#8B8B8B;
  line-height:13px;
}

#cforms2form label small{
  /*background:url(images/devis_desc.gif) no-repeat;*/
  font-size:12px;
  /*padding:0 0 0 13px;*/
  padding:0;
  line-height:15px;
}

#cforms2form li:hover{
  background:#EAEDF2!important;
}

#cforms2form li:hover label span{
  color:#666;
}

#cforms2form li:hover label small{
  color:#666;
}


#cforms2form .cf-box-b{
  margin:10px 0 0 15px;
}

#cforms2form fieldset{
  background:#FFF;
  border:1px solid #DDD;
  margin:10px;
  padding:5px;
}

/* Menus fieldset */
.cf-fs8 label small{
  background:none!important;
  padding:0!important;
}

#cforms2form fieldset legend{
  display:block;
  margin:0 0 0 10px;
  font-size:20px;
}


#cforms2form label,
#cforms2form label span{
  width:350px;
}

#cforms2form label span em{
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  color:#666;
}

#cforms2form label ul{
  margin:0 0 0 10px;
  padding:0;
}

#cforms2form label ul li{
  font-size:10px;
}

/* Ville */
#cforms2form #li-2-4 label,
#cforms2form #li-2-4 label span{
  width:260px;
}

#cforms2form input#cf2_field_4{
  width:120px;
}


#cforms2form input.single{
  width:30px;
  margin:3px 0 0 0;
  text-align:center;
}

#cforms2form input#cf2_field_2{
  width:80px;
  margin:0 0 0 280px;
  text-align:center;
}



/* Date */
#cforms2form #li-2-2{
  border:none;
}

/* Prénom */
#cforms2form #li-2-118 label,
#cforms2form #li-2-118 label span{
  width:130px;
}
#cforms2form #li-2-118 input{
  width:250px;
}

/* Nom */
#cforms2form #li-2-119 label,
#cforms2form #li-2-119 label span{
  width:130px;
}
#cforms2form #li-2-119 input{
  width:250px;
}

/* Société */
#cforms2form #li-2-120 label,
#cforms2form #li-2-120 label span{
  width:130px;
}
#cforms2form #li-2-120 input{
  width:250px;
}

/* Code postal */
#cforms2form #li-2-122 label,
#cforms2form #li-2-122 label span{
  width:330px;
}
#cforms2form #li-2-122 input{
  width:50px;
}

/* Ville */
#cforms2form #li-2-123 label,
#cforms2form #li-2-123 label span{
  width:240px;
}
#cforms2form #li-2-123 input{
  width:140px;
}

/* Téléphone */
#cforms2form #li-2-124 label,
#cforms2form #li-2-124 label span{
  width:240px;
}
#cforms2form #li-2-124 input{
  width:140px;
}

/* Fax */
#cforms2form #li-2-125 label,
#cforms2form #li-2-125 label span{
  width:240px;
}
#cforms2form #li-2-125 input{
  width:140px;
}

/* Email */
#cforms2form #li-2-126 label,
#cforms2form #li-2-126 label span{
  width:240px;
}
#cforms2form #li-2-126 input{
  width:140px;
}

/* ¤¤¤¤¤ Referencement Day ¤¤¤¤¤ */
#refday{
  margin:0 auto;
  color:#555;
}




#cforms2form textarea{
  width:395px;
  height:100px;
  margin:0 5px 5px 5px;
}

#cforms2form .textonly{
  font-size:10px;
  font-weight:normal;
}

#cforms2form .imgcalendar{
  border:none;
  padding:0;
  background:none;
  margin:3px 0 0 10px;
  width:22px;
  height:19px;
}

#cforms2form .captcha-reset{
  background:url(images/reload_button.png) no-repeat;
  width:32px;
  height:27px;
  padding:0;
  border:0;
}


#cforms2form .sendbutton{
  background:url(images/button.png) no-repeat;
  width:122px;
  height:32px;
  margin:0 10px 10px 0;
}

/* ¤¤¤¤¤ Calendar ¤¤¤¤¤ */
table.jCalendar {
	border: 1px solid #666;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #444;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #f0f0f0;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

div.dp-popup {
	position: relative;
	background: #d6eafe;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: auto;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	border:2px solid #c2e0f8;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 3px 0pt 4px;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}