/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	Centralise les styles du #contenu :
/********************************************************************************************************/

p img { float:none; margin:0 }

/* TITRE
/********************************************************************************************************/
h1,h2,h3,h4,h5,h6 {}
#contenu h1 { color:#3d7cbb; font-size:1.8em}
#contenu h2 { font-size:1.6em}
#contenu h3 {/*color:#3d7cbb;*/font-size:1.4em}
#contenu h4 { font-size:1.2em}
#contenu h5 {/*color:#3d7cbb;*/ font-size:1em}
#contenu h6 { font-size:1em}

.grandAvignon #contenu h1, .grandAvignon #contenu h2{ color:#7DB955}
.economie #contenu h1, .economie #contenu h2{ color:#E2001A}
.vivre #contenu h1, .vivre #contenu h2{ color:#4383BF}
.politique #contenu h1, .politique #contenu h2{ color:#CA8D01}
.travaux #contenu h1, .travaux #contenu h2{ color:#004419}

.grandAvignon #contenu .list a{ color:#7DB955}
.rubImage #contenu .list img{display:block;}
.economie #contenu .list a{ color:#E2001A}
.vivre #contenu .list a{ color:#4383BF}
.politique #contenu .list a{ color:#CA8D01}
.travaux #contenu .list a{ color:#004419}

/*
.grandAvignon #colonneDroite .actualites a{ color:#7DB955}
.economie #colonneDroite .actualites a{ color:#E2001A}
.vivre #colonneDroite .actualites a{ color:#4383BF}
.politique #colonneDroite .actualites a{ color:#CA8D01}
.travaux #colonneDroite .actualites a{ color:#004419}
*/

p#chapeau{ border:1px dotted #ccc; border-width:1px 0; padding:1em 0; font-weight:bold}
.vert, .vert h2, .vert h3, .vert h4{color:#00CC33!important;}
.orange, .orange h2, .orange h3, .orange h4{color:#FF6600!important;}
.violet, .violet h2, .violet h3, .violet h4{color:#990066!important;}

#contenu .grandAvignon, #colonneDroite .grandAvignon { color:#7DB955!important;}
#contenu .economie, #colonneDroite .economie { color:#E2001A!important;}
#contenu .vivre, #colonneDroite .vivre { color:#4383BF!important;}
#contenu .politique, #colonneDroite .politique { color:#CA8D01!important;}
#contenu .travaux, #colonneDroite .travaux { color:#004419!important;}

.important{color:#CC0000!important;}

/* ENCARTS
/*******************************************************************************************************/
#contenu .encart{background-color:#e4e4e4;padding:10px;clear:both; margin:10px 0;}


/* TABLEAU 
/*-------------------------------------------------------------------------------------------------------*/
#contenu table {background-color:#fff; width:100%; font-size:90%; border:0}
#contenu td,#contenu  th,#contenu  caption { border:1px solid #fff; padding:0.3em}
#contenu th,#contenu   thead tr  {font-weight:bold; text-align:center; background:#999; color:#000}
#contenu caption {background:#666; margin:1em 0 0;color:#fff;font-weight:bold}
#contenu tr { background-color:#e4e4e4;}
#contenu .tableauLigneAlternee{background-color:#d2d2d2;}

/* TABLEAU*/
/*******************************************************************************************************
#contenu table {background-color:#fff; width:100%; font-size:90%; border:0}
#contenu td,#contenu th, #contenu caption { border:1px solid #fff; padding:0.3em}
#contenu th, #contenu thead tr  {font-weight:bold; text-align:center; background:#999; color:#000}
#contenu caption {background:#666; margin:1em 0 0;color:#fff;font-weight:bold}
#contenu tr { background-color:#e4e4e4;}
#contenu .tableauLigneAlternee{background-color:#d2d2d2;}
#contenu table.contenttable {border:1px solid #000000;border-width:1px 0 0 1px;}
#contenu table.contenttable td, #contenu table.contenttable th {border:1px solid #000000;border-width:0 1px 1px 0;}
#contenu table.contenttable h3 ,#contenu table.contenttable h4, #contenu table.contenttable p{margin:0;}
/*SOMMAIRE*/
/*******************************************************************************************************
#navigationNiveau4{float:right;background-color:#E3F4D9; width:200px; margin:0px 0px 0px 5px; padding:0px;}
#navigationNiveau4 h2 {text-align:center; margin:4px 0px 0px 0px; padding:0;}
#navigationNiveau4 a{ color:#000}
#navigationNiveau4 .on a{font-weight:bold;}
#navigationNiveau4 ul{padding:0; margin: 0 5px;	list-style-type:none; font-size:90%;}

/*IMAGES*/
/*******************************************************************************************************/
#contenu .galerie {overflow:hidden;}
#contenu .galerie .ImageBoite{width:460px;}
#contenu .ImageBoite{ border:1px solid #ccc; background:#e4e4e4;font-size:90%; float:left;}
#contenu .g2colonnes .ImageBoite{width:220px;margin: 0 24px 10px 0;height:230px;}
#contenu .g2colonnes .colonne2{margin: 0 0 10px 0;}
#contenu .g3colonnes .ImageBoite{width:150px;margin: 0 6px 10px 0;height:187px;}
#contenu .g3colonnes .colonne3{margin: 0 0 10px 0;}
#contenu .ImageTitle{ margin:0; padding:2px 5px; font-weight:bold;}
#contenu .ImageDescription{ margin:0; padding:2px 5px}
#contenu .ImageLegende{ margin:0; padding:2px 5px}
#contenu .ImageCopyright{ margin:0; padding:2px 5px; color:#999999}