/* *** ####################################### *** */

/* *** couleurs *** */


/* ##################### HTML ################################ */
* 
{
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-family: Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	color:#000;
	font-size: 62.5%;
	background-color:#fff;
}

#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.2em;
}

/* ###########################################################
		BOITES
########################################################### */



/* ##################### HEADER ################################ */
#header
{
	height:90px;
	/*margin:12px 10px 8px;*/
}
#header h1 {
    float: left;
    width: 222px;
    overflow: hidden;
	position:inherit;
}
/*
#header p {
    float: left;
    width: 728px;
    overflow: hidden;
	margin-left:29px;
}
#header .encartPub{
	margin-top:62px;
}
*/
/* ##################### TOOLBAR ################################ */
#toolbar{
	/*height:44px;*/
	height:44px;
	background:#f2673a url(../images/fond-barre-recherche.png) repeat-x top left;
}

/** spécifique **/
form.formSearch{
	/*width:500px;*/
	width:490px;
	float:left;
	margin-left:10px !important;
	margin-left:5px; 
	padding-top:8px;
}
/* CSE */
#q{
	padding : 3px;
	font-size:16px;
	width:280px;
	}
	
#login{
	/*width:500px;*/
	width:490px;
	float:left;
	margin-right:10px;
	text-align:right;
	padding-top:6px;
}
#login p.login{color:#fff;}
.btSearch{border:none;vertical-align:middle;}
/* ##################### FORMUAIRE DE RECHERCHE ################# */
#header form#header_search{
	/*width:728px;
	height:90px;*/
	width:688px;
	height:70px;
	float:left;
	display:inline;
	background:url(../images/recherche-fond.png) no-repeat 0 0;
	margin-left:20px;
	
	padding:10px 20px;
	color:#333;
	font-size:1.05em;
}

#header form#header_search #bt_q
{
	width:90px;
	height:20px;
	background:url(../images/recherche-bouton.png) no-repeat 0 0;
	border:none;
	cursor:pointer;
	margin-left:10px;
}
#header form#header_search fieldset{}
#header form#header_search p, #header form#header_search fieldset p{margin:0;margin-bottom:5px;line-height:1.3em;}
#header form#header_search p a{color:#333;font-size:1.1em;text-decoration:underline;}
#header form#header_search fieldset p{margin:2px 0;}
#header form#header_search p label{font-size:1.3em;font-weight:bold;width:100px;}
#header form#header_search p input{width:450px;}
#header form#header_search p label.radio{font-size:1em;font-weight:normal;width:auto;margin-right:50px;}
#header form#header_search p input.radio{width:auto;}

/* ##################### CONTENU ################################ */
#centre
{	
	clear:both;
	background:#fff url(../images/BG_filets_colonnes.png) repeat-y top left;
	margin:10px 0;
}

#resultsPage{margin:0 20px;}
#resultsPage #centre{background:none}

/* */
#colGauche
{
	/*width:175px;*/
	width:145px;
	float:left;
	
	margin:0 20px 0 10px !important;
	margin:0 20px 0 5px;	/* BEUG IE 2xmargin float*/
	
	/*background-color:#EFEFEF;*/
}


/* */
#colCentre
{
	/*width:440px;*/
	width:400px;
	float:left;
	
	/*margin-left:1px;		Bordure*/
	margin:0 20px 0 20px;
	
	/*background-color:#DFDFDF;*/
}

#colCentre_ONE	/* Pour le CSE */
{
	/*width:825px*/
	width:785px;
	float:left;
	
	margin-left:20px;
}

/* */
#colDroite
{
    /*width:385px;*/
	width:355px;
	float:left;
	
	/*margin-left:1px;		Bordure*/
	margin:0 0 0 20px;
	
	/*background-color:#CFCFCF;*/
}

/* ##################### FOOTER ################################ */
#footer
{	
	clear:both;
	text-align:center;
	
	/*background-color:#FFDFDF;*/
}
#footer .liensPartenaires{
	color:#666;
	font-size:0.8em;
}

/* ##################### PUBS ################################ */
#pub_medium{
	width:310px;
	height:250px;
	background:transparent url(../images/encart-pub.png) no-repeat bottom right;
}


/* ###########################################################
		GENERIQUE
########################################################### */

/*titre site */
h1 {
	font-size:1.8em;
	position:absolute;
}

/*baseline */
h2 {
	font-size:1.6em;
	margin-bottom:10px;
}


/*titre site / baseline / masqué */
h1 span,h2 span, h3 span{position:absolute;margin-top:-2000px;}

h1 img, h2 img, h3 img{
	
}

/*premier niveau de titre / affiché */
h3 {font-size:1.8em;color:#f2673a}
h4 {font-size:1.3em;color:#f2673a;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

h3 a{color:#f2673a;}
/*paragraphe*/
p {font-size:1em;}

/* listes */
ul li{list-style-type:none;list-style-position:outside;}

/*liens*/
a{text-decoration:none;color:#000; /* gris trés foncé*/} 
a:hover{text-decoration:underline;}
a.select{text-decoration:underline;}

/*images*/
img{border:none;vertical-align:middle;}

/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
form{}
form fieldset
{
	margin-top:6px;
	border:none
}

form fieldset.last{
	margin-top:18px;
}

form fieldset legend
{
	font-weight:bold;
	/*border-bottom:1px solid #999;*/
	background:url(../images/bouton-titre-gris-repeat-y.png) repeat-x 0 0;
	padding:6px 10px;
	margin-bottom:4px;
}

form fieldset p, form fieldset div.formP, form fieldset div.divP{line-height:1.5em;}
form fieldset label{width:200px;margin-right:10px;font-weight:bold;float:left;}
form fieldset input,
form fieldset select,
form fieldset textarea{width:280px;border:1px solid #888;padding:4px;}
form fieldset input.classDate{width:100px;}
form fieldset select.classHeure{width:50px;}
form fieldset select optgroup option{padding-left:25px;}


form fieldset input.checkbox,
form fieldset input.radio,
form fieldset input.image{width:auto;height:auto;border:none}


/* formulaire ONFOCUS */
form fieldset select:focus,form fieldset select:hover,
form fieldset input:focus,form fieldset input:hover,
form fieldset textarea:focus, form fieldset textarea:hover{
	background-color:#f0f0f0;
}
form fieldset select:focus,
form fieldset input:focus,
form fieldset textarea:focus{
	background-color:#f0f0f0;
	border:1px solid #555;
}

/* boutons de formulaire */
form fieldset input.btDefault
{
	width:192px;
	height:30px;
	border:none;
	background:#F2673A url(../images/bouton-orange.png) no-repeat 0 0;
	color:#fff;
	text-align:center;
	cursor:pointer;
	padding-top:0;
	font-weight:bold;
}
form fieldset input:hover.btDefault{
	background:#F2673A url(../images/bouton-orange.png) no-repeat 0 -30px;
}

form fieldset ul.modifVisuel{
	margin-left:220px;
}
form fieldset ul.modifVisuel li{
	margin-bottom:4px;
	border-bottom:1px solid #f0f0f0;
	padding-bottom:5px; 
}

span.labelExplic{
	display:block;
	background-color:#FFF9EF;border:1px solid #EFE4D1; /*Comme infos*/
	padding:8px;
	font-size : 0.9em;
	margin-top:8px;
	text-align:left;
	font-weight:normal;
	line-height:1.5em;
}

span.explicationsChamps{
	color:#333;
	display:block;
	font-size:0.9em;
	font-style:italic;
	line-height:1.1em;
	margin-top:4px;
}

/**** Formulaire d'ajout de site ****/
form#addSearchSiteForm{}
form#addSearchSiteForm p{margin:8px 0;}

/* tableaux */
table,table tr,table tr td{font-size:1em;margin:0;padding:0}

/* TOOLTIP popup DIV collante +légére.. */
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:1em;
   text-align:left;
}

/* autre */
hr{margin:0;border:none;height:1px;clear:both;}
.important{color:#ff0000;}
p.important{font-size:0.9em;}
.clr {clear: both;margin:0;padding:0;font-size: 1px;height: 1px;border:none;background:none;color:#fff;}
.mini{font-size:0.8em;margin-left:16px;}

.alignL, .alignG{text-align:left;}
.alignC{text-align:center;}
.alignR, .alignD{text-align:right;}
.alignJ{text-align:justify;}

/* ###########################################################
		LES STYLES POUR TOUTES LES PAGES
########################################################### */
/** ARTICLES **/
#article #infosArticle
{
	border-bottom:1px dotted #fbc7aa;
	padding-bottom:2px;
	color:#f2673a;
}

#article #infosArticle p#catArticle
{
	width:200px;
	float:left;
}

#article #infosArticle p#dateArticle
{
	width:199px;
	float:left;
	text-align:right;
}

#facebook-fan-box{
	margin-top:7px
}

#article h3{text-align:center;font-weight:bold;margin:10px 0;}
#article p#chapoArticle{font-size:0.85em;}
#article img{margin:10px 0;}

/** BILLETS **/
.demiColCentre{width:179px;float:left;text-align:center;margin-top:20px;}
.demiColCentre.last{margin-left:40px;}
.demiColCentre .chapo_demiColCentre{border-bottom:2px solid #f2673a;padding-bottom:10px;margin-bottom:10px;}
.demiColCentre .chapo_demiColCentre .theme{text-transform:uppercase;font-size:0.9em;}
.demiColCentre .chapo_demiColCentre .mini{font-size:0.85em;}
.demiColCentre .billetCentre{border-bottom:1px dotted #fbc7aa;padding-bottom:10px;margin-bottom:10px;}
.demiColCentre .billetCentre p.infosBilletCentre span{color:#f2673a;font-size:0.85em;}

/** Evénements **/
.events-box h3{margin-top:25px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #f2673a;}
#colCentre .events-box h3{margin-top:0}
.events-box .evenement{border-bottom:1px dotted #fbc7aa;padding-bottom:10px;margin-bottom:10px;}
.events-box h4{color:#000;font-weight:lighter;font-size:1.6em;margin:4px 0;}
.events-box .evenement p.categorie{font-size:0.85em;text-transform:uppercase;position:relative;}
.events-box .evenement p.adresse
{
	font-size:0.75em;
	background:#fff url(../images/ico-cataloonya-salle.png) no-repeat 0 -1px;
	padding-left:15px;
}

p.categorie a {color:#F2673A}

p.categorie span.dateEvent{
	position : absolute;
	right : 0;
	
	background-color : #F2673A;
	color : #000;
	padding : 0 2px;
}


#resultTitle{}
#resultTitle span{position:static;color:#F2673A}
/* ###########################################################
		BLOC PUBS
########################################################### */
div.pub_300x250{
	width:300px;
	margin:0 auto;
}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris trés foncé*/
	/*background: url(../images/fond_gris_01.png) repeat-x ;*/
	float: right;
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris trés foncé*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris trés foncé*/;padding:2px 4px 2px 4px;}


#FBR{float:left;margin : 0 12px 12px 0;}
#FBR img{margin:0}

.boxInformations{padding:8px;}
.boxErrors{background-color:#FFEFF1;border:1px solid #EFD1D5}
.boxValid{background-color:#effff1;border:1px solid #e0efe2}
.boxInfo{background-color:#FFF9EF;border:1px solid #EFE4D1}