/***************************************************/
/* 	Styles généraux 	*/
/***************************************************/
body
{
	margin:0;
	padding:0;
	font-size:100%;
	background: url("images/degrade_body.jpg") repeat-x #ACB2AE fixed;
}

#conteneur
{
	min-width: 750px;
	max-width:1100px;
	width:92%;
	margin:0 auto;
}

#en_tete
{
	margin:8px 0 5px 0;
	height: 120px;
	border: 1px solid #444;

	background: url("images/degrade_banniere.jpg") repeat-x;
	
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size:22px;
	font-weight:normal;
	font-variant: small-caps;
	color:#BBB;
	letter-spacing:13px;
}

#en_tete #banniere, #en_tete #banniere_admin
{
	width:100%;
	height:120px;
	margin:0;
	cursor: pointer;

	text-indent: -5000px;
	line-height:0;/*bug Netscape*/
	font-size:0;
}

#en_tete #banniere #banniere_haut
{
	display:block;
	/*height:81px;*/
	height:120px;
	background: url("images/banniere.jpg") no-repeat top center;
}

#en_tete #banniere_admin #banniere_haut
{
	display:block;
	height:120px;
	background: url("images/banniere_admin.jpg") no-repeat top center;
}

/*
#en_tete #banniere #hdj
{
	display:block;
	height: 39px;
	background: url("images/hdj.jpg") no-repeat bottom center;
}
*/

#center /* regroupe menu et corps */
{
	border: 1px solid #444;
	/*border-top: none;*/
	
	overflow:hidden;
}


#corps
{
	background: url(images/degrade_corps.jpg) repeat-x #FFFFFF;
	
	min-height: 500px;

	text-align: justify;
	padding: 25px 1% 20px 1%;

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:.7em;
}

#corps h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1.3em;
	font-weight:bold;
	font-variant: small-caps;
	padding-top:0;
	margin:0 0 20px 0;
	color:#4E77A2;
}

#corps h3
{
	font-size: 1.1em;
	font-weight:bold;
	margin-top:35px;
}

#corps h4
{
	font-size: 1em;
	font-weight:bold;
	margin:30px 0 0 0;
}

#corps a
{
	color:#800;
}

#corps a:hover
{
	color:#E00;
}

.texte
{
	padding:0 5% 40px 1%;
}

.texte strong
{
	font-style:italic;
}

.texte ul
{
	margin-top:0.1em;
}

.texte ul ul
{
	margin:auto 4px;
	padding:0;
	list-style-type:none; /* bug opera */
}

.texte li li
{
	list-style-type:none;
}

.date_modif
{
	font-size:.8em;
	font-style:italic;
	padding-left:1%;
}

.important
{
	font-size:1.1em;
	font-weight:bold;
}

#stop  /*astuce*/
{
	clear:left;
	height:0;
}

.law
{
	font-style: italic;
	border:1px solid #CCC;
	padding:10px;
	margin:0 10% 12px 0;
}

.law cite
{
	text-decoration:underline;
	line-height:2em;
}

.visible 
{ 
	display:block;
}

.cache 
{ 
	display:none;
}


/***************************************************/
/*	styles formlulaires	 */
/***************************************************/
fieldset 
{
	margin:0 0 10px 0;
	font-style: normal;
	padding: 0 1em 1em;
}

fieldset p
{
	margin:7px 0 0 0;
}

legend 
{
	font-weight: bold;
	color: black;
	background: transparent;
}

input
{
	font-size:.9em;
	margin-bottom:0;
}

fieldset input, fieldset textarea
{
	border:solid 1px #999;
}

.bouton_radio
{
	border:none;
}

form p
{
	padding:0;
}

.erreur
{
	font-weight:bold;
	color: #D00;
}

.ok
{
	margin-top:50px;
	font-weight:bold;
	color: #4E77A2;
}

.mention_oblig
{
	float:right;
	margin-right:70px;
}

.legende 
{
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

a.aide 
{
	text-decoration: none;
}

a.aide img 
{
	margin: 0;
	padding: 0;
	border: 0;
}

a.aide:hover 
{
	cursor: help;
}

#cont
{
	width:400px;
	margin:auto;
	padding:10px 0;
}

.focus_erreur
{
	background: #FDD;
}

.focus
{
	background:#FEFCE2;
}

.sans_focus
{
	background:#FFF;
}

#formulaire
{
    margin-bottom:40px;
}

#formulaire #envoi
{
	height:16px;
}

#formulaire #submit
{
	padding:0;
	float:left;
}

#formulaire #loading
{
	margin:2px 0 0 200px;
	font-size:85%;
}

#formulaire #wait_img
{
    vertical-align:middle;
}

.formulaire_gauche
{
	float:left;
	padding:0 30px 15px 0;
	margin:10px 0 0 0; 
	width:38em;
	min-height:350px;
	border-right:1px solid #888;
}

.formulaire_gauche #submit
{
	width:17em;
}

#info_droite
{
	padding-top:12px;
	margin-left:43em;
	margin-right:1%;
}

#par_mail #coordonnees label 
{
	float: left;
	width: 14%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}

#depot_jeu #coordonnees label, #depot_jeu #infos_jeu label, #formulaire_paiement  label
{
	float: left;
	width: 37%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}

#info_droite h3, #par_mail h3, #depot_jeu h3
{
	margin-top:5px;
	padding-top:0;
	
	text-decoration:underline;
}


/***************************************************/
/*	styles page d'accueil + news	*/
/***************************************************/
#pgauche
{
	float:left;
	margin-top:-22px;
	min-width:500px;
	width:56%;
}

#info_accueil
{
	position:relative;
	width:420px;
	margin:18px auto;
	padding:6px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;

	background:#F4F8FB;
}

#info_accueil h3
{
	margin:2px;
	padding:0;
	text-align:center;
	color: #922;
	font-size:1.1em;
}

#info_accueil p
{
	padding:5px 0;
	margin: 0;	
	color: #333;
	text-align: justify;
}

#recherche
{
	width:420px;
	margin:0 auto;	
	padding:0;
}

#recherche h3
{
	padding:20px 0 0 0;
	font-size:.9em;
	margin:8px 0 0 0;
	color:#777;
}
	
#recherche form, p
{
	margin: 0;
	padding: 5px 0;
}	
	
#pdroite
{
	margin: -12px 0 0 517px;
	min-height:350px;
	padding:5px 0 0 0;
}

#begleguer
{
	margin:auto;
	padding:15px 0; 
	width: 97.5%;
	max-width: 368px;
	text-align:center;
	border:1px solid #AFA5A5;
	background:#EAEAEA;
}

#begleguer #logo_lannion
{
	float:left;
	width:75px;
	margin:-20px -15px -25px 5px;
	padding:0;
}

#begleguer h3
{
	margin:0 0 10px 0;
	color: #333;
}

#begleguer a
{
	margin-bottom:13px;
}

#cadre
{
	width:97.5%; /*bug IE6*/
	max-width: 368px;
	min-height:275px;
	background: url("images/degrade_cadre.jpg") repeat-x #D6D6D6;
	margin:15px auto;
	padding:0;
	border:solid 1px #999;
}

#cadre #signature
{
	background: url("images/signature.jpg") no-repeat top center;
	height:135px;
}

#cadre #accroche p
{
	margin:5px 0 10px 0;
	padding:0 12px;
	font-size:1.1em;
	color:#111;
	text-align:center;
}

#cadre #citation
{
	margin:0 0 15px 0;
	text-align:justify;
}

#cadre #citation_img
{
	margin:0 6px 0 0;
        float:left;
}

#cadre #citation_text
{
	padding:6px;
	font-size:0.9em;
	font-weight:normal;
	font-style:italic;
	color:#666;
}

#cadre #parceque
{
	text-align:justify;
}

#cadre #parceque p
{
	color:#444;
	padding:0 8px;
	font-weight:bold;
}

#cadre #parceque li
{
	padding:0;
	margin:-5px 8px 8px -15px;
}

#news
{
	clear: left;
	margin:30px 15px;
	line-height: 140%;
	padding:10px 3%;
	background:#F9F9F9;

	font-family: Georgia, "Times New Roman", Times, serif;
}

#news h2
{
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: left;
	padding: 5px 0;
}

#news h3
{
	font-size: 1em; 
	line-height: 120%; 
	margin-top: 4px; 
	margin-bottom: 2px;
	padding-top: 10px;
	font-weight: bold; 
	letter-spacing: -0.03em; 
	border-top: 1px solid #DDD;
}

#news .date 
{
	color: gray;
	font-size: .8em; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: .2em; 
}

#news p
{
	color: black; 
	font-size: 1.1em; 
	line-height: 140%; 
	padding-bottom: 18px;
}

#news p a
{
	color: black; 
	font-size: 11px; 
	background-color: #e1e1e1;
}

#pagination
{
	font-size:1.2em;
	text-align:center;
}


/***************************************************/
/*	styles ressort (tables)	*/
/***************************************************/
table, td, th
{
	border: 1px solid #CCC;
	border-collapse: collapse;
	padding: 3px 10px 3px 4px;
	font-size:.95em;
}

table, th
{
	border: 2px solid #BBB;
}

#ressort table
{
	float: left;
	margin:0 8px 40px 0;
}

#imprimer
{
	float:right;
	margin-right:15px;
	margin-left:-28px;
	cursor: pointer;
}

#pratique_texte
{
	float:left;
	font-size:1em;
	max-width:400px;
	margin:0 0 0 2%; 
}

#plan, #carte
{
	float:left;
	text-align:center;
	padding:0;
}

#plan
{
	margin:45px 0 0 15%;
}

#carte a, #plan a
{ 
	font-size:.8em;
}

#carte_plus
{
	text-align: center;
	padding:0;
}

#map_ressort1
{
	width:290px;
	height:450px;
	overflow:hidden;
	margin:0 0 5px 0.5%;
}

#map_ressort2
{
	width:640px;
	height:850px;
	overflow:hidden;
	margin: 7px auto;
}

#map_plan1
{
	width:280px;
	height:280px;
	overflow:hidden;
}

#map_plan2
{
	width:640px;
	height:480px;
	overflow:hidden;
	margin: 7px auto;
}

#fin
{
	clear:left;
}

#gmap
{
	width: 640px;
	height: 480px; 
	margin: 0;
}


/***************************************************/
/*	styles faq	 */
/***************************************************/
#faq li
{
	margin-bottom:22px;
	margin-right:5%;
}

#faq .faq_question
{
	line-height:2em;
	font-weight:bold;	
	color:#5682AD;
}


/***************************************************/
/*	 styles rib	 */
/***************************************************/
#carib
{
	margin:40px auto 60px auto;
	width:650px;
	height:452px;
	border:2px solid #666;
}


/***************************************************/	
/* 	styles paiement 	*/
/***************************************************/
#logo_e_transaction
{
	float:right;
	margin:-10px 0 0 -200px;
}

#formulaire_paiement
{
	margin-top:35px;
}

#info_paiement
{
	border:1px solid #444;
	width:500px;
	margin:-25px auto 40px auto;
	padding:10px;
	text-align:center;
}

#info_paiement h3
{
	margin:0;
	text-align:center;
	color: #933;
}


/***************************************************/
/* 	styles jeux concours 	*/
/***************************************************/
#reglement_jeu
{
	margin : 0 3%;
	padding: 10px 0 20px 4%;
	border-top: 1px solid #888;
	
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
}

#reglement_jeu a
{
	font-weight:normal;
}

/***************************************************/
/* 	styles encheres 	*/
/***************************************************/
.objets
{
	margin-top:30px;
	border-collapse:separate;
	border:none;
	/*margin:0 auto;*/
}

.objets td
{
	width: 150px;
	height: 150px;
	padding:0;
	vertical-align:middle;
	text-align:center;
	border:1px solid #BBB;
	/*background:#333;*/
}

.objets a img, .affiche-enchere a img
{
	border:1px solid white;
}

.objets a:hover img, .affiche-enchere a:hover img
{
	border:1px solid black;
}

.calendrier-enchere
{
	clear:left;
    margin:40px 20px;
    border-top:1px solid #AAA;
    padding:0 10px;
	min-height:190px;
}

.resume-enchere
{
    float:left;
    width:500px;
}

.description-enchere
{
	border:1px solid #555;
	margin:10px 0 0 -10px;
	padding:5px 10px 7px 10px;
}

.affiche-enchere
{
    margin-top:30px;
	margin-left:77%;
	height:135px;
	width:135px;
}

/***************************************************/
/* 	styles recherche (resultats) 	*/
/***************************************************/
#cse-search-results
{
	width:795px;
	margin:0 auto;
	border:2px solid #444;
}

#recherche2
{
	width:795px;
	margin: 40px auto 15px auto;
}

/***************************************************/
/* 	styles pied de page		*/
/***************************************************/
#pied_de_page
{
	text-align:center;

	clear: right;
	clear: left;
}

#pied_de_page p
{
	font-size: 0.7em;
	font-weight: bold; 
	color: #EEE;
	padding:0;
	margin:10px 0;
}

#pied_de_page a
{
	color: #FB0;
}

#pied_de_page a:hover
{
	color: #FD0;
}
