/*
Theme Name: JPR Excavation
Theme URI: http://wordpress.org/
Description: Theme configurer pour le site web de JPR Excavation
Version: 1
Author: Activis
*/

html, body{height:100%; width:100%;}

body{
	margin: 0px; 
	padding: 0px; 
	font: normal 0.625em/1.5em "Trebuchet MS", Arial, sans-serif; 
	color:#003975; 
	background-color:#130d09; 
	background-image: url(images/bkg.jpg);	
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	}

a{text-decoration: none; color:#008983; outline:none;}
a:hover{text-decoration:underline;}
a:visited {color: #008983;}
a img{border:none;}

h1, h2, h3, h4, h5, h6{font-family:"Trebuchet MS", Arial, sans-serif; font-weight:normal; line-height:1; margin:0;}
h1 {font-size:1.8em; color:#008752; font-weight:bold; text-transform:uppercase; margin: 14px 0 10px 0;}
h2 {font-size:1.2em; color:#008983; font-weight:bold; text-transform:uppercase; margin: 12px 0 10px 0;}
h3 {font-size:1.2em; color:#008983; font-weight:bold; text-transform:uppercase;}
h4 {font-size:2.0em; color:#008983; font-weight:bold; text-transform:uppercase; margin: 12px 0 10px 0;}
h5 {font-size:1.8em; color:#008752; font-weight:bold; margin: 14px 0 10px 0;}
/*h5 {font-size:1.2em; font-weight:bold;}*/
h6 {font-size:1.4em; color:#008752; font-weight:bold; text-transform:uppercase; margin: 24px 0 10px 0;}
p{font-size:1.2em; margin:0 0 10px 0;}

.tconcours{color:#008983; font-weight:bold;}
.pconcours { font-size:1.2em; margin:10px 0 20px 0; }

.aconcours a{ color:#CCCCCC;}

h1 a, h1 a:visited { color:#008752;}

ul, ol{ margin:0; padding:0 0 0.5em 15px;}
li{font-size:1em; padding:0.2em 0 0.2em 0;}
li li{font-size:0.9em;}

acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}
acronym, abbr {cursor: help;}

blockquote {border-left: 5px solid #ccc;margin-left: 1.5em;padding-left: 5px;}
cite {font-size: 0.9em;font-style: normal;}

.imgalignright { float:right; margin-right:6px;}

#jprsite {
	height:544px;
	width:940px;
	/* margin sans concours -136 */
	margin:-96px auto auto -470px;
	top: 25%;
	left:50%;
	position:absolute;	
}

/* header*/
#header {
	background:#fff; 
	height: 488px;
	_height: 498px;
	padding:10px; 
	_padding-bottom:0px;
	float: left;
	display:inline;
	margin-bottom: 10px;}
#header .title{font-size:3.2em;}
#header .description{font-size:1em;}

#concours { color:#FFFFFF; position:absolute; top:-72px; left:-36px;}
#concours a{position:relative; display:block;}
#concours a .hover{position:absolute; display:none;}

/* logo */
#logo {
	float: left;
	display:inline;
	width: 209px;
	height:478px;
	background-color:#d4f2ff;
}
/* colMenu */
#colMenu {
	float: left;
	display:inline;
	width: 209px;
	height:478px;
	padding: 0 10px 0 10px;
}

/* mainMenu */
#mainMenu{
	background-image: url(images/fr/bkg_menu.png);	
	background-repeat: no-repeat; 
	margin:0px; 
	padding:0px; 
	clear:both; 
	width:209px; 
	height : 246px;
	line-height:0px; 
	overflow:hidden;
		
}
#mainMenu ul{ list-style: none; margin:0px; padding: 0px; width:188px;}
#mainMenu li{ margin:0px; padding: 0px; display:inline; float:left; width:188px;}
#mainMenu a{position:relative; display:block;}
#mainMenu a .hover{position:absolute; display:none;}


/* heroImg */
#heroImg {
	padding: 6px 0 6px 0;
	width: 209px;
	height: 74px;
}

/* JPRInfo */
#JPRInfo {
	background-image: url(images/fr/jprexcavation.png);	
	background-repeat: no-repeat;
	padding: 55px 10px 10px 20px;
	width: 179px;
	height: 101px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.1em;
	line-height: -1;
	color: #fff;
	overflow:hidden;
}
#JPRInfo .JPRInfoTitle{
	color: #7accc8;
}
#JPRInfo .rbq{
	font-size:0.86em;
}
#flashemail {
	height: 18px;
}

/* content */
#content {
	background:#fff; 
	padding:0px; 
	margin:0px;
	width:482px;
	height:478px;
	float: left;
	display:inline;
}
#content .post {background: #fff; width:482px; height:488px; padding:0px; overflow-y:auto; position:relative;}
#content  ul.anchorlink{font-size:1.3em; text-transform:uppercase; list-style: square; color:#008983; margin:20px 20px 10px 20px;}
#content  ul.anchorlink li{ margin-bottom:10px;}
#content  ul.anchorlink a{text-decoration: none; color:#008983; outline:none;}
#content  ul.anchorlink a:hover{text-decoration:underline;}
#content  ul.anchorlink a:visited{color:#008983;}

#content  ul.linkpartner{font-size:1.3em; text-transform:uppercase; list-style: square; color:#008983; margin:20px 20px 10px 20px;}
#content  ul.linkpartner li{ margin-bottom:10px;}
#content  ul.linkpartner a{text-decoration: none; color:#008983; outline:none;}
#content  ul.linkpartner a:hover{text-decoration:underline;}
#content  ul.linkpartner a:visited{color:#008983;}

#content .imgContent {margin: 10px;}

#content .toplink {text-align:right; margin:20px 20px 20px 0;}
#content .toplink a{text-transform:uppercase; text-decoration: none; color:#008983; text-align:right; outline:none;}
#content .toplink a:hover{text-decoration:underline;}
#content .toplink a:visited{color:#008983;}

#content .ptspace{margin-top:30px;}

/* FORMULAIRE */
#content .formulaire {background: #fff; width:482px; height:488px; padding:0px; overflow-y:auto;}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.05em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.wp_geo_map {background-color:#003333; float:left; margin:0px; padding:0px;}



.gallery img{ margin:0 10px 10px 0; float:left; display:inline;}

.bureau{width:210px; margin:10px 10px 10px 0; float:left; display:inline; font-size:1.1em; background-color:#FFFFFF;}


/* footer */
#footer {
	background:none; 
	padding:10px; 
	width:910px;
}

#activis {
float:right;
}

#copyright {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.1em;
	text-align:left;
	color:#fff;
}

#copyright a {
	color:#fff;
	text-decoration:none;
}
		
#copyright a:hover {
	text-decoration:underline;
}



/* class */
.clear{ float:none; clear: both;}
.center{width:940px; height:auto; margin: 0px auto; padding: 0px;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}


.coL4{width:23%; padding-right:2%; float:left; display:inline;}
.coL3{width:31%; padding-right:2%; float:left; display:inline;}
.coL2{width:48%; padding-right:2%; float:left; display:inline;}
.coL1{width:100%; padding-right:0; float:left; display:inline;}


/* jpr accueil */
#TheBox1 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin:0 10px 0 0;
}
#TheBox1 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox1 a:hover {
	text-decoration:underline;
}

#TheBox2 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin:0;
}
#TheBox2 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox2 a:hover {
	text-decoration:underline;
}

#TheBox3 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin:10px 10px 0 0;
}
#TheBox3 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox3 a:hover {
	text-decoration:underline;
}
#TheBox4 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin:10px 0 0 0;
}
#TheBox4 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox4 a:hover {
	text-decoration:underline;
}
#TheBox5 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin:10px 10px 0 0;
}
#TheBox5 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox5 a:hover {
	text-decoration:underline;
}
#TheBox6 {
	width : 236px;
	height: 156px;
	float: left;
	display:inline;
	margin-top:10px;
}
#TheBox6 a {
	color:#fff;
	text-decoration:none;
}
		
#TheBox6 a:hover {
	text-decoration:underline;
}

.accueilBox {
	display: block;
	width : 236px;
	height: 156px;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:1.1em;
	text-align:left;
	color:#fff;
}
#teaserImg_accueil {
	width: 236px;
	height: 115px;
	display:inline;
}
#teaserText_fondation {
	background-image: url(images/fr/img_service_fondation_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}
#teaserText_excavation {
	background-image: url(images/fr/img_service_excavation_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}
#teaserText_fissures {
	background-image: url(images/fr/img_service_fissures_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}
#teaserText_septique {
	background-image: url(images/fr/img_service_septique_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}
#teaserText_terrassement {
	background-image: url(images/fr/img_service_terrassement_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}
#teaserText_genie {
	background-image: url(images/fr/img_service_genie_txt.png);	
	background-repeat: no-repeat;
	width: 230px;
	height: 41px;
	float: left;
	display:inline;
	padding: 0 0 0 6px;
	margin:0px;
}


p.sthugues {
text-align:right; margin-right:12px;
}

p.contact{font-size:1.4em; margin:0 0 10px 0;}
/* --- Carte routiere - On --- */
#boite-carte {
	position:relative;
	width:450px;
	height:292px;
	margin:0 0 10px 0;
}
#carte {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:450px;
	height:292px;
	border:1px solid #008783;
	margin:0 0 6px 0;
}
.bouton-zoom {
	text-decoration:none;
	color:#008783;
	background-color:#fff;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #008783;
	padding:0px 4px;
	margin-bottom:3px;
	text-align:center;
	width:auto;
	cursor:pointer;
}
.bouton-zoom:hover {
	color:#fff;
	background-color:#008783;
	border:1px solid #008783;
}
#informations {
	display:block;
	width:180px;
	height:80px;
	margin:0;
	padding:0;
	color:#002a5c;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}
#form-itineraire {
	top:296px;
	width:450px;
	position:absolute;
	padding-top:5px;
}
.form-itineraire-fr {
	width:250px;
}
.form-itineraire-en {
	width:220px;
}
#form-itineraire-g {
	float:left;
	width:280px;
	font-size:1.1em;
	margin-top:6px;
	/*margin:2px 10px 2px 3px;*/
	color:#002a5c;
}
#form-itineraire-d {
	width:90px;
	float:left;
	margin-right:20px;
}
#form-itineraire .champ {
	float:left;
	width:45px;
	font-size:1.1em;
	text-transform:uppercase; 
	padding:4px 2px;
	margin:0 4px 0 0;
	border:1px solid #008783;
	background-color:#d4f2ff;
}
#form-itineraire .champ:hover {
	border:1px solid #002a5c;
	background-color:#d4f2ff;
}
#form-itineraire .bouton {
	float:right;
	width:30px;
	height:24px;
	/*margin:4px 0 2px 2px;*/
	color:#351d1a;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#d4f2ff;
	border:1px solid #008783;
}
#form-itineraire .bouton:hover {
	color:#d4f2ff;
	background-color:#002a5c;
	border:1px solid #351d1a;
}
/* --- Carte routiere - Off --- */
/* --- Boite itineraire - On --- */
#boite-itineraire {
	position:relative;
	top:0;
	right:0;
	width:460px;
	height:292px;
}
#itineraire {
	position:relative;
	top:0;
	right:0;
	width:235px;
	height:292px;
	border:1px solid #008783;
	margin:0;
	padding:0;
	background-color:#e0dcc2;
}
#indications {
	position:absolute;
	top:14px;
	right:6px;
	width:200px;
	height:282px;
	margin:0;
	padding:0px;
	font-size:0.9em;
	color:#fff;
	overflow:auto;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #008783;
}
#form-retour-carte {
}
#form-retour-carte .bouton {
	float:right;
	width:auto;
	font-size:1.1em;
	margin: 5px 6px;
	padding: 4px 8px;
	color:#351d1a;
	text-transform:lowercase;
	background-color:#d4f2ff;
	border:1px solid #008783;
}
#form-retour-carte .bouton:hover {
	color:#d4f2ff;
	background-color:#002a5c;
	border:1px solid #351d1a;
}
/* --- Boite itineraire - Off --- */

#contactinfo {
	width:450px;
	margin-top: 24px;
	float:left;
	}