div, h1, h2, h3, table, tr, td {
	text-align: left;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;	
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	text-align: center;
}

/* @group General styling */

#pagecontainer
{
	margin: 0px;
	width: 820px;
	float: left;
	background-color: white;
	background-image: url(img/fond_pc.gif);
	background-repeat: repeat-y;
}

#mainmenu
{
	float: left;
	width: 200px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
	text-align: left;
	background-color: white;
}

#maincontent
{
	padding: 10px 0px 0px 10px;
	margin: 0px;
	float: left;
	width: 435px;
	text-decoration: none;
}

#rightcol
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	float: right;
}

#lien_accueil a
{
	color: gray;
}

#copyright
{
	margin: 0px;
	padding: 0px 10px 0px 10px;
	width: 800px;
	float: left;
	font-size: 8pt;
	color: gray;
	background: #000000;
	line-height: 20px;
	text-align: left;
}

#copyright a
{	
	color: gray;
}

/* @end */



/* @group mainmenu */

#mainmenu .titremenu
{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	text-align: left;
	text-indent: 2px;
	font-size: 9pt;
	letter-spacing: 1px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#mainmenu .titremenu:first-letter
{
	color: #FDB94D;
	font-size: 10pt;
	font-weight: bolder;	
}

#mainmenu a
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
}

#mainmenu a:hover
{
	color: #FDB94D; 
	text-decoration: underline;
}

#mainmenu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainmenu li 
{ 
	padding-left: 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainmenu .rubriquesmenu
{
	background: #5A91AC;
	margin: 0px;
	padding: 2px 0px 10px 5px;
	border-right: 10px solid #ffffff;
}

#mainmenu .boite
{
	margin-right: 10px;
	margin-bottom: 3px;
	padding: 4px;
	background: #6a9ab2;
	border: 1px solid #ffffff;
	margin-left: 5px;
}

div.boite p
{
	margin-top: 4px;
	margin-left: 10px;
	font-size: 10px;
	padding-bottom: 5px;
}

/* @end */


/* @group accueil */
table#home tr td {
	text-align: center;
}
/* @end */


/* @group maincontent */
#logo
{
	margin: 5px 0px 0px 20px;
	padding: 0px;
	float: left;
	border: 0px;
}

h1
{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	height: 65px;
	border-bottom: 10px solid #000000;
	color: #1C5677;
	font-size: 38pt;
	font-weight: 400;
	font-family: 'times new roman', serif;
	line-height: 56px;
	text-align: right;
	background: #5A91AC;
}


h2
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 20pt;
	font-family: arial, sans-serif;
	color: #FD8F4D;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	clear: both;
}


h3
{
	font-size: 16pt;
	font-family: arial, sans-serif;
	color: #FDB94D;
	font-weight: bold;
	border-bottom: #FDB94D;
	border-width: 0 0 2px 0;
	border-style: none none dashed none;
	clear: both;
	text-align: left;
	margin-top: 7px;
	margin-bottom: 5px;
}

h4
{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 10pt;
	color: #1C5677;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	clear: both;
}

h4 a
{
	color: #FDB94D;
}

h4 a:hover
{
	color: #FDB94D;
}

h5
{
	margin: 10px 0px -4px 0px;
	padding: 0px;
	font-size: 7pt;
	color: #FD8F4D;
	font-style: italic;
	clear: both;
	font-weight: bold;
}

h6
{
	margin: 0px;
	font-size: 8pt;
	color: #1C5677;
	font-style: italic;
	font-weight: bold;
	clear: both;
	padding: 0px;
	margin-top: 4px;
}

#intro p
{
	margin: 0px;
	padding: 0px;
	font-style: italic;
	color: #1C5677;
	font-family: 'times new roman', serif;
	font-size: 10pt;
	vertical-align: middle;
	text-align:justify;
	text-indent: 11px;
}

#intro p:first-letter
{
	font-weight: bold;
	font-size: 12pt;
}

#intro img
{
/*	width: 130px; */
  text-align: center;
}

#intro a
{
	COLOR: #FD8F4D;
}

p
{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-style: normal;
	color: #232A3C;
	font-family: 'times new roman', serif;
	font-size: 9pt;
	text-align: justify;
}


#maincontent ul {
	padding-top: 0px;
	margin-top: 0px;
}

#maincontent li {
	padding-top: 0px;
	margin-top: 0px;
	font-style: normal;
	color: #232A3C;
	font-family: 'times new roman', serif;
	font-size: 9pt;
	text-align: justify;
}


.titre_libre {
	font-style: italic; 
	color: #FD8F4D; 
	font-weight: bold;
}

.tableau_content
{
	margin: 4px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #232A3C;
	font-family: 'times new roman', serif;
	font-size: 9pt;
}

#maincontent img
{
	margin: 4px;
	float: left;
	border: none;
}

#maincontent .prof
{
	font-weight: bold;
}


a
{
	COLOR: #1C5677;
	text-decoration: none;
	font-style: italic;
}

a>img
{
	text-decoration: none;
}

a:hover
{
	COLOR: #1C5677;
	text-decoration: underline;
}

.horaires a {color: #FD8F4D;}
.horaires a:hover {color: #1C5677;text-decoration: underline;}


.horaires
{
	font-weight: normal;
	font-style: italic;	
	font-family: arial, sans-serif;
	color: #1C5677;
}

.adresse
{
	font-weight: normal;
	font-style: italic;
	font-family: arial, sans-serif;
	color: black;
	font-size: 8pt;
	float: left;
	text-align: left;
	width: 200px;
	margin: 5px 0px 5px 8px;
	padding: 2px;
	background-color: #6895AB; 
}

.adresse h4
{
	color: white;
	background: #47748A; 
	margin: 0px;
	padding-left: 2px;
}


.titrebold 
{ 
	font-weight: bold; 
}


#tableau_horaires
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 8px;
	background: white;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	color: white;
	border: 1px solid #47748A;
	clear: both;
}

#tableau_horaires .titre
{
	background: #47748A;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	padding: 2px 0px 2px 0px;
}


#tableau_horaires ul
{
	margin: 0px;
	padding-left: 20px;	
}

#tableau_horaires li.ligne_1
{
	padding-top: 5px;
	font-weight: normal;
	color: black;
	text-align: left;
	font-size: 9pt;
}

#tableau_horaires li.ligne_2
{
	padding: 0px;	
	font-weight: normal;
	color: #47748A;
	text-align: left;
	font-style: italic;
	font-size: 8pt;
	line-height: 11pt;
	list-style-type: none;
}

#tableau_horaires .premier_mot
{
	font-weight: bold;	
}

.carousel {
	border: 1px solid #47748A;
	width: 100%;
	height: 350px;
	margin-bottom: 5px; 
	overflow: auto;
}

.carousel img {
	float: left;
}

.legende {
	margin-left: 4px;
	clear: both;
}


/* @end */


/* @group Form */
.input_text {
	margin-top: 4px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 0px;
	padding: 0px;
	font-size: 8pt;
	text-align: left;
}
/* @end */


/* @group actu */
#actu_content
{
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

.actu
{
	margin: 0px;
	padding: 0px 0px 2px 0px;
	width: 260px;
	background: #FCEDD5;
	text-align: left;
}

.actu_titre
{
	margin: 0px 0px 2px 0px;
	padding: 2px;
	background: #1C5677;
	color: white;
	font-weight: bold;
}

.actu_txt
{
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

#actu_content img
{
	margin: 0px;
	padding: 3px;
	width: 50px;
	height: 50px;
	float: left;
}

#actu_content a
{
	float: right;
	clear: both;
}


.panier {
	font-size: 10pt; 
	color: #1C5677;
}

.panier tr.total {
	font-weight: bold;
}

.panier tr.total td {
	border-top: 1px solid #1C5677;
}

/* @end */



/* @group rightcol */

#lien_accueil
{
	margin: 0px;
	padding: 0px 5px 70px 0px;
	float: right;
	width: 150px;
	text-align: right;
}

.tg
{
	background: #ffffff;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	width: 150px;
	float: right;
}

.titre_tg
{
	border-bottom: 1px solid #5A91AC;
	border-top: 1px solid #5A91AC;
	text-align: left;
	font-size: 8pt;
	height: 18px;
	padding-left: 28px;
	letter-spacing: -1px;
}

.titre_tg.public
{
	background: white url(img/picto_public.gif) no-repeat 0px 1px;
}

.titre_tg.bibliographie
{
	background: white url(img/picto_bibliographie.gif) no-repeat 0px 1px;
}

.titre_tg.reinscription
{
	background: white url(img/picto_reinscription.gif) no-repeat 0px 1px;
}

.titre_tg.spectacle
{
	background: white url(img/picto_spectacle.gif) no-repeat 0px 1px;
}

.titre_tg.calendrier
{
	background: white url(img/picto_calendrier.gif) no-repeat 0px 1px;
}

.titre_tg.sorties
{
	background: url(img/picto_sorties.gif) no-repeat 1px 1px;
}

.titre_tg.sorties_parisiennes
{
	background: url(img/picto_sorties_parisiennes.gif) no-repeat 1px 1px;
}

.titre_tg.tenues
{
	background: url(img/picto_tenues.gif) no-repeat 1px 1px;
}

.titre_tg.pa
{
	background: url(img/picto_pa.gif) no-repeat 1px 1px;
}

.boite
{
	background: #FCEDD5;
	margin-left: 10px;
	padding: 8px 2px 8px 4px;
	text-align: left;
	font-size: 7pt;
}

.boite>p
{
	font-family: arial;
	font-size: 8pt;
}

.boite ul
{
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.boite li
{
	padding: 3px 0px 0px 0px;
}

.boite.photo
{
	text-align: center;
}

.adresse_contact
{
	margin-top: 0px;
}

.adresse_contact .titre 
{
	font-weight: bold; 
}

.inscription {
	font-size: 9pt;
	height: 25px;
}

.inscription img {
	margin-left: 3px;
	margin-right: 10px;
	float: left;
}

.inscription .titre {
	font-size: 9pt;
	font-weight: bold;
	color: #FDB94D;
}


.gras {
	font-weight: bold;
}

#mainmenu a.titre {
	font-weight: bold;
	color: #FDB94D;
}

/* @end */

/* @group Form Inscription */

form.inscriptionForm input {
	width: 175px;
	font-size: 9pt;
}

form.inscriptionForm div.group {
	border: 1px solid lightgrey;
	background-color: #ffffff; 
	padding: 4px; 
	margin-bottom: 10px;
}

form.inscriptionForm h4 {
	margin: 0px;
	padding: 3px;
	background-color: #1C5677;
	color: #ffffff;
}

form.inscriptionForm input.chckb {
	width: 10px;
	font-size: 11pt;
	margin-left: 4px;
}

form.inscriptionForm label {
	font-size: 8pt;
}

form.inscriptionForm textarea {
	width: 200px;
	font-size: 9pt;
}

form.inscriptionForm select {
	width: 330px;
	font-size: 9pt;
}

/* @end */

/* @group Images */

#vignette_page
{
	float: right;
}	
/* @end */



/* @group Footer */
#copyright .url
{
	float: right;
	display: none;
}
/* @end */