/*
	Theme Name: AP3com - Bonobo
	Theme URI: http://www.ap3com.com
	Description: Thème pour AP3com.com V7
	Version: 1.2
	Author: Michael Wassmer (mike@ap3com.com)
	Author URI: http://www.ap3com.com

	bleu : 3DABE0
*/


/* ¤¤¤¤¤ General ¤¤¤¤¤ */

body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:#FFF url(images/body_bg.jpg) no-repeat;
	min-width:600px;
	font-family:Arial, Verdana, Sans-Serif;
}

a {
	color:#3D4D4D;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#3DABE0;
}


p {
	padding:0;
	color:#444;
}

.clear{
	clear:both;
}



/* ¤¤¤¤¤ Header ¤¤¤¤¤ */
#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #DDD;
}

/* ¤¤¤¤¤ Header Menu ¤¤¤¤¤ */

#header ul {
	width:70%;
	list-style:none;
	margin:0;
	padding:70px 0 0 250px;
}

#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#header ul li a {
	display:block;
	float:left;
	margin:0 3px 0 1px;
	padding:5px 7px;
	text-align:center;
	background:url(images/menu_btn_bg.gif) top left repeat-x;
	color:#333;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1em;
	font-weight:bold;
	border-bottom:0;
	font-size:0.75em;
}

#header ul li a:hover {
	color:#3DABE0;
}

#header ul li.current_page_item a {
	background:url(images/menu_btn_over_bg.gif) top left repeat-x;
	color:#3DABE0;
}

#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}

#header ul li a span {
	display:block;
}

/* ¤¤¤¤¤ Header Title ¤¤¤¤¤ */
#header #titles{
	float:right;
	margin:0 25px 0 0;

}

#header h1{
	margin:0;
	padding:0;
	font-size:3.4em;
	color:#3DABE0;
	background:#FFF;
	display:none;
}

#header h2{
	margin:-15px 0 0 0;
	padding:0;
	font-size:1em;
	color:#777;
	letter-spacing:2px;
	display:none;
}

#header img{
	width:593px;
	height:60px;
}


/* 'widths' sub menu */
/*#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}*/


/* ¤¤¤¤¤ Column Container ¤¤¤¤¤ */

.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}

/* ¤¤¤¤¤ Common Column Settings */

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;

}



/* 3 Column blog style settings */
.blogstyle {
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
	background:url(images/col_1_bg.png); /* Right Column Background*/
	padding:20px 0;
}

.blogstyle .colmid {
	right:25%; /* width of the Right Column */
	right:25%;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc); /* Center Column Background */
}

.blogstyle .colleft {
	right:25%; /* width of the Middle Column */
	right:25%;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
}

.blogstyle .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	/*width:460px;*/
	width:470px;
	left:52%;				/* 100% plus left padding of center column */
	left:52%;
}
.blogstyle .col2 {
	width:20%;				/* Width of left column content (column width minus padding on either side) */
	width:16%;

	left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	left:56%;
}
.blogstyle .col3 {
	width:20%;				/* Width of right column content (column width minus padding on either side) */
	width:23%;
	left:60%;				/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	left:65%;
	left:60%;
}

.col1{
	/*height:500px;
	overflow-y:auto;*/

}

/* ¤¤¤¤¤ Archive ¤¤¤¤¤ */

.archive{
	height:500px;
	overflow-y:auto;
}


/* ¤¤¤¤¤ Footer ¤¤¤¤¤ */

#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #DDD;
	height:250px;
	background:url(images/footer_bg.jpg) top right no-repeat;
}

#footer p {
	padding:10px;
	margin:0;
}

/* ¤¤¤¤¤ Footer Menu ¤¤¤¤¤ */

#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#footer ul li{
	display:inline;
	display:block;
	float:left;
	margin:0 5px 0 1px;
	padding:2px 5px;
	text-align:center;
	background:#eee url(images/footer_btn_bg.gif) top left repeat-x;
	color:#777;
	position:relative;
	left:15px;
	line-height:1.3em;
	border-top:0;
	font-size:10px;
}

#footer ul li a{
	color:#777;
	text-decoration:none;

}

#footer ul li a:hover{
	color:#333;
}



/* ¤¤¤¤¤ Content ¤¤¤¤¤ */

/* ¤¤¤¤¤ Titles ¤¤¤¤¤ */

h2.pagetitle{
	color:#3DABE0;
	padding:7px 0 0 0;
	margin:0 0 5px 0;
	font-size:1.3em;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
	background:url(images/page_title.png) no-repeat;
	width:470px;
	height:29px;
	text-align:center;
}


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

.post {
	margin:0 0 10px 0;
	display:block;
	border:2px solid #D1E6EF;
	border-right:2px solid #C3D7DF;
	border-bottom:2px solid #C3D7DF;
	padding:0;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
	background:url(images/post_bg2.png);
	position:relative;
	zoom:1;
	font-size:0.9em;
}


#desc{margin:10px;color:#555;}

/* Extra texte */
#texte_extra{visibility:hidden;height:0px;margin:0;padding:0;}


/* ¤¤¤¤¤ "Dernières Réalisations" Module ¤¤¤¤¤ */

#dernieres_realisations{

}


#dernieres_realisations ul{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}

#dernieres_realisations ul li{
	float:left;
	margin:0;
	padding:0;
}


#dernieres_realisations ul li{
	margin:0;
	padding:0;
}

#dernieres_realisations ul li a{
	padding:5px 4px;
	display:block;
	width:102px;
	height:77px;
	background:url(images/pola_bg_sm.png) no-repeat;
	float:left!important;
	margin:3px;
}

#dernieres_realisations ul li a img.realisation{
	margin:0;
	border:1px solid #CCC;
	width:100px;
	height:75x;
	padding:0;
}


/* ¤¤¤¤¤ "Nos Serivces" Page ¤¤¤¤¤ */

#post-519{
	height:500px;
	overflow-y:auto;
}


table#services{
	border:0;
	border-collapse:collapse;
	color:#333;
	text-align:justify;
}

table#services td{
	vertical-align:top;
	padding:10px 10px 10px 0;
}

table#services td p{
	margin:0;
	padding:0;
}

table#services td img.vignette{
	margin:0 0 0 10px;
}



/*.service{
	margin:10px;
	background:#EEE;
	padding:5px;
	border:1px solid #DDD;
	font-size:0.85em;
	color:#444;
	text-align:justify;
	clear:both;
}

.service .service_desc{
	width:300px;
	display:block;
	float:right;
}

.service hr{
	height:0;
	border:0;
	clear:both;
	line-height:0;
	color:#FFF;
	background:#FFF;
}

.service p{
	margin:5px 0!important;

}

.service:hover{
	background:#F5F5F5;
	color:#333;
}

.service:hover strong{
	color:#44AEE4;
}

.service:hover img.vignette{
	background:#44AEE4;
}*/


/* ¤¤¤¤¤ "Réalisations" Page ¤¤¤¤¤ */

#realisations{
	height:500px;
	overflow-y:auto;
	position:relative;
	zoom:1;
}


#realisations ul{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}

#realisations ul li{
	float:left;
	margin:0;
	padding:0;
}


#realisations ul li{
	margin:0;
	padding:0;
}

#realisations ul li a{
	padding:7px 5px 5px 5px;
	display:block;
	width:208px;
	height:167px;
	background:url(images/pola_bg_med.png) no-repeat;
	float:left!important;
	margin:3px;
	text-align:center;
	line-height:10px;
	font-size:10px;
	text-transform:uppercase;
	color:#999;
}

#realisations ul li a img.realisation{
	margin:0;
	border:1px solid #CCC;
	width:200px;
	height:150px;
	padding:0;
}


#realisations ul li h3{
	font-weight:normal;
	font-size:10px;
	width:200px;
	margin:3px 0 0 0;
	padding:0;
	text-align:center;
	color:#666;
	height:10px;
	line-height:10px;
}

#realisations ul li:hover h3{
	color:#3DABE0;
}


h4.realisation_cat{
	position:relative;
	clear:both;
	margin:0;
	padding:5px 0 5px 10px;
	color:#333;
	/*background:#EEE;*/
}

/* Taille vignettes */
/*p#realisations{
	width:320px;
}

ul#taille_vignettes{
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	float:right;
	display:block;
	width:90px;
	font-size:0.7em;
}

ul#taille_vignettes li{
	margin:3px 0;
	padding:2px 3px 2px 20px;
	display:block;
	width:64px;
	border:1px solid #DDD;
	text-align:center;
}

ul#taille_vignettes li#petites{
	background:#EEE url(images/arrow_in.png) no-repeat;
}

ul#taille_vignettes li#petites:hover{
	background:#FFF url(images/arrow_in.png) no-repeat;
}

ul#taille_vignettes li#grandes{
	background:#EEE url(images/arrow_out.png) no-repeat;
}

ul#taille_vignettes li#grandes:hover{
	background:#FFF url(images/arrow_out.png) no-repeat;
}
*/



/* ¤¤¤¤¤ "Témoignages" Page ¤¤¤¤¤ */

#post-70{
	height:500px;
	overflow-y:auto;
}

/* ¤¤¤¤¤ "Questions Fréquentes" Page ¤¤¤¤¤ */

#post-79{
	height:500px;
	overflow-y:auto;
}

#post-79 h3{
	color:#555;
	font-size:1.1em;
	margin:30px 0 0 15px;
	padding:0;
}

#post-79 ul{
	margin:20px;
	padding:0 0 0 15px;
}

#post-79 ul li{
	color:#555;
	margin:5px 0;
	padding:0;
	position: relative;
}

#post-79 ul li:hover{
	color:#333;
}

/* ¤¤¤¤¤ "Devis en ligne" Page ¤¤¤¤¤ */

#post-521{
	height:500px;
	overflow-y:auto;
}


/* ¤¤¤¤¤ "Contact" Page ¤¤¤¤¤ */

#post-517{
	height:500px;
	overflow-y:auto;
}






/* Generic Page */

.post h2{
	color:#3DABE0;
	padding:10px 0 0 0;
	margin:0 0 0 10px;
	font-size:1.3em;
}

.post h3{
	color:#555;
	padding:10px 0 0 0;
	margin:0 0 0 20px;
	font-size:1.1em;
}

.post h4{
	color:#666;
	padding:10px 0 0 0;
	margin:0 0 0 30px;
	font-size:0.9em;
}

.post p{
	margin:15px;
	position: relative;
}

.post em{
	color:#3DABE0;
}

.post ul{
	margin:10px 20px 10px 55px;
	padding:0 0 0 0px;
}

.post ul li{
	margin:5px 0;
	padding:10px;
	font-size:0.9em;
	color:#555;
	list-style:url(images/bullet_go.png);
	background:#FFF;
	border:1px solid #DDD;
	text-align:justify;
}

.post ul li:hover{
	border:1px solid #CCC;
	color:#333;
}


/*.post img{
	border:1px solid #CCC;
	margin:0;
}


.post a img{
	border:1px solid #CCC;
}*/

.post img.vignette{
	float:left;
	margin:0 10px 5px 0;
	padding:3px;
	background:#EEE;
	border:1px solid #DDD;
}

.post img.vignette:hover{
	float:left;
	margin:0 10px 5px 0;
	padding:3px;
	background:#FFF;
	border:1px solid #CCC;
}

.post img.entete{
	display:block;
	width:400px;
	margin:0 auto;
	border:3px solid #DDD;
}


/* ¤¤¤¤¤ Tags ¤¤¤¤¤ */

.tags{
	color:#666;
	font-size:11px;
	clear:both;
	margin:0 auto;
	display:block;
	width:400px;
	height:20px;
}

.tags a{
	color:#666;
}

.tags a:hover{
	color:#3DABE0;
	text-decoration:none;
}

.tags img{
	background:none;
	border:none;
	padding:0;
	margin:0;
}

/*a.bouton{
	background:#EEE url(images/fleche_droite.gif) left center no-repeat;
	padding:5px 10px;
	border:1px solid #DDD;
	font-size:12px;
	text-decoration:none;
	color:#333;
	line-height:20px;
	margin:10px auto;
	width:50%;
	display:block;
	text-align:center;
}*/

/*a.bouton:hover{
	background:#FFF url(images/fleche_droite.gif) left center no-repeat;
	border:1px solid #CCC;
	color:#3c78a7;
}*/



/* ¤¤¤¤¤ Caption ¤¤¤¤¤ */

.wp-caption{
	margin:0 auto 10px auto;
	width:400px;
	height:328px;
	padding:10px 6px 1px 11px;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
	background: url(images/pola_bg.png) no-repeat;
}

.wp-caption p{
	margin:0;
}

.wp-caption img{
	border:1px solid #CCC;
}

p.wp-caption-text{
	font-size:11px;
	text-align:center;
	/*border:1px solid #DEDEDE;
	border-top:0;*/
	padding:0;
	width:100%;
	margin:5px 0 10px 0!important;
	font-variant:small-caps;
}


/* ¤¤¤¤¤ Video Bloc ¤¤¤¤¤ */

.video{
	margin:0 auto 10px auto;
	width:400px;
	height:328px;
	padding:10px 12px 1px 11px;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
	background: url(images/pola_bg.png)no-repeat;
}


/* ¤¤¤¤¤ Testimonials ¤¤¤¤¤ */

blockquote{
	background: url(images/comment.png) no-repeat;
	padding:0 5px 20px 60px;
	margin:20px 0 0 20px;
	border-bottom:1px dotted #DDD;
}

blockquote:hover{
	background: url(images/comment_over.png) no-repeat;
}

blockquote p{
	font-style:italic;
}

blockquote P.auteur{
	font-size:0.75em;
	font-style:normal;
}


/* ¤¤¤¤ Sidebars ¤¤¤¤¤ */


/* ¤¤¤¤ Sidebars Title ¤¤¤¤¤ */

.col2 h3,
.col3 h3{
	color:#3DABE0;
	font-size:1.1em;
	padding:10px 0 0 0;
	margin:0;
}

/* ¤¤¤¤ Sidebars Menu ¤¤¤¤¤ */

.col2 ul,
.col3 ul{
	padding:0;
	margin:0;
	list-style:none;
}

.col2 li,
.col3 li{
	background:url(images/sub.png) no-repeat;
	padding:0 0 0 13px;
	border-bottom:1px dotted #DDD;
}

.col2 li:hover{
	background:#FFF url(images/logo_20x20.png) right center no-repeat;
}



/* ¤¤¤¤¤ Forms ¤¤¤¤¤ */


/* ¤¤¤¤¤ Callback  Form ¤¤¤¤¤ */


#cformsform fieldset,
#cformsform input,
#cformsform ol,
#cformsform li {
	margin:0;
	padding:0;
}

#cformsform fieldset{

}

#cformsform label{
	font-size:12px;
	display:none;
}

#cformsform input#cf_field_2,
#cformsform input#cf_field_3{
	width:130px;
	height:18px;
	line-height:23px;
	font-size:16px;
	margin:0 0 10px 0;
	padding:5px;
	color:#888;
	background:#F7F7F7;
}

#cformsform input#cf_field_2:hover,
#cformsform input#cf_field_3:hover{
	color:#666;
}

#cformsform input.sendbutton{
	height:33px;
	width:143px;
	padding:0;
	background:url(images/btn_blank.png);
	color:#333;
	border:0;
}


#cformsform .cf-sb{
	width:150px;
}

#cformsform .cf_info{
	width:180px;
}



/* devis en ligne & Contact & recrutement*/

#cforms2form{
	display:block;
	width:435px;
	clear:both;
}

.cform li{
	background:none;
	border:0;
	padding:0;
}

.cform fieldset{
	background:0;
	margin:20px;
	padding:0;
	border:0;
}

.cform fieldset.cf-fs1{
	float:left;
	display:block;
	width:130px;
	margin:15px;
}

.cform fieldset.cf-fs2{
	float:right;
	display:block;
	width:180px;
	margin:15px;
}

.cform fieldset.cf-fs3{
	clear:both;
	display:block;
	width:400px;
	margin:15px;
}

.cform .cf-sb{
	clear:both;
	display:block;
	width:400px;
}

.cform legend {
	color:#3DABE0;
	display:none;
}

.cform label{
	display:block;
	color:#444;
	background:url(images/sub_inv.png) bottom left no-repeat;
	padding:0 0 0 12px;
	font-size:0.8em;
}

.cform input{
	background:#FFF;
	border:1px solid #DDD;
	padding:2px 3px;
	margin:0 0 10px 0;
	width:170px;
	color:#444;
}

.cform input:hover{
	border:1px solid #CCC;
}

.cform textarea{
	background:#FFF;
	border:1px solid #DDD;
	width:395px;
	margin:0 0 20px 0;
	padding:5px;
	color:#444;
}

.cf_info{
	margin:10px 10px 0 10px;
}

.cform ol{
	list-style:none;
	margin:0;
	padding:0;
}

.linklove{
	display:none;
}

.failure{
	background:url(images/cross.png) no-repeat;
	color:#333;
	font-weight:bold;
	padding:0 0 0 20px;
}

.success{
	background:url(images/tick.png) no-repeat;
	color:#5BA252;
	font-weight:bold;
	padding:0 0 0 20px;
}

.cf_error{
	border:1px solid #EB3335!important;
}


.cform .captcha{
	float:none;
	margin:0 0 0 50px;
	padding:0;
	border:0!important;
	background:#33CCFF;
}

.cform .textonly{
	margin:0 0 10px 0;
}

#cforms2form input.sendbutton,
#cforms3form input.sendbutton,
#cforms4form input.sendbutton{
	height:33px;
	width:143px;
	padding:0;
	background:url(images/btn_blank.png);
	color:#333;
	border:0;
}



/* Flir */
/*.flir-replaced img{
	background:none!important;
}*/

/* Recherche */
#searchform {
	margin:20px 0 0 0;
}

#searchform input#s{
	background:#FFF url(images/loupe.png) left center no-repeat;
	border:1px solid #DDD;
	padding:2px 3px 2px 23px;
	margin:0 0 10px 0;
	width:145px;
}

#searchform input#searchsubmit{
	background:#FFF;
	border:1px solid #DDD;
	padding:2px 3px;
	margin:0 0 10px 0;
	display:none;
}

/* text widget */

/*.textwidget{
	background:#FFF;
	padding:5px;
	margin:0;
}*/


/*.textwidget:hover{
	background:#FFF;
	border:3px dotted #3DABE0;
}*/

.textwidget:hover strong{
	color:#3DABE0;
}

.textwidget p{
	margin:0;
}

/* contact widget */
#contact_widget{
	background:#FFF url(images/email.png) top right no-repeat;
	padding:5px 40px 5px 5px;
	border:3px solid #DDD;
	width:160px;
}

#contact_widget:hover strong{
	color:#3DABE0;
}

/* callback widget */
#callback_widget{
	background:#FFF url(images/telephone.png) top right no-repeat;
	padding:5px 40px 5px 5px;
	border:3px solid #DDD;
	border-bottom:none;
	width:160px;
}


/* Navigation */
div.navigation{
	width:400px;
	background:#DDD;
	margin:0 auto;
}

.navigation .alignleft{
	float:left;
}

.navigation .alignright{
	float:right;
}

/* Symboles */
#symboles{
	/*
	width:120px;
	display:block;
	height:1000px;*/
}


/* DD sitemap */
.ddsg-wrapper{

}

/* Num Tel AP3com */
#num_tel{
	margin:10px 0 10px 0;
	background:#FFF url(images/phone-blue.png) no-repeat;
	width:110px;
	padding:7px 0 3px 32px;
	border:1px solid #DDD;
	text-align:center;
}

#num_tel:hover{
	background:#FFF url(images/phone-green.png) no-repeat;
	border:1px solid #CCC;
}

#num_tel:hover span{
	color:#3DABE0;
}


#num_tel span{
	font-size:0.8em;
	color:#666;
	font-weight:bold;
}

#num_tel small{
	color:#999;
	display:block;
	margin:0 0 0 7px;
	font-size:0.6em;
}

/* Dernières réalisations */

/*#dernieres_realisations{
	margin:10px auto;
	border-collapse:collapse;
	background:#EEE;
}

#dernieres_realisations td{
	padding:3px;
}

#dernieres_realisations a img{
	border:1px solid #DDD;
}

#dernieres_realisations a img:hover{
	border:1px solid #44AEE4;
}*/





/* Sitemap */

.ddsg-wrapper {
	margin:100px 0 0 0;
}

.ddsg-wrapper ul li{
	margin:10px 0 0 0;
}

.ddsg-wrapper ul li ul li{
	margin:0;
}

.ddsg-wrapper div p{
	display:none;
}


/* Mailing List */

#optinform323701781{
	margin:0;
	padding:0;
	width:140px;
	font-size:0.9em;
	font-family:arial,verdana,sans-serif;
}

#optinform323701781 fieldset{
	background:none;
	border:0;
	margin:0;
	padding:0;
}

#optinform323701781 input{
	border:1px solid #DDD;
	width:130px;
	height:18px;
	line-height:23px;
	font-size:1em;
	margin:0 0 10px 0;
	padding:5px;
	color:#888;
	background:#F7F7F7;
}

#optinform323701781 input.button{
	height:33px;
	width:143px;
	padding:0;
	background:url(images/btn_blank.png);
	color:#333;
	border:0;
}

#optinform323701781 legend{
	display:none;
}

.wpmlerror{

}


/* AP3com 3D */
.shadowbox img{
	border:0;
	margin:0;
	text-align:left;
	behavior: url(http://www.ap3com.com/wp-content/themes/ap3com_bonobo/iepngfix.htc);
}

.col3 div{
	text-align:left!important;
}

#mur_text{
	margin:0 0 5px 0;
	padding:0;
	font-size:0.80em;
	width:130px;
	text-align:center;
	font-weight:bold;
	color:#555;
}