/*
	CSS pour Perkins QM
	Emilie - egzakt.com
	2007-06-27
*/

body {
	background-color:#0B2D83;
	font:12px/16px Arial, Verdana, sans-serif;
	margin:10px 0;
	color:#00529B;
}

h1 {
	font:bold 15px/17px Arial, Verdana, sans-serif;
	color:#3183B6;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

h2 {
	font:bold 15px/17px Arial, Verdana, sans-serif;
	color:#3183B6;
	margin:0 0 5px 0;
}

h2 a {
	color:#3183B6;
}

h3 {
	font:bold 15px/17px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	background-color:#435FA0;
	padding:3px 10px;	
	border-right:2px solid #FFFFFF;
	margin:0;
}

h4 {
	font:bold 15px/17px Arial, Verdana, sans-serif;
	color:#0B2D83;
	margin:0 0 5px 0;
}

h5 {
	font:bold 15px/17px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

a {
	cursor:pointer;
	color:#00529B;
	text-decoration:underline;
}

a:hover {
	color:#000000;
}

img {
	border:0;
}

ul {
	margin:0;
	padding:0 0 0 25px;
}

#wrapper {
	width:1000px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}


/* ENTETE
-----------------------------------------*/
#entete {
	height:68px;
	padding:25px 0 0 36px;
	background:url(../images/photos/entete.jpg) no-repeat 360px 0;
}

#barre_navigation {
	height:29px;
	background:#89AFD3 url(../images/tuiles/navig_secondaire.jpg) no-repeat top right;
	margin:2px;
}


/* NAVIGATION PRINCIPALE
-----------------------------------------*/
#navig_principale a {
	float:left;
	height:29px;
	padding:0 13px;
	border-right:2px solid #FFFFFF;
	background:url(../images/boutons/navig_principale.jpg) repeat-x 0 0;
	font:12px/29px Arial, Verdana, sans-serif;
	color:#BEC7DE;
	text-transform:uppercase;
	text-decoration:none;
}

#navig_principale a:hover, #navig_principale a.selected, #navig_principale a.selected:hover {
	background-position:0 -29px;
	color:#FFFFFF;
}


/* NAVIGATION SECONDAIRE
-----------------------------------------*/
#navig_secondaire {
	float:right;
	padding:7px 10px 0 0;
}

#navig_secondaire a {
	float:left;
	height:17px;
	margin-left:3px;
	text-align:center;
	font:11px/16px Verdana, Arial, sans-serif;
	color:#0C2D83;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 -18px;
}

#navig_secondaire a:hover, #navig_secondaire a.selected, #navig_secondaire a.selected:hover {
	background-position:0 -64px;
	color:#FFFFFF;
}

/* personnalisations */
#navig_secondaire a.item_1_fr {
	width:54px;
	background-image:url(../images/boutons/navig_haut_1.gif);
}

#navig_secondaire a.item_2_fr {
	width:74px;
	background-image:url(../images/boutons/navig_haut_2.gif);
}

#navig_secondaire a.item_3_fr {
	width:64px;
	background-image:url(../images/boutons/navig_haut_3.gif);
}

#navig_secondaire a.item_4_fr {
	width:54px;
	background-image:url(../images/boutons/navig_haut_4.gif);
}

#navig_secondaire a.item_1_en {
	width:46px;
	background-image:url(../en/images/boutons/navig_haut_1.gif);
}

#navig_secondaire a.item_2_en {
	width:46px;
	background-image:url(../en/images/boutons/navig_haut_1.gif);
}

#navig_secondaire a.item_3_en {
	width:62px;
	background-image:url(../en/images/boutons/navig_haut_3.gif);
}

#navig_secondaire a.item_4_en {
	width:64px;
	background-image:url(../en/images/boutons/navig_haut_4.gif);
}


/* ACCUEIL
-----------------------------------------*/
#banniere_accueil {
	width:1000px;
	background:url(../images/photos/banniere_accueil.jpg) no-repeat top left;
	position:relative;
}

#banniere_accueil #intro_opacite {
	float:right;
	width:295px;
	height:237px;
	margin-bottom:90px;
	background-color:#002253;	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

#banniere_accueil #intro {
	width:239px;
	height:181px;
	padding:28px;
	position:absolute;
	top:0;
	right:0;
	font:bold 12px/21px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#banniere_accueil #piece {
	margin:65px 0 0 60px;
}

#banniere_accueil #promo {
	float:right;
	width:297px;
	background-color:#e3e8f0;
	color:#000000;
	margin-bottom:90px;
}



/* CONTENU
-----------------------------------------*/
#contenu {
	float:left;
	width:684px;
	padding:20px 0 10px 36px;
}

#colonne_ambiance {
	float:right;
	width:240px;
	padding:20px 20px 0 0;
	margin-bottom:100px;
}

#colonne_ambiance #photo_ambiance {
	text-align:right;
}

#imprimer {
	margin:10px 0 0 36px;
	background:url(../images/tuiles/imprimer.jpg) no-repeat top left;
	height:25px;
	padding:0 0 0 8px;
}

#imprimer a {
	text-decoration:none;
	color:#5B71AB;
	font:10px/12px Arial, Verdana, sans-serif;	
}

#imprimer img {
	position:relative;
	top:4px;
	left:0;
}

#imprimer a span {
	text-decoration:underline;
}

#imprimer a:hover {
	color:#0c2d83;
}

#bas_contenu {
	position:relative;
	padding:12px 0 14px 36px;
}

#bas_contenu h1 {
	display:inline;
	position:relative;
	top:2px;
	left:0;
	color:#A0AECF;
	font:bold 16px/18px Arial, Verdana, sans-serif;
	text-transform:none;
	margin:0;
}

#bas_contenu img#perkins_petit {
	float:right;
	padding-right:75px;
}

#bas_contenu img#anniversaire {
	position:absolute;
	top:-81px;
	right:20px;
}


/* MAP
-----------------------------------------*/
#conteneur_map {
	width:1000px;
	margin-bottom:90px;
	background:url(../images/tuiles/conteneur_map.gif) repeat-y 2px 0;
}

#colonne_map {
	float:left;
	width:684px;
	padding:15px;
	background-color:#B9CDE2;
	margin:0 2px;
	display:inline; /* Pour IE double margin bug */
}

#colonne_resultats {
	float:left;
	width:280px;
	margin-right:2px;
	display:inline; /* Pour IE double margin bug */
	background-color:#E4EAF2;
}

#colonne_map #map {
	background-color:#DFDBD6;
	width:680px;
	height:400px;
	border:2px solid #FFFFFF;
}

#colonne_resultats #div_recherche {
	background-color:#0B2D83;
	padding:15px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#colonne_resultats #description{
	font-weight:normal;
	border:1px solid white;
	margin-top:1px;
}
#colonne_resultats #description div{
	padding:6px;
}

#colonne_resultats #div_recherche form {
	margin:0 0 12px 0;
}

#colonne_resultats #div_recherche #recherche {
	margin-top:5px;
	font:11px/14px Arial, Verdana, sans-serif;
	color:#00529B;
	border:1px solid #B9CDE2;
	padding:2px;
	width:200px;
}

#colonne_resultats #div_recherche #rechercher {
	background-color:#FFFFFF;
	font:11px/14px Arial, Verdana, sans-serif;
	color:#00529B;
	border:1px solid #B9CDE2;
	height:20px;
	width:30px;
}

#colonne_resultats #div_recherche #types {
	margin-top:5px;
}

#colonne_resultats #div_recherche #types a {
	float:left;
	margin-right:4px;
	padding:1px 4px;
	color:#0B2D83;
	background-color:#5B71AB;
	border:1px solid #FFFFFF;
	text-decoration:none;
}

#colonne_resultats #div_recherche #types a:hover, #colonne_resultats #div_recherche #types a.selected, #colonne_resultats #div_recherche #types a.selected:hover {
	background-color:#BAC6E3;
}


/* MAP LISTINGS
-----------------------------------------*/
#colonne_resultats #liste {
	padding:15px;
}

#colonne_resultats #liste select {
	font:12px/14px Arial, Verdana, sans-serif;
	color:#00529B;
	border:1px solid #B9CDE2;
}

#colonne_resultats #liste .niveau1 a.ville {
	display:block;
	margin-top:6px;
	padding:0 0 0 9px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#0B2D83;
	text-decoration:none;
	background-image:url(../images/icones/fleche_niveau2.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
	cursor:default;
}

#colonne_resultats #liste .niveau1 a.selected {
	background-position:0 -71px;
}


#colonne_resultats #liste .niveau2 {
	padding-left:9px;
}

#colonne_resultats #liste .niveau2 a.cons_nom {
	display:block;
	margin-top:6px;
	padding:0 0 0 9px;
	font:bold 11px/12px Arial, Verdana, sans-serif;
	color:#0B2D83;
	text-decoration:none;
	background-image:url(../images/icones/fleche_niveau2.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
}

#colonne_resultats #liste .niveau2 a.selected {
	background-position:0 -71px;
}

#colonne_resultats #liste .niveau2 a.cons_nom span.nom {
	display:block;
	width:175px;
}

#colonne_resultats #liste .niveau2 a.cons_nom span.km {
	float:right;
}

#colonne_resultats #liste .niveau2 .cons_type {
	font:bold 11px/12px Arial, Verdana, sans-serif;
	color:#00A8EC;
/*	padding-left:9px;*/
}


#colonne_resultats #liste .niveau3 {
	font:11px/14px Arial, Verdana, sans-serif;
	padding-left:9px;
}


/* CARRIERES
-----------------------------------------*/
#carrieres_formulaire {
	padding:12px 12px 0 12px;
	background-color:#3F5BA9;
	margin:10px 0 20px 0;
}

#carrieres_formulaire form {
	margin:0;
}

#carrieres_formulaire table {
	width:100%;
}

#carrieres_formulaire table td {
	padding-bottom:10px;
}

#carrieres_formulaire label {
	color:#FFFFFF;
}

#carrieres_formulaire input, #carrieres_formulaire textarea {
	margin-top:2px;
	font:11px/12px Arial, Verdana, sans-serif;
	color:#00529B;
	border:1px solid #B9CDE2;
	padding:2px;
}

#carrieres_formulaire .note {
	margin:10px 0 0 0;
	font:10px/12px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#carrieres_formulaire #soumettre {
	text-align:right;
	vertical-align:bottom;
}

#carrieres_formulaire #soumettre input {
	background-color:#FFFFFF;
}



/* BAS
-----------------------------------------*/
#bas {
	padding:6px 12px;
	border-top:2px solid #00529B;
	background-color:#92B5D5;
	color:#0C2D83;
	font:10px/12px Verdana, Arial, sans-serif;
}

#bas #signature {
	float:right;
}

#bas #signature a {
	font:9px/12px Arial, Verdana, sans-serif;
	color:#0C2D83;
	text-transform:uppercase;
	text-decoration:none;
}

#bas #signature a:hover {
	text-decoration:underline;
}



/* BLOC TEXTE
-----------------------------------------*/
.bloc_texte table {
	width:100%;
}

.bloc_texte th {
	background-color:#E4EAF2;
	color:#3183B6;
	font:bold 15px/17px Arial, Verdana, sans-serif;
	text-align:left;
	padding:3px 10px;
	vertical-align:top;
}

.bloc_texte td {
	vertical-align:top;
	padding:3px 10px;
}

.bloc_texte tr.paire td {
	background-color:#E4EAF2;
}

.bloc_texte tr.hover td {
	background-color:#A5C0DB;
}


/* EMPLOIS
-----------------------------------------*/
#carrieres_formulaire td.erreur input {
	background-color:#FFAFAF;
	border:1px solid red;
}

.msg_erreur, .msg_succes {
	margin:7px auto;
	padding:5px;
	width:80%;
	border:1px solid #990000;
	text-align:center;
	background-color:#FFFFFF;
	color:#990000;
}

.msg_succes {
	border:1px solid #2BAB53;
}

.requis {
	color:#990000;
}

/* EMAIL EMPLOIS
-----------------------------------------*/
#popup_wrapper {
	width:505px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#popup_entete {
	border-bottom:10px solid #89AFD3;
}

#popup_padding {
	padding:20px 20px 10px 20px;
}

.popup_fermer {
	text-align:center;
	margin-top:5px;
}

.popup_fermer a {
	color:#A45D00;
}

.popup_fermer a:hover {
	color:#000000;
}

#popup_email_padding {
	padding:20px 20px 10px 20px;
}

#popup_email_padding table tr {

}

#connexion td {
	background-color:#DBE7F3;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	padding:5px 10px;
}