/*
bleu   : 1c81ae
vert : 7b9d18
rouge  : ff0000
vert pale : e5f3d5
vert fonce : 21771b
*/

body {
color : #444;
font-family : arial;
font-size : 11px;
line-height: 140%
}

a {color : #1c81ae;}

a:hover {color : #7b9d18;}

h1, h2, h3, h4, h5, h6 {
line-height: 100%;
font-weight : normal;
}

h3.spip {
font-weight : bold;
padding-top : 10px;	
margin-bottom : 10px;
color : #1c81ae;
border-bottom : 2px solid  #1c81ae;
}

i.spip {color : #777;}

table.spip {
border : 1px solid #ccc;
width : 100%;
}

tr.row_odd td, tr.row_even td {
padding : 10px;
border-bottom : 1px solid #ccc;
border-right : 1px solid #ccc;
}

th {
color : #fff;
padding : 10px;
border-bottom : 1px solid #ccc;
border-right : 1px solid #ccc;
background-color : #1c81ae;
}

tr.row_even td {background-color : #e5f3d5;}

p.spip {
padding-top : 5px;
padding-bottom : 5px;
}

strong.spip {font-weight : bold;
}

.col10px{
width : 10px;
float : left;	
}

.col20px{
width : 20px;
float : left;	
}

.gout20px{
height : 20px;
}


hr, hr.spip {
height : 1px;
color : #333;
border : none;
border-top : 1px solid #ccc;
clear : both;
padding-bottom : 15px;
}

ul {
list-style : disc outside ;
margin-left : 13px;
}

li {padding-bottom : 3px;}

/* HEADER */

#tetierebleue {
background-color : #1c81ae;
color : #fff;
height : 80px;
text-align : center;
}

#tetierebleue a {
color : #fff;
text-decoration : none;
}

#tetierebleue a:hover {
text-decoration : underline;
}

#tetiereverte {
background-color : #7b9d18;
color : #fff;
height : 120px;
text-align : center;
}

#tetiereverte a {
color : #fff;
font-style : italic;
}

#tetiereverte a:hover {
color : #e5f3d5;
font-style : italic;
}

#titre {
width : 960px;
margin : auto;
text-align : left;
background-color : #1c81ae;
font-family : georgia;
font-size : 40px;
height : 80px;
background-image : url("deco-home.gif");
background-repeat : no-repeat;
background-position : center right;
}

#titre div {
padding : 20px;	
}

#soustitre {
font-family : georgia;
font-size : 30px;
color : #e5f3d5;
}

/* MENU */

#menu {
background-color : #333;
color : #fff;
height : 28px;
text-align : center;
}

#menu div {
width : 960px;
margin : auto;
text-align : center;
}

#menu li {
float : left;
text-align : left;
list-style : none;
padding-left : 10px; 
padding-right : 15px;
padding-top : 6px;
}

#menu a {
font-size : 11px;
color : #e5f3d5;
}

#menu a:hover {
color : #fff;
}

#edito {
width : 960px;
margin : auto;
padding-top : 12px;
text-align : left;
}

.coledito {
width : 320px;
float : left;
}

.coledito div {
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
}

.coledito p {
padding-top : 0px;
padding-bottom : 0px;
}

/* PAGE */

#page {
width : 960px;
margin : auto;
padding-top : 30px;
padding-bottom : 30px;
text-align : left;
}

/* RUBRIQUE*/

#rubrique {
float : left;
width : 280px;
}

#rubrique h3 {
font-family : georgia;
font-size : 26px;
color : #7b9d18;
margin-bottom : 10px;
}

#rubrique h3 img {
margin-right : 10px;
}

#rubrique h4 {
font-weight : bold;
color : #7b9d18;
margin-bottom : 10px;
}

#texterubrique {
margin-top : 10px;
margin-bottom : 10px; 
color : #7b9d18;
}

#contenurubrique {
float : left;
width : 620px;
}

.liste-articles-titre, 
.liste-rubriques-titre {
margin-top : 10px;
clear : both;
}

.liste-articles-titre a {
font-size : 18px;
font-family : georgia;
color : #1c81ae;
text-decoration : none;
}

.liste-rubriques-titre a {
font-size : 18px;
font-family : georgia;
color : #7b9d18;
text-decoration : none;
}



.liste-articles-titre a:hover, 
.liste-rubriques-titre a:hover {
text-decoration : underline;
}

.liste-articles-lien a, .liste-rubriques-lien a {
font-size : 11px;
font-family : arial;
text-decoration : underline;
color : #777;
}

.liste-articles-lien a:hover, .liste-rubriques-lien a:hover {
color : #1c81ae;
}

.liste-articles-titre img, .liste-rubriques-titre img{
padding-right : 10px;
}

.liste-articles-lien img, .liste-rubriques-lien img{
padding-right : 5px;
}

.liste-articles-chapo, 
.liste-rubriques-texte{
font-weight : normal;
color : #444;
padding-top : 5px;
}

#listearticles div {
padding-top : 5px;
}

#mm_rubrique_titre{
color : #444;
padding-top : 10px;
padding-bottom : 10px;
font-style : italic;
}

#rubrique ul {
color : #444;
}

#rubrique li {
padding-bottom : 5px;
}

#rubrique a {
color : #444;
}

#rubrique a:hover {
color : #7b9d18;
}

#rubrique span.on{
font-weight : bold;
color : #7b9d18;
}

/* ARTICLE */

#article {
float : left;
width : 620px;
text-align : justify;
}


#article h3 {
clear : both;
}

.titrearticle{
font-size : 30px;
font-family : georgia;
padding-top : 15px;
padding-bottom : 15px;
color : #1c81ae;
line-height: 100%;
}

.titrearticle img{
padding-right : 10px;
}

.soustitrearticle{
font-size : 15px;
font-family : georgia;
font-style : italic;
padding-top : 5px;
color : #1c81ae;
}

.chapoarticle{
font-weight : bold;
color : #333;
padding-top : 10px;
}

.textearticle{
padding-top : 10px;
padding-bottom : 30px;
}

#listearticles img.spip_logos {
float : left;
clear : both;
padding-top : 10px;
padding-right : 30px;
padding-bottom : 30px;
}

.textearticle img.spip_logos {
float : left;
clear : both;
padding-right : 15px;
padding-bottom : 30px;
}

.bleu {
font-family : georgia;
font-size : 14px;
color : #1c81ae;
font-weight : bold;
}

.article_l {
width : 290px;
float : left;
}

.article_r {
width : 290px;
float : right;
}


/* NOUVELLES */

#nouvelles {
float : left;
width : 300px;
background-image : url(top-boite-verte.gif);
background-repeat : no-repeat;
background-color : #e5f3d5;
}

#nouvelles h3,
#nouvelles a {
padding : 10px;
}

#nouvelles div {
padding-bottom : 10px;
}

#nouvelles li {
list-style : disc inside;
padding-bottom : 10px;
}

#nouvelles h3 img {
padding-right : 10px;
}

#nouvelles i {
color : #1c81ae;
}

#nouvelles h3 {
color : #21771b;
font-family : georgia;
font-size : 18px;
}

/* DIAPORAMA */

#diapo {
float : left;
}

#showhere td {
text-align : center;
}

#showheredis {
color : #777;
font-weight  : bold;
}

#assos {
background-color : #fff;
}

#assos h3 {
color : #7b9d18;
padding-top : 20px;
}

#assos div {
padding-left : 10px;
padding-bottom : 10px;
}

#assos a {
padding-left : 0px;
color : #7b9d18;
}

#assos a:hover {
padding-left : 0px;
color : #444;
}

/* RUBPLUS */
#rubplus {
float : left; 
background-image : rub_bib.gif;
text-decoration : blink;
padding-left : 15px;
}

/* RUBOME */

.rubhomecontainer {
float : left;
padding : 20px;
}

.rubhome {
width : 280px;
}

.rubhome h3 {
font-family : georgia;
font-size : 18px;
color : #1c81ae;
margin-bottom : 10px;
}

.rubhome h3 img {
padding-right : 10px;
}

.rubhome div {
margin-top : 10px;
margin-bottom : 0px; 
}

.rubhome ul {
color : #1c81ae;
}

.rubhome a {
color : #1c81ae;
}
.rubhome a:hover {
color : #7b9d18;
}

.colg {
float : left;
width : 130px;
margin-right : 10px;
}

.cold {
float : left;
width : 130px;
margin-left : 10px;
}

br.clearer {
clear : both;
}

/* INFOS PRATIQUES */

#infos {
float : left;
width : 620px;
background-color : #e5f3d5;
background-image : url(top-boite-verte-2.gif);
background-repeat : no-repeat;
height : 240px;
}

#infos h3 {
color : #21771b;
font-family : georgia;
font-size : 18px;
padding : 10px;
}

#infoscolg {
float : left;
width : 300px;
}

#infos div p, #infos img.spip_logos  {
padding : 10px;	
padding-top : 0px;	
}

#infos h3 img {
padding-right : 10px;	
}

#infos div p {
padding-left : 0px;	
}

#infoscold {
	float : left;
	width : 290px;
}

#infoscold ul {
padding-bottom : 10px;
}

#infoscold a {
color : #444;
}

#infoscold a:hover {
color : #21771b;
}

/* ENVIRONNEMENT */

#environnement{
width : 300px;
background-color : #7b9d18;
background-image : url(fond-environnement.gif);
background-repeat : no-repeat;
background-position : top center;
float : left;
height : 240px;
}

#environnement h3 {
color : #fff;
font-family : georgia;
font-size : 18px;
padding : 10px;
}

#environnement h3 img {
padding-right : 10px;	
}

#environnement ul {
padding : 10px;
color : #fff;
}

#environnement p {
padding : 10px;
padding-top : 0px;
color : #fff;
}

#environnement a {
color : #fff;	
}
#environnement a:hover {
color : #e5f3d5;
}

/* FOOTER */

#creditscontainer {
background-color : #333;
}

#credits {
clear : both;
width : 960px;
margin : auto;
text-align : left;
}


#credits div {
padding : 15px;
padding-left : 20px;
}


#credits, #credits a {
color : #ccc;
}

#credits a:hover {
color : #1c81ae;
}

#footer {
text-align : center;
height : 270px;
background-image : url("footer.jpg");
background-color : #1c81ae;
color : #fff;
border-top : 5px solid #333;
}

#footer h3 {
color : #fff;
font-family : georgia;
font-size : 18px;
margin-top : 10px;
margin-bottom : 5px;	
}

#mashups {
width : 960px;
margin : auto;
text-align : left;
}

#meteo {
float : left;
width : 300px;
}

#meteocontent p {
padding-bottom : 10px;
}

#meteocontent {
padding-left : 20px;
}

#gmap {
float : left;
width : 280px;
margin-left : 20px;
margin-right : 20px;
}

#gmap p {
padding-bottom : 10px;
}

#pratique {
width : 260px;
float : right;
}

#pratique h3 {
font-family : georgia;
font-size : 18px;
margin-top : 10px;
margin-bottom : 5px;	
}

#pratique p {
margin-bottom : 5px;
}

#pratique ul {
margin-bottom : 5px;
}