/**
* commonStyle.css, ABC Prestataires
* Feuille de style des pages de contenu
* 
* @author Olivier BLAIS <contact@netdcom.com>
* @author Nicolas MARY <contact@netdcom.com>
* @version 1.0
*/

/**
* Contenu général
*/

html, body {
	margin: 0;
	height: 100%;
}
	
body {	
	padding: 0;
	width: 100%;
	color: #FFF;
	font-family: Arial;
	font-size: 13px;
	background-color: #FFF;
}

img {
	border: none;	
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.tiny_input {
	width: 3em;
}

.small_input {
	width: 8em;
}

.medium_input {
	width: 16em;
}

.long_input {
	width: 32em;
}

.align_left{
	text-align:left!important;
}

.align_center{
	text-align:center!important;
}

.align_right{
	text-align:right!important;
}

div#global {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 100%;
	position: relative;	
}

/**
* Header
*/

div#header {
	margin: 0;
	padding: 0;
	width: 980px;
	height: 165px;
	background: url(./../../images/common/header.jpg) no-repeat;
	background-position: 0 30px;
	position: relative;
}

div#header h1 {
	margin: 6px 0 5px 0;
	padding: 0;
	width: 205px;
	height: 19px;
	float: left;
}

div#header h1 a {
	margin: 0;
	padding: 0;
	width: 205px;
	height: 19px;
	text-indent: -9999px;
	background: url(./../../images/common/logo.jpg) no-repeat;
	display: block;	
}

div#header h2 {
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	clear: left;
}

/**
* Flag traduction
*/

div#flag {
	margin: 12px 0 0 0;
	padding: 0;
	float: right;
}

div#flag img {
	margin: 0 0 0 5px;	
}

/**
*
*/

div#zone {
	margin: 80px 0 0 8px;
	padding: 0 0 0 5px;
	width: 181px;
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	background-color: #988675;
	float: left;
}

/**
* Menu horizontal
*/

div#menu {
	margin: 94px 5px 0 0;
	padding: 0;
	font-size: 16px;
	float: right;
}

div#menu ul {
	margin: 0;
	padding: 0;
	height: 20px;
}

div#menu li {
	list-style-type: none;
	line-height: 18px;
	display: inline;	
}

div#menu li a {
	margin: 0 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;	
}

/**
* Zone central
*/

div#container {
	margin: 0;
	padding: 0;
	width: 980px;
	min-height: 500px;
	position: relative;	
}

/**
* Fil d'ariane
*/

div#filAriane {
	margin: 0 0 0 200px;
	padding: 0 0 0 5px;
	width: 775px;
	height: 20px;
	color: #000;
	font-size: 10px;
	line-height: 20px;
	background-color: #F4F4F4;
	position: relative;	
}

/**
* Zone central / colonne de gauche
*/

div#leftColumn {
	margin: 0 0 25px 0;
	padding: 0;
	width: 200px;
	min-height: 466px;
	float: left;
}

div#leftMenu {
	margin: 0;
	padding: 0;
	width: 200px;
	/*height: 279px;*/
	background: #565656 url(./../../images/common/menu.jpg) no-repeat;
	position: relative;
}

div#leftMenu form {
	top: 60px;
	left: 9px;
	position: absolute;		
}

div#leftMenu input {
	margin: 1px 0 0 0;
	padding: 0;
	width: 160px;
	font-size: 11px;
	border: 1px solid #656565;
	background-color: #CCCCCD;
}

.btnKeyword {
	padding: 0;
	width: 22px !important;
	border: 1px solid #656565;
	background-color: #CCCCCD;	
}

div#leftMenu ul {
	margin: 0;
	padding: 0;
}

div#leftMenu li {
	margin: 0;
	padding: 0 0 0 10px;
	width: 190px;
	height: 20px;
	list-style-type: none;
	line-height: 18px;	
}

div#leftMenu li.sub_content  {
  margin: 0 0 0 15px !important;
	width: 175px !important;
}

div#leftMenu li a {
	color: #FFF;
	font-weight: bold;
	font-size: 11px;	
}

div#refPresta {
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
	height: 100px;	
}

div#mySelection {
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
	min-height: 60px;
	text-align: center;
	background-color: #FBBB91;
}

div#mySelection ul {
	margin: 0;
	padding: 0;	
}

div#mySelection li {
	margin: 0;
	padding: 3px 0;
	width: 200px;
	list-style-type: none;	
	border-bottom: 1px solid #FFF;
}

div#mySelection li a {
	color: #FFF;	
}

div#titleSelection {
	margin: 0;
	padding: 0 0 0 10px;
	width: 190px;
	height: 22px;
	color: #000;	
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	border-bottom: 1px solid #FFF;
	background-color: #F9904A; 
}

div#endSelection {
	margin: 0;
	padding: 0 0 0 10px;
	width: 190px;
	height: 22px;
	color: #000;	
	text-align: left;	
	font-weight: bold;
	line-height: 22px;
	background-color: #F9904A;
}

div#titleSelection a, div#endSelection a {
	color: #000;	
}


/**
* Zone central / colonne de droite
*/

div#rightColumn {
	margin: 0;
	padding: 0;
	width: 780px;
	min-height: 500px;
	float: right;
}

div#content {
	margin: 0;
	padding: 10px;
	width: 760px;
	min-height: 500px;
	color: #3F3F3F;
	position: relative;
}

/**
* Zone central / bas de page
*/

div#zone_geo{
	padding: 10px 0 30px 0;
	width: 760px;
	color: #3F3F3F;
	position: relative;
}

div#zone_geo ul{
	border-right:1px solid #CCCCCC;
	float:left;
	padding-left:15px;
	width:360px;
	margin:0;
	}

ul#last {
border-right:medium none!important;
float:left;
	}

div#zone_geo li{
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:1.8em;
	}

div#zone_geo hr{
	clear:both;
	text-align:center;
	margin:10px 0 10px 0;
	}


/**
* ****************************************
*/


div#content a , div#zone_geo a{
	color: #FD7634;
}

div#content h3 ,  div#zone_geo h3{
	margin-bottom: 5px;
	position: relative;
}

.h3Grey {
	padding: 0 0 8px 15px;
	color: #CACACA;
	font-size: 14px;
	background: #FFF url(./../../images/common/barre.jpg) bottom repeat-x;	
}

.h3Grey span {
	top: -3px;
	left: 0;
	color: #A5A5A5;
	font-size: 20px;
	position: absolute;
}

.h3Orange {
	margin-top: 11px;
	padding: 0 0 7px 20px; 
	color: #FF7830;
	font-size: 17px;
	background: #FFF url(./../../images/common/barre.jpg) bottom repeat-x;	
}

.h3Orange span {
	top: -5px;
	left: 0;
	color: #EA5C1C;
	font-size: 25px;
	position: absolute;
}

.title {
	color: #FD7634;
	font-weight: bold;	
}

.escape_link{
    float:right;
    position:relative;
    top:-28px;
}

a.discreet{
	color:#6f6f6f!important;
}

table.listing{
    width:100%;
    border:none;
	border-collapse:collapse;
    text-align:left;
}

table.listing tbody tr:hover{
    background:#ffd46c;
}

.sub_content{
    margin: 0 20px !important;
}

/**
* Footer
*/

div#footer {
	margin: 0;
	padding: 0 5px;
	height: 20px;
	color: #FFF;
	background-color: #000;
	clear: both;
	position: relative;
}

div#footer span {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
	float: left;
}

div#footer ul {
	margin: 0;
	padding: 0;
	float: right;
}

div#footer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 18px;
	display: inline;
}

div#footer li a, div#footer span a {
	color: #FFF;
	font-size: 11px;	
}

/**
* Eléments de validation
*/

.warning{
	background-color:#FFFACD;
	padding:3px 3px 5px 3px;
	margin:10px 10px 20px 10px;
	border: 1px solid #FD7634;
	color: #FD7634;
}
.warning img{
	position:relative;
	top:5px;
}
.warning span{
	text-decoration:underline;
}
.warning p{
	margin:3px 0;
}

.failure{
    color:red;
}
.success{
    color:green;
}

/*.error_element {
	border: 1px solid #FD7634 !important;
	background: #fffacd;
}

.error_message{
	display:block;
	margin:2px;
	color:#fff;
	background: #EF7600;
}*/

.error_element{
    border:1px solid red;
    background: #FBBB91;
}
.error_msg{
    color:red;
}

/**
* Formulaire
*/

div#content fieldset {
	margin-bottom: 12px;
	padding: 0 5px;
	background-color: #f7f8f1;
	border: 1px solid #FD7634;
}

div#content fieldset p {
	margin: 5px 0;	
}

div#content legend {
	margin: 0;
	padding: 0 5px;
	color: #FD7634;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}

div#content label {
	margin-right:10px;
	/*width:180px;
	font-weight:bold;*/	
	text-align:right;
	display:inline;
	float:left;	
}

div#content input, div#content select {
	font-size: 11px;
}

.button {
	margin: 3px 0 0 0;
	padding: 0 10px;
	border: 1px solid #FD7634;
	background-color: #FFF;
	color: #FD7634;
	font-weight: bold;
	font-size: 13px !important;
}

.button:hover {
	border: 1px solid #FD7634;
	background-color: #FD7634;
	color: #FFF;
}

.alignButton {
	margin: 0;
	padding: 0;
	text-align: center;
}

.note {
	color: #45606F;
	font-size: 10px;	
}

.ninja_field{
    border:none;
    background:#fff;
}

.data_label{
    float:left;
    width:200px;
    height:30px;
    clear:left;
	font-weight:bold;
}
.data_value{
    float:left;
    width:250px;
}

form.user_profile label{
    float:left;
    width:200px;
    clear:left;
    text-align:left!important;
}

form#form_demande_sur_selection label, form#form_register_user label, form#form_login_user label, form#form_coord label,
form#form_presentation label, form#form_presta label, form#form_caract label, form#form_login_presta label {
    float:left;
    width:200px;
    clear:left;
    text-align:left;
}

/**
* Page -----> index
*/

div#leftContent {
	margin: 0;
	padding: 0;
	width: 430px;
	float: left;
}

div#rightContent {
	margin: 0;
	padding: 0;
	width: 300px;
	float: right;
}

div#annuaire {
	margin: 0 0 30px 0;
	padding: 0;
	width: 430px;
	height: 265px;	
}

div#annuaire a {
	padding: 0 5px;
	color: #636363;
	font-size: 12px;
	font-weight: bold;
}

div#annuaire tr {
	background-color: #F3F3F3;
}

div#annuaire td {
	height: 17px;
}

.grey {
	background-color: #FBFBFB !important;	
}

div#aLaUne {
	margin: 0 0 10px 0;
	padding: 0;
	width: 430px;
	min-height: 330px;
	background: url(./../../images/common/projecteur.jpg) left bottom no-repeat;	
}

div#aLaUne h4 {
	margin: 0;
	font-size: 18px;
}

div#aLaUne a {
	color: #2284C5;
	font-weight: bold;	
}

div#aLaUne img {
	float: right;	
}

div#search {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 135px;
	background: #F3F3F3 url(./../../images/common/degrade.jpg) repeat-x;
	background-position: 0 20px;
}

div#search select {
	margin: 2px 5px;
	padding: 0;
	width: 290px;
	font-size: 11px;
}

.buttonSearch {
	margin: 8px 0 0 200px;
	background-color: #FFF;
	border: 1px solid #4C4C4C;	
}

div#lastPresta {
	margin: 30px 0 0 0;
	padding: 0;
	width: 300px;
	height: 193px;
	background: #F3F3F3 url(./../../images/common/degrade.jpg) repeat-x;
	background-position: 0 20px;	
}

div#popPresta {
	margin: 30px 0 0 0;
	padding: 0;
	width: 300px;
	height: 210px;
	background: #F3F3F3 url(./../../images/common/poppresta.jpg) no-repeat;
	background-position: 0 24px;	
}

div#lastPresta ul, div#popPresta ul {
	margin: 0;
	padding: 0;
}

div#lastPresta li, div#popPresta li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(./../../images/common/puce.jpg);
}

div#lastPresta li a, div#popPresta li a {
	color: #4C4C4C;
}

/**
* Page -----> contact
*/

div#infosContact {
	margin: 0;
	padding: 10px 10px 1px 10px; 
	background-color: #F7F8F1;	
}

.entitled {
	margin-bottom: 10px;
	width: 150px;
	float: left;	
}

.data {
	margin-bottom: 10px;
	width: 550px;
	font-weight: bold;
	float: left;
}

/**
* Page -----> directory
*/

.annuaire {
	margin: 5px 0 15px 0;
	width: 760px;
}

.annuaire th {
	padding: 0 0 5px 0;
	text-align: left;
}

.annuaire td {
	padding: 0 0 0 15px;
	width: 33%;
}

/**
* Partial -----> _prestas
*/

p.nav_haut{
    text-align:center;
}
p.nav_bas{
    text-align:center;
}
ul.presta_liste{
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.presta_liste li{
    position:relative;
    padding-top:3px;
    margin:10px 0;
    background:#D5BEA6;
    border-top:solid 2px #777;
    clear:both;
}
ul.presta_liste li.alternate{
    background:#ddd;
}

.presta_graph{
    position:absolute;
    right:2px;
    width:104px;
}

.presta_main{
    width:620px;
}

.presta_ordinal{
    float:left;
    width:80px;
    text-align:center;
    padding-top:10px;
    font-size:32px;
    font-family:georgia;
}
.presta_descript{
    float:left;
    width:520px;
}

.presta_footer{
    text-align:right;
    padding-right:20px;
}

.presta_pro{
    background:#fff;
    float:left;
    width:50px;
    text-align:center;
    margin:5px 1px;
    border-top:3px solid #8a9fba;
}

.presta_private{
    background:#fff;
    float:left;
    width:50px;
    text-align:center;
    margin:5px 1px;
    border-top:3px solid #ef943b;
}

.presta_photo{
    text-align:center;
}