/*** CHANDOLAS.CSS : Site Chandolas  ***/

body
{
    background: url(./Pictures/background2010.gif);
    margin-top: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    margin-right: 0cm;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #36367e;
    text-align: center;
}
#pageindex
{
    margin-top: 0.5cm;
}
#page2
{
    margin-right: auto;
    margin-left: auto;
    width: 770px;
    text-align: left;
}
#page2admin
{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    text-align: left;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*  HEADER + MENU  */

#page2header
{
	position: relative;
	background-image: url(./Pictures/Chando-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 770px;
	height: 160px;
    border-top: #003E5E 4px solid; /* #913E02 */
    border-left: #003E5E 2px solid; /* #913E02 */
    border-right: #003E5E 2px solid; /* #913E02 */
}
#page2headeradmin
{
	position: relative;
	background-image: url(./Pictures-Admin/Admin-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 160px;
    border-top: #003E5E 4px solid; /* #913E02 */
    border-left: #003E5E 2px solid; /* #913E02 */
    border-right: #003E5E 2px solid; /* #913E02 */
}
/* Caractéristiques du menu */

#menu {
	position: absolute;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	z-index:100;
	width: 770px;
	background-repeat: no-repeat;
	background-position: left top;
    BORDER-LEFT: #003E5E 2px solid; /* #913E02 */
    BORDER-RIGHT: #003E5E 2px solid; /* #913E02 */
    top: 160px;
    height: 50px;
	background-image: url(./Pictures/menu-fond-bleu-2010.jpg);
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*<dl> introduit une liste de définitions (dl = definition list = liste de définitions). */
#menu dl {
	float: left;
	width: 220px;
	vertical-align: middle;
}
#menu1 dl {
	float: left;
	width: 130px; /* 2eme ligne : menu communal */
	vertical-align: middle;
}
#menu2 dl {
	float: left;
	width: 280px; /* 2eme ligne : menu communal */
	vertical-align: middle;
}
#menu3 dl {
	float: left;
	width: 180px; /* 2eme ligne : les 2 autres  : 330+220+220 = 770 */
	vertical-align: middle;
}
#menus dl {
	width: 128px; /* 1er ligne de menu : 7 * 110 = 770 et 6 = 128 */
}
/* <dt> introduit une expression à définir (dt = definition (list) term = terme dans la liste de définitions) */
#menu dt {
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	margin-left:5px;
	line-height: 25px;
}
#menu dt a:hover {
	text-decoration: underline;
}
/* <dd> introduit la définition d'une expression (dd = definition (list) definition = définition dans la liste de définitions) */
#menu dd {
    display: none;
	background-color:#78ADDB; /* #CA7C4A */
    border: 1px solid #003E5E; /* #913E02 */
}
#menu li {
	text-align: center;
	text-indent:5px;
	font-size: 8pt;
}
#menu li a, #menu dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li a:hover , #menu li a:focus {
	background-color:#EB8D23;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

#page2corps {
  	background-color:#E9E9E9; /* #FEF0AF; */
	position: absolute;
	top: 210px;
	width:770px;
	margin:0;
	padding:0;
    border-left: #003E5E 2px solid; /* #913E02 */
    border-right: #003E5E 2px solid; /* #913E02 */
    border-bottom: #003E5E 4px solid; /* #913E02 */
    text-align: justify;
	z-index: 1;
}
#page2corpsadmin {
  	background-color:#E9E9E9; /* #FEF0AF; */
	position: absolute;
	top:  160px; 
	width: 960px; 
	margin:0;
	padding:0;
    border-left: #003E5E 2px solid; /* #913E02 */
    border-right: #003E5E 2px solid; /* #913E02 */
    border-bottom: #003E5E 4px solid; /* #913E02 */
    text-align: justify;
	z-index: 1;
}
#page2corps a, #page2corpsadmin a
{
  	text-decoration: none;
	color: #003E5E; /* #913E02 */
}
#page2corps a:hover, #page2corpsadmin a:hover
{
  	text-decoration: underline;
}
#page2corps a.petit, #page2corpsadmin a.petit
{
    COLOR: #36367e;
    FONT-SIZE: 8pt
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Pages Activités */

#page3
{
    margin-right: auto;
    margin-left: auto;
  	background-color:#FFFFFF;
  	text-align: left;
	width: 770px;
	border-top: #003E5E 4px solid; /* #913E02 */
    border-left: #003E5E 2px solid; /* #913E02 */
    border-right: #003E5E 2px solid; /* #913E02 */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Menu Asso Images */

#menugauche a {
	color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
	height: 100%;
	border: 0 none;
}
#trailer
{
    background-color:#003E5E; /* #913E02 */
    padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0;

}
#trailer a, #trailer p {
	text-decoration: none;
	color: #FFFFFF;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

P
{
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
P.Rouge
{
    COLOR: #D64A07;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
P.Small
{
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
P.TitreG, A.TitreG
{
    COLOR: #1F7703;
    FONT-FAMILY: "Brush Script", "Brush Script MT", Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 20pt;
    text-decoration: none;
}
P.TitreD, A.TitreD
{
    COLOR: #A00942;
    FONT-FAMILY: "Brush Script", "Brush Script MT", Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 20pt;
    text-decoration: none;

}
.artiste {font-size: 16pt; font-family: "Times New Roman"; color: #003E5E;} /* #913E02 */

A
{
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}

LI
{
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
}
LI.SMALL
{
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: left
}
H1
{
    BORDER-BOTTOM: #FA9B41 1px solid;
    COLOR: #003E5E; /* #913E02 */
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    TEXT-ALIGN: right;
    MARGIN-RIGHT: 10px;
}
H2
{
    BORDER-BOTTOM: #faaf00 1px solid;
    COLOR: #faaf00;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: uppercase
}
H3
{
    COLOR: #faaf00;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: uppercase;
	TEXT-DECORATION: underline;
}
H4
{
    COLOR: #323284;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: uppercase
}
H5 /* utilisé pour la page d'accueil */
{
    color: #FF6633; /* orange */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
}
H6
{
    COLOR: #8282b0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: uppercase
}

/* Définition des tableaux : id avecbordure remplace id tableau dans les pages ADMIN V2 */

#tableau table, #avecbordure table, table.encadre {
    border-width:1px;
    border-style:solid;
    border-color:#36367e;
	border-collapse:collapse;
	width: 700px;
}
td
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
td.topcenter /* utilisé dans les modules ADMIN */
{
    vertical-align:top; 
	text-align:center;
}
#tableau td, #avecbordure td, td.encadre {
	background-color:#FFFFFF;
	border: 1px solid #36367E; /* bleu foncé */
    border-collapse:collapse;
    padding:4px;
    margin:0px;
    color: #36367E;
	vertical-align:top; 
}
td.encadregris {
	background-color: #EEEEEE;
	border: 1px solid #36367E; /* bleu foncé */
    border-collapse:collapse;
    padding:4px;
    margin:0px;
    color: #36367E;
	vertical-align:top; 
}
TH
{
    BACKGROUND-COLOR: #CA7C4A;
    COLOR: #323284;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 25px;
    TEXT-ALIGN: middle
}
#tableau th, #avecbordure th, th.encadre {
    border-width:1px;
    border-style:solid;
    border-color:#36367e;
    border-collapse:collapse;
    padding:4px;
    margin:0px;
	text-align: center; 
    color: #FFFFFF;
    FONT-SIZE: 8pt;
	font-weight: bold;
}
#sansbordure table{
	border: 0px;
	border-collapse:collapse;
}
#sansbordure td{
	background-color: #FFFFFF;
	border: 0px;
    border-collapse:collapse;
    padding:4px;
    margin:0px;
    color: #36367e;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

table.ann {
	border: 1px solid #0775B0; /* bleu récupéré de rtl info */
	border-collapse: collapse;
	width: 280px;
	padding: 5px;
}
th.ann {
	background-color: #0775B0;
	border: 1px solid #0775B0;
    border-collapse: collapse;
    padding: 8px;
    margin: 0px;
	text-align: center; 
    color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}
td.ann {
	background-color: #FFFFFF;
    padding: 8px;
    margin: 0px;
    color: #36367E;
	font-size: 10pt;
	vertical-align:top; 
}
.ann-lien {
	float: right;
    color: #3399FF; /* bleu clair */
	font-size: 9pt;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

INPUT, SELECT, TEXTAREA
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM: #36367e 1px solid;
    BORDER-LEFT: #36367e 1px solid;
    BORDER-RIGHT: #36367e 1px solid;
    BORDER-TOP: #36367e 1px solid;
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
input.rouge
{
    color: red;
}
input.case
{
    border: 0px;
}

input.action {
	background-color: #ffa20f; /* orange */
	border: #A26E0A 2px outset; /* brun */
	color: #000000; /* noir */

}
input.submit {
	background-color: #006633; /* vert */
	border: #003F1F 2px outset; /* vert foncé */
	color: #ffffff; /* blanc */
	font-weight: bold;
}
input.init {
	background-color: #666666; /* gris */
	border: #383838 2px outset; /* gris foncé */
    color: #ffffff; /* blanc */
	font-weight: bold;
}
input.enregistrer {
	background-image: url(./Pictures/enregistrer.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 100px;
	height: 27px;
}
input.reinitialiser {
	background-image: url(./Pictures/reinitialiser.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 100px;
	height: 27px;
}