/*
Theme Name: Desjoyaux
Theme URI:
Description: Desjoyaux site concessionnaire
Version: 1.0
Author: MB Création
Author URI:
Tags:

*/


/***************************************** stucture ********************************/
*{
	margin:0;
	padding:0;
	font-weight:normal;
}

body{
	background:url(img/bg-body.png) repeat-x;
	font-family:georgia, serif;
	font-size:12px;
}

#wrapper{
	background:url(img/bg-wrapper.png) no-repeat top center;
	width:100%;
}

#site{
	width:980px;
	margin:auto;
}

#bandeau{
	width:764px;
	float:right;
}

/******************************** general *******************************************/

h1{
	font-size:20px;
	color:#fff;
	height:32px;
	line-height:32px;
	padding-left:18px;
	position:relative;
}

a{
	color:#0062aa;
	text-decoration:none;
}

strong{
	font-weight:bold;
	color:#005fa5;
}

.clear{
	clear:both;
}

a img
{
	border:0;
}

#contenu .illustration{
	padding-left:30px;
	padding-top:15px;
}

.numtel{
	position:absolute;
	right:20px;
	top:0px;
}

/***** coordonnées *****/
#coordonnees{
	float:left;
	width:216px;
	height:288px;
	color:#005fa5;
	font-size:12px;
	position:relative;
}
#coordonnees div{
	padding:30px 25px 15px 25px;
}
#coordonnees h2{
	font-size:22px;
}

address{
	font-style:normal;
	margin-bottom:25px;
}

a.plan{
	display:block;
	font-size:11px;
	font-family: Arial, sans-serif;
	background:url(img/pdf.png) no-repeat;
	line-height:35px;
	height:41px;
	padding-left:40px;
	position:absolute;
	bottom:5px;
	left:20px;
}

/******* main ********/
#main{
	padding:17px 0px 0px 0px;
}

/****** actus *************/
#actuellement{
	text-transform:uppercase;
	color:#005c98;
	width:160px;
	height:40px;
	background:url(img/onglet_actu.png) no-repeat;
	line-height:38px;
	text-align:center;
}

.date{
	background:url(img/date.png) no-repeat;
	height:38px;
	width:38px;
	color:#fff;
	font-size:11px;
	font-family: Arial, sans-serif;
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
}
.date span
{
	display:block;
	padding-top:7px;

}

#actus {
	background:url(img/bg-actus.png) no-repeat;
	position:relative;
	height:97px;
	width:921px;
	margin:0 auto;
}
#actus .next{
	top:20px;
	left:600px;
}
#actus .prev{
	top:20px;
	left:0px;
}

#actus .carrousel
{
	width:700px;
	height:80px;
	position:absolute;
	left:180px;
	top:10px;
}

#actus .interieur-carrousel
{
	margin-left:50px;
	width: 532px;
	height:80px;
}



.actu p{
	font-family: Arial, sans-serif;
	font-size:11px;
	padding-right:10px;
}
.actu h3{
	font-style:italic;
	font-size:15px;
	color:#005c99;
	margin-bottom:15px;
}
.actu a{
	font-weight:bold;
}

.actu h3 a{
	font-weight:normal;
}
.actu{
	width:482px;
	position:relative;
	padding-left:50px;
	float:left;
}


/********** menu ***********/
#menu{
	list-style-type:none;
	height:35px;
	width:932px;
	margin:15px auto 0 auto;;
}

#menu li{
	float:left;
	height:35px;
	text-align:center;
	background-color:#fff;
}

#menu li a{
	text-transform:uppercase;
	color:#000;
	display:block;
	height:30px;
	font-size:10px;
	padding-top:5px;
}

#menu li a:hover,#menu li a.active{
	background-position:0 0px;
	color:#fff;
}
#menu li a{
	background-position:0 -35px;
}

#menu li#realisations a{
	width:107px;
	background-image:url(img/menu_realisations.png);
	background-repeat:no-repeat;
	padding-left:4px;
}


#menu li#connaissance a{
	width:105px;
	background-image:url(img/menu_connaissance.png);
	background-repeat:no-repeat;
}

#menu li#prestations a{
	width:102px;
	background-image:url(img/menu_prestations.png);
	background-repeat:no-repeat;
}

#menu li#documentation a{
	width:130px;
	background-image:url(img/menu_documentation.png);
	background-repeat:no-repeat;
}

#menu li#devis a{
	width:83px;
	background-image:url(img/menu_devis.png);
	background-repeat:no-repeat;
}

#menu li#appeler a{
	width:115px;
	background-image:url(img/menu_appeler.png);
	background-repeat:no-repeat;
}

#menu li#venir a{
	width:115px;
	background-image:url(img/menu_venir.png);
	background-repeat:no-repeat;
}

#menu li#avis a{
	width:115px;
	background-image:url(img/menu_avis.png);
	background-repeat:no-repeat;
}

/***************** footer ************************/

#footer{
	background:url(img/bg-footer.png) no-repeat;
	height:133px;
	padding-left:40px;
	list-style-type:none;
	padding-top:15px;
	text-transform:uppercase;
	font-size:14px;

}

#footer li{
	float:left;
	height:118px;
	width:225px;
	position:relative;
}

#footer li a{
	display:block;
	color:#fff400;
	width:180px;
	padding-left:25px;
	padding-top:25px;
	text-align:center;
}

#footer li a span.span2{
	color:#fff400;
	text-align:center;
	display:block;
	padding-top:25px;
}

#footer li a span.span1{
	color:#fff;
	text-align:center;
	position:absolute;
	left:35px;
	top:40px;
}

#footer li a span.petit{
	color:#fff400;
	text-transform:none;
	font-size:11px;
	font-family:arial, sans-serif;
	position:absolute;
	left:70px;
	top:82px;
}

#footer li#technologie{
	background:url(img/techno.png) no-repeat bottom;
}
#footer li#equipement{
	background:url(img/equipement.png) no-repeat bottom;
}
#footer li#desjoyaux{
	background:url(img/desjoyaux.png) no-repeat bottom;
}

#footer li#spas{
	background:url(img/spa.png) no-repeat bottom;
}

/**************** contenu général *******************/

#contenu{
	background:url(img/bg-contenu.png) no-repeat;
	padding-top:15px;
	padding-bottom:25px;
	width:932px;
	margin:0 auto;
	position:relative;
}

#wrapper-contenu{
	background:url(img/bg-wrapper-contenu.png) no-repeat;
}

#contenu h2{
	background:url(img/bg-h2.png) no-repeat;
	height:66px;
	width:241px;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	padding-top:18px;
	padding-left:13px;
}

#contenu #gauche{
	float:left;
	width:500px;
}
#contenu #droite{
	float:right;
	width:420px;
}

#contenu p{
	padding-left:17px;
	padding-right:50px;
	text-align:justify;
	padding-top:2px;
}

#contenu h4{
	font-size:14px;
	padding:10px 30px 10px 15px;
}

#contenu h3{
	font-style:italic;
	font-size:18px;
	padding:20px 30px 10px 15px;
}


#contenu ul{
	margin-left:40px;
}
#contenu li{
	margin:10px 0;
}
.prestations #milieu ul ,.prestations #droite ul{
	color:#0062aa;
	margin-left:15px;
}
.prestations #milieu ul li,.prestations #droite ul li{
	margin-top:0px;
	margin-bottom:0px;
}

#haut{
	position:absolute;
	top:30px;
	left:250px;
	width:650px;
}


/********************* formulaires ************************/
label,.wpcf7-quiz-label{
	display:block;
	float:left;
	width:110px;
	color:#666;
	font-family:arial, sans-serif;
	font-size:11px;
	text-align:left;
}
.wpcf7-quiz-label{
	width:107px;
}


span.label{
	color:#666;
	font-family:arial, sans-serif;
	font-size:11px;
	padding-bottom:8px;
	display:block;
}


select
{
	width:230px;
}

input.text{
	width:230px;
	height:17px;
	border:none;
	background:#f4f4f4;
}

textarea{
	width:230px;
	height:50px;
	border:none;
	background:#f4f4f4;
}
textarea.big{
	width:330px;
	height:250px;
	border:none;
	background:#f4f4f4;
}


form p{
	height:20px;
}

form p.p_radio{
	height:auto;
}

form p.p_radio label{
	width:auto;
	float:none;
}

form div.sep{
	border-bottom:1px solid #aaa;
	margin-bottom:10px;
	padding-bottom:10px;
	clear:both;
}

#contenu form p.textarea{

	padding-top:15px;
	height:auto;
	padding-right:0;
	padding-bottom:15px;
}

.devis form p.textarea{

	width:230px!important;
}

input.submit{
	margin-left:280px;
	margin-top:30px;
}

label.label_radio{
	display:inline;
	wisth:auto;
	float:none;
	padding-left:5px;
}
/***************** carroussel / propriétés générales *************************/
.carrousel{
	position:relative;
	overflow:hidden;
}
.carrousel .next{
	position:absolute;
}
.carrousel .prev{
	position:absolute;
	display:none;
}

.carrousel .interieur-carrousel
{
	position:relative;
	overflow:hidden;
}

.carrousel .items{
	position:absolute;
	top:0;
	left:0;
	width: 10000px;
}
.carrousel .item{
	display:block;
	float:left;
}

/********************************** spécifique réalisations *************************/
.realisations #gauche{
	width:340px!important;
}
.realisations #droite{
	width:580px!important;
}

/******************* carroussel réalisations *********************/
.realisations .carrousel
{
	margin-top:20px;
	margin-bottom:10px;
	width:546px;
	height:222px;
}
.realisations .next
{
	right:0;
	top:100px;
}
.realisations .prev
{
	left:0;
	top:100px;
}

.realisations .interieur-carrousel
{
	margin-left:30px;
	width: 466px;
	height:221px;
}



/********************************** spécifique connaissance *************************/
.connaissance #gauche{
	width:420px!important;
}
.connaissance #droite{
	width:500px!important;
	padding-top:65px;
}

.connaissance #droite h3{
	padding:20px 0 20px 0;
	text-transform:uppercase;
	font-size:14px;
	font-style:normal;
}

.connaissance #droite ul{
	color:#0062aa;
	margin-left:15px;
}

.connaissance #droite p{
	color:#000;
}

.connaissance #droite h4{
	color:#0062aa;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 0 0 0;
}


/********************************** spécifique prestations *************************/
.prestations #gauche{
	width:390px!important;
}

.prestations #milieu{
	float:left;
	width:250px;
	padding-top:65px;
}

.prestations #droite{
	width:250px!important;
	padding-top:65px;
}

.prestations #milieu h3, .prestations #droite h3
{
	font-style:normal;
	padding-left:0;
	font-size:15px;
	color:#0062aa;
}

.prestations #milieu ul, .prestations #droite ul
{
	font-size:14px;
}

.prestations #milieu li, .prestations #droite li
{
	padding-top:3px;
	padding-bottom:3px;
}

/********************************** spécifique documentation *************************/
.documentation #gauche{
	width:390px!important;
}

.documentation #droite{
	width:500px!important;
	padding-top:85px;
}
.documentation .submit{
	clear:both;
}

.documentation{
	padding-bottom:80px!important;
}
/********************************** spécifique avis *************************/
.avis #gauche{
	width:400px!important;
}

.avis #droite{
	width:530px!important;
	padding-top:60px;
	height:340px;
	overflow:auto;
}

.avis #droite h3{
	color:#005c99;
	margin-bottom:10px;
}

.avis .inconvenient
{
	padding-bottom:15px;
}


/********************************** spécifique appeler *************************/
.appeler #gauche{
	width:340px!important;
}

.appeler #droite{
	width:480px!important;
	padding-top:70px;
	padding-right:110px;
	padding-bottom:100px;
	background:url(img/bg-appeler.png) no-repeat bottom right;
}

.appeler{
	padding-bottom:0px!important;
}



/********************************** spécifique venir *************************/
.venir #gauche{
	width:400px!important;
}

.venir #droite{
	width:530px!important;
	padding-top:85px;
}
.venir a.plan
{
	left:470px;
	top:0px;
}

.venir #haut
{
	z-index:100;
}

.venir #haut p{
	width:60%;
}

/********************************** spécifique devis *************************/
.devis #gauche{
	width:370px!important;
}

.devis #milieu{
	float:left;
	width:280px;
}

.devis #droite{
	width:280px!important;
}


.devis #gauche p, .devis #milieu p, .devis #droite p{
	padding-right:0!important;
	padding-left:0;
	margin-left:15px;
}

.devis .submit{
	margin-left:185px;
	margin-top:60px;
}

/********************************** actualités *************************/
#detail_actus
{
	width:921px;
	margin:0 auto;
	position:relative;

}

.detail_actu{
	background-color:#cde6ec;
	padding:0px;
	position:relative;

}

.detail_actu2{

	padding-left:280px;
	padding-top:16px;

}

.haut_actu{
	height:9px;
	background:url(img/haut-actu.png) no-repeat;
	overflow:hidden;
}

.bas_actu{
	height:9px;
	background:url(img/bas-actu.png) no-repeat;
	margin-bottom:20px;

}

#actuellement{
	position:absolute;
	top:0px;
	left:8px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	z-index:10;
}

.detail_actu .date{
	position:absolute;
	top:16px;
	left:230px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
}

.detail_actu .retour{
	position:absolute;
	top:60px;
	left:234px;
	padding-left:0px;
	padding-bottom:0px;
	clear:both;
}

.illus_actu{
	margin-top:10px;
	float:left;
	width:220px;
}

.detail_actu .lien_retour{
	padding-top:15px;
	float:left;
	padding-left:280px;
	clear:both;
}

.detail_actu h3{
	font-size:15px;
	color:#005c99;
	font-style:italic;
}


.detail_actu {

	padding-right:20px;
	padding-bottom:20px;
}

.detail_actu3{
	float:right;
	width:300px;
}



.detail_actu p{

	padding-top:16px;

}
.detail_actu .archive p{
	padding-left:0px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:3px;
}

.detail_actu .single{

	width:400px;
	float:right;

}

.detail_actu .single ul{
	margin-left:15px;
	margin-top:5px;
}
.detail_actu .single ul li{
	padding-bottom:5px;
}




/******************************* iframe *********************/
#iframe{
	height:1000px;
	width:100%;
	background:url(img/png70.png);
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	display:none;
}

#zoom{
width:960px;
border:1px solid #000;
height:560px;
position:absolute;
top:50%;
left:50%;
margin-left:-480px;
margin-top:-280px;
display:none;
z-index:1500;
background:url(img/bg-popup.jpg) repeat-x #fff bottom;

}
html>body #zoom{
position:fixed;
}

.popup{
overflow:auto;
height:530px;
}

 .esp{
	position:absolute;
	bottom:5px;
	right:5px;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
}

 .esp a{
	color:#fff;
}

.esp span{
	color:#fff400;
}

/********************** technologie ************************/
.popup h4
{
	font-size:14px;
	padding-top:5px;
}
.contenu-popup{
	padding:20px;
}

#techno .contenu-popup .gauche,#techno .contenu-popup .droite,#techno .contenu-popup .milieu{
	width:250px;
	float:left;
	padding-top:30px;
}
#techno .contenu-popup .gauche
{
	margin-left:80px;
}

#techno .contenu-popup li{
	list-style-type:none;
	padding-left:15px;
	padding-top:5px;
}


#equipement .contenu-popup .gauche{
	width:400px;
	float:left;
	padding-bottom:15px;
}


#equipement .contenu-popup .droite{
	width:400px;
	float:right;
	padding-bottom:15px;
}

#equipement h5{
	color:#003d8a;
	text-transform:uppercase;
	font-size:12px;
	margin-top:15px;
	margin-bottom:5px;
}

#equipement ul{
	padding-left:30px;
}

#equipement p{
	padding-bottom:3px;
}

#equipement h3{
	color:#003d8a;
	font-size:15px;
	margin-top:15px;
}

#equipement h4{
	padding-top:0;
	margin-bottom:15px;
}



.wpcf7-not-valid-tip-no-ajax
{display:none;}


.wpcf7-response-output{
	font-weight:bold;
}

.devis .wpcf7-response-output{
	position:absolute;
	top:420px;
	left:670px;
	width:180px;

}

.appeler .wpcf7-response-output{
	position:absolute;
	top:50px;
	left:357px;
	width:250px;

}
.documentation .wpcf7-response-output{
	position:absolute;
	top:50px;
	left:448px;
	width:250px;
}

.wpcf7-validation-errors, .wpcf7-mail-sent-ng
{
	color:#9C0000;
}

div.erreur{
	padding-left:20px;
	padding-bottom:30px;
	padding-top:15px;
}




table{
	border-top:1px solid #666;
	border-right:1px solid #666;
	margin:10px 20px 0px 20px;
}
th, td{
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	text-align:center;
	padding:5px;
}
th{
	font-weight:bold;
}

#contenu p.retour{

	padding-top:20px;
}

p.pied{
text-align:center;
font-size:10px;
padding-bottom:10px;
}