/*---------------------------------------------------------------------------
anthalys.css
(c) Copyright 2008-2011 Anthalys SARL. All rights reserved.
-----------------------------------------------------------------------------
Author: Matthieu Fauveau (mfauveau@deckmatt.com)
Last update: 17-02-2011
---------------------------------------------------------------------------*/

/*-------------------------------------------------
baseline
-------------------------------------------------*/
body {
	background: #fff;
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

div#container {
	
	width: 984px;	
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.left { float: left; }
.right { float: right; }
.clearall { clear: both; }

/*-------------------------------------------------
header
-------------------------------------------------*/
div#header {	
	float: left;
	position: relative;
	width: 100%;
	background: #a6b0ce url('../images/header-bg.jpg') top left repeat-x;
	height: 128px;
}

div#header div.overlay {
	background: transparent url('../images/header-overlay.jpg') top right no-repeat;
	height: 128px;
}

div#header img.logo {
	float: left;
}

div#header h1 {
	float: left;
	position: relative;
	color: #113454;
	font-family: Arial Narrow, Arial;
	font-size: 26px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 50px 0 0 25px;
	background: transparent url('../images/recherches-detections-fuite.png') 0px 0px no-repeat;
	width: 417px;
	height: 25px;
}

div#header h1 span { display: none; }

div#header div.right {
        margin: 10px 70px 0 0;
}

div#header div.logo-ant {
        margin: 10px 95px 0 0;
	float: right;
}

div#header a.contact {
	background: transparent url('../images/icon-contact.png') 0px 1px no-repeat;
	padding: 0 0 0 20px;
	color: #113454;
	font-weight: 600;
	text-decoration: none;
}

div#header a.contact:hover {
	text-decoration: underline;
}

div#header a.lang {
        margin-left: 10px;
}

div#header a.lang img {
        position: relative;
        top: 3px;
}


/*-------------------------------------------------
footer
-------------------------------------------------*/
div#footer {
	float: left;
	width: 954px;
	margin: -15px 15px 10px 15px;
	color: #787878;
}

div#footer .vcard .org,
div#footer .vcard .type { display: none; }

div#footer .callus {
	background: transparent url('../images/icon-phone.png') 0px 2px no-repeat;
	font-weight: bold;
	padding: 0 0 0 20px;
}

div#footer .vcard .tel {
	color: #e86125;
	font-weight: bold;
}

div#footer .vcard .adr {
	margin: 5px 0 0 0;
}

div#footer .vcard .tel,
div#footer .vcard .adr .street-address,
div#footer .vcard .adr .postal-code,
div#footer .vcard .adr .locality,
div#footer .vcard .adr .country { display: inline; }

div#footer ul li { 
	float: left; 
	padding: 0 10px;
	background: transparent url('../images/footer-pipe.png') right 2px no-repeat;
}

div#footer ul li.last-child {
	padding-right: 0;
	background: none;
}

div#footer ul li a { 
	color: #919191;
	text-decoration: none;
}

div#footer ul li a:hover {
	color: #e86125;
	text-decoration: underline;
}

div#footer .copyright {
	margin: 10px 0 0 0;
	color: #015f9d;
	font-size: 11px;
}

div#footer .copyright a { color: #015f9d; }

div#footer .author {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 11px;
	color: #dcdcdc;
}

div#footer .author a { color: #dcdcdc; }

div#footer .copyright a:hover,
div#footer .author a:hover {
	color: #e86125;
	text-decoration: none;
}

/*-------------------------------------------------
menu
-------------------------------------------------*/
div#menu {
	clear: left;
	float: left;
	width: 100%;
	background: #005d9b url('../images/menu-bg.png') top left repeat-x;
	height: 65px;
}

div#menu ul {
	margin: 0 0 0 125px;
}

div#menu ul li { 
	float: left; 
	background: url('../images/menu-r-off.png') right top no-repeat;
}

div#menu ul li.last-child { background: none; }

div#menu ul li.current {
	background: url('../images/menu-r-on.png') right top no-repeat;
}

div#menu ul li a { 
	display: block;
	padding: 10px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
}

div#menu ul li a:hover { text-decoration: underline; }

div#menu ul li.current a { 
	background: url('../images/menu-l-on.png') left top no-repeat;	
	color: #113454;
}

div#menu ul li.current a:hover { text-decoration: none; }

/*-------------------------------------------------
content
-------------------------------------------------*/
div#content {
	float: left;
	position: relative;
	top: -25px;
	width: 984px;
	background: transparent url('../images/content-bg.jpg') top left repeat-y;
}

div#content .top {
	background: transparent url('../images/content-top.jpg') top left no-repeat;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 20px 20px 0 20px;
}

div#content .bottom {
	float: left;
	background: transparent url('../images/content-bottom.jpg') top left no-repeat;
	width: 984px;
	height: 49px;
}

div#content .page {
	float: left;
	width: 734px;
	margin: 0 0 0 0;
}

div#content .sidebar {
	float: left;
	width: 200px;
}

div#content a { color: #e95e0f; }
div#content a:hover { text-decoration: none; }

div#content h1 {
	background: transparent url('../images/arrow-big.png') 0px 4px no-repeat;
	padding: 0 0 10px 60px;
	color: #e95e0f;
	font-size: 30px;
	font-weight: 500;
}

div#content h1 span {
	color: #0061a1;	
}

div#content h2,
div#content h3,
div#content h4,
div#content h5 {
	margin: 10px 0 0 0;
}

div#content h2 {
	font-size: 22px;
	font-weight: 500;
}

div#content h3 p {
	margin: 0 0 0 30px;;	
}

div#content h3 {
	font-size: 18px;
	font-weight: 500;
}

div#content h3 span{
	color: #e95e0f;
}

div#content h4 {
	font-size: 13px;
	font-weight: 600;
}

div#content h4 span{
	color: #0061a1;
}

div#content h5 {
	font-size: 11px;
}

div#content h5 span {
	color: #0061a1;
}

div#content p {
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}

div#content .parc {
	float: left;
}

div#content ul {
	list-style-type: disc;
	padding: 0 0 0 20px;
}

div#content ul li {	line-height: 16px; }


div#content .items {
	float: left;
	margin: 20px 20px 0 10px;
}

div#content .secteurs .item {
	float: left;
	margin: 10px 25px 10px 5px;
	width: 108px;
	height: 170px;
}

div#content .secteurs .item .img {
	float: left;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #aaaaaa;
	width: 100px;
	height: 100px;
	margin: 0 0 10px 0;
}

div#content .realisations .item {
	float: left;
	margin: 20px 25px 0px 5px;
	width: 150px;
	height: 170px;
}

div#content .realisations .item .img {
	float: left;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #aaaaaa;
	width: 150px;
	height: 100px;
	margin: 0 0 10px 0;
}

div#content .sidebar ul {
	list-style-type: none;
	padding: 0;
	/*border: 1px solid #dedede;*/
}

div#content .sidebar ul li {	
	/*border-top: 1px solid #dedede;*/		
	font-size: 14px;
	line-height: 20px;
}

div#content .sidebar .text {
	margin-top: 0px;
	padding-left: 15px;
}

div#content .sidebar .text p{
	color: #0061a1;
	margin: 10px 0 20px 0;
	font-size: 20px;
	font-weight: bold;
}

div#content .sidebar .text-shipping {
	margin-top: 0px;
	padding-left: 15px;
}

div#content .sidebar .text-shipping p{
	color: #0061a1;
	margin: 10px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
}
div#content .sidebar .slogan {
	margin-top: 22px;
	padding-left: 5px;
}

div#content .sidebar .slogan p{
	color: #0061a1;
	margin: 50px 0 20px 0;
	font-size: 24px;
	font-weight: bold;
}

div#content .langues {
	float: left;
	margin: 20px 80px 0 90px;
}

div#content .langues .dp {

	padding: 2px;
	background-color: #fff;
	border: 1px solid #aaaaaa;
	width: 60px;
	height: 40px;
	margin: 30px 0 5px 0;
}

div#content .sidebar ul li.first-child { border-top: 0;	}

div#content .sidebar ul li a {
	background: transparent url('../images/arrow-small.png') 6px 5px no-repeat;
	padding: 0 0 0 17px;
	color: #194f7f;
	text-decoration: none;
	display: block;
}

div#content .sidebar ul li a:hover { text-decoration: underline; }


/*-------------------------------------------------
Formulaire contact
-------------------------------------------------*/


div#errors {
	border: 1px solid #FF0000;
	padding: 5px;
	margin: 20px 0 15px 0;
}

div#errors h2 {
	margin: 4px;
	color: #FF0000;
	font-size: 14px;
}

div#errors ul {
	color: #FF0000;	
}

fieldset {
	border: 1px solid #9f9f9f;
	margin: 10px 0 10px 0;
	padding: 5px;
}

fieldset legend {
	padding: 0 10px 0 10px;
	font-size: 14px;
	color: #434343;
}

fieldset p {
	border-bottom: 1px dotted #9f9f9f;
	padding: 0 0 15px 10px;
	
}

fieldset p.nb {
	border: 0;
	padding-bottom: 0;
}

fieldset label {
	font-weight: bold;
}

div.wideimage {
	position: relative;
        margin-top: 15px;
}

div.wideimage img {
	border: 1px solid #0061A1;
}

div.wideimage span.desc {
	position: absolute;
	top: 5px;
	left: 10px;
	font-family: Arial;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

div.wideimage span.descparc {
	position: absolute;
	top: 5px;
	left: 10px;
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}