/*
Description: Commune-IT
Version: 1.0 / Juin 2013
Version: 1.1 / Juillet 2014
*/


/* ------------------- COMMON ------------------------------------------------------- */
/*Installation des polices*/
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue.otf') format("opentype");
}
@font-face {
    font-family: 'sofiaProLightregular';
    src: url('fonts/SofiaProLight-webfont.eot');
    src: url('fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SofiaProLight-webfont.woff') format('woff'),
         url('fonts/SofiaProLight-webfont.ttf') format('truetype'),
         url('fonts/SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html		{margin: 0; padding: 0; height: 100%;}
body		{margin: 0; padding: 0; height:100%; font-size:11px; font-family:SofiaProLightregular;}

img			{border:none;}

input	{margin-right: 5px; vertical-align: middle; width: 200px; height: 30px; border-radius: 3px; display: inline-block; border: 1px solid #CCCCCC;}
input .formulaire {width: 240px;}
.formField {
	width: 48%;
	height: 5em;
	float: left;
}

.formSection {
	display: inherit;
}

#form_bloc_validation {
	margin-top:8em;
}

.load
{
    background:url('../resources/ajax-loader.gif') no-repeat center;
} 
.styled-select select {
   background: rgba(255, 255, 255, 0.71);
   width: 240px;
   padding: 5px;
   font-size: 12px;
   border-radius: 3px;
   height: 30px;
   -webkit-appearance: none;
   display: inline-block;
   border: none; 
   font-family: Arial;
   }
   
.styled-select {
   width: 200px;
   height: 30px;
   overflow: hidden;
   background: url("../resources/fleche.png") no-repeat right;
   border: 1px solid #ccc;
   border-radius: 3px;
   display: inline-block;
   }
   
.styled-select-short select {
   background: rgba(255, 255, 255, 0.71);
   width: 120px;
   padding: 5px;
   font-size: 12px;
   border-radius: 3px;
   height: 30px;
   -webkit-appearance: none;
   display: inline-block;
   border: none; 
   font-family: Arial;
   }
   
.styled-select-short {
   width: 70px;
   height: 30px;
   overflow: hidden;
   background: url("../resources/fleche.png") no-repeat right;
   border: 1px solid #ccc;
   border-radius: 3px;
   display: inline-block;
   }
   
a,a:hover,a:visited 	{text-decoration : none; color:#000000;}
form					{margin:auto; text-align: center;}
h2						{font-family: BebasNeue, Arial, serif; font-size:28px; font-weight:normal;}
/*
select				{verical-align:middle;  font-size:14px; width: 220px; height: 35px; border: 1px solid #000; color: #626292; -webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; background: -webkit-gradient(linear, left top, left 15, from(#f8f8ff), color-stop(4%, #e8e8ee), to(#f8f8ff)); background: -moz-linear-gradient(top, #f8f8ff, #dedeee 1px, #e8e8ee 15px); }}
*/
fieldset 			{background:   url("../resources/fieldset_bg.png") repeat; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; -khtml-border-radius: 5px;}
legend				{color:#333333;}
p					{text-align:left; margin:0; padding:0; font-size: 1.1em;}
#error_message_1   	{margin:auto; width: 90%; margin-top:30px; margin-bottom:30px; padding:2%; border:1px solid black; background:#ff6f6f; font-weight:bold;}
.error_formulaire	{color:#ff0000; padding:0; font-weight:bold;}
.succes_message		{margin:auto; width: 90%; margin:2%; padding:2%; border:1px solid black; background:#00d56a; font-weight:bold;}
.error_message		{margin:auto; width: 90%; margin:2%; padding:2%; border:1px solid black; background:#DB4C46; font-weight:bold;}
.text_align_left	{text-align: left;}
.text_align_right	{text-align: right;}
.text_align_center	{text-align: center;}
.bloc_droit			{width:49%; height:100%; vertical-align:top; display:inline-block; margin:0; padding:0; }
.bloc_gauche		{width:49%; height:100%; vertical-align: top; display:inline-block; margin:0; padding:0; }
.bloc_unTiers		{width:33%; height:100%; vertical-align:top; display:inline-block; margin:0; padding:0;}
.bloc_deuxTiers		{width:66%; height:100%; vertical-align: top; display:inline-block; margin:0; padding:0;}
.top-left			{position:absolute; top:85px; left:10px;}
.top-left a			{text-decoration:underline; font-weight:bold;}

.gris			{cursor:pointer; text-shadow : 0 2px 0 0 black;font-size: 11px; line-height: 25px; width: 108px;  height: 25px; color: white; background:url("../resources/input/deconnexion.png"); border: none;}
.gris:hover		{background-position: 0px 25px;}

.lienCliquable	{color: #393939; font-weight: 600;}
.lienCliquable:hover	{font-weight: 700; color: #D13F1A;}

.rouge			{cursor:pointer; font-family: Arial; font-weight: bold; vertical-align: middle; text-shadow: 1px 1px 1px black;font-size: 11px; width: 202px;  height: 40px; color: white; background:url("../resources/input/sprite_btn_red.png"); background-size: 202px 90px;  margin: 0; border: none;}
.rouge:hover	{background-position: 0px 40px;}

/* ------------------- LOGO ------------------------------------------------------- */
#logo		{margin-top:3px; margin-left: 10px;}

/* ------------------- MAIN ------------------------------------------------------- */
#main {
    min-height: 100%;
    position: relative;
}

/* ------------------- HEAD ------------------------------------------------------- */
header			{width:100%; height:60px; margin:0; position:fixed; z-index: 1; background-color:#D13F3A; }

	#navBar					{width:85%; height:100%; width:988px; margin:auto;}
	#navBar ul				{width:100%; height:100%; list-style-type: none; margin:auto; padding:0; }
	#navBar li				{min-width:15%; height:92%; display: inline-block; text-align:center; vertical-align : middle;}
	#navBar li a			{font-size: 15px; font-weight: bold; color: white;}
	#navBar li.search		{width:68%;height:92%; margin-top:0px;}
	#navBar li.search input	{padding-left: 10px; display: inline-block;border: none; width: 400px; height: 38px; color: #D3807e; background:url("../resources/barre_recherche.png");  background-repeat:no-repeat; vertical-align: middle;}
	#navBar li.search input[type="submit"] {border-radius: 0; margin-left: -15px; vertical-align: bottom; margin-bottom: 2px; display: inline-block; width: 40px; height: 38px; background:url("../resources/rechercher_button.png") }; 
	#navBar li.right 		{width:15%; height:92%; padding:0px;}
	#navBar li.logo			{width:15%; height:100%; padding:0px;}
	#navBar li.connexion-fr	{height:100%; float:right; padding:0px; background:#d64540; width:156px;}
	#navBar li.inscription-fr	{height:100%; float:right; padding:0px; background:#db4c46; width:176px;}
	#navBar li.inscription-fr a 	{margin-top:8px; display: inline-block; width:138px; height:40px; background:url("../resources/boutton-creerCompte_fr.png"); text-indent:-9999px; }
	#navBar li.connexion-fr a 		{margin-top:8px; display: inline-block; width:118px; height:40px; background:url("../resources/boutton-connexion_fr.png"); text-indent:-9999px; }	
	#navBar li.inscription-fr a:hover  {background-position: 0px 40px;}
	#navBar li.connexion-fr a:hover  {background-position: 0px 40px;}
	
	#navBar .connexion-fr img		{padding-top:5px;}
	#navBar .inscription-fr img	{padding-top:5px;}
	
	#navBar li.connexion-en	{height:100%; float:right; padding:0px; background:#d64540; width:156px;}
	#navBar li.inscription-en	{height:100%; float:right; padding:0px; background:#db4c46; width:176px;}
	#navBar li.inscription-en a 	{margin-top:8px; display: inline-block; width:138px; height:40px; background:url("../resources/boutton-creerCompte_en.png"); text-indent:-9999px; }
	#navBar li.connexion-en a 		{margin-top:8px; display: inline-block; width:118px; height:40px; background:url("../resources/boutton-connexion_en.png"); text-indent:-9999px; }	
	#navBar li.inscription-en a:hover  {background-position: 0px 40px;}
	#navBar li.connexion-en a:hover  {background-position: 0px 40px;}
	
	#navBar .connexion img		{padding-top:5px;}
	#navBar .inscription img	{padding-top:5px;}
	
	#navBar .logo a         {opacity: 1;}
	#navBar .logo a:hover   {opacity: 1;}
	#navBar .city, .city:focus	{width:250px; margin-top:10px; outline-width: 0;}

/* ---------------------- BANDEAU COMMUNES CLIENTES ------------------------ */
.bandeau_commune		{margin-top: -19px;}
#bandeau_betton			{width: 800px;}
#bandeau_chantepie		{width: 500px;margin-left: 150px;}
#bandeau_larmor-plage	{width: 800px;}
#bandeau_chevaigne		{width: 250px;margin-left: 250px;}
	
/* ------------------- SECTION ------------------------------------------------------- */
section 				{width:980px; min-height: 100%; position: relative; margin:auto; padding:0; padding-top:30px;}
section p 				{padding:0; margin:0;}
section .div_center		{width:80%; margin:auto; margin-top:5%; margin-bottom:5%;}
section .div_center p 	{margin:auto;  text-align: center;}

#section_auth			{font-family: arial; background:url("../resources/background.png") repeat-y;}	
#section_auth			.div_center		{width:570px; margin:auto; margin-top:5%; margin-bottom:5%; margin-left: 10px;}

		/* ------------------- SLIDESHOW ------------------------------------------------------- */
	#slideshow					{ width:100%;  background:white;}
	#slideshow #banner-slide	{ width:100%; margin:auto; margin-top:19px; margin-bottom:2%;}
	
	/* ------------------- PRESENTATION ------------------------------------------------------- */
	#presentation							{width 100%; margin-top: 2%;}
	#presentation a							{text-decoration:none;}
	#presentation h2						{margin:0;}
	#presentation .oneBloc					{width:320px; display:inline-block; vertical-align: top; margin-bottom:4%; height:auto;}
	#presentation .icone_presentation 		{display:inline-block; vertical-align: top; width:82px; }
	#presentation .icone_presentation img	{display:inline-block; vertical-align: top;  }
	#presentation .description 				{display:inline-block;vertical-align: middle; margin-left:10px; width:210px;}
	#presentation .description p 			{line-height:16px; font-size:14px;}
	/*
	#presentation ul	{width:100%; height:100%; list-style-type: none; margin:0; padding:0;}
	#presentation li	{width:33%; height:100%; display: inline-block; text-align:center;}
	#presentation ul.description {margin-bottom: 5%;} 
	#presentation li.description h2,p {padding-right: 15%; padding-left:15%; }
	#presentation li.icone_presentation img {width:45%;}
	#presentation p		 {text-align:center;}
	*/
	#communeCliente										{border:5px solid grey; height:auto; margin-bottom:2%; background: white;}
	#communeCliente	.bloc_unTiers .logoCommune			{margin:10%; width:80%;}
	#communeCliente	.bloc_deuxTiers h2					{margin:5%; margin-bottom:2%; font-size:2em;}
	#communeCliente	.bloc_deuxTiers p					{margin:0 5% 5% 5%; text-align:left;}
	#communeCliente #lien-externe				{margin:0 5% 5% 5%; display:inline-block; width:100%;  }
	#communeCliente #lien-externe img			{max-width:100px; display:inline-block;vertical-align:top; margin-right:5%; }
	#communeCliente #lien-externe .flashCode	{float:right;margin-right:10%; }
	#communeCliente #commune-clientCarte iframe		{border:5px solid grey; width:100%; height:480px;}
	
	#contact .message-contact		{width:300px; height:100px; resize: none; text-align:left;}
	#contact	.fondBloc			{background-color: #EDEDED; width: 810px; border-radius: 2px; padding: 25px;}
	#contact	textarea	{margin-bottom: 50px;}
	#contact	.blocInfo	{width: 760px; font-family: SofiaProLightRegular; }
	#contact	h2					{font-weight: normal;}
	#contact	.blocGauche	{width: 207px; text-align: right; display: inline-block; font-size : 14px; vertical-align: top; }
	#contact 	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: 35px; line-height: 35px; margin-bottom: 10px;}
	#contact 	.oneChamp	p	{width: 50%; vertical-align: top;}
	#contact 	.oneChamp	a	{width: 50%; display: inline-block; vertical-align: top;}
	#contact	.blocDroit	{width: 500px; text-align: left; display: inline-block; vertical-align: top; }
	
	#video h2	{text-align:center;  margin-bottom:10%;}
	
	#presentation-service h2						{text-align:center;  margin-bottom:10%;}
	#presentation-service .one-presentation			{margin-bottom:8%;}
	#presentation-service .image-presentation		{display:inline-block; width:12%; vertical-align:top; display:inline-block; margin:0; padding:0;}
	#presentation-service .description-presentation	{display:inline-block; width:85%; vertical-align:top; display:inline-block; margin:0; padding:0;}
	#presentation-service .description-presentation	p {text-align:left;}
	
	#actualites h2					{text-align:center;  margin-bottom:5%;}
	#actualites .one-actu			{width:60%; margin:auto; margin-bottom:5%; background:#E8E8EE;}
	#actualites .one-actu	a		{font-size:15px; color:#D13F3A; font-weight:bold;}	
	#actualites .date-actu			{margin:0;padding:0; font-size:12px; text-align:right; color:#D13F3A;}
	#actualites .titre-actu			{color:#D13F3A;margin:0;padding:0; font-size:20px; display:inline-block; font-weight:bold; }
	#actualites .contenu-actu		{text-align:left; background:white; border-bottom:1px solid black; padding-top:2%; padding-bottom:5%;}
	#actualites .contenu-actu img	{text-align:center; max-width:80%; max-height:200px; display:block; margin:auto; margin-top:10px; margin-bottom:10px;}
	
	#presse h2					{text-align:center;  margin-bottom:5%;}
	#presse .one-presse			{width:60%; margin:auto; margin-bottom:5%; background:#E8E8EE;}
	#presse .one-presse	a		{font-size:15px; color:#D13F3A; font-weight:bold;}	
	#presse .date-presse		{margin:0;padding:0; font-size:18px;}
	#presse .titre-presse		{margin:0;padding:0; font-size:16px; font-weight:bold; }
	#presse .contenu-presse		{text-align:left; background:white; border-bottom:1px solid black; padding-top:2%; padding-bottom:2%;}
	#presse .contenu-presse img	{text-align:center; max-width:80%; max-height:200px; display:block; margin:auto; margin-top:10px; margin-bottom:10px;}
	
	/* ------------------- INSCRIPTION -------------------------------------------------- */
	
	#inscription	{width: 860px; display: inline-block; background-color: #EDEDED; border-radius: 2px; margin-left : 60px;}
	#inscription	.formBloc {width: 400px; margin-right: 10px; display: inline-block;margin-top: 20px;}
	#inscription	.formBlocDroit {width: 400px; display: inline-block; vertical-align: top;margin-top: 20px;}
	#inscription	.blocGaucheForm	{width: 155px; text-align: right; display: inline-block; font-size : 12px; margin-bottom: 10px; }
	#inscription	.blocDroitForm	{width: 240px; text-align: left; display: inline-block; font-size : 12px; }
	#inscription	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: auto; margin-bottom: 10px;}
	#inscription	.indication	{width: auto; font-style: italic; font-size: 11px; margin-bottom: 10px;}
	#inscription	.indication p {color: #868686;}	
	#inscription	h3			{font-size: 16px; margin: 0; padding: 0; margin-left: 40px; margin-top: 20px; margin-bottom: 20px;}
	#inscription	.blocDecale	{width: 300px; text-align: left; margin-left: 155px; margin-bottom: 10px; height: 10px;}
	#inscription	.error_formulaire	{width: auto; font-size: 11px; margin-bottom: 10px; margin-top: -9px;}
	#inscription	.error_formulaire p {color: #D13F3A; font-weight: 500;}
	#titreInscri	h2 {margin: 0; padding: 0; margin-top: 40px; margin-left: 80px; margin-bottom: 20px;}
	#inscription	.blocValidation	{text-align: center; margin-top: 20px; margin-bottom: 0px;}
	
	/* ------------------- INVITER UN AMI ----------------------------------------------------- */
	#inviter			{width: 570px; margin-left: 10px;}
	#inviter	.blocGaucheForm	{width: 220px; text-align: right; display: inline-block; font-size : 12px; }
	#inviter	.blocDroitForm	{width: 300px; text-align: left; display: inline-block; font-size : 12px;}
	#inviter	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: auto; margin-bottom: 10px;}
	#inviter	.oneChamp p {font-style: 13px;}
	/*----------------------------FORMULAIRE-----------------------------------------*/
	
	#role	{width: 570px; margin-right: 10px; display: inline-block;}
	#role	.blocGaucheForm	{width: 220px; text-align: right; display: inline-block; font-size : 12px; }
	#role	.blocDroitForm	{width: 300px; text-align: left; display: inline-block; font-size : 12px;}
	#role	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: auto; margin-bottom: 10px;}
	#role	.indication	{width: auto; font-style: italic; font-size: 11px; margin-bottom: 10px;}
	#role	.indication p {color: #868686;}	
	#role	h3			{font-size: 16px; margin: 0; padding: 0; margin-left: 40px; margin-top: 20px; margin-bottom: 20px;}
	#role	.blocDecale	{width: 300px; text-align: left; margin-left: 220px; margin-bottom: 10px;}
	#role	.blocDecale	img	{width: 200px; height: 200px;}
	#role	.error_formulaire	{width: auto; font-size: 11px; margin-bottom: 10px;}
	#role	.error_formulaire p {color: #D13F3A;}	
	legend	h2	{margin-left: 10px;}
	
	/*----------------------------CONNEXION------------------------------------------*/
	#connexion
	.fondBloc			{background-color: #EDEDED; width: 810px; border-radius: 2px; padding: 25px;}
	#connexion	.blocInfo	{width: 760px; font-family: SofiaProLightRegular; }
	#connexion	h2					{font-weight: normal;}
	#connexion	.blocGauche	{width: 207px; text-align: right; display: inline-block; font-size : 14px; vertical-align: top; }
	#connexion 	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: 35px; line-height: 35px; margin-bottom: 10px;}
	#connexion 	.oneChamp	input	{
		padding-left: 6px;
	}
	#connexion 	.oneChamp	p	{width: 50%; vertical-align: top;}
	#connexion 	.oneChamp	a	{width: 50%; display: inline-block; vertical-align: top;}
	#connexion	.blocDroit	{width: 500px; text-align: left; display: inline-block; vertical-align: top; }
	/* ------------------- ASSOCIATION - INFO COMPLEMENTAIRE -------------------------------------------------- */
	#info_complementaire_asso	{width: 100%; height: auto;}
		#info_complementaire_asso	.champ		{margin: auto; width: 100%; height: 10%; display: inline-block;}
		
		#info_complementaire_asso	textarea	{ height: 150px; width: 50%; float: right;}
		#info_complementaire_asso	label		{width: 48%;float: left;}
		#info_complementaire_asso	.titreChamp	{width: 100%;}
		#info_complementaire_asso	.exemple	{width: 90%; font-weight: normal; font-style: italic; text-align: left;}
	
	
	
	
	/* ------------------- COMMERCE PAYANT -------------------------------------------------- */
	.fieldsetCommerceP {margin:0; padding:0;s}
	
	#commercePayant				{width:100%;}

		.blocHoraire		{width: 100%; height:65px;}
		#commercePayant	.inputSpeciaux		{margin-bottom: 2px; float:right;}
		#commercePayant	.oneChamp			{height: auto; float: left; width:100%; margin-bottom: 5px;}
		
		.validerButton		{margin-top: 100px;}
		#commercePayant				table {border:3px solid #333333;border-collapse:collapse;width:90%;margin:auto;}
		#commercePayant				thead, tfoot {background-color:#E8E8EE;border:1px solid #000000;}
		#commercePayant				tbody {background-color:#E8E8EE;border:1px solid #000000;}
		#commercePayant				th {border:1px dotted #000000;padding:5px;background-color:#E8E8EE;width:25%;}
		#commercePayant				td {font-size:80%;border:1px solid #000000;padding:5px;text-align:center;}
		#commercePayant .selectHoraire		{width: 65px; float: none; margin-right:0; height: 20px; margin-bottom: 10px; margin-top:10px;}
		#commercePayant .labelHoraire		{text-align: center; width: 100%; font-weight: bold; font-size: 13px; margin-bottom: 10px;}
		#commercePayant #form_bloc_droit	{text-align: left;width:49%; diplay:inline-block; position: relative; float:left;}
		#commercePayant #form_bloc_gauche	{text-align: left; width:49%; diplay:inline-block; position: relative; float:left;}
		#form_bloc_1	{text-align: left;width:24%; diplay:inline-block; position: relative; float:left;}
		#form_bloc_2	{text-align: left; width:24%; diplay:inline-block; position: relative; float:left;}
		#form_bloc_3	{text-align: left; width:24%; diplay:inline-block; position: relative; float:left;}
		#form_bloc_4	{text-align: left; width:24%; diplay:inline-block; position: relative; float:left;}
		#commercePayant #form_bloc_validation {display: inline-block; position:relative; width:100%; text-align: left;}
		#form_bloc_informations {width:100%; margin: auto;}
		#commercePayant		input[type="checkbox"]		{float: right; border: 1px solid #000; color: #626292; width: 200px; -webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; background: -webkit-gradient(linear, left top, left 15, from(#f8f8ff), color-stop(4%, #e8e8ee), to(#f8f8ff)); background: -moz-linear-gradient(top, #f8f8ff, #dedeee 1px, #e8e8ee 15px); }
		#commercePayant		 h3 	{margin-bottom: 20px;}
		#commercePayant		 label	{text-align: left; margin-top:7px; font-size:13px; vertical-align:middle; float:left; padding: 0; }
		#commercePayant		 select {width: 50px; verical-align:middle; float:right; margin-right: -50px;  font-size:14px; height: 35px; border: 1px solid #000; color: #626292; -webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; background: -webkit-gradient(linear, left top, left 15, from(#f8f8ff), color-stop(4%, #e8e8ee), to(#f8f8ff)); background: -moz-linear-gradient(top, #f8f8ff, #dedeee 1px, #e8e8ee 15px); }
		#commercePayant		 input[type="file"]	{max-width: 40%; height: 20px; margin-right: -50px; padding: 2px; width: 500px; margin-top:5px}
		#commercePayant		 input[type="submit"]	{margin-top:20px; margin-left: 15px;}
		#commercePayant		textarea {margin-bottom: 20px; float:right; max-height:300px; min-height:100px; max-width:400px; min-width:400px; resize: none;}
		
	/* --- DESIGN du 20131114 (bleu) --- */
	.abo_box       {background: url(../resources/abo_bg.png) no-repeat top right; border-radius:5px; border:1px solid #2181bb; font-family:Arial, Helvetica, sans-serif; padding:10px 150px 50px 10px;}
	.abo_title     {font-size:15px; font-weight:bold; color:#2181bb}
	.abo_box ul    {padding:10px 0px 0px 0px; margin:0px;}
	.abo_box ul li {font-size:13px; padding-bottom:6px; list-style:none}
	.abo_btn       {display:block; float:left; margin-left:120px; background: url(../resources/abo_btn.png) repeat scroll 0 0 / 156px 90px rgba(0, 0, 0, 0); height:36px; cursor:pointer; font-size:13px; font-weight:bold; vertical-align:middle; color:#FFF; width:150px; line-height:36px; text-align:center; padding:0px 3px 0px 3px;}
	.abo_btn:hover {background-position:bottom left;}
	.abo_cancel {
		text-align:	right;
		cursor:		pointer;
		margin:		6px;
	}
				
	/* ------------------- VALIDATION -------------------------------------------------- */
	#validationAjout		{width: 570px; margin-left: 10px;}
	#validation				{width: 95%; margin: auto; text-align: left;}
	#validation	.oneChamp	{margin: auto; height:auto; width:100%; margin-bottom: 5px; font-size: 13px;}
	#validation	.oneChampCom	{margin: auto; height:auto; width:100%; font-weight: bold;margin-bottom: 5px; font-size: 13px;}
	#validation	.blocChampCom	{width: 100%; height: auto; margin-bottom: 5%; background-color: #DEDEDE;}
	#validationInfo			{width: 100%; margin: auto; text-align: center; font-size: 12px; margin-top:20px;}
	#validation	.oneInfo	{margin: auto; height:auto; width:100%; margin-bottom: 5px; margin-left: 10px;}	
	#validationInfo	#boutons	{margin: auto; width: 100%; margin-top: 10px;}
		
		/* ------------------- PROFIL ASSOCIAITON -------------------------------------------------- */
		
		#profilAsso	{width: 570px; margin-left: 10px; height: auto; padding: 0;}
		#profilAsso #blocInfo1	{width: 100%; display: inline-block;}
		#profilAsso	#blocInfo1 h2 {margin: 0; padding: 0; text-align: left; margin-top: 20px; margin-bottom: 5px; display: inline-block; width: 100%}
		#profilAsso #blocInfo1 .bloc1		{width: 435px; height: auto; display: inline-block; vertical-align: top;}
		#profilAsso #blocInfo1 #blocImage	{margin-top: 20px; width: 130px; height: 120px; display: inline-block; border: 1px solid; float:right;}
		#profilAsso #blocInfo1 #blocImage img 	{width: 130px; height: 120px;}
		#profilAsso	#blocInfo1 .bloc1 .libelle		{display: inline-block; min-width: 220px; margin:0; padding:0; color: #b0b0b0;}
		#profilAsso #blocInfo1 .bloc1 .information	{display: inline-block; width: 210px; margin: 0; padding: 0;}
		#profilAsso #blocInfo1 .bloc1 .fineInformation	{display: inline-block; width: 210px; margin: 0; padding: 0; font-weight: bold; font-size: 13px;}
		#profilAsso #blocInfo1 .bloc1 .information p	{text-align: left; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
		#profilAsso #blocInfo1 .bloc1 .information p	{text-align: left; font-size: 13px; margin-bottom: 1px; font-weight: bold;}
		#profilAsso	#blocInfo1 .bloc1 .libelle	p	{text-align: right; font-size: 13px; margin-bottom: 10px;}
		#profilAsso	#blocInfo1 .bloc1	#modif_buttons {margin-bottom: 10px;}
		
		
		#profilAsso	#blocInfo2	{width: 100%; display: inline-block; margin-bottom: 20px;}
		#profilAsso	#blocInfo2 .libelle		{display: inline-block; width: 220px; margin:0; padding:0; color: #b0b0b0;}
		#profilAsso #blocInfo2 .information	{display: inline-block; width: 340px; margin: 0; padding: 0;}
		#profilAsso #blocInfo2 .information p	{text-align: left; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
		#profilAsso	#blocInfo2 .libelle	p	{text-align: right; font-size: 13px; margin-bottom: 10px;}
		
		
		#profilAsso_buttons				{text-align: center; width: 100%; display: inline-block;}
			
			#profilAsso_buttons	.logoActif		{width: auto; display: inline-block; height: 65px; opacity: 0.5;}
			#profilAsso_buttons	.logoActif:hover	{opacity: 1;cursor:pointer;}
			#profilAsso_buttons	.logoActif	img {margin-bottom: 5px;}
			#profilAsso_buttons	.logoActif	p {text-align: center; font-size: 11px; margin-bottom: 5px;}
			
		#profilAsso_publication			{width:75%; display: inline-block; margin-bottom: 20px;}
		#profilAsso #partager			{margin-right: 4%; padding: 5px; margin-top : 0; display: inline-block; float: right;}
		#profilAsso	textarea			{font-family: arial; font-size: 12px; height:20px; min-width: 100%; resize: none; border: 1px solid #000; color: #626292; border-radius: 3px;}	

		#flux .entete_element_flux .photo_element_flux			{display:inline-block; vertical-align:middle; width:30px; height:30px;}
		#flux .entete_element_flux .photo_element_flux		img	{display:inline-block; vertical-align:middle; width:30px; height:30px;}
		#flux .infos_element_flux2								{display:inline-block; width: 90%; vertical-align: top;}
		#flux .like_element_flux2								{display:inline-block; vertical-align:middle; width:auto; float: right; width:auto;}
		#flux .like_element_flux2 p								{display:inline-block;}
		#flux .content_element_flux2							{font-weight:550 ; margin-right: 10px; display:inline-block; vertical-align: middle; margin-bottom: 10px;}
		#profilAsso_buttons	.spanInfo	{width: 590px; margin-bottom: 20px;  margin: auto; margin-top: 20px; color: #393939; font-size: 12px; }
		
	#div_carte				{height: 200px; width: 570px;}
	#cadre_carte 			{height : 0px; overflow : hidden; margin: auto; position : relative; width: 80%; margin-bottom: 1%; }
		

		
		
		
		/* ------------------- PROFIL ASSOCIAITON -------------------------------------------------- 
	
	#profilAsso 			
		#profilAsso #form_bloc_droit		{ text-align:right;}
		#profilAsso #form_bloc_gauche		{ text-align:right;}
		#profilAsso .oneChamp			{width:100%; min-height:60px; margin-bottom:10px;}
		#profilAsso .input_file			{width:100%; margin:auto; margin-top:30px; }
		#profilAsso .input_file	input	{width:200px;}
		#profilAsso .form_label			{width:40%; vertical-align:middle; display:inline-block; margin:0; padding:0; padding-top:10px; float:left; text-align:left; font-weight:bold;}
		#profilAsso .form_label	label	{margin-top:50px;}
		#profilAsso .form_input			{width:55%; vertical-align:top; display:inline-block; margin:0; padding:0; float:right;}
		#profilAsso .erreurChamp span	{margin-top:10px;}
		#profilAsso input				{margin-right:15px;}
		#profilAsso input[type="file"]	{max-width: 100%; }
		#profilAsso select				{width: 150px;}
		#profilAsso #sabonner			{margin-right: 0; margin-top: 1%; float:right; display: inline-block; margin-right: 1%;}
		#profilAsso #devenirMembre		{display: inline-block; float: right; margin-right: 0; margin-top: 1%;}
		#profilAsso #situationGeo		{margin-top: 1%;}
		#profilAsso #partager			{margin-right: 4%; padding: 5px; margin-top : 0; display: inline-block; float: right;}
		/*#profilAsso #titre				{margin-top : 5%; height:15px; min-width:46%; resize: none; display: inline-block; float: left;}*/
		/*#profilAsso #publication		{margin-bottom:3%; min-width:100%; height: 20px; margin-top: 1%;}
		#profilAsso	h2					{text-align: center; margin-bottom:0; padding: 0;}
		#profilAsso	h3					{font-variant: small-caps; font-size:1.2em;}
		#profilAsso	textarea			{height:80px; min-width:80%; resize: none; border: 1px solid #000; color: #626292; width: 200px; -webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; background: -webkit-gradient(linear, left top, left 15, from(#f8f8ff), color-stop(4%, #e8e8ee), to(#f8f8ff)); background: -moz-linear-gradient(top, #f8f8ff, #dedeee 1px, #e8e8ee 15px);}	
		#profilAsso	.modification a		{margin-left:2%; font-size:0.8em; padding:0; font-variant: normal; color:#737373;}
		#profilAsso	.libelle			{width: auto; display: inline-block; font-weight:bold; margin:0; padding:0;}
		#profilAsso	.information		{display: inline-block; margin-bottom:2%; padding:0;}
		#profilAsso	.span			    {text-align: center;width: 100%; display: inline-block; margin-bottom: 1%;}	
		#profilAsso #logo				{width:25px; height: 25px;}
		#profilAsso #libelleSuccess		{width: auto; display: inline-block; font-weight:bold; margin:0; padding:0; margin-top: 2%;}
		#profilAsso #logo_bouton		{width:70px; height: 70px; cursor: pointer; cursor:hand;}
		
		#profilAsso_information			{width:100%; background:#F8F8FF;height:auto; border-left:10px solid #333;}					
		#profilAsso_buttons				{text-align: center;width: 100%; display: inline-block;}
		#profilAsso_buttons	.spanInfo	{width: 33%; margin-bottom: 1%; text-align: left; margin: auto;}
				
		#profilAsso_association 		{margin-bottom: 3%; width:38%; float: left; height:auto; display: inline-block;}
		#profilAsso_logo				{margin-right: 3%;text-align: center; margin-top: 4%;width:25%; height:auto; display: inline-block;}
		#profilAsso_logo		img		{max-width: 100%; height: 150px; border : 5px solid #333; margin: auto;}
		#profilAsso_commerce			{width: 33%; height:auto; display: inline-block; float:right;}
		#profilAsso_publication			{width:75%; display: inline-block; margin-bottom: 3%;}
		#profilAsso_carte				{width:80%; margin: auto;}
		
		.profilAssoLabelInfoCompl		{width:100%;  font-weight: bold; text-align: left; margin-bottom: 1%;}					
	
	#profil_asso 			{max-height: 100px; width:100%;}
	#div_carte				{height: 200px; width: 700px; border: 3px; }
	#cadre_carte 			{height : 0px; overflow : hidden; margin: auto; position : relative; width: 80%; margin-bottom: 1%; }*/

		
	/*--------------------------------PHOTO-ASSO-----------------------------------------*/
	#photoAsso				{text-align: center;}
	#photoAsso	#blocUpload	{width: 100%; text-align: center;}
	#photoAsso	#blocImage	{height: auto; width: 100%;  text-align: center; margin-top: 5%;}
	#photoAsso	 img 		{width: 100%; display: inline-block; margin-right: 1%;}
	#photoAsso	form		{margin-bottom: 5%;}
	#photoAsso	label		{font-weight: bold;}
	#photoAsso	#photoAsso	{margin-top: 3%;}
	#photoAsso	.choixButtons	{width: 100%; height: auto; text-align: center;}
	#photoAsso #supprimerPhoto {margin-top: 2%; margin-bottom: 2%;}
	#photoAsso #retour 			{margin-top: 2%;}
	#photoAsso .oneImage	{width: 19%; display: inline-block; margin-right: 1%;}
	
	/* ------------------- FLUX ------------------------------------------------------- */
	#flux					{margin:0; padding:0; display: inline-block;}
	#flux #flux_pub			{width:570px; height:85px; background:green; margin-left: 10px; margin-right: 10px; margin-top:10px;display: inline-block;}
	#flux #module_pub		{width:100%; max-height: 100%; background:green; padding:0;}	
	
	#flux #flux_menu		{width:570px; margin-left: 10px; margin-right: 10px; height:100px; vertical-align:middle; display:inline-block;}
	
	#flux_menu #commune_logo	{width: 210px; height:85px; display: inline-block; }
	#flux_menu #infos_commune	{vertical-align: top; margin:15px 0 0 72px; padding:0; display:block; text-align:right; width:50%; float:right; position:relative;}
	#flux_menu #infos_commune #communeName {padding:0; margin:0; text-align: right; font-weight: bold; font-size: 16px;}
	#flux_menu #infos_commune p	{padding:0; margin:0; text-align:right;}
	#flux_menu .logo_commune		{margin:0; padding:0; display:inline-block; max-width:100%; max-height:100%; text-align:left;}
	#flux_menu #infos_commune #infosSup_commune {font-size:12px; text-align:left; margin-top:3px;}
	#flux #menu									{width:50%; height:100%; margin-bottom:2%; display:inline-block; vertical-align:top;}
	#flux #menu	ul								{display:inline-block; margin:auto; padding:0; margin-left:45%; list-style:none;}
	#flux #menu	li								{display:inline-block; margin:0; padding:0; margin-right:10px;}
	#flux #menu	li a							{display:inline-block; margin:0; padding:0;}
	#flux #menu a.menu-association				{background: url("../resources/flux/icones_menu/menu_association.png") no-repeat; width:80px; height:80px; }
	#flux #menu a.menu-association:hover		{background: url("../resources/flux/icones_menu/menu_association_selected.png") no-repeat;  width:80px; height:80px;}
	#flux #menu a.menu-commerce					{background: url("../resources/flux/icones_menu/menu_commerce.png") no-repeat; width:80px; height:80px;}
	#flux #menu a.menu-commerce:hover			{background: url("../resources/flux/icones_menu/menu_commerce_selected.png") no-repeat; width:80px; height:80px;}
	
	#flux #flux_sousMenu		{margin-left: 10px; margin-right: 10px; display: inline-block; width: 570px; height: 40px; vertical-align:middle; margin-bottom: 5px;}
	#flux #flux_sousMenu	.blocMenu	{font-size: 12px;vertical-align:top; width: 190px; height: 100%; border-top: 2px solid #CCCCCC; display:inline-block;}
	#flux #flux_sousMenu	.blocMenuSelection	{font-size: 12px;display: inline-block; vertical-align:top; width: 190px; height: 100%; border-top: 2px solid #929292; display:inline-block;}
	#flux #flux_sousMenu	.imgSousMenu		{display: inline-block; vertical-align: middle;}
	#flux #flux_sousMenu	p					{display: inline-block; font-size: 12px; display: inline-block; margin-left: 7px; vertical-align: middle;}
	
	#flux #flux_actualite		{display: inline-block; width: 570px; margin-left: 10px; margin-right: 10px; height: auto;}
	#flux #flux_actualite	h2	{display: inline-block; margin: 0; padding: 0; font-weight: normal; font-size: 28.5px; }
	
	#flux #flux_listeAssociations					{width: 570px; margin-left: 10px;}
	#flux #flux_listeAssociations .blocAssoGauche	{min-width: 250px; margin-right: 10px; display: inline-block; margin-bottom: 10px; float: left;}
	#flux #flux_listeAssociations .blocAssoDroite	{min-width: 260px; display: inline-block; margin-bottom: 10px; float: right; }
	#flux #flux_listeAssociations .blocAsso			{width: 100%; display: inline-block;}					
	#flux #flux_listeAssociations h4				{font-size: 14px; color: #D13F3A;margin:0; padding: 0; display: inline-block; margin-bottom: 10px;}	
	#flux #flux_listeAssociations h2				{width: 100%; display: inline-block; margin:0; padding: 0; margin-bottom: 20px;}
	#flux #flux_listeAssociations ul				{margin:0; padding:0;}
	#flux #flux_listeAssociations li				{margin:0; padding:0; list-style:none; margin-bottom: 10px;}
	#flux #flux_listeAssociations li.title			{list-style:none; font-size:1.1em; margin-bottom: 10px;}
	
	#flux #flux_listeCommerces					{width: 570px; margin-left: 10px;}
	#flux #flux_listeCommerces .blocAssoGauche	{width: 250px; margin-right: 10px; display: inline-block; margin-bottom: 10px; float: left;}
	#flux #flux_listeCommerces .blocAssoDroite	{width: 260px; display: inline-block; margin-bottom: 10px; float: right; }
	#flux #flux_listeCommerces .blocAsso			{width: 100%; display: inline-block;}					
	#flux #flux_listeCommerces h4				{font-size: 14px; color: #D13F3A;margin:0; padding: 0; display: inline-block; margin-bottom: 10px;}	
	#flux #flux_listeCommerces h2				{width: 100%; display: inline-block; margin:0; padding: 0; margin-bottom: 20px;}
	#flux #flux_listeCommerces ul				{margin:0; padding:0;}
	#flux #flux_listeCommerces li				{margin:0; padding:0; list-style:none; margin-bottom: 10px;}
	#flux #flux_listeCommerces li.title			{list-style:none; font-size:1.1em; margin-bottom: 10px;}
	
	#flux .loadMoreFlux				{margin-top:2%; text-align:left; margin-left: 10px;}
	#flux .loadMoreFlux	a			{font-weight: bold; font-size:12px; color:#393939; text-decoration: underline;}
	#flux .loadMoreFlux	a:hover		{font-weight: bold; font-size:12px; color:#393939; text-decoration: underline;}
	#flux #noMoreFlux				{margin-top:5%;text-align:center;}
	#flux #noMoreFlux p				{text-align:center;}
	
	#flux #recherche_commune_more		{margin-top:15px; font-size:1.1em; height:0; list-style:none;}
	#flux #recherche_commune_hidden	{display:none; width:100%; height:0;}
	
	#flux .element_flux					{margin-top: 10px;margin-left: 10px; margin-right: 10px;width: 570px;  margin-bottom:6px; border-bottom: 1px solid #CCCCCC;}
	#flux .entete_element_flux			{width:100%; display: inline-block; vertical-align: middle;}
	#flux .boiteTitre					{width: 100%; margin-bottom: 5px;}
	#flux .entete_element_flux	h4		{font-size: 14px; color: #D13F3A;margin:0; padding: 0;width:500px; display: inline-block; vertical-align: middle; }
	#flux .photo_element_flux			{display:inline-block; vertical-align:middle; width:25px; height:25px;}
	#flux .infos_element_flux			{display:inline-block; width: 100%; vertical-align:middle;}
	#flux .logoSupprimer				{display: inline-block; float: right; cursor: pointer;}
	#flux .element_flux h3				{margin:0;padding:0; display:inline-block; }
	#flux .element_flux h3 a			{font-weight:bold; margin:0;padding:0; color:#333333; font-size:0.9em;}
	#flux .content_element_flux			{width:100%; display:inline-block; vertical-align: middle;}
	#flux .content_element_flux	h4		{font-size:1em; margin:0;padding:0; }
	#flux .content_element_flux	p		{margin-bottom: 10px;}
	#flux .content_element_flux	a		{margin-top:150px;}	
	#flux .element_flux .published_date	{margin-bottom: 10px; color: #7D7676; display:inline-block; text-align:right; padding:0 ; font-size:12px;}
	#flux .element_flux .published_date	a	{font-weight: normal; text-decoration: none; color: #7D7676;margin:0; display:inline-block; text-align:right; padding:0 ; font-size:12px;}
	#flux .element_flux	a				{font-weight: bold; font-size:12px; color:#393939; text-decoration: underline;}
	
	#flux .like_element_flux			{display:inline-block; vertical-align:middle; width:auto;}
	#flux .like_element_flux h5			{display:inline-block; vertical-align:middle; width:14%; }
	#flux .like_element_flux img		{width:20px; height: 20px; vertical-align:bottom;}
	#flux .like_element_flux p			{display:inline-block;}
	#flux .like_element_flux .liked		{opacity:0.7;}
	#flux .like_element_flux .like img	{cursor:pointer;}
	
	/* ------------------- MES ABONNEMENTS ---------------------------------------------- */
	#mes_abonnements					{margin-left:10px;}
	
	/* ------------------- AGENDA ------------------------------------------------------- */	
	
	
	#agenda	#blocDate					{width: 100%; height: auto; display: inline-block; margin-bottom: 2%;}
	#agenda #flecheGauche				{width: 32%; text-align: left;display: inline-block;}
	#agenda #date						{width: 33%; text-align: center; font-weight: bold; color: firebrick;display: inline-block;}		
	#agenda #flecheDroite				{width: 32%; text-align: right; display: inline-block;}
	#agenda #blocChoix					{font-style: underline; width: 100%; padding-bottom: 2%; text-align: center; border-bottom : solid 1px firebrick; margin-bottom: 2%;}
	#agenda .element_agenda				{width:100%;  margin-bottom:6px; padding-bottom:6px; border-bottom: 1px solid #C0C0C0;}
	#agenda	.element_agenda	.titre		{margin: 0;width: 80%; text-align: center; font-weight: bold; display: inline-block;}
	#agenda	.element_agenda	.date		{width: 80%; text-align: center; font-style: italic; margin-bottom: 2%;color: firebrick; display: inline-block;}
	#agenda	.element_agenda .content	{text-align: left; width:80%; display:inline-block; vertical-align: middle; text-align: center;}
	#agenda	.element_agenda	.modifierSupp {width: 14%; display: inline-block; text-align: right;}
	#agenda	.categorie					{text-decoration: underline; font-style:italic;}
	#agenda	#agendaRetour				{width: 75%; height: auto; text-align: left; margin-top: 2%; margin-bottom: 2%; margin-left: 7%;}
	
	#agendaAdd	#enTete					{padding-bottom: 1%;width: 100%; text-align: center; font-weight: bold; margin-bottom: 3%; height: auto; border-bottom: solid 1px firebrick;}
	#agendaAdd	.oneBloc				{width: 80%; display: inline-block; margin-bottom: 3%;}
	#agendaAdd	.ancienneDate			{width: 80%; display: inline-block; margin-bottom: 3%; font-style: italic;}
	#agendaAdd	.boutonBloc				{padding-top: 1%;border-top: solid 1px firebrick;width: 100%; display: inline-block; margin-bottom: 3%; text-align: center;}
	#agendaAdd	label					{width: 40%; display: inline-block; text-align: left;}
	#agendaAdd	#titre					{width: 45%; display: inline-block; text-align: right;}
	#agendaAdd	textarea				{height: 90px;vertical-align: top;max-width:100%; resize: none; border: 1px solid #000; }
	
	/****************************** LISTE AMIS *******************************/
	#liste_amis						{width: 570px; margin-left: 10px; height: auto; padding: 0;}
	#liste_amis #blocInfo1			{width: 100%; display: inline-block;}
	#liste_amis	#blocInfo1 h2		{margin: 0; padding: 0; text-align: left; margin-top: 0px; margin-bottom: 5px; display: inline-block; width: 100%}
	#liste_amis .element_ami_gauche	{margin-top: 10px; margin-left: 10px; margin-right: 20px; height: 55px; width: 240px; margin-bottom:6px; display:inline-block; border-bottom: 1px solid #CCCCCC;}
	#liste_amis .element_ami_droit	{margin-top: 10px; margin-left: 20px; margin-right: 10px; height: 55px; width: 240px; margin-bottom:6px; display:inline-block; border-bottom: 1px solid #CCCCCC;}
	#liste_amis .p_element_ami		{display:inline-block; width: 180px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
	#liste_amis .p_element_ami #nomCommune:hover	{text-decoration: underline;}
	#liste_amis .image_ami			{display:inline-block; width: 40px; height: 40px; margin: 0; padding: 0; margin-right: 5px;}
	#liste_amis .retour_amis		{margin: 0;}
	#liste_amis .retour_amis a		{text-decoration: underline; font-weight: bold;}
	
	#liste_amis #accepter img		{width: 20px; height: 20px; display: inline-block; opacity: 0.5;}
	#liste_amis #accepter img:hover	{opacity: 1;}
	#liste_amis #refuser img		{width: 20px; height: 20px; margin-left: 15px; display: inline-block; opacity: 0.5;}
	#liste_amis #refuser img:hover	{opacity: 1;}
	
	#liste_amis .image_ami img		{width: 40px; height: 40px; margin: 0; display:inline-block;}
	
	#liste_amis #boutons_liste_amis		{height: 70px; width: 90%; margin-bottom: 15px; display: inline-block; text-align: center;}
	#liste_amis #boutons_liste_amis	div	{height: 70px; width: auto; margin-left: 5px; margin-right: 5px; display: inline-block; text-align: center; opacity: 0.5;}
	#liste_amis #boutons_liste_amis div:hover	{opacity: 1;}
	#liste_amis #boutons_liste_amis img	{height: 40px;}

	#ajouter_ami					{width: 570px; display: inline-block; margin-top: 10px;}
	#ajouter_ami #blocGauche		{width: 40%; text-align: right; display: inline-block; font-size : 14px; margin-bottom: 2%;}
	#ajouter_ami #blocDroit			{width: 55%; text-align: left; display: inline-block; margin-bottom: 2%;}
	#ajouter_ami textarea			{height: 100px;vertical-align: top;width:200px; resize: none;}
	#ajouter_ami label				{vertical-align: top;}
	
	.amiRetour						{width: 80%; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center;}
	.amiRetour input				{margin: 10px 0 0 10px; width: 130px; height: 30px; display: inline-block;}

	#liste_amis #inviter_ami		{width: 100%; margin-top: 20px; text-align: center;}









	/************************** PAGE DE PRESENTATION *************************/
	.div_presentation						{width:80%; margin:auto; margin-top:5%; margin-bottom:5%;}
	.div_presentation p						{margin-bottom: 20px;}
	.div_presentation p	img					{float: left; margin: 0 10px 10px 0;}
	.div_presentation .stop_float			{clear: both; margin-bottom: 20px;}
	.div_presentation .inscription			{height: 50px; line-height:50px; width: 80%; margin: auto; background-color: #DEDEDE; font-size: 2em; border-radius: 10px; text-align: center; vertical-align: center;}
	.div_presentation .inscription a:hover	{color: #FF3F3A;}




	/***************************** PROFIL PUBLIC *****************************/
	#profil_public .stop_float				{clear: both; margin-bottom: 20px;}
	#profil_public #assos .element_asso		{width: 150px; height: 130px; display: inline-block; vertical-align: top; text-align: center; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
	#profil_public #assos .element_asso img	{width: 100px; height: 100px; margin: auto; display: block;}
	#profil_public .infos_utilisateur		{max-width: 65%; margin-left: 10px; display: inline-block; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
	#profil_public .nom_utilisateur			{font-family: BebasNeue,Arial,serif; font-size: 28px; font-weight: normal;}
	#profil_public .alignement_haut p		{vertical-align: top; margin-bottom: 10px;}
	#profil_public .alignement_haut img		{max-width: 30%; vertical-align: top;}

	#profil_public h2						{margin-top: 10px; margin-bottom: 5px;}
	#profil_public p						{margin-bottom: 5px;}
	
	#profil_public .retour_profil			{margin-left: 10px;}
	#profil_public .retour_profil a			{text-decoration: underline; font-weight: bold;}

	#contenu_profil_public					{width: 95%; margin-left: 10px;}

	#img_envoyer_message					{width: 30px; height: 20px;}







	/******************************** MESSAGE ********************************/
	.message								{width: 570px; margin-left: 10px; height: auto; padding: 0;}

	.message .retour_messages				{margin: 0;}
	.message .retour_messages a				{text-decoration: underline; font-weight: bold;}
	.message #blocGauche					{width: 40%; text-align: right; display: inline-block; font-size : 14px; margin-bottom: 2%;}
	.message #blocDroit						{width: 55%; text-align: left; display: inline-block; margin-bottom: 2%;}
	.message textarea						{height: 100px; vertical-align: top; width:200px; resize: none;}
	.message h2								{margin: 0; padding: 0; text-align: left; margin-top: 0px; margin-bottom: 5px; display: inline-block; width: 100%}
	.message form							{text-align: left;}
	.message form .action					{text-align: center;}
	
	.liste_messages							{width: 100%;}
	.liste_messages .element_message		{width: 100%; height: 20px; border-bottom: 1px solid #CCCCCC; vertical-align: center; line-height: 20px;}
	.liste_messages .header_liste_message	{height: auto; background-color: #E9E9E9;}
	.liste_messages .header_liste_message div	{height: auto; text-align: center;}
	.liste_messages .expediteur_destinataire	{height: 20px; width: 25%; display: inline-block; line-height: 20px; overflow: hidden;}
	.liste_messages .objet					{height: 20px; width: 48%; display: inline-block; line-height: 20px; overflow: hidden;}
	.liste_messages .date					{height: 20px; width: 19%; vertical-align: top; display: inline-block; line-height: 20px;}
	.liste_messages .action					{height: 20px; width: 5%; vertical-align: top; display: inline-block; line-height: 20px;}
	.liste_messages .action	img				{height: 19px; opacity: 0.5}
	.liste_messages .action	img:hover		{opacity: 1}
	.liste_messages .non_lu					{font-weight: bold;}
	
	.lire_message							{width: 100%; border: 1px solid #CCCCCC; border-radius: 5px; background-color: #E9E9E9; font-size: 1.1em;}
	.lire_message .element_message			{width: 100%;}
	.lire_message .objet					{height: 20px; width: 100%; line-height: 20px; font-weight: bold;}
	.lire_message .expediteur_destinataire	{height: 20px; width: 60%; display: inline-block; line-height: 20px;}
	.lire_message .date						{height: 20px; width: 35%; text-align: right; vertical-align: top; display: inline-block; line-height: 20px; font-size: 1em;}
	.lire_message .action					{height: 20px; width: 3%; vertical-align: top; display: inline-block; line-height: 20px;}
	.lire_message .action img				{height: 19px; opacity: 0.5}
	.lire_message .action img:hover			{opacity: 1}
	.lire_message .contenu_message			{width: 100%; min-height: 200px; padding-top: 5px; border-radius: 5px; background-color: white;}
	
	.message_retour							{width: 100%; margin-top: 20px; text-align: center;}
	
	.choix_page								{width: 100%; margin-top: 10px; font-size: 0.9em;}
	.choix_page p							{text-align: right;}
	.choix_page a:hover						{text-decoration: underline;}
	
	.form_envoyer input[type=text]			{width: 250px;}
	.form_envoyer textarea					{width: 250px; height: 300px;}
	.form_envoyer #blocGauche				{width: 200px;}
	
	.form_supprimer .submit_action			{width: 19px; height: 19px; margin-left: 5px; background:url(../resources/icone_supprimer.png) no-repeat; opacity: 0.5; background-size: contain;}
	.form_supprimer .submit_action:hover	{opacity: 1;}
	.form_supprimer input[type=submit]		{width: 19px; height: 19px; border: none; cursor: pointer; background:none;}
	.checkbox_supprimer						{width: auto; height: auto; margin: 0; padding: 0;}
	
	
	
	
	
	
	
	
	
	
	/**************************** PETITES ANNONCES ***************************/
	#annonce								{width: 570px; margin-left: 10px; height: auto; padding: 0;}
	#annonce h2								{width: 100%; margin: 0; padding: 0; margin-bottom: 5px; text-align: left;}
	#annonce h3								{width: 100%; margin: 0; padding: 0; margin-bottom: 5px; text-align: left; font-family: BebasNeue,Arial,serif; font-size: 20px; font-weight: normal;}
	#annonce input							{width: auto;}
	#annonce p								{text-align: center; margin-bottom: 10px;}
	
	#annonce .depot_bloc_gauche				{width: 20%; display: inline-block; margin-bottom: 20px; vertical-align: top;}
	#annonce .depot_bloc_droit				{width: 79%; display: inline-block; margin-bottom: 20px;}
	#annonce input[type=text]				{width: 350px;}
	#annonce input[type=file]				{margin-top: 10px;}
	#annonce input[type=radio]				{margin-left: 20px;}
	#annonce #contenu						{width: 350px; height: 275px;}
	#annonce #annonce_categorie				{width: 350px;}
	#annonce .photo_annonce					{width: 20%; display: inline-block;}
	#annonce .obligatoire					{margin-right: 2px; font-weight: bold; color: red;}
	#annonce #note_annonce					{margin-top: 10px; text-decoration: italic; color: grey;}
	
	#annonce #bloc_photos_annonce			{width: 100%; height: 200px;}
	#annonce .photo_annonce_modif			{width: 30%; height: 200px; display: inline-block;}
	#annonce .photo_annonce_modif img		{max-width: 80%; max-height: 160px;}
	#annonce .photo_annonce_modif input[type=file]		{width: 80%; height: 30px; margin: 0;}
	#annonce .photo_annonce_modif a			{text-decoration: underline; cursor: pointer;}
	#annonce .photo_annonce_modif a:hover	{color: red;}
	
	#annonce #bandeau_annonces				{width: 100%; height: 90px; margin-bottom: 10px; background-color: #CCCCCC; border-radius: 5px; line-height: 60px; vertical-align: top;}
	#annonce #bandeau_annonces p			{width: 80%; height: 90px; display: inline-block; line-height: 30px; vertical-align: top;}
	#annonce #bandeau_annonces input[type=text]		{width: 340px; height: 20px;}
	#annonce #bandeau_bouton_valider		{width: 15%; height: 90px; display: inline-block; line-height: 90px; vertical-align: top;}
	#annonce #bandeau_annonces input[type=submit]	{cursor: pointer;}
	
	#annonce .element_annonce				{height: 100px; width: 100%; margin-bottom: 10px; padding-top: 5px; border: 1px solid white; border-bottom: 1px solid #CCCCCC;}
	#annonce .element_annonce:hover			{background-color: #F5F5F5; border: 1px solid black;}
	#annonce .element_annonce img			{max-height: 80px; max-width: 120px; float: left;}
	#annonce .element_annonce p				{margin-left: 125px; text-align: left;}
	
	#annonce #texte_annonce					{text-align: left;}
	#annonce #texte_annonce p				{text-align: left;}
	#annonce #texte_annonce #photos_annonce	{text-align: center;}
	#annonce #photos_annonce img			{max-height: 200px; max-width: 30%; margin-left: 5px; margin-right: 5px;}
	
	#annonce .element_annonce .supprimer_annonce		{line-height: 20px; vertical-align: center;}
	#annonce .element_annonce .supprimer_annonce img	{height: 20px;}
	#annonce .annonce_en_attente			{font-weight: bold; color: orange;}
	#annonce .annonce_en_ligne				{font-weight: bold; color: green;}
	#annonce .annonce_refusee				{font-weight: bold; color: red;}
	
	#annonce #form_contact_annonceur		{text-align: left;}
	#annonce #form_contact_annonceur p		{margin-bottom: 20px; text-align: left;}
	#annonce #form_contact_annonceur input	{margin: auto;}
	#annonce #form_contact_annonceur textarea	{width: 350px; height: 275px;}
	
	#annonce #boutons_annonces				{height: 70px; width: 90%; margin-bottom: 15px; display: inline-block; text-align: center;}
	#annonce #boutons_annonces div			{height: 70px; width: auto; margin-left: 5px; margin-right: 5px; display: inline-block; text-align: center; opacity: 0.5;}
	#annonce #boutons_annonces div:hover	{opacity: 1;}
	#annonce #boutons_annonces img			{height: 40px;}
	
	
	
	
	
	
	/*-------------------------LISTE MEMEBRE-----------------------------------------------------*/
	
	#listeMembre	#titrePage			{height: auto; text-align: center; margin-top: 5%; margin-bottom: 1%; padding-bottom: 2%; border-bottom: solid firebrick 1px;}
	#listeMembre	#blocListe			{height: auto; width: 100%; display : inline-block;}
	#listeMembre	.blocUn				{height: auto; width: 24%; display: inline-block;}
	#listeMembre	.blocDeux			{height: auto; width: 24%; display: inline-block;}
	#listeMembre	.blocTrois			{height: auto; width: 24%; display: inline-block;}
	#listeMembre	.blocQuatre			{height: auto; width: 24%; display: inline-block;}
	#listeMembre	.blocNom			{height: 32%; display: inline-block;font-weight: bold;}
	#listeMembre	.blocPrenom			{height: 32%; font-weight: bold;}
	#listeMembre	.blocCommune		{height: 32%; }
	#listeMembre	.blocImage			{float: left; display: inline-block; width: 33%; vertical-align:middle;}
	#listeMembre	img					{width: 90%; height: 50px; margin :auto;}
	#listeMembre	#retour				{margin-bottom: 5%;}
	
	/*--------------------------------PROFIL-COMMERCE-----------------------------------------*/
	
	#profilCommerce						{text-align: center; width: 570px; margin-left: 10px;}
	#profilCommerce	#titrePage			{text-align: left; height: 40px; text-align: center; margin-top: 10px; margin-bottom: 10px;}
	#profilCommerce	#titrePage	h2		{text-align: left; padding: 0; margin: 0;vertical-align: middle;}
	#profilCommerce .blocPresentationMap{width: 100%; height: 200px; display: inline-block; margin-top: 6%; margin-bottom: 10%;}
	#profilCommerce .blocPresentation	{width: 100%; height: 20%; display: inline-block; margin-top: 6%;}
	#profilCommerce	.blocCommerce		{text-align: left;float: left; height:100%; width: 180px; display: inline-block; margin-right: 10px;}
	#profilCommerce	.blocCommerceBig	{text-align: left;float: left; height:100%; width: 216px; display: inline-block; margin-right: 10px; text-align: center;}
	#profilCommerce	.blocMenu			{text-align: center;float: left; height:100%; width: 29%; display: inline-block; margin-left: 2%; margin-right: 2%;}
	#profilCommerce	.blocMenu	#carteMenu {margin: auto; width: 33%; height: 33%;}
	#profilCommerce .blocPromo			{width: 100%; height: 81px; display: inline-block; text-align: left;}
	#profilCommerce	.blocPromoTexteContour		{width: 458px; height: 80px; margin-left: 12px; border-radius: 2px; border : 1px #b0b0b0 solid; display: inline-block; }
	#profilCommerce	.blocPromoTexte		{width: 440px; height: 60px; margin-left: 10px; margin-top: 10px;}
	#profilCommerce	.blocMap			{float: left; height:100%; width: 100%; display: inline-block;}
	#profilCommerce	.blocLogo			{text-align: center; font-size: 14px; color: #d13f3a; float: left; height:109px; width: 109px; padding: auto; display: inline-block;}
	#profilCommerce	.blocLogo	img		{height:100%; width: 100%; padding: auto; margin: auto;}
	#profilCommerce	.blocMap			#cadre_carte {height: 100%; width: 100%;}
	#profilCommerce	.titreBloc			{font-size: 13.5px; text-align: left; width: 100%; font-weight: bold; color: #d13f3a; padding-bottom: 5px; border-bottom: 1px solid #d13f3a; margin-bottom: 2%;}
	#profilCommerce	.titrePromo			{font-size: 16px; text-align: center; width: 100%; font-weight: bold; color: #d13f3a; padding-bottom: 2%; border-bottom: 1px solid #d13f3a; margin-bottom: 2%;}
	#profilCommerce	.libelle			{font-weight: 500;font-size: 12px; color:#b0b0b0; text-align: right; display: inline-block;  margin:0; padding:0; vertical-align: top; width: 85px; margin-bottom: 7px; margin-right: 5px;}
	#profilCommerce	.information		{font-weight: 600; font-size: 12px; text-align: left; display: inline-block; padding:0; width: 100px; margin-bottom: 7px;}
	#profilCommerce	.payement			{width: 100%; display: inline-block; margin-bottom:5%;}
	#profilCommerce	.logoCommerce 		{width: 50%; height: 50%;}
	#profilCommerce	#logoCommerce		{height: 50px; width: 60px; margin-right: 10px; vertical-align: middle; }
	#profilCommerce #logoPromo			{height: 81px; width: 90px; display: inline: block; vertical-align: bottom;}
	#profilCommerce	#blocInfo			{width: 37%; height: auto; font-size: 12px; float: right; font-family: arial; text-align: right; }
	#profilCommerce #blocInfo	a		{color: #393939; font-weight: 600;}
	#profilCommerce #blocInfo	a:hover	{font-weight: 700; color: #D13F1A;}
	
	/*-----------------------PROFIL-USER-------------------------------------------------*/
	
	#profilUser		{width: 570px; margin-left: 10px; display: inline-block;}
	#profilUser	#modifPassword	.blocGaucheForm	{width: 220px; text-align: right; display: inline-block; font-size : 12px; }
	#profilUser	#modifPassword	.blocDroitForm	{width: 300px; text-align: left; display: inline-block; font-size : 12px;}
	#profilUser	#modifPassword	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: auto; margin-bottom: 10px;}
	#profilUser	#modifPassword	.indication	{width: auto; font-style: italic; font-size: 11px; margin-bottom: 10px;}
	#profilUser	#modifPassword	.indication p {color: #868686;}	
	#profilUser	#modifPassword	h3			{font-size: 16px; margin: 0; padding: 0; margin-left: 40px; margin-top: 20px; margin-bottom: 20px;}
	#profilUser	#modifPassword	.blocDecale	{width: 300px; text-align: left; margin-left: 220px; margin-bottom: 10px;}
	#profilUser	#modifPassword	.blocDecale	img	{width: 200px; height: 200px;}
	#profilUser	#modifPassword	.error_formulaire2	{width: auto; font-size: 11px; margin-bottom: 10px; text-align: left; }
	#profilUser	#modifPassword	.error_formulaire2 p {color: #D13F3A; text-align: left;}	

	
	#profilUser	#update	{width: 570px; margin-right: 10px; display: inline-block;}
	#profilUser	#update	.blocGaucheForm	{width: 220px; text-align: right; display: inline-block; font-size : 12px; }
	#profilUser	#update	.blocDroitForm	{width: 300px; text-align: left; display: inline-block; font-size : 12px;}
	#profilUser	#update	.oneChamp	{width: 100%; display: inline-block; vertical-align: middle; height: auto; margin-bottom: 10px;}
	#profilUser	#update	.indication	{width: auto; font-style: italic; font-size: 11px; margin-bottom: 10px;}
	#profilUser	#update	.indication p {color: #868686;}	
	#profilUser	#update	h3			{font-size: 16px; margin: 0; padding: 0; margin-left: 40px; margin-top: 20px; margin-bottom: 20px;}
	#profilUser	#update	.blocDecale	{width: 300px; text-align: left; margin-left: 220px; margin-bottom: 10px;}
	#profilUser	#update	.blocDecale	img	{width: 200px; height: 200px;}
	#profilUser	#update	.error_formulaire	{width: auto; font-size: 11px; margin-bottom: 10px;}
	#profilUser	#update	.error_formulaire p {color: #D13F3A;}	
	legend	h2	{margin-left: 10px;}
	
	#profilUser	#profilTpl {width: 570px; margin-left: 10px; height: auto; padding: 0;}
	#profilUser	#profilTpl #blocInfo1	{width: 100%; display: inline-block;}
	#profilUser	#profilTpl #blocInfo1 h2 {margin: 0; padding: 0; text-align: left; margin-top: 20px; margin-bottom: 5px; display: inline-block; width: 100%}
	#profilUser	#profilTpl #blocInfo1 .bloc1		{width: 345px; height: auto; display: inline-block; vertical-align: top;}
	#profilUser	#profilTpl #blocInfo1 #blocImage	{margin-top: 123px; width: 120px; height: 120px; display: inline-block; border: 1px solid; margin-right: 30px; text-align: center;}
	#profilUser	#profilTpl #blocInfo1 #blocImage img 	{width: 120px; height: 120px;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .libelle		{display: inline-block; width: 100px; margin:0; padding:0; color: #b0b0b0;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .information	{display: inline-block; width: 200px; margin: 0; padding: 0;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .fineInformation	{display: inline-block; width: 210px; margin: 0; padding: 0;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .information p	{text-align: left; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .information p	{text-align: left; font-size: 13px; margin-bottom: 1px; font-weight: bold;}
	#profilUser	#profilTpl #blocInfo1 .bloc1 .libelle	p	{text-align: right; font-size: 13px; margin-bottom: 10px;}
	#profilUser	#profilTpl #blocInfo1 .bloc1	#modif_buttons {margin-bottom: 40px; width: 200px; text-align: left; margin-left: 10px;}
	#profilUser	#profilTpl #blocInfo1 .bloc1	#modif_buttons	a		{color: #393939; font-weight: 600; font-size: 13px; margin-bottom: 5px;}
	#profilUser	#profilTpl #blocInfo1 .bloc1	#modif_buttons	a:hover	{font-weight: 700; color: #D13F1A;}
	
	#profilUser	#profilTpl #blocInfo2	{width: 100%; display: inline-block; margin-bottom: 20px;}
	#profilUser	#profilTpl #blocInfo2 .libelle		{display: inline-block; width: 220px; margin:0; padding:0; color: #b0b0b0;}
	#profilUser	#profilTpl #blocInfo2 .information	{display: inline-block; width: 340px; margin: 0; padding: 0;}
	#profilUser	#profilTpl #blocInfo2 .information p	{text-align: left; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
	#profilUser	#profilTpl #blocInfo2 .libelle	p	{text-align: right; font-size: 13px; margin-bottom: 10px;}
	
	
#profil_association 							{margin-top: 10px;margin-right: 20px; width: 275px; height:auto; display: inline-block; text-align: right;}
			#profil_association #boutons_actions		{width:10%;float:right; background: red;}
			#profil_association #boutons_actions img	{width:80%;float:right; background: red; display:inline-block;}
	#profil_association li	{color: #C0C0C0; list-style: none;}
	#profil_association	ul	{padding: 0; margin: 0; color: #C0C0C0;} 
	#profil_association p {text-align: right;color: #C0C0C0; margin-top: 5px;}
	#profil_association	ul a	{color: #484848;}
	
	#profil_commerce			{margin-top: 10px;vertical-align: top; width: 150px; height:auto; display: inline-block; text-align: left;}
	#profil_commerce		 li	{color: #393939; list-style: none;}
	#profil_commerce	ul	{padding: 0; margin: 0; color: #484848;} 
	#profil_commerce	ul a	{color: #484848;}
	#profil_commerce	p	{color: #C0C0C0; margin-top: 5px;}
	/* ------------------- PROFIL_USER ------------------------------------------------------- */	
	.margin_div			{margin:3%;}
	
	#profil 			
		#profil #form_bloc_droit		{ text-align:right;}
		#profil #form_bloc_gauche		{ text-align:right;}
		#profil .oneChamp			{width:100%; min-height:60px; margin-bottom:10px;}
		#profil .input_file			{width:100%; margin:auto; margin-top:30px; }
		#profil .input_file	input	{width:200px;}
		#profil .form_label			{width:40%; vertical-align:middle; display:inline-block; margin:0; padding:0; padding-top:10px; float:left; text-align:left; font-weight:bold;}
		#profil .form_label	label	{margin-top:50px;}
		#profil .form_input			{width:55%; vertical-align:top; display:inline-block; margin:0; padding:0; float:right;}
		#profil .erreurChamp span	{margin-top:10px;}
		#profil input				{max-width: 150px; margin-right:15px;}
		#profil input[type="file"]	{max-width: 100%; }
		#profil select				{width: 150px;}
		
		#profil	h3					{font-variant: small-caps; font-size:1.2em;}
		#profil	.modification a		{margin-left:2%; font-size:0.8em; padding:0; font-variant: normal; color:#737373;}
		#profil	.libelle			{width:100px; display: inline-block; font-weight:bold; margin:0; padding:0;}
		#profil	.information		{display: inline-block; margin-bottom:2%; padding:0;}
		
		#profil_information							{width:100%; background:#F8F8FF;height:auto; border-left:10px solid #333;}					
			#profil_information #centrer_lien		{margin-top:20%;}
	
			#profil_information #edit_image			{text-align:center; border:2px solid #333; background:white; width:200px; height:200px; margin:auto;}
			#profil_information .edit_picture		{max-width:200px; max-height:200px;}
			#profil_information .span_picture		{display: inline-block; vertical-align : middle; text-align:center; width:200px; height:200px;}		
			
			#profil_information #change_password	{width:70%;  margin:auto; margin-top:3%; text-align:center;}
			#profil_information #change_password .oneChamp {width:100%; min-height:80px;}
			#profil_information #change_password .labelPassword	{display:inline-block; text-align:left; min-height: 40px; margin-top:10px;}
			#profil_information #change_password .inputPassword {display:inline-block; width:50%; min-height: 50px; float:right; margin-right:30px;}
			#profil_information #change_password .verifPassword {width:100%; min-height:30px; margin-right:30px;}
		
		
	
	
/*	#communeCliente	.bloc_deuxTiers h2	{margin:10%; width:80%;} */
	/* ------------------- MENU_LEFT -------------------------------------------------------- */
	
	
	#menu_left			{display: inline-block; width: 190px; vertical-align:top;  position: relative; background-color: #393939; min-height: 800px;}
		#menu_left #profil_user					{display: inline-block;margin-top:8px; width: 170px; height: 80px; background-color: #1B1B1B; margin-left: 9px; border-radius: 4px; margin-bottom: 31px;}
		#menu_left #profil_user	#userName		{vertical-align: top;color: white; margin-left: 8px; margin-top: 10px; min-height: 15px; width: 100px; display: inline-block; text-align: left;}
		#menu_left #profil_user	#ModifProfil		{margin-top: 10px; vertical-align: top; margin-left: 8px; height: 15px; width: 100%; display: inline-block;}
		#menu_left #profil_user p					{width:100%; }		
		#menu_left #profil_user	#ModifProfil	a	{color: white;}
		#menu_left #profil_user #profil_image		{vertical-align: top;display: inline-block;background:#1B1B1B; height:40px; width:40px; margin-right: 7px; margin-top: 6px;}
		#menu_left #profil_user #profil_image	img	{margin-right: 7px; height: 45; width: 54px; position: absolute; right: 10px;}
		#menu_left #profil_user .profile_picture	{vertical-align: top;display: inline-block;height:40px; width:40px; padding:0;}
		
		#menu_user ul	{font-size:1.1em; list-style:none; padding:0; margin:0;}
		#menu_user #acceuil	{background-color: #484848;}
		#menu_user li	{min-height:40px; background-color: #393939;  color: white; vertical-align: center; line-height: 40px;}
		#menu_user li	a {text-align: left; margin-left: 15px; color: white;  vertical-align: center;}
		#menu_user #nbMessages			{width: 20px; height: 16px; margin-left: 65px; display: inline-block; background-color: #BF3934; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user #nbMessagesZero		{width: 20px; height: 16px; margin-left: 65px; display: inline-block; background-color: #752421; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user #nbDemandes			{width: 20px; height: 16px; margin-left: 77px; display: inline-block; background-color: #BF3934; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user #nbDemandesZero		{width: 20px; height: 16px; margin-left: 77px; display: inline-block; background-color: #752421; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user #nbAnnonces			{width: 20px; height: 16px; margin-left: 27px; display: inline-block; background-color: #BF3934; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user #nbAnnoncesZero		{width: 20px; height: 16px; margin-left: 27px; display: inline-block; background-color: #752421; text-align: center; vertical-align: middle; border-radius: 4px; line-height: 16px;}
		#menu_user .liste_type			{text-align:left; margin-left:15%;  font-size:0.8em; font-variant:normal; font-weight: normal; list-style:circle;	}
		#menu_user .liste_type li		{min-height: 20px; height: 20px; font-variant:normal; padding:0;  border:none; line-height: 20px; margin-top: 1px; margin-bottom: 1px;}
		#menu_user .space				{ margin-bottom:5px; list-style:none;}	
		#menu_user .gestionAbonnements	{ margin-bottom:5px; list-style:square; text-decoration:underline;}	
		#menu_user .add_type 			{ font-style:italic;}
		#menu_user .enTete				{background-image: url("../resources/Menu_left_button_hachure.PNG"); width:auto; height:40px; color:white; line-height: 40px;}
		#menu_user .enTete	.choixMenu	{margin-left: 15px;}
		#menu_user .abonnements			{font-family: Arial; font-size: 11px; line-height: 14px; margin-top: 10px; width: 150px; margin-left:20px;}
	
	/* ------------------- CONTENT USER ----------------------------------------------------- */
	#content_user		{background: white; position:relative; padding-top:0; ; width:590px; min-height:800px; vertical-align:top; display: inline-block; }
	
	
		
	/* ------------------- MENU_RIGHT ------------------------------------------------------- */
	#menu_right			{min-height: 800px; display: inline-block; width: 200px; vertical-align:top; position: relative; background-color: #E9E9E9;}
	
						/*{ background:green; min-width:auto; display: inline-block; width:15%; min-height:100%; min-height:1000px;}
		*/
		#menu_right h3	{text-align:center;}
		#menu_meteo			{height:82px; width: 178px;}
		#menu_meteo h3		{font-size:1.1em; text-align:center; margin:0;}
			#module_meteo	{height:82px; width: 178px; background: #FFFFFF;  background:#FFFFFF;  border-radius: 4px;  margin-left: 11px; margin-top: 10px;}
				#module_meteo #image				{margin-left: 20px; margin-top: 13px; height:55px; background:#FFFFFF;padding:0; display:inline-block; width: 55px;  vertical-align: middle; border-top-left-radius: 1em;}
				#module_meteo #image img			{ padding:0; vertical-align: middle;}
				#module_meteo #info					{line-height: 14px;; margin-right: 16px; float: right; width: 45%; height: auto; display: inline-block; margin-top: 10px;}
				#module_meteo #info	p				{text-align: right;}
				#module_meteo #temp					{display: inline-block; font-size: 18px; font-weight: bold; width: 100%; text-align: right; padding:0;}
				#module_meteo .autres_meteo			{width: 100%; text-align: right; font-size: 12px; display: inline-block;}
						
		#menu_agenda		{margin:auto; width:177px; margin-top: 22px;}
		#menu_agenda h3		{font-weight: bold; text-align:left; font-family: BebasNeue, Arial, serif; font-size:18px; font-weight: normal; margin:0; padding:0;}
			#module_agenda	{width:100%;height:100%;padding:0; margin:0;}
				#current_month 			{height:13px; width:100%;text-align:center; color:black; margin:0; margin-bottom: 6px; padding:0; font-weight: bold; font-size: 14px;}
				#current_month td	font-weight: bold;}
				#current_month img		{ width:10px;}
				#current_month a 		{font-weight: bold; font-size: 18px; width: 10px; }
				#evenements	.none {font-size:12px; padding:0px; margin-top: 6px; width:100%; height:100%; text-align:left; background: white; border-radius: 4px; border: 1px solid #d4d4d4;}
					#events	{font-size:12px; width:100%; height:100%; background:white; color:#000000; border-radius: 4px; border: 1px solid #d4d4d4;}
					.date_event	{margin-left: 6px; color: #B83430;}
					.end_event {margin-left: 6px; margin-bottom:55px;}
					.changeDate	{width:20px; font-weight: bold;}
					
		#menu_pub						{margin:auto; width:180px; height:180px; margin-top: 10px;}		
			#menu_pub #module_pub		{width:100%; height:100%;}
		
			
/* ------------------- FOOTER ------------------------------------------------------- */
footer					{height:100px; width:980px; margin:auto; margin-top:2%;}
footer	ul				{display:inline-block; list-style:none; margin:0; padding:0; width:100%;}
footer li				{display: inline-block;}
footer #social-footer-fr					{min-width:19%;}
footer #social-footer-fr a.facebook 		{display: inline-block; width:175px; height:50px; background:url("../resources/icone-facebook.png"); text-indent:-9999px; }
footer #social-footer-fr a.twitter  		{display: inline-block; width:175px; height:50px; background-image:url("../resources/icone-twitter_fr.png"); text-indent:-9999px; }
footer #social-footer-fr a.twitter:hover  	{background-position: 0px 50px;}
footer #social-footer-fr a.facebook:hover  	{background-position: 0px 50px;}
footer #social-footer-en					{min-width:19%;}
footer #social-footer-en a.facebook 		{display: inline-block; width:175px; height:50px; background:url("../resources/icone-facebook.png"); text-indent:-9999px; }
footer #social-footer-en a.twitter  		{display: inline-block; width:175px; height:50px; background-image:url("../resources/icone-twitter_en.png"); text-indent:-9999px; }
footer #social-footer-en a.twitter:hover  	{background-position: 0px 50px;}
footer #social-footer-en a.facebook:hover	{background-position: 0px 50px;}
footer #liens-footer			{background:#dedede; height:50px; vertical-align:top; width:599px;}
footer #liens-footer p			{padding-left:10px; vertical-align: middle; line-height: 50px; width:100%;}
footer #liens-footer .copyright {float:right; padding-right:20px;}
footer #languages-footer 		{width:100%; text-align:right; margin-top:15px;}


/*---------------------------------FOOTER-AUTH------------------------------------------------*/
#footerauth					{height:53px; width:980px; margin:auto; margin-top:55px; margin-bottom: 29px;}
#footerauth	ul				{display:inline-block; list-style:none; margin:0; padding:0; width:100%;}
#footerauth li				{display: inline-block; padding: 0;}
#footerauth #liens-footer	{background:#dedede; height:53px; vertical-align:top; width:980px; padding: 0;}
#footerauth #liens-footer p	{font-family: sofiaProLightregular; margin-left: 13px; padding: 0; vertical-align: middle; line-height: 53px; width:100%;}
#footerauth #liens-footer p		a	{margin-right: 5px; margin-left: 5px;}
#footerauth #liens-footer .copyright {float:right; margin-right: 28px; padding: 0;}