/*====================================================== */
/* General== */

body {
    color: #333333; /*#3369aa;*/
    line-height: 1.4em;
    margin: 0px; padding: 0px;  
	}

a img {
    border: 0 none;
	}

h1 {
	color:#2F415D;
	font-size:2em;
	line-height: 20px;
	margin: 12px 0 20px;
	}

h2 {
    background: url(../images/puce1.jpg) no-repeat left center;
    color: #243b5a;
    margin-top: 20px;
    padding-left: 18px;
    font-size: 1.2em;
	}
	
.section_description_des_categories h2, .section_aide h2 {
  margin: 0;
}

.section_description_des_categories p, .section_aide p {
  padding: 0;
  margin-bottom: 10px;
  margin-top: 0;
}

.section_Fiche h1 {
  font-size: 1.2em;
}

img {
    border: 0 none;
	}

ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 30px;
  margin: 0;
	}

textarea {
	width: 600px;
	}

input.inscription {
	width: 366px;
}

select.inscription {
	width: 376px;
	}
	
fieldset.modification {
  width: auto;
  }



textarea, input, select {
	margin: 2px 0;
	padding: 3px 4px;
	border: 1px solid #4a79ae;
	-moz-border-radius: 5px;

	}

.checkbox, .checkbox:hover, .checkbox:focus {
	border: 0 none;
	vertical-align: middle;
	}

.button {
	background: #72b2ff;
	}

.button:hover, .button:active {
	background: #b8d5e2;
	border: 1px solid #84b8ff !important;
	cursor: pointer;
	}

textarea:focus, input:focus, select:focus,
textarea:hover, input:hover, select:hover {
	border: 1px solid #3fc321;
	margin: 2px 0;
	}

fieldset {
	padding: 10px;
	-moz-border-radius: 10px;
	border-color: #84b8ff;
	width: 620px;
	text-align: left;
	margin: 0;
	margin-top: 10px;
	}

legend {
	font-weight: bold;
	color: #4a79ae;
	padding: 0 10px 3px;
	}

optgroup {
	font-style: normal;
	margin-top: 5px;
	}

.align-centre {
	text-align: center;
	}
	
.align-gauche {
	text-align: left;
	}
	
/*====================================================== */
/* ==Layout== */

#page {
    margin: 0px auto 15px;
    position: relative;
    width: 970px;
	}

#principal {
    background: #fff;
    border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black;
    height: auto; width: 926px;
    overflow: hidden;
    padding: 10px 21px 0px 23px;
    position: relative;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}
	
#entete {
    background: url("../images/banniere.jpg");
    height: 222px; width: 970px;
    padding: 0px;
    position: relative;
    border: 1px solid black;
    /*overflow: hidden;*/
    z-index: 10;
	}

#contenu {
    float: left;
    height: auto;
	}

.une-colonne {
	width: 926px;
	}

.deux-colonnes {
	width: 521px;
	}

#sidebar {    
    float: right;
    height: auto; width: 342px;
    padding-top: 32px;
	}

#pied {
    color: #deeaf8;
    font-size: 0.8em;
    height: 25px; width: 954px;
    padding: 0px 8px;
    line-height: 2em;
	} 
	
#fil {
	font-size : 0.85em;
	}

#fil #fil-pageEnCours {
	font-weight : bold;
	}


/*====================================================== */
/* ==Liens== */

a {
    color: #2257cc;
    text-decoration: none;
	}

a:active, a:focus {
    outline-style:none;
    outline-width:0;
	}

a:hover, #vedettes-millieu a:hover {
    color: #FF7F11;/*#FF7E11;*/
	}

#vedettes-millieu a {
    color: #7babf4;
	}

.lien-categorie {
    color: #0A9949;
    font-size: 0.86em;
	}

.lien-categorie:hover, #categorie-accueil a:hover {
    color: #B4CC22;
	}

#categorie-accueil a {
    color: #0A9949;
    font-size: 0.95em;
	}

/*====================================================== */
/* ==Entete== */
#logo {
    left: 0px; top: 0px;
    position: absolute;
    z-index: 10;
	}

#connexion-lanaudiere {
    right: 15px;
    bottom: 57px;
    position: absolute;
    z-index: 10;
	}

#panel-recherche {
background:transparent url(../images/recherche-bg.gif) no-repeat scroll right top;
float:right;
height:54px;
right: 0;
top: 0;
width:500px; /*970px*/
z-index:44;
position: absolute;
	}
	
#panel-recherche-element {
padding-right:10px;
padding-top:2px;
text-align:right;
float: right;
height: 54px;
  }
  
#panel-recherche-element a {
  color: #dedede;
}

#panel-recherche-element label {
  color: #dedede;
}

#recherche-texte {
  padding: 2px 3px;
  margin: 0;
  border: 0 none;
  -moz-border-radius: 0px;
  }
  
#recherche-submit {
  background: #fff url(../images/recherche-image.gif) no-repeat center;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 none;
  -moz-border-radius: 0px;
  width: 23px;
  height: 20px;
  vertical-align: top;
  cursor: pointer !important;
  }
		
/*====================================================== */
/* ==Menu== */

#menu {
	bottom: 0px; left: 0px;
	height: 29px;width: 926px;
	margin: 0px 22px;
	padding: 0px;
	position: absolute;
	}

#menu-horizontal {
	height: 29px; width: 926px;
	margin: 0px;
	padding: 0px;
	}

#menu-horizontal li {
	position: relative;
	display: inline;
	/* padding: 0px 17px;*/
	}

#menu-horizontal li.premier {
	padding-left: 0px;
	}

#menu-horizontal li.dernier {
		padding: 0px 0px 0px 173px;
		/*margin-top: -2em; */
}

#menu-horizontal li a {
		text-decoration: none;
		font-weight: bold;
		line-height: 2em;
		color: #deeaf8;
}

#menu-horizontal li a:hover {
    color: #36c348;
}

.menu-actif {
	color: #36c348 !important;
}

.spacer {
	padding: 0px 26px;
	color: #deeaf8;
}

#pied a {
    color: #3DA3FF; /* A changer... */
    text-decoration: none;
}

#pied a:hover {
    color: #FF7E11; /* A changer... */
}

#copyright {
    float: left;
}

#conception {
    float: right;
}


/*====================================================== */
/* ==Partenaires== */

#partenaires {
    background: url(../images/partenaires-hr.jpg) center 10px no-repeat;
    padding: 10px 0;
    line-height: 65px;
    text-align: center;
    /*width: 970px;*/
}

#partenaires img {
    padding: 0 20px;
    vertical-align: middle;
}

#avis {
    
    background: url(../images/partenaires-hr.jpg) center 10px no-repeat;
    padding: 10px 0;
}

#avis h2 {
	border-top: 0 !important;
}


/*====================================================== */
/* ==Vedettes== */

#vedettes-conteneur {
		margin-right: 22px;
}

#vedettes-contenu {
    height: auto; width: 342px;
    left: 0; top: 0;
    position: relative;
}

#vedettes-haut {
    background: url("../images/vedettes-haut.gif") no-repeat;
    height: 20px; width: 342px;
    left: 0; top: 0;
    position: relative;
}

#vedettes-millieu {
    background: #2f415d;
    color: #cdd3e2;
    min-height: 50px;
    padding-left: 10px;
    width: 332px;
}

#vedettes-millieu h2 {
    background: none;
    color: #fff;
    margin: 0; padding: 0 0 10px 0;
}

#vedettes-millieu .vedette {
    
}

#vedettes-millieu .detail {
    padding-bottom: 5px;
}

#vedettes-millieu .hr {
  height: 2px; width: 312px;
  padding: 10px 0;
  background: url("../images/vedettes-hr.gif") repeat-x center;
}

#vedettes-bas {
    background: url("../images/vedettes-bas.gif") no-repeat;
    height: 20px; width: 342px;
    left: 0; top: 0;
    margin-bottom: 25px;
    position: relative;
}

/*====================================================== */
/* ==plan== */

#plan {
  font-weight:bold;
list-style-type:square;
margin:1em 0 0 3em;
padding:0;
}


#plan li {
	/*padding: 4px 0px;*/
	  background-image:none;
margin-bottom:0.75em;
padding:0;
}

#plan ul {
  font-weight:normal;
list-style-type:circle;
margin:0 0 0 2em;
padding:0;
}

#plan ul ul {
  font-size:90%;
line-height:65%;
list-style-type:disc;
margin:0.5em 0 0 2em;
padding:0;
}

/*====================================================== */
/* ==autres== */

.width_form {
	width: 750px;
}

.message{
	border:solid 1px #DEDEDE;
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:center;
	}
	
.erreur{
	border:solid 1px #a65757;
	background:#e29595;
	color:#7a1212;
	padding:4px;
	text-align:center;
	-moz-border-radius: 4px;
	}
	
.information {
  background: #f1ee98;
  color: #7f7d50;
  padding:4px;
  border: 1px solid #7f7d50;
  text-align:center;
  -moz-border-radius: 4px;
  }
	
.ok{
	border:solid 1px #53a62a;
	background:#b3dd9e;
	color:#34681a;
	padding:4px;
	text-align:center;
	-moz-border-radius: 4px;
	}
	

	
/*====================================================== */
/* ==google map== */
#map {
  border:1px solid #9F9F9F;
  position:absolute;
  right:21px;
  top:94px;
  }
  
/*====================================================== */
/* ==Recherche== */  

.recherche-liste {
  padding:0 5px 0 0;
  }
  
.recherche-liste2 {
  padding: 0;
}

.recherche-liste, .recherche-liste li ul,
.recherche-liste2, .recherche-liste2 li ul {
  list-style-type: none !important;
}

.separateur-hr {
  background: url(../images/partenaires-hr.jpg) center 0 no-repeat;
  height: 2px;
  width: auto;
  margin-top: 20px;
  }
  
.secteur a{
  font-weight: bold;
  }
  
.secteur ul a{
  font-weight: normal;
  
  }
  
.secteur-texte {
  background: #b0b9c7; 
  padding: 2px 5px; 
  border-bottom: 1px solid #9fa2a5;
  border-left: 1px solid #57595b;
  border-right: 1px solid #57595b;
  border-top: 1px solid #57595b;
  }
  
.secteur ul {
  margin-bottom: 4px;
}

.sous-secteur {
  background: #dbe0e4; 
  border-bottom: 1px solid #57595b;
  border-left: 1px solid #57595b;
  border-right: 1px solid #57595b;
  padding: 3px;
  padding-left: 25px;
}

.recherche-recherche {
  background-color:#959da9;
  border: 1px solid #57595B;
  padding: 1px 5px;
  text-align:right;
  color: white;
}

.toto {
  background-color:#bbbbbb;
  border: 1px solid #57595B;
  border-top: none;
  padding: 4px;
  padding-bottom: 0;
}

  
/*====================================================== */
/* ==DATATABLES== */  

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	/*float: right;
	text-align: right;*/
	text-align:center;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
  font-size: 12px;
	margin: 0 auto;
	width: 100%;
	clear: both;
	background-color:#F5F5F5;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.jpg') no-repeat center right;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

tr.odd {
	background-color: #b3cafd;
}

tr.even {
	background-color: #e6edfd;
}

.datatables-th th {
  background-color: #36518d;
  color: white;
  }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding:10px 7px;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.div.dataTables_info {
	width: 40%;
}

.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 1px 5px;
	margin: 0 3px;
	cursor: pointer;
	cursor: hand;
}

.dataTables_paginate span.paginate_active {
  font-weight: bold;
  font-size: 1.1em;
  }

table.display tr.row_selected.odd td {
	background-color: #B0BED9;
}

table.display tr.row_selected.even td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
/*tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}*/


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
tbody tr.even:hover, tbody tr.even td.highlighted {
	background-color: #d4fdb3;
}

tbody tr.odd:hover, tbody tr.odd td.highlighted {
	background-color: #d4fdb3;
}

#fiche {
  min-height: 250px;
  padding-right: 410px;
  }
  
* html #fiche {
  height: 250px;
  }
  
.photo {
  padding: 1px;
  border: 1px solid #999999;
  }
  
/* ---- Répertoire ---- */

#repertoire {
  width: 100%;
  font-size: 0.9em;
}

.repertoire_colonne {
  float: left;
  padding-right:10px;
width:295px;
}

.repertoire_secteur {
  font-weight: bold;
  font-size: 1em;
}

.repertoire_secteur a {
  text-decoration: underline;
}

.repertoire_sous-secteur{
  margin-bottom: 1.2em;
}

.section_repertoire h2 {
  border-top: 1px dashed #000;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.section_repertoire p {
  margin-left: 18px;
  margin-top: 0;
}

.menu_ss li.actif a {
  color: #FF7F11;
}

.section_repertoire .menu_ss {
  float: left;
  width: 245px;
  padding-right: 10px;
}

#critere-recherche {
  margin-bottom: 10px;
}

#iphone{
	padding:20px 0px 10px 60px;
}

#iphone img{
	padding-top:5px;
}

#iphone2{
	position:absolute;
	left:680px;
}

#partager{
	position:absolute;
	right:10px;
	top:235px;
	z-index:9999;
}