/*
// ==============================================================================================

	MON TOULOUSE - ANNUAIRE TOULOUSAIN
	MULTIMED SOLUTIONS

// ==============================================================================================
*/

/*
================================================================================================================================

	STRUCTURE DE LA PAGE

================================================================================================================================
*/

body
{
	background-color : black;
	padding 		 : 0px;
	margin			 : 0px;
}



#page
{
	background-color		: #303030;
	color					: #000000;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	margin					: auto;
	min-width				: 999px;
	max-width				: 80%;
	padding					: 0;
	
	overflow				:hidden;
}
	
	
	
#content
{
	margin-top 				: 0px;
	margin					: 16px;
	margin-left				: 0px;
	
	color					: #202020;

	background-color		: #F3F3F3;
	/*border					: solid 2px #A5A39C;*/

	overflow				: hidden;
	height 					: 100%;
}

	#content h1
	{
		color				: #E69F55;
		font-size 			: 15.2px;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		text-transform 		: uppercase;
		margin-bottom		: 20px;
	}
	
	#content h2
	{
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size 			: 12px;
		color				: #FFFFFF;
		padding-bottom		: 2px;
		background-color	: #B70405;
		padding: 4px;
	}
	
	
	
/*
================================================================================================================================

	HEADER

================================================================================================================================
*/
	
	
#header
{

	background-color		: #303030;
	background-color		: black;
	overflow				: hidden;
	width 					: 100%;
	
	background-image		: url(images/header.jpg);
	background-repeat		: no-repeat;
	background-position		: center right;
	
	height : 80px;
	
	padding : 0px;
	margin  : 0px;
	
}
	
	
#head_sep
{
	margin 					: 0;
	padding					: 0;

	height 					: 16px;
	width					: 100%;

	background-color		: #B70405;
}


#logo
{

	margin				: 16px;
	margin-left			: 32px;
	width				: 200px;
	
}
	
	
/*
================================================================================================================================

	MENU

================================================================================================================================
*/
	
	
#menu
{
	margin 				: 0px;

	
	padding 			: 0px;
	padding-top			: 6px;
	padding-bottom		: 6px;


	border				: solid 2px #A5A39C;
	border-top			: 0px;
	
	overflow			: hidden;
	background-color	: #F3F3F3;
	
	width				: auto;

	list-style 			: none;
}


#menu li
{
	display 			: block;
	margin-right 		: 25px;
	float				: left;
}

#menu a
{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: black;
}

#menu a:hover
{
	color				: #D00D0C;
}


#menu li img
{
	margin-right			: 8px;
	float					: left;
}



/*
================================================================================================================================

	RECHERCHE

================================================================================================================================
*/

	
#search
{
	font-size				: 12px;
	font-weight				: bold;

	
	background-color		: #e9e9e9;

	
	width 					: 90%;
	overflow				: hidden;
	margin 					: auto;

	
	
	margin-top				: 24px;
	margin-bottom			: 24px;
	
}

#search input[type="text"] , #query
{
	background-color	: white;
	border				: 1px solid #CCC;
	padding 			: 2px;
	width				: 320px;
}

#form_search , #form_search_quoiou
{
	margin 				: 0;
	padding-left		: 16px;

	text-align			: left;
	display				: none;
	
}

	
	
	
#search_title
{

	color				: black;
	font-weight			: bold;

	padding 			: 0;
	margin 				: 0;
	
	list-style-type 	: none;
	
	overflow			: hidden;
	width				: 95%;
	
	background 			: url(images/search.png) no-repeat;
	background-position : 0 6px;
}


#search_title li
{
	margin-left			: 10px;
	padding				: 8px;	

	background-repeat	: repeat-x;
	
	float				: right;
	cursor 				: pointer;
}
	
	
#search_title
{
	text-decoration 	: underline;
}
#search_title li:hover , #search_title li.current
{
	color : #d00d0c;
	text-decoration 	: underline;
}



/*
================================================================================================================================

	MENU GAUCHE

================================================================================================================================
*/
	
	
#col_left
{
	width					: 200px;
	margin 					: 16px;
	float 					: left;
}


	.block_left
	{
		width				: 200px;
		margin-bottom		: 20px;
	}
	
	.block_left p
	{
		margin-top			: 0;
	}
	
	.block_left h
	{
		font-family			: Arial, Verdana, Helvetica, sans-serif;
		font-size			: 14px;
		font-weight			: bold;
		color				: #D00D0C;
	
		padding-bottom		: 0px;
		margin-bottom		: 5px;
	}
	
	.block_left div
	{
		color				: #FFFFFF;
		
		background-color	: #6A6A6A;
		border				: 5px solid #444444;
		
		
		padding				: 4px;
		text-align			: left;
	}
	
	.block_left a, .block_left a:visited, .block_left a:link{
		color				: #FFFFFF;
		text-decoration		: none;
	}
	.block_left a:hover {
		color				: #FFFFFF;
		text-decoration		: underline;
	}
	
	
	
	.block_left .partennaires_list
	{
		list-style-type 	: none;
		
		margin-left 		: 0px;
		
		padding-left 		: 2px;
		
		color				: #CCCCB2;
		
		font-size			: 10px;
		font-family			: arial,sans-serif;
	}
	
	
	.block_left .partennaires_list a
	{
		text-decoration		: underline;
		font-weight			: bold;
	}
	
	
	.block_left .partennaires_list li
	{
		margin-bottom		: 40px;
	}
	
	
	.block_left .partennaires_list p
	{
		margin				: 2px;
	}
	
	
/*
================================================================================================================================

	PIED DE PAGE

================================================================================================================================
*/
	

#footer
{
	background-color		: black;
	color					: #666666;
	padding-top 			: 10px;
	font-size				: 10px;
	min-height				: 80px;
	
	margin-bottom 			: 0px;

}
	
	#footer p
	{
		text-align : center;
	}

	#footer a, #footer a:visited, #footer a:link{
		color				: #666666;
		text-decoration		: none;
	}
	#footer a:hover {
		color				: #666666;
		text-decoration		: underline;
		
	}
	
	
	#footer_separator
	{
		padding-top				: 10px;
		height 					: 19px;
		font-size				: 14px;
		font-weight				: bold;
		text-align				: left;
		background-color		: #B70405;
		clear					: both;
	}
	
	
	#links
	{
		list-style 			: none;
		text-align: center;
	}
	
	#links li
	{
		display 			: inline;
		margin-right 		: 15px;
		
	}
	
		#links a
		{
			font-size		: 11px;
		}
		
		
		
/*
================================================================================================================================

	MAIL

================================================================================================================================
*/
		

	#signature {
		float : right;
	}
	
	#signature a,#signature a:visited, #signature a:link{
		color				: #D00D0C;
		text-decoration		: none;
	}
	#signature a:hover {
		color				: #D00D0C;
		text-decoration		: underline;
	}
	


/*
================================================================================================================================

	BALISES HTML COURANTES

================================================================================================================================
*/


h1 {
	color					: #D00D0C;
	font-family				: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 14px;
}

h2 {
	color					: #D00D0C;
	font-family				: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 12px;
	margin-bottom			: 10px;
}
h3 {
	color					: #b70405;
	font-family				: Arial, Verdana, Helvetica, sans-serif;
	font-size				: 12px;
	margin-bottom			: 0;
}
h4{
	font-size				: 12px;
	font-weight				: bold;
	color 					: #1396F2;
	margin					: 0;
}

a, a:visited, a:link
{
	color					: #1F88A2;
	/*color					: #D00D0C;*/
	text-decoration			: none;
}

a:hover
{
	color					: #26A4C4;
	/*color					: #D00D0C;*/
	text-decoration			: underline;
}

img
{
	border					: 0;
}

hr
{
	border					: 1px solid #373D41;
}
	p.justify {
		text-align			: justify;
	}

li
{
	text-align				: left;
}


table
{
	width 					: 100%;
	border					: 1px solid #000;
	margin-top				: 10px;
	margin-bottom			: 10px;
}

th.entete
{
	font-weight				: bold;
	background-color		: #161616;
	text-align				: center;
}



/*
================================================================================================================================

	STYLES DIVERS

================================================================================================================================
*/


.publicite
{
	text-align: center;
	padding: 10px;
	margin-bottom : 12px;
}



.necessary {
	font-weight 			: bold;
	color 					: #FF0000;
}

.retour {
	/*clear					: both;*/
	font-weight				: bold;
	text-align				: center;
	padding-top				: 10px;
	padding-bottom			: 5px;
}

.message, p.error
{
	background-color		: #e9e9e9;
	font-weight				: bold;
	text-align				: center;
	padding					: 8px;
	margin-top				: 10px;
	margin-bottom			: 10px;
}

.clearboth
{
	clear					: both;
}

.align_center
{
	text-align				: center;
}
.align_left
{
	text-align 				: left;
}
.align_right
{
	text-align				: right;
}


/*
================================================================================================================================

	MESSAGE D'ERREUR

================================================================================================================================
*/

.error, .msgErreur
{
	display					: none;
}

.msgErreur, #errorForm, .messageError, .messageOk
{	
	margin-top 				: 10px;
	margin-bottom 			: 10px;
	padding 				: 10px;
	border 					: 1px dashed #B80405;
	background-color 		: #ECBBBB; 
	color 					: #000000;
	font-weight 			: bold;
	text-align 				: center;
}
	.messageOk
	{
		border 					: 1px dashed #0CB804;
		background-color 		: #BBECBE; 
		color 					: #000000;
	}

.error
{
	color 					: #F1502B;
}



/*
================================================================================================================================

	FORMULAIRE D'INSCRIPTION

================================================================================================================================
*/


#formRegister {
	margin-top	: 30px;
}

#formRegister label {
	float : left;
	width : 200px;
	text-align : right;
	padding-right: 10px;
}

#formRegister input#login, #formRegister input#password,  #formRegister input#password2 {
	width : 100px;
	margin-right : 5px;
}

#formRegister input#nom, #formRegister input#email {
	width : 200px;
	margin-right : 5px;
}

#formRegister input {
	background-color		: white;
	border					: 1px solid #161616;
	color					: black;
}

#formRegister input:hover{
	color					: #26A4C4;
}




/*
================================================================================================================================

	MOT DE PASSE OUBLIES

================================================================================================================================
*/


#formForgotten{
	margin-top	: 30px;
}

#formForgotten label {
	float : left;
	width : 100px;
	text-align : right;
	padding-right: 10px;
}

#formForgotten input#email {
	width : 200px;
	margin-right : 5px;
}

#formForgotten input {
	background-color		: white;
	border					: 1px solid #161616;
	color					: black;
}

#formForgotten input:hover{
	color					: #26A4C4;
}



/*
================================================================================================================================

	FORMULAIRE DE CONTACT

================================================================================================================================
*/

#formContact label {
	color					: black;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 12px;

	width					: 100px;
	float					: left;
	text-align				: right;
	padding-right			: 10px;
}

#formContact input, #formContact select, #formContact textarea {
	background-color		: white;
	border					: 1px solid #161616;
	color					: black;
}

#formContact input:hover, #formContact select:hover, #formContact textarea:hover{
	color					: #26A4C4;
}
#formContact  #message {
	width					: 350px;
	height					: 300px;
}

input#btnEnvoyer {
	text-align				: center;
	color					: rgb(100,100,100);
	font-weight				: bold;
	cursor					: pointer;
}





/*
================================================================================================================================

	NEWSLETTERS

================================================================================================================================
*/


#form_newsletter #email_newsletter
{
	width					: 150px;
}

#form_newsletter #submit_newsletter
{	
	background-color		: transparent;
	background-image		: url('images/submit_newsletter.png');
	background-repeat		: no-repeat;
	border					: none;
	cursor					: pointer;
	height					: 20px;
	width					: 20px;

	
}



/*
================================================================================================================================

	RECHERCHE QUOI / OU

================================================================================================================================
*/
	
	
	#form_search_quoiou label
	{
		width				: 50px;
		float 				: left;
		margin-top 			: 4px;
	}
	

	input#select_by_cat , input#select_by_town
	{
		width 				: 320px;
		margin-left			: 5px;
	}
	
	
	

	
#form_search_quoiou .update
{
	position: absolute;
	
	width:250px;
	
	background-color:white;
	border:1px solid black;
	color: black;
	
	margin:0px;
	padding:0px;
	
	z-index : 1000000;
	
}


#form_search_quoiou .update ul.resultats
{
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}



#form_search_quoiou .update ul.resultats li.selected
{
	background-color: #316AC5;
	cursor: pointer;
	color: white;
}


#form_search_quoiou .update li.resultat 
{
    list-style-type: none;
    display:block;
    margin:0;
    padding:5px;
}


#form_search_quoiou p.title
{
	font-family	: Arial, Verdana, Helvetica, sans-serif;
	font-size	: 14px;
	font-weight	: bold;
	color		: #FF9933;
		
	text-align : left;
}



/*
================================================================================================================================

	LISTES

================================================================================================================================
*/


ul.listeCategories
{
	list-style-image		: url('images/folder.png');
}
	
ul.listeVille
{
	list-style-image		: url('images/town.png');
}


ul.listeActualites
{
	list-style-image		: url('images/newspaper.png');
}



/*
================================================================================================================================

	RECHERCHE SITES VIA LISTES

================================================================================================================================
*/



#AnnuaireRecherche
{
	overflow: hidden;
	width   : 100%;
}


#AnnuaireRecherche .AnnuaireListeVille
{
	float					: left;
	margin-left				: 0;
	width					: 25%;
}
	#AnnuaireRecherche .AnnuaireListeVille ul
	{
		margin-left	: 0px;
		padding-left : 0px;
	}
	
	#AnnuaireRecherche .AnnuaireListeVille ul li
	{
		width 				: 150px;
		margin-left 		: 2px;
		margin-right 		: 2px;

		list-style-position	: inside;
		padding-top 		: 2px;
		padding-left		: 8px;
	}
	
	

#AnnuaireRecherche .AnnuaireListeCategories
{
	float					: right;
	margin-left				: 0px;
	width					: 70%;
}

	#AnnuaireRecherche .AnnuaireListeCategories ul
	{
		margin-left	: 0px;
		padding-left : 0px;
	}
	
	#AnnuaireRecherche .AnnuaireListeCategories ul li
	{
		list-style-position	: inside;
		padding-top 		: 2px;
		

		width 				: 250px;
		margin-left 		: 2px;
		margin-right 		: 2px;
		float 				: left;
		list-style-position	: inside;
		padding-top 		: 2px;
	}

	
	.showAllCategories
	{
		text-align			: right;
	}
	.showAllCategories a
	{
		background-image	: url('images/folder.png');
		background-repeat	: no-repeat;
		
		padding-left		: 24px;
		padding-top			: 2px;
		font-weight			: bold;
	}
	
	
/*
================================================================================================================================

	LISTE SITES

================================================================================================================================
*/


	
.imageSite
{
	float 					: left;
}
.imageSite img
{
	width					: 150px;
	height					: 120px;

}

.imageSiteSmall
{
	float 					: left;
}
.imageSiteSmall img
{
	width					: 100px;
	height					: 80px;
}



.listeSite
{

	padding 				: 0px;
	
	margin 					: 0px;
	
	width					: 100%;
	
	list-style-type			: none;
	list-style-position		: outside;
}



.miniFicheSite 
{
	background-color		: #E9E9E9;
	
	margin					: 0px;
	margin-bottom 			: 12px;
	padding 				: 0px;
	
	overflow				: hidden;
	width					: 100%;
}


.miniFicheSite .floatRight
{
	float : none;
	margin-left : 160px;
}


.miniFicheSite .floatRightSmall
{
	float : none;
	margin-left : 110px;
}



.miniFicheSite  img
{
	margin-right 			: 10px;
	border					: solid 1px #C6C6C6;
}
.miniFicheSite .site_detail_img
{
	float 					: right;
	margin 					: 0;
	padding 				: 0;
	border 					: 0;
	cursor 					: pointer;
	margin-top 				: -8px;
}



.miniFicheSite h3
{
	font-size 				: 13px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;

	text-transform 			: capitalize;

	padding					: 2px;
	margin					: 0px;
	margin-bottom			: 2px;
}


	.miniFicheSite h3 a, .miniFicheSite h3 a:visited 
	{
		color 				: #b70405;
	}

	
	
.miniFicheSite .pDescription
{
	margin					: 0px;
	margin-top				: 0px;
	
	margin-right 			: 4px;
	
	padding					: 8px;
	
	background-color		: #D6D6D6;
}


.miniFicheSite .pCategorie , .miniFicheSite .pVille , .miniFicheSite .pLien
{
	margin-top 				: 0;
	margin-bottom 			: 2px;
	margin-left				: 0px;
	margin-right			: 10px;
	min-height 				: 16px;
	padding-left 			: 20px;
	padding-top				: 2px;
	float					: left;
}


.miniFicheSite div
{
	margin : 0px;
	padding : 0px;
}


.miniFicheSite .pContainer
{
	width 					: 100%;
	overflow 				: hidden;
	
	margin					: 0px;
	margin-top 				: 4px;
	
	padding					: 0px;
}


.miniFicheSite .pCategorie
{
	background 				: url('images/folder.png') no-repeat;
}

.miniFicheSite .pVille
{
	background 				: url('images/town.png') no-repeat;
}

.miniFicheSite .pLien
{
	background				: url(images/world.png) no-repeat;
}

	
	
	
	
/*
================================================================================================================================

	FICHE DEDIEE

================================================================================================================================
*/


.ficheSite
{
	margin-top : 20px;
	overflow: hidden;
	width : 100%;
}

.ficheSite img
{
	float 					: right;
	margin-left 			: 10px;
}

.ficheSite h1
{
	font-size 				: 13px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	color 					: #FFFFFF;
	padding-top 			: 0px;
	margin-top 				: 0px;
	text-transform 			: capitalize;
}

.ficheSite .pDescription
{
	margin-bottom			: 32px;
	margin-top 				: 5px;
	
	
	/*background-color		: #444444;
	border					: 5px solid #2F2F2F;*/
	
	background-color		: #e9e9e9;
	
	padding					: 10px;
}


#ficheInfos
{
	list-style-type			: none;

	padding-left 			: 20px;
	margin-bottom			: 10px;
}

	#ficheInfos  li
	{
		margin-bottom		: 20px;
		
		background-image	: url(images/information.png);
		background-repeat	: no-repeat;
		background-position	: 0 -1px;
		padding-left 		: 24px;
		min-height			: 20px;
	}

#ficheVilles
{
	list-style-type			: none;
	padding-left 			: 20px;
	margin-bottom			: 10px;
}

	#ficheVilles  li
	{
		margin-bottom		: 5px;
		float				: left;
		
		background-image	: url(images/town.png);
		background-repeat	: no-repeat;
		background-position	: 0 -1px;
		padding-left 		: 24px;
		min-height			: 20px;
		
		margin-right		: 32px;
	}
	
	
	
#ficheCategories
{
	list-style-type			: none;
	padding-left 			: 20px;
	margin-bottom			: 10px;
}

	#ficheCategories  li
	{
		margin-bottom		: 5px;
		float				: left;
		
		background-image	: url(images/folder.png);
		background-repeat	: no-repeat;
		background-position	: 0 -1px;
		padding-left 		: 24px;
		min-height			: 20px;
		
		margin-right		: 32px;
	}
	

 .ficheSite .pLien
 {
	font-weight 			: bold;
	margin-top 				: 40px;
	
	background-color		: #E9E9E9;
	

	padding 				: 8px;
	padding-left			: 32px;
	
	background-image		: url(images/world.png);
	background-repeat		: no-repeat;
	background-position		: 6px 6px;
}


	 .ficheSite .pLien a
	 {
		color 				: #AAAAAA;
		text-decoration 	: underline;
	}



.ficheDetails
{
	margin : 32px;
}




/*
================================================================================================================================

	PETITES ANNONCES

================================================================================================================================
*/


.divAnnonces1
{
	background-color		: #E9E9E9;
	margin-top				: 5px;
	padding 				: 3px;
}
	
.divAnnonces0
{
	margin-top				: 5px;  
	padding 				: 3px;
}

.divAnnonces0 h3, .divAnnonces1 h3 {
	margin-bottom			: 0px;
	margin-top 				: 4px;
	padding-bottom			: 0px;
}

.voirAnnonce, .voirAnnonce a {
	color					: #aaaaaa;
	font-size				: 11px;
}
	
.annonceInfos {
	margin-top				: 0px;
	color					: #646464;
	font-size				: 10px;
}
	
	
/*
================================================================================================================================

	AJAX

================================================================================================================================
*/
	
	
/* Autocompletion */
.update
{
        position			: absolute;
        width				: 250px;
        background-color	: #303030;
		
        border				: 1px solid #888;
        margin				: 0px;
        padding				: 0px;
		z-index 			: 1000;
}

ul.resultats {
        list-style-type		: none;
        margin				: 0px;
        padding				: 0px;
        text-align			: left;
		color				: #8E9295;
}
	ul.resultats li.selected { 
	background-color		: #444444;
	color					: #D00D0C;
	cursor					: pointer; 
}
li.resultat {
        list-style-type		: none;
        display				: block;
        margin				: 0;
        padding				: 5px;
}



/*
================================================================================================================================

	FIL D'ARIANNE

================================================================================================================================
*/


.arianne
{
	margin-bottom : 4px;
}
.arianne img
{
	margin-bottom: -4px;
}




/*
================================================================================================================================

	ACTUALITES

================================================================================================================================
*/


#listeActu {
	list-style-type : none;
	list-style-position : inside;
	padding : 0px;
	margin : 0px;
}

.actualite
{
	/*border 					: 4px solid #2F2F2F;
	background-color 		: #444444;*/
	
	background-color		: #E9E9E9;
	
	padding					: 16px;
}

#content .actualite h3.actuTitre 
{
	border-bottom			: 0px;
	color 					: #b70405;
	margin-top 				: 0px;
	margin-bottom 			: 4px;
	font-weight				: bold;
	

}

.actualite h3 .actuDate {
	font-size 				: 10px;
}



/*
================================================================================================================================

	BORDURES ARRONDIES

================================================================================================================================
*/


.RoundedTopLeft , .RoundedTopRight , .RoundedBottomLeft , .RoundedBottomRight
{
	height: 19px;
	width: 19px;
	background-repeat: no-repeat;
	font-size:1px;
}

.RoundedTopLeft , .RoundedBottomLeft
{
	float : left;
}
.RoundedTopRight , .RoundedBottomRight
{
	float : right;
}


#content #search .RoundedTopLeft        { background: url(images/rounded/search/topleft.png);     }
#content #search .RoundedTopRight      { background: url(images/rounded/search/topright.png);    }
#content #search .RoundedBottomLeft  { background: url(images/rounded/search/bottomleft.png);  }
#content #search .RoundedBottomRight{ background: url(images/rounded/search/bottomright.png); }



#content .RoundedTopLeft        { background: url(images/rounded/content/topleft.png);     }
#content .RoundedTopRight      { background: url(images/rounded/content/topright.png);    }
#content .RoundedBottomLeft  { background: url(images/rounded/content/bottomleft.png);  }
#content .RoundedBottomRight{ background: url(images/rounded/content/bottomright.png); }


#footer_separator .RoundedBottomLeft  { background: url(images/rounded/page/left.png);  }
#footer_separator .RoundedBottomRight{ background: url(images/rounded/page/right.png); }