*
{
	font-family:Verdana;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:12px;
}

li
{	
	list-style:none;
}
body
{
	background-color:#ffffff;
	text-align: center;
}

input:hover
{
	border:1px solid #666666;
}

#conteneur
{
	width:100%;
	margin:auto;
	background-repeat:no-repeat;
	background-position:center center;
}

#fond
{
	position:relative;
	clear:both;
	margin:auto;
	width:986px;
	text-align: left;
	z-index:1;
	margin-top:80px; 
}

#haut
{
	position:relative;
	width:100%;
	background-color:#303030;
	margin:auto;
	height:40px;
	
}

#haut_contenu
{
	position:relative;
	width:986px;
	margin:auto;
}

#haut_connexion
{
	clear:both;
	position:relative;
	height:20px;
	text-align:left;
}


#haut_logo
{
	float:left;
	left:0px;
}

#haut_menu
{
	clear:both;
	position:relative;
	width:100%;
	border-bottom:2px dotted #aaaaaa;
	text-align:right;
}

#haut_menu #haut_menu_lien
{
	z-index:1000;
	width:90%;
}


#haut_menu a
{
	font-family:Verdana;
	color:#3b3b3b;
	font-size:12px;
	text-decoration:none;
	
}

#haut_menu a:hover
{
	text-decoration:none;
	color:#ffffff;
	background-color:#328d58;
	padding:2px;,
}

#haut_information
{
	position:absolute;
	left:400px;
	top:50px;
	color:#ffffff;
	font-size:14px;
}

.haut_compte
{
	position:absolute;
	color:#ffffff;
	text-align:right;
	top:0px;
	right:0px;
}

.haut_compte a
{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}



.haut_item,.haut_item_fin
{
	float:left;
	padding-left:22px;
	padding-right:22px;
	margin-top:3px;
	letter-spacing:1px;
	#letter-spacing:0px;
}

.haut_item
{
	background-image:url(../images/fond/separation_menu.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.haut_item_connexion
{
	float:left;
	color:#303030;
	padding-right:15px;
	font-size:12px;
}

.haut_choix_connexion
{
	float:left;
	color:#ae693e;
	padding-right:10px;
	font-size:12px;
}


#bas
{
	clear:both;
	position:relative;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:12px;
}



#bas_logo
{
	clear:both;
	width:100%;
	background-color:#303030;
}

#centre
{
	clear:both;
	position:relative;
	width:100%;
}

/* 
	les textes et liens du site
*/

.haut_texte
{
	font-family:"Futura";
	color:#ffffff;
	font-size:12px;
}

a.haut_menu
{
	font-family:"Futura";
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
}


/*
	les inputs
*/

.input_home
{
	background-color:#b1a59e;
	color:#ffffff;
	width:185px;
	height:20px;
	vertical-align:middle;
}


.liste
{
	margin-top:15px;
	margin-bottom:15px;
}

.liste li
{
	line-height:30px;
}

.liste a	
{
	color:#333333;
}

#haut_liste
{

	padding-top:2px;
}

#bas_liste
{
	width:100%;
	height:30px;
	background-color:#303030;
	margin-top:8px;
	margin-bottom:8px;
	text-align:center;
}

a.lien_home_back
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}

.lien_home_back
{
	margin-bottom:10px;
	background-color:#eeeeee;
	height:10px;
	padding-left:5px;
}

h2.lien_home_back
{
	height:20px;
	background-color:#cccccc;
}

a.lien_home_back_ajout
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	height:40px;
	background-color:#cccccc;
}

#colonne_1_back
{
	float:left;
	width:300px;
}


#colonne_2_back
{
	float:left;
	width:300px;
	margin-left:16px;
	margin-right:15px;
}

#colonne_3_back
{
	float:right;
	width:300px;
}

.lien_index_bas
{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold
}

.titre_link
{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none
}

.titre_link:hover
{
	color:#eeeeee;
	font-size:16px;
	font-weight:bold;
	text-decoration:none
}

.titre_back
{
	font-family:"Futura";
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

.texte_box
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#303030;
	margin-bottom:3px;
	border-left:2px solid #303030;
	padding-left:4px;
}

.libelle_box
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#303030;
	margin-bottom:5px;
	background-color:#efefef
}

.fin_libelle_box
{
	border-bottom:1px dotted #8a8a8a;
	margin-bottom:5px;
}

.pfbc-select,.pfbc-textbox,.pfbc-textarea
{
	border:1px dotted #adadad;
}

.titre_page_back
{
	color:#ffffff;
	background-color:#328d58;
	padding:5px;
	margin-bottom:15px;
	margin-top:5px;
}

.titre_visualisation {
	color:#ef4587;
}

.titre_page_back a
{
	color:#ffffff;
	text-decoration:none;
}

.table_liste
{
	width:100%;
	
}

.tr_table_liste
{
	height:20px;
}

.tr_table_liste td
{
	border-bottom:1px dotted #adadad;
}
	
.tr_table_liste td a,.tr_table_liste td
{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	padding-left:4px;
	
}

.tr_table_liste td a:hover
{
	text-decoration:underline;
}

.tr_table_liste_haut
{
	background-color:#303030;
	color:#ffffff;
	text-transform:uppercase;
}

.tr_table_liste_haut a
{
	color:#ffffff;
	padding-left:4px;
}

.green_cartouche
{
	clear:both;
	float:left;
	color:#000000;
	padding:10px;
	margin-top:10px;
	width:90%;
}

.green_cartouche h3
{
	font-size:16px;
	margin-bottom:7px;
	background-color:#d5e0d4;
	padding:4px;
}

.green_cartouche a
{
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

.green_cartouche li
{
	height:20px;
	border-bottom:1px dotted #aaaaaa;
	padding-top:4px;
}

a.lien_ajout
{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:#328d58;
	padding:3px;
}

a.lien_ajout:hover
{
	font-size:14px;
	font-weight:bold;
	color:#328d58;
	background-color:#ffffff;
}

.anglais_enavant
{
	color:#266a42;
}

ul.offre_plus
{
	margin-bottom:15px;
}
ul.offre_plus li
{
	padding:4px;
	height:15px;
	border-bottom:1px dotted #525252;
	margin-left:15px;
}

ul.offre_plus li a
{
	color:#303030;
	text-decoration:none;
	font-weight:bold;
}

ul.offre_plus li a:hover
{
	color:#858585;
	text-decoration:underline;
}

.agencement_page_back
{
	font-weight:bold;
	padding:4px;
	background-color:#303030;
	color:#ffffff;
	margin-bottom:10px;

}

.pfbc-label
{
	font-weight:normal;
	color:#303030;
}

.pfbc-select,.pfbc-textbox
{
	margin:2px;
}

.bt_annonce_valid
{
	font-size:14px;
	padding:8px;
	background-color:#f39200;
	color:#ffffff;
	cursor:pointer;
	border-radius:4px;
}

.bt_annonce_valid:hover
{
	border:0px;
	background-color:#303030;
}

div.tab_tarif
{
	background-color:#328d58;
	color:#ffffff;
	padding:6px;
}

.arrondi {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ?1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.pt_arrondi {
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ?1.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

div.tab_tarif ul li
{
	height:20px;
}

div.recap_offre
{
	padding:15px;
	border:1px solid #303030;
}

div.recap_offre ul li
{
	padding:8px;
}

div.voir_annonce
{
	width:230px;
	padding:4px;
	border:1px dotted #aaaaaa;
	margin:8px;
	background-color:#328d58;
	margin:auto;
}

div.voir_annonce a
{
	color:#ffffff;
	text-decoration:none;
}

.langue
{
	border:0px dotted #303030;
	padding:4px;
	margin-bottom:5px;
	width:650px;
}

.titre_langue
{
	background-color:#898989;
	color:#ffffff;
	padding:2px;
	margin-bottom:5px;
}


.menu_back_client
{
	width:980px;
	height:25px;
}

.menu_back_client ul
{
	
	height:20px;
}

.menu_back_client ul li
{
	display:inline;
	margin-left:100px;
	padding:6px;
	font-size:16px;
	background-color:#f39200;
	text-align:center;
	
}
.menu_back_client ul li:hover
{
	background-color:#828282;
}

.menu_back_client ul li a
{
	color:#ffffff;
	text-decoration:none;
}

.selection
{
	border:3px solid #828282;
}

h3.pack
{
	border:1px solid #303030;
	padding:4px;
	margin:4px;	
}

.invite_connexion
{
	background-color:#328d58;
	text-align:center;
	margin:auto;
	padding:10px;
	color:#ffffff;
	width:400px;
}
.clear
{
	clear:both;
}

@media (max-width: 768px) {
	#fond, #haut_contenu
	{
		width:100%;
	}
	.invite_connexion
	{
		width:90%;
	}
	.haut_compte
	{
		font-size:0.9em;
		text-align: center;
	}
	
	.cache_mobile
	{
		display:none;
	}
	
	#fond
	{
		margin-top:100px;	
	}
	
	.tr_table_liste td a,.tr_table_liste td
	{
		font-size:0.8em;
	}
	
	.tr_table_liste_haut
	{
		text-transform:lowercase;

	}
	.tr_table_liste_haut a
	{
		font-size:0.8em;
	}
}