/*  styles page  */

html,body{
	margin:0;
	padding:0;
}

body{
	font-size: 0.75em;
/*	font-family: Verdana, Geneva, sans-serif; michel */
	font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
/*	background: #0A0606 url('../img/bkg-FondSite1.jpg') no-repeat center top / cover;*/ /* image non répétitif */
	background: black;
	color: black;
}










	/*  liens hypertext  */
	
a:link { text-decoration: none; color:#777; }
a:visited { color:#777; }
a:hover { color:#E02; }

	/*  présentation des textes  */

b {font-weight:bold;}

p {margin:0;}

.texteAccueil , .texteAccueilSmall {}
/* 1.6em */
h1{
font-size:1.6em;
font-weight:bold;
color:#E02;
margin:10px 0px 0px 23px;
}
.titre1{margin:0;font-size:1.6em;font-weight:bold;text-align:center;}

/*1.4em */
h2 {margin:0; font-size:1.4em;}
.titreAccueil {margin:0; font-size:1.4em;font-weight:bold;}
.titreAccueilBig {margin:0;font-size:1.4em;font-weight:bold;}
.titre2 {margin:0; font-size:1.4em;}

/*1.2em inter */
h3 {margin:0; font-size:1.2em;color:#E02;font-weight:bold;}

/*1.1em */
.titreAnnonce, .titreAlert {
margin:0;
font-size:1.1em;
font-weight:bold;
color:#E02;
}
.texteChapeau, .texteAccueilBold {
margin:0;
font-size:1.1em;
font-weight:bold;
color:black;
}
.texteAccueilItalic  {
	font-size: 1.1em;
	font-style: italic;	
}

/* taille body */
h4 {margin: 0;}

h5 {
	font-size: 0.85em;
	color:#282550;
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#ffe3e3;
	text-indent:5px;
	text-align:center;
	height:20px;
	line-height:20px;
}

hr {
	clear: both;
	visibility: hidden;
	margin-left:23px;
	margin-right:23px;
}


	/*  divers  */

.droite {
	text-align:right;
}

.red {
	color: #E02;
}
.redBold {
	color:#E02;
	font-weight:bold;
}

.center {
	text-align:center;
}

.redcenter {
	text-align:center;
	color: #E02;
}

.clear {
	clear:both;
}

.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


td {
	margin:0;
}

/*  conteneur = page de largeur fixe 1024
		header
			header-fond
				header-logo
				header-ltdt
				header-google
		menuH1
		contenu    = partie principale : largeur 1024 hauteur min = 440  padding top&bottom=10, right&left=40
 	    footer     = pied de page
			fin
*/

div#header {
/*	height: 200px; suppression du bandoneon */
	height:120px;
	width:1024px;
	margin:0;
}
div#header-fond {
	position:absolute;
/*	height: 200px; suppression du bandoneon */
	height: 120px;
	width: 1024px;
	margin:0;
	margin-left:0px;
}

div#header-logo {
	position:absolute;
	/* top:60px; suppression du bandoneon */
	bottom:0px;
	left:0px;
}
div#header-ltdt {
	position:absolute;
	/* top:60px; suppression du bandoneon */
	top:35px;
	left:130px;
}
div#header-flagfr {
	position:absolute;
	bottom:0px;
	left:0px;
}
div#header-flaguk {
	position:absolute;
	/* en face de Le Temps du Tango */
	top:90px;
	right:0px;
}
div#header-flagar {
	position:absolute;
	top:107px;
	right:70px;
}

div#conteneur {
	width:1024px;
	margin:0 auto;
	text-align:left;
	height:100%;
}
div#contenu {
	margin-top: 5px;
	padding:23px 23px 23px 23px;
	min-height: 440px;
	background-color:#F9F9FB;
	/*border-radius: 20px;*/
	height:auto;
}
div#footer {
	padding: 0;
	color: white;
	font-size: 0.9em;
}
div#fin {
	clear:left;
	width:100%;
	color: white;
}

/*  conteneur interne à la page centrale pour flyer, news, etc. */

		/* page d'accueil */
	
/*.rubricAccueil1 {
float:left;
width:300px;
padding: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 2px;
border-style: double;
border-color: #FFCC33;
}*/

.rubricAccueil2 {
float:left;
width:350px;
padding-left: 23px;
padding-right: 23px;
/*border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #FFCC33;*/
}
/* accueil, salonline */
.rubricRight {
float:right;
width:280px;
padding-left:23px;
padding-right:23px;
font-size:0.9em;
}

.boxl1 {
float:left;
width:275px;
margin: 20px 5px 5px 0px;
padding: 5px 5px 5px 5px;
background-color: #FFF;
border: 2px solid black ;
border-top-left-radius: 20px ;
box-shadow: 3px 3px 3px #888888;	
}

.boxl2 {
float:left;
width:365px;
margin: 20px 5px 5px 0px;
padding: 5px 5px 5px 5px;
background-color: #FFF;
border: 2px solid black ;
border-top-left-radius: 20px ;
box-shadow: 3px 3px 3px #888888;
}

.noboxl1 {
float:left;
width:295px;
margin: 0px;
padding: 5px 5px 5px 5px;
}

.noboxl2 {
float:left;
width:385px;
margin: 0px;
padding: 5px 5px 5px 5px;
}
/* showFlyerxxx */








	/*  bouton lien avec fond blanc */
.textfield
{
  font-family:"Segoe Print", Verdan, Arial;
  -moz-border-radius:4px;
  border:1px solid gray;
  border-radius:4px;
  background-image:url(images/papier.jpg);
  padding-left:8px;
}
/*  bouton lien  */
a.buttonbox:link, a.buttonbox:visited, a.buttonbox:hover {
display:block;
background-color: #FFFFFF;
text-decoration: none;
line-height:20px;
width:100%;
text-align:center;
vertical-align:middle;
border-radius: 4px ;
-moz-border-radius:4px;
 border:1px solid gray;
}

a.buttonrect:link, a.buttonrect:visited, a.buttonrect:hover {
display:block;
background-color: #FFFFFF;
text-decoration: none;
line-height:20px;
width:100%;
text-align:center;
vertical-align:middle;
border-radius: 4px ;
-moz-border-radius:4px;
 border:1px solid gray;
}

a.buttonrectdisabled:link, a.buttonrectdisabled:visited, a.buttonrectdisabled:hover {
display:block;
background-color: #FFFFFF;
text-decoration: none;
line-height:20px;
width:100%;
text-align:center;
vertical-align:middle;
border-radius: 4px ;
border:1px solid gray;
pointer-events: none;
}
a.buttonSavoir:link, a.buttonSavoir:visited, a.buttonSavoir:hover  {
/*color: #08C;*/
color: #777777;
text-decoration: none;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #777777;
border-style: solid;
}
	/* lien hypertext */
a.buttonLink:link, a.buttonLink:visited, a.buttonLink:hover  {
/*color: #08C;*/
color: #777777;
text-decoration: none;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #777777;
border-style: solid;
}

	/*  page deux colonnes */
	
.rubric {
float:left;
width:443px;
padding: 5px 23px 5px 23px;
}

iframe {
width:100%;
border:0;
overflow:hidden;
margin: 0 0 0 0;
}
	/*  image dans rubric  */
img.rubricimg  {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width:100%;
}
	/*  page trois colonnes  */

.rubric3 {
float:left;
width:280px;
padding-right: 23px;
padding-left: 23px;
}








.rubric3box {
float:left;
width:280px;
padding-right: 23px;
padding-left: 23px;
border-width:1px;
border-style:solid;
border-color:#E02;
/*border-top-left-radius: 20px;
box-shadow: 3px 3px 3px #888888;*/
}

	/*  texte occupant toute la largeur de la colonne  */

.prubric {
	text-align:justify;
	/* pas de césure hyphens */
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
hyphens: none;
padding-top:5px;
padding-bottom:5px;	
}

	/* page 2/3 - 1/3  */

.deuxtiers_right {
float:right;
width:606px;
padding-right: 23px;
padding-left: 23px;

}

.deuxtiers_left {
float:left;
width:606px;
padding-right: 23px;
padding-left: 23px;

}

.untiers_right {
float:right;
width:280px;
padding-right: 23px;
padding-left: 23px;

}

.untiers_left {
float:left;
width:280px;
padding-right: 23px;
padding-left: 23px;

}

	/*  Dernières nouvelles  */
	
a.date-art:link, a.date-art:visited {
/*font-size: 1.3em;*/
font-weight: bold;
color: #222;
}
a.date-art:hover {
/*font-size: 1.3em;*/
font-weight: bold;
color: #666;
}.date-art-nolink {
/*font-size: 1.3em;*/
font-weight: bold;
color: #222;
}

div#shortnews1 {
border: 1px solid black ;
border-top-left-radius: 20px ;
box-shadow: 3px 3px 3px #888888;
}

div#shortnews_contenant1 {
height: 300px;
padding:5px 2px 0px 2px;
border: 1px solid black ;
background-color: #DDD;
overflow: auto;
}

	/*  Calendrier  */

div#calendrier {
height: 400px;
border: 1px solid black ;
/*border-top-left-radius: 20px ;*/
/*box-shadow: 3px 3px 3px #888888;*/
overflow: auto;
}
table.cal {
	width: 100%;
/*	border-top: 1px solid black;*/
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-collapse: collapse;
/*	background-color: white;*/
}
table.cal th {
border-bottom: 1px solid black ;
border-right: 1px solid black ;
	border-collapse: collapse;
/*	background-color: #B0B0B0;*/
	color:#E02;
	background-color: lightgrey;

	text-align:center;
}
table.cal td {
	padding: 2px;
	border: 1px solid black;
	border-collapse: collapse;
/*	background-color: white;*/
}
table.cal td.c1 {
	width: 12px;
}
table.cal td.c2 {
	width: 15px;
}
table.cal td.ci {
/*	background-color: #FFC;*/
}
table.cal td.ct {
/*	background-color: #FCF;*/
}
table.cal td.cm {
/*	background-color: #CFF;*/
}
table.cal td.cf {
/*	background-color: #CCF;*/
}
table.cc {
/* équivalent de width=100% */
 table-layout:auto;
 width:100%;
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;

 }
table.cc td { 
 border-width:1px;
 border-style:solid; 
 border-color:black;

 }
 table.cc th { 
 border-width:1px;
 border-style:solid; 
 border-color:black;
 }
table.cc col:first-child {
/*background-color:EFE9E9;*/
background: lightgrey;
}
table.cc tr:nth-child(1) { 
 /*background-color:#EFE9E9;*/
 background-color:lightgrey;
 }