@charset "utf-8";
/********************************************************
	CSS Document / General - Dubreuil by Skalpel.fr
********************************************************/

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } 
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; } 
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
body {
	background: #3B4C7C url(../images/interface/bg.gif) top left repeat-x;
	font-family: Arial, Verdana, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #506D74;
}

h1 {
	margin: 25px 0 15px 0;
	/*font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;*/
	font-size: 2.00em;
	color: #263B6E;
	font-weight: normal;
	text-transform: uppercase;
}
h2 {
	margin: 25px 0 10px 0;
	font-size: 1.30em;
	color: #435C61;
	font-weight: normal;
	text-transform: uppercase;
}
h3 {
	margin: 15px 0 5px 0;
	font-size: 1.20em;
	color: #435C61;
	text-transform: uppercase;
}
h4 {
}
h5 {
}

a:link, a:visited { color: #378AB7; text-decoration: underline;  }
a:hover { text-decoration: none; }

p { margin-bottom: 9px; }
blockquote {
	padding: 8px 15px 0 15px;
	margin-bottom: 15px;
	background-color: #D3DADC;
	border: 1px solid #BAC6C9;
}

img.left { float: left; margin-right: 7px; vertical-align: middle; }
img.right { float: right; margin-left: 7px; vertical-align: middle; }

#main ul { margin: 10px 0 15px 30px; }
#main ul li {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../images/interface/puce-1.gif) 0 4px no-repeat;
}


/* Containers
-----------------------------------------------------------------------------*/
#wrapper { position: relative; width: 942px; margin: 0 auto; padding-bottom: 40px; }
#header {
	position: relative;
	z-index: 2;
	display: block;
	width: 942px;
	height: 145px;
	padding-top: 6px;
	background: url(../images/interface/header-bg.gif) 0 6px no-repeat;
}
#global {
	width: 942px;
	position: relative;
	z-index: 1;
}
#footer {
	width: 100%;
	height: 175px;
	background: url(../images/interface/footer-bg.gif) top left repeat-x;
}

#logoprint {
  display: none;
}

/* Header
-----------------------------------------------------------------------------*/
/* Frise */
#frise {
	position: absolute;
	z-index: 1;
	top: 6px;
	left: -110px;
	display: block;
	width: 1176px;
	height: 200px;
	background: url(../images/interface/bg-frise.gif) top left no-repeat;
}

/* Logo */
#header div.dubreuil {
	float: left;
	display: block;
	width: 123px;
	height: 93px;
	padding: 8px 0 0 16px;
}
#header div.dubreuil a { 
	display: block;
	width: 123px;
	height: 93px;
	background: url(../images/interface/logo-dubreuil.gif) top left no-repeat;
	text-decoration: none;
}

/* Rechercher */
#header div.rechercher {
	float: right;
	position: relative;
	display: block;
	width: 241px;
	height: 32px;
	margin-right: 55px;
	background: url(../images/interface/header-rechercher-bg.gif) top left no-repeat;
}
#header div.rechercher span.left {
	position: absolute;
	top: 3px;
	left: 29px;
	display: block;
	width: 26px;
	height: 23px;
	background: url(../images/interface/header-rechercher-left.gif) top left no-repeat;
}
#header div.rechercher input[type=text] {
	position: absolute;
	top: 3px;
	left: 55px;
	width: 120px;
	height: 20px;
	padding: 3px 5px 0 0;
	background: url(../images/interface/header-rechercher-field.gif) top left repeat-x;
	color: #A7A7A9;
}
#header div.rechercher input[type=submit] {
	position: absolute;
	top: 3px;
	left: 180px;
	display: block;
	width: 34px;
	height: 23px;
	background: url(../images/interface/header-rechercher-ok.gif) top left no-repeat;
	cursor: pointer;
}

/* Tools */
#header ul.tools {
	position: absolute;
	z-index: 1;
	bottom: 8px;
	left: 5px;
	display: block;
	height: 17px;
}
#header ul.tools li {
	float: left;
	display: inline-block;
	height: 17px;
	border-left: 1px solid #6F7DA5;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
}
	#header ul.tools li:first-child { border: 0; }
#header ul.tools a:link, #header ul.tools a:visited {
	display: block;
	height: 17px;
	line-height: 17px;
	color: #BEC6D8;
	text-decoration: none;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#header ul.tools a:hover { color: #FFFFFF; }
	
	#header ul.tools li.accueil a { padding-left: 25px; background: url(../images/interface/tools-accueil.gif) 0 0 no-repeat; }
	#header ul.tools li.plaquette a { padding: 0 10px 0 23px; background: url(../images/interface/tools-plaquette.gif) 8px 4px no-repeat; }
	#header ul.tools li.recommander a { padding: 0 10px 0 30px; background: url(../images/interface/tools-recommander.gif) 8px 2px no-repeat; }
	#header ul.tools li.partager a { padding: 0 10px 0 25px; background: url(../images/interface/tools-partager.gif) 10px 4px no-repeat; }


/* Menu
-----------------------------------------------------------------------------*/
#menu {
	position: absolute;
	z-index: 10;
	top: 49px;
	right: 30px;
	display: block;
	height: 37px;
}
#menu > li {
	position: relative;
	float: left;
	display: inline-block;
	height: 37px;
	margin-left: 15px;
}
#menu > li > a:link, #menu > li > a:visited {
	display: block;
	height: 37px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}
	#menu > li > a:hover { background-position: 0 -37px; }
	
	#menu > li.groupe > a { width: 110px; background-image: url(../images/interface/menu-groupe.gif); }
	#menu > li.metiers > a { width: 124px; background-image: url(../images/interface/menu-metiers.gif); }
	#menu > li.actualites > a { width: 107px; background-image: url(../images/interface/menu-actualites.gif); }
	#menu > li.collaborateurs > a { width: 165px; background-image: url(../images/interface/menu-collaborateurs.gif); }
	#menu > li.contact > a { width: 138px; background-image: url(../images/interface/menu-contact.gif); }

	/* Sous menu */
	#menu > li.active > a:link, #menu > li.active > a:visited, #menu > li.active > a:hover, /*IE 6 */
	#menu > li:hover > a:link, #menu > li:hover > a:visited, #menu > li:hover > a:hover { background-position: 0 -37px; }


/* Smenu
-----------------------------------------------------------------------------*/
#menu ul.smenu {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	display: block;
	width: 184px;
	padding-bottom: 6px;
	background: url(../images/interface/smenu-bg.gif) bottom left no-repeat;
}
	/* Sous menu */
	#menu li:hover > ul.smenu { visibility: visible; }
#menu ul.smenu > li {
	display: block;
	width: 182px;
	height: 21px;
	border-top: 1px solid #283962;
	border-right: 1px solid #283962;
	border-left: 1px solid #283962;
}
#menu ul.smenu > li a:link, #menu ul.smenu > li a:visited {
	display: block;
	width: 160px;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 22px;
	background: url(../images/interface/smenu-li.gif) 10px 8px no-repeat;
	border-top: 1px solid #3F4D70;
	color: #FFFFFF;
	text-decoration: none;
}
	#menu ul.smenu > li a:hover { color: #E8DC00; }
	
	
/* Activites
-----------------------------------------------------------------------------*/
#activites {
	position: absolute;
	z-index: 2;
	top: 87px;
	right: 16px;
	display: block;
	height: 32px;
}
#activites li { 
	float: left; 
	display: inline-block; 
	height: 32px; 
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
}
#activites a:link, #activites a:visited {
	display: block;
	height: 31px;
	line-height: 31px;
	padding: 1px 10px 0 10px;
	background-position: 0 32px;
	background-repeat: repeat-x;
	color: #14203A;
	text-decoration: none;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#activites li.active a:link, #activites li.active a:visited, #activites li.active a:hover, /* IE 6*/
	#activites a:hover { 
		padding: 0 8px 0 9px;
		margin-right: 1px;
		background-position: 0 0; 
		border: 1px solid transparent; 
		border-bottom: 0; 
		color: #FFFFFF;
	}
		
	#activites li.automobile a:link, #activites li.automobile a:visited { background-image: url(../images/interface/activites-automobile.gif); }
		#activites li.automobile.active a:link, #activites li.automobile.active a:visited, #activites li.automobile.active a:hover, /* IE 6*/
		#activites li.automobile a:hover { border-color: #750F1E; }
	#activites li.aerien a:link, #activites li.aerien a:visited { background-image: url(../images/interface/activites-aerien.gif); }
		#activites li.aerien.active a:link, #activites li.aerien.active a:visited, #activites li.aerien.active a:hover, /* IE 6*/
		#activites li.aerien a:hover { border-color: #0077A9; }
	#activites li.petrole a:link, #activites li.petrole a:visited { background-image: url(../images/interface/activites-petrole.gif); }
		#activites li.petrole.active a:link, #activites li.petrole.active a:visited, #activites li.petrole.active a:hover, /* IE 6*/
		#activites li.petrole a:hover { border-color: #28742B; }
	#activites li.industrie a:link, #activites li.industrie a:visited { background-image: url(../images/interface/activites-industrie.gif); }
		#activites li.industrie.active a:link, #activites li.industrie.active a:visited, #activites li.industrie.active a:hover, /* IE 6*/
		#activites li.industrie a:hover { border-color: #C14D0D; }
	#activites li.energies a:link, #activites li.energies a:visited { background-image: url(../images/interface/activites-energies.gif); }
		#activites li.energies.active a:link, #activites li.energies.active a:visited, #activites li.energies.active a:hover, /* IE 6*/
		#activites li.energies a:hover { border-color: #58B14B; }
	#activites li.alimentaire a:link, #activites li.alimentaire a:visited { background-image: url(../images/interface/activites-alimentaire.gif); }
		#activites li.alimentaire.active a:link, #activites li.alimentaire.active a:visited, #activites li.alimentaire.active a:hover, /* IE 6*/
		#activites li.alimentaire a:hover { border-color: #C00274; }
	#activites li.bricolage a:link, #activites li.bricolage a:visited { background-image: url(../images/interface/activites-bricolage.gif); }
		#activites li.bricolage.active a:link, #activites li.bricolage.active a:visited, #activites li.bricolage.active a:hover, /* IE 6*/
		#activites li.bricolage a:hover { border-color: #058165; }
	#activites li.immobilier a:link, #activites li.immobilier a:visited, #activites li.hotellerie a:link, #activites li.hotellerie a:visited { background-image: url(../images/interface/activites-immobilier.gif); }
		#activites li.immobilier.active a:link, #activites li.immobilier.active a:visited, #activites li.immobilier.active a:hover, /* IE 6*/
		#activites li.immobilier a:hover,
   #activites li.hotellerie.active a:link, #activites li.hotellerie.active a:visited, #activites li.hotellerie.active a:hover, /* IE 6*/
		#activites li.hotellerie a:hover{ border-color: #2D2794; }


/* Footer
-----------------------------------------------------------------------------*/
#footer div.content { width: 892px; padding: 43px 0 0 280px; margin: 0 auto; }

/* Links */
#footer ul.links { display: block; height: 31px; }
#footer ul.links li { float: left; display: inline-block; height: 31px; }
#footer ul.links a:link, #footer ul.links a:visited {
	display: block;
	height: 31px;
	line-height: 31px;
	margin-right: 20px;
	font-size: 1.10em;
	color: #DFE2EC;
	font-weight: bold;
	text-decoration: none;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#footer ul.links a:hover { color: #FFFFFF; }
	
/* Sublinks */
#footer div.sublinks { display: block; height: 70px; margin-top: 15px; }
#footer div.sublinks ul { 
	float: left; 
	display: block; 
	width: 140px;
	margin-left: 90px;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
}
	#footer div.sublinks ul:first-child { margin: 0; }
#footer div.sublinks li { height: 14px; margin-bottom: 3px; }
#footer div.sublinks a:link, #footer div.sublinks a:visited {
	display: block;
	height: 14px;
	line-height: 14px;
	padding-left: 9px;
	background: url(../images/interface/puce-3.gif) 0 0 no-repeat;
	font-size: 0.90em;
	color: #7285B6;
	text-decoration: none;
}
	#footer div.sublinks a:hover { color: #FFFFFF; }

	
/* Content
-----------------------------------------------------------------------------*/
/* Main */
#main {
	float: left;
	width: 730px;
	margin-right: 2px;
	background: url(../images/interface/main-bg.gif) top left repeat-y;
}
#main div.content { 
	display: block;
	width: 680px;
	min-height: 300px; 
	padding: 8px 25px 0 25px;
	background: url(../images/interface/main-top.gif) top left no-repeat; 
}
#main div.footer {
	display: block;
	width: 730px;
	height: 15px;
	background: url(../images/interface/main-bottom.gif) bottom left no-repeat;
}
#main strong { color: #435C61; }

/* Main - Extend */
#main-extend {
	width: 942px;
	background: url(../images/interface/main-extend-bg.gif) top left repeat-y;
}
#main-extend div.content { 
	display: block;
	width: 892px;
	min-height: 300px; 
	padding: 8px 25px 0 25px;
	background: url(../images/interface/main-extend-top.gif) top left no-repeat; 
}
#main-extend div.footer {
	display: block;
	width: 942px;
	height: 15px;
	background: url(../images/interface/main-extend-bottom.gif) bottom left no-repeat;
}
#main-extend strong { color: #435C61; }


/* Sidebar */
#sidebar {
	float: right;
	width: 210px;
}

/* Pathway */
#pathway { display: block; height: 15px; margin: 0 0 0 -15px !important; }
#pathway li { 
	float: left;
	display: inline-block;
	height: 15px; 
	line-height: 15px;
	padding-left: 5px;
	background: none !important;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #91A2A6; 
}
#pathway span.arrow {
	display: block;
	height: 15px;
	line-height: 15px;
	padding-right: 10px;
	background: url(../images/interface/puce-1.gif) 100% 6px no-repeat;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#pathway a:link, #pathway a:visited {
	display: block;
	height: 15px;
	line-height: 15px;
	padding-right: 10px;
	background: url(../images/interface/puce-1.gif) 100% 6px no-repeat;
	color: #378AB7;
	text-decoration: underline;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#pathway a:hover { text-decoration: none; }

/* Page Tools */
#page-tools { display: block; float: right; height: 15px; margin: 0 -15px 0 0 !important; }
#page-tools li { 
	float: left;
	display: inline-block;
	height: 15px; 
	padding: 0 10px 0 10px;
	background: none !important;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
	border-left: 1px solid #C7CCDA;
}
	#page-tools li:first-child { border: 0; }
#page-tools a:link, #page-tools li a:visited {
	display: block;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #91A2A6;
	text-decoration: none;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#page-tools li a:hover {
		background-position: 0 -15px;
		color: #378AB7; 
		text-decoration: underline;
	}
#page-tools li.imprimer a { background-image: url(../images/interface/pagetools-print.gif); }
#page-tools li.recommander a { background-image: url(../images/interface/pagetools-recommander.gif); }
#page-tools li.partager a { background-image: url(../images/interface/pagetools-partager.gif); }


/* Sidebar
-----------------------------------------------------------------------------*/
/* Smenu */
#smenu {
	display: block;
	width: 210px;
	min-height: 75px;
	padding-bottom: 20px;
	margin-bottom: 7px;
	background: url(../images/interface/sb-smenu-bg.gif) bottom right no-repeat;
}
#smenu div.title {
	display: block;
	width: 190px;
	height: 43px;
	padding: 12px 0 0 20px;
	background: url(../images/interface/sb-smenu-title.gif) top right no-repeat;
	font-size: 1.20em;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
#smenu ul { margin: 0 10px 0 20px; }
#smenu li { margin-bottom: 3px; }
#smenu a:link, #smenu a:visited {
	line-height: 15px;
	padding-left: 10px;
	background: url(../images/interface/puce-1.gif) 0 5px no-repeat;
	font-size: 1.10em;
	color: #FFFFFF;
	text-decoration: none;
    display: block;
}
	#smenu a:hover { color: #FFF513; text-decoration: underline; }
	

/* Form
-----------------------------------------------------------------------------*/
div.form { padding-top: 30px; }
div.form div.left {
	float: left;
	display: block;
	width: 390px;
}
div.form div.candidature {
  float: left;
	display: block;
	width: 500px;
}
div.form div.right {
	float: left;
	display: block;
	width: 470px;
	margin-left: 30px;
}

div.form p { clear: both; display: block; min-height: 26px; margin: 0 0 2px 0; }
div.form p.textfield {}
div.form p.select {}
div.form p.codepostal {}
div.form p.telephone {}
div.form p.actions { height: 30px; margin: 15px 0 15px 0; }
div.form p.radiobutton input {
    float: left;
}
div.form p.radiobutton label.radio_label {
    width: auto;
    margin: 0 0 0 5px;
}

div.form label { 
	float: left; 
	display: block; 
	width: 90px;
	padding: 3px 5px 0 0; 
	margin-right: 5px; 
	font-size: 1.10em;
}

div.form div.candidature label {
  width: 200px;
}

div.form label span.obligatoire {
  color: #F00;
}

div.form label.long {
    width: 200px;
}

div.form input[type=text], div.form input[type=password] {
	width: 240px;
	padding: 1px 5px 2px 5px;
	background: url(../images/interface/form-text-bg.gif) top left repeat-x;
	border: 1px solid #9FB4C1;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	color: #838C96;
    float: left;
}
	div.form p.codepostal input[type=text] { width: 50px; }
	div.form p.telephone input[type=text] { width: 90px; }
	div.form p.date input[type=text] { width: 90px; }

div.form select {
	width: 252px;
	height: 22px;
	padding: 1px;
	border: 1px solid #9FB4C1;
	background-color: #FFFFF;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	color: #838C96;
}

div.form select[name=dateNaissance_jour], div.form select[name=dateNaissance_mois], div.form select[name=dateNaissance_annee] {
  float: left;
  width: 70px;
  margin-right: 5px;
}

div.form select[name=dateNaissance_jour] {
  width: 40px;
}

div.form select[name=dateNaissance_mois] {
  width: 90px;
}

div.form textarea {
	width: 240px;
	height: 100px;
	padding: 1px 5px 2px 5px;
	background: url(../images/interface/form-text-bg.gif) top left repeat-x;
	border: 1px solid #9FB4C1;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 1.10em;
	color: #838C96;
}

div.form input[name=envoyer] {
	float: right;
	display: block;
	width: 101px;
	height: 30px;
	background: url(../images/interface/form-btn-envoyer.gif) top left no-repeat;
	cursor: pointer;
}

div.form p.message-valide,
div.form div.message-valide,
div.form p.message-erreur {
    padding: 5px 5px 5px 5px;
    margin: 0 0 10px 0;
    min-height: 12px;
}

div.form p.message-valide,
div.form div.message-valide {
	border: 1px solid #81c01e;
	background: #e6f2d2;
	color: #666666;
}

div.form p.message-erreur {
	border: 1px solid #a03225;
	background: #f7d3d2;
	color: #a03225;
}