/*
##############################################################################
##	Style Flamed                                                            ##
##############################################################################
##	Created by Arobase Solution ( http://www.a-sol.ch )                     ##
##	Copyright Tribike                                                       ##
##############################################################################
*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:5px; background-color:#a9a9a9; color:#000000;}

/* classes sp&eacute;ciales */
.centre {text-align:center;}
.petit {font-size:0.8em; font-weight:normal;}
.info {font-size:0.8em; text-align:right; font-style:italic; margin-bottom:30px;}
.erreur {font-size:0.8em; text-align:right; font-style:italic; color:red; margin-bottom:30px;}
.tab_label {font-weight:bold; padding-right:30px; vertical-align:top;}
.retour {font-size:0.8em; text-align:right;}
.hottr {background:#404040;}
.clear_left {clear:left;}

/* style d'affichage pour une galerie */

#galerie .retour_galerie {text-align:right; font-size:0.8em;}
#galerie .nom_vignette {font-size:0.8em; font-weight:bold; text-align:center; margin:0px; margin-top:2px; margin-bottom:5px;}
#galerie #liste_gal {margin:auto;}
#galerie #liste_gal tbody tr td {text-align:center; width:135px;}

.photo_2 {padding-left:50px;}
.photo_3 {padding-left:50px;}
.titre-supprimer h5 {background-color:white; text-align:center; color:black; font-size:1.1em; margin-top:4px; margin-bottom:15px;}

/* balises standards */
h3 {background:url("flamed/flamme.gif") no-repeat left center; height:30px; padding-left:65px; padding-top:10px;}
a {font-weight:bold; text-decoration:none; color:#000000;}
a:hover {text-decoration:underline;}
a img {border:none;}

/* corps de la page tribike */
#corps {width:900px; height:585px; margin:auto; background:url("flamed/fond_gris.jpg") no-repeat left;}

/* les menus tribike */
#menu {width:152px; height:585px; float:right; background:url("flamed/fond_menu.jpg");}
#menu a {text-decoration:none; color:white; position:relative; top:-3px;}
#menu ul {list-style-type:none; padding:0px; color:white; font-weight:bold;}
#menu li {padding-top:5px; padding-left:25px; margin-left:10px !important; margin-left:-25px;}
	#menu_accueil {background: url("flamed/icone_accueil.gif") center left no-repeat;}
	#menu_news {background: url("flamed/icone_news.gif") center left no-repeat;}
	#menu_marques {background: url("flamed/icone_marques.gif") center left no-repeat;}
	#menu_offres {background: url("flamed/icone_offres_speciales.gif") center left no-repeat;}
	#menu_contact {background: url("flamed/icone_contact.gif") center left no-repeat;}
	#menu_visite {background: url("flamed/icone_visite.gif") center left no-repeat;}
	#menu_qui {background: url("flamed/icone_qui.gif") center left no-repeat;}
	#menu_connexion {background: url("flamed/icone_connexion.gif") center left no-repeat;}
	#menu_album_photo {background: url("flamed/icone_album.gif") center left no-repeat;}
	
	#choix_couleur {position:relative; top:305px !important; top:305px; left:0px; }
	#choix_couleur li {padding:0px; text-align:right; margin-right:10px;}
	
	#boutton_menu_admin {cursor:pointer; width:30px;}
	#menu_admin_icon {margin-left:10px;}
	
	/* menu admin */
	#menu_admin_box {display:none;}
	div.pop_menu_admin {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; color:#ffffff; padding:8px; top:0px; left:0px;
						background:url("flamed/fond.jpg"); border-left:2px solid white; border-right:2px solid white;}
	div.pop_menu_admin h5 {margin-top:2px; text-align:center; background:white; color: black;}
	div.pop_menu_admin ul {list-style-type:none; padding:0px; font-weight:normal; margin:0px;}
	div.pop_menu_admin ul li {padding:0px;}
	div.pop_menu_admin ul li a {font-weight:normal; color:white;}
	div.pop_menu_admin #menu_admin_close {font-size:10px; text-align:right; padding-right:5px; margin-bottom:5px;}
	div.pop_menu_admin #menu_admin_close a {color:white;}
	div.pop_menu_admin p {margin: 0; padding: 0 3px;}

/* le contenu tribike */
#contenu {height:552px; overflow:auto; padding-left:10px; padding-right:10px; position:relative; top:10px;}
	/* page marques */
	.info_marques {margin:auto; width:80%; background:url("flamed/fond.jpg"); padding:3px; border-left:2px solid white; border-right:2px solid white; color:#ffffff; margin-bottom:20px; text-align:center;}
	.info_marques p {margin:3px;}
	.marque_tout {margin-left:5px; color:#FFFFFF;}
	.marque_velo {margin-left:25px; color:#FFFFFF;}
	.marque_accessoire {margin-left:25px; color:#FFFFFF;}
	.ligne_marque {margin:auto;}
	.marque_centre {width:80%; margin:auto;}
	.marque_gauche {width:40%; float:left; margin-right:35px;}
	.marque_droite {width:40%;}
	.marque_centre a,
	.marque_gauche a,
	.marque_droite a {color:#cccccc;}
	.marque_centre .logo_marque,
	.marque_gauche .logo_marque,
	.marque_droite .logo_marque {text-align:center; margin-bottom:20px;}
	.description_marque {display:none;}
	.bulle_desc_marque {background:white; border:2px black solid; color:black; padding:10px; font-size:0.9em;}


	/* page offres sp&eacute;ciales */
	#list_container {margin:auto; background:url("flamed/fond.jpg"); padding:10px; margin-bottom:15px; border-left:2px solid white; border-right:2px solid white; width:85%; color:#ffffff;}
	#list_container a{color:#cccccc;}
	#offres_liste {margin:auto; padding:5px; width:95%; border-collapse:collapse;}
	#offres_liste th {background-color:white; color:black; text-align:left; padding:2px 5px 2px 5px;}
	#offres_liste th.prix_offres {width:110px; text-align:left;}
	#offres_liste th.date_offres {width:150px;}
	#offres_liste th.photo_offres {width:40px; text-align:center;}
	#offres_liste .prix_offres {text-align:right;}
	#offres_liste .photo_offres {text-align:center;}
	#offres_liste tbody {padding:5px 0px 5px 0px;}
	#offres_liste td {padding:0px 5px 0px 5px;}
	#offres_liste .spacer {height:3px;}
	#offres_liste .new {width:30px;}
	
	.info_offres {margin:auto; width:80%; background:url("flamed/fond.jpg"); padding:10px; border-left:2px solid white; border-right:2px solid white; color:#ffffff;}
	.info_offres a {color:#cccccc;}
	.info_offres h5 {background-color:white; text-align:center; color:black; font-size:1.1em; margin-top:4px; margin-bottom:15px;}
	.info_offres p {margin:0px 0px 5px 0px;}
	.info_offres .description_offres {margin-left:138px !important; padding:0px !important; margin-left:138px;}
	.espacement_news {margin-bottom:20px;}
	/*.photo_info_offres {float:left; margin-right:10px; margin-bottom:10px;}*/
	.image_offres {float:left; margin-right:10px; text-align:center;}
	.agrand_offres {font-size:0.9em;}
	
	/* page contact */
	.box_contact {padding:1px 15px 10px 15px; margin:auto; margin-top:10px; background:url("flamed/fond.jpg"); border-left:2px solid white; border-right:2px solid white; color:#ffffff;}
	.box_contact h5 {background-color:white; text-align:center; color:black;}
	.box_contact a {color:#cccccc;}
	#contact_plan_contenu {width:80%;}
	#contact_tpg_contenu {width:40%;}
	#contact_meteo_contenu {width:40%;}
	#contact_form_contenu {width:80%;}
	#contact_form_contenu table {width:100%;}
	#contact_form_contenu table .label {width:50px;}
	#contact_form_contenu table .obligatoire {width:10px;}
	
	#contact_horaires {width:100%;}
	#contact_horaires td {text-align:center;}
	#contact_horaires .horaires_jour {text-align:left; font-weight:bold; width:30%;}
	#contact_intro {width:100%;}
	#contact_intro td{vertical-align:top; text-align:center;}
	#contact_intro td a:hover{text-decoration:none;}
	.contact_col_plan {width:400px; vertical-align:top;}
	#contact_cellule_champ_nom {width:40%;}
	.contact_champ {width:100%;}
	
	/*#contact_contenu {clear:left;}*/
	
	/* page visite virtuelle */
	.info_vr_g, .info_vr_d {font-size:0.9em; color:gray;}
	.info_vr_g {float:left;}
	.info_vr_d {float:right;}
	
	/* page connexion */
	.box_connexion {padding:15px; margin:auto; margin-top:10px; background:url("flamed/fond.jpg"); border-left:2px solid white; border-right:2px solid white; width:65%; position:relative; top:50px; color:#ffffff;}
	.box_connexion a {color:#cccccc;}
	
	/* box de l'administration */
	.admin_content_box {padding:15px; padding-top:5px; margin:auto; margin-top:10px; background:url("flamed/fond.jpg"); border-left:2px solid white; border-right:2px solid white; width:80%; color:#ffffff;}
	.admin_content_box a {color:#cccccc;}
	.admin_content_box table {width:100%; border-collapse:collapse;}
	.admin_content_box table th {text-align:left;}
	
	/* page admin comptes */
	#liste_comptes {width:90%; margin:auto; border-collapse:collapse;}
	#liste_comptes thead {border-bottom: 2px solid white;}
	#liste_comptes .col_nom {text-align:left; width:50%;}
	#liste_comptes .col_mail {text-align:left;}
	#liste_comptes .col_action {text-align:right; width:10%;}
	
/* le pied de page tribike */
#pied {text-align:right; margin-right:160px; position:relative; top:13px;}

/* page parametrage metatags */
.meta_textarea {width:400px; height:80px;}

/* page parametrage couleurs */
.couleur_frequence_input {width:40px;}
