/* CSS Document */

body {background-color: #75C254; text-align: center; margin-top: 0; margin-bottom: 0;}

#page {width: 955px; margin: 0 auto; font-family: verdana; text-align: center; position: relative;}

.tableau {width: 955px; background-color: #F4F4EA; text-align: center; position: relative;
font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
#header {background-image: url(images/header.gif); width: 941px; height: 112px; margin-top: 5px; text-align: center;
 background-repeat:no-repeat}
.logosite {cursor: pointer; float: left; background-image: url(images/logo_tournesol.jpg); width: 81px; height: 79px; margin-top: 5px;
margin-left: 20px; background-repeat:no-repeat}
.titresite {float: left; background-image: url(images/titre_les_verts.jpg); width: 402px; height: 62px; margin-top: 18px; 
background-repeat:no-repeat}
.titresite span, .logosite span {display: none;}

#onglets {display: block; width: 955px; position: absolute; top: 94px; left: 10px; z-index: 100;}
dl, dt, dd, ul, li {margin: 0;padding: 0;color: #FFFFFF;}
#onglets dl {float: left;}
#onglets dt a {text-decoration: none; color:#FFFFFF;}

#onglets ul {background-color: #FFFFFF;list-style-type: none;}
#onglets dd {border: 1px solid #6CB027; background-color: #FFFFFF; margin-top: 3px;}
#onglets li {text-align: left; list-style-type: none; padding-left: 5px; line-height:17px;}
#onglets li a{text-align: left; color: #6CB027;text-decoration: none; font-weight: bold;}
#onglets li a:hover, #onglets li a:focus {text-align: left; color: #FEB300; font-weight: bold;}
#rubrique2, #rubrique3, #rubrique4, #rubrique5, #rubrique6, #rubrique7 {
font-family: verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; background-repeat : no-repeat;
text-decoration: none;}
#rubrique2 { float: left; width: 197px; height: 26px; margin-right: -4px; cursor: pointer;
background-image: url(images/onglet_quisommesnous.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}
#rubrique3 { float: left; width: 181px; height: 26px; margin-right: -4px; cursor: pointer;
background-image: url(images/onglet_territoires.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}
#rubrique4{ float: left; width: 211px; height: 26px; margin-right: -4px;
background-image: url(images/onglet_economie.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}
#rubrique5 { float: left; width: 84px; height: 26px; margin-right: -4px; text-align: center;
background-image: url(images/onglet_energie.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}
#rubrique6{ float: left; width: 126px; height: 26px; margin-right: -4px; cursor: pointer;
background-image: url(images/onglet_environnement.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}
#rubrique7{ float: left; width: 164px; height: 26px; margin-right: -4px;
background-image: url(images/onglet_societe.gif) ; background-repeat : no-repeat; padding: 5px 0 0 0;}


#left {width: 170px; margin-left: 10px;}
#pratiques



#menu_gauche {width: 169px; float: left;  background-color: #F4F4EA;}
#gauche {margin: 0 0 0 0; background-color: #CFE080;}
#recherche { font: bold 12px verdana; color: #333333;}
#rech {text-align: left; margin: -4px 0 0 0; padding-left: 10px; line-height: 2;}
#recherche table{padding-left: 5px;  width: 100%;}
#motcle {font-family: arial; font-size: 12px ;color: #333333; padding-left: 5px;}
#contact, #forum, #pratiques, #liens, #agenda {line-height: 1; font: bold 12px verdana; text-align: left; margin: 5px 0 5px 0; padding-left: 10px;}
#publi a {text-decoration: none;}
.feuille {font: italic;}
.lieng {color: #333333; text-decoration: none;}
#gauche ul {padding-top: 10px; line-height: 14px; font: bold verdana 11px; color: #666666;}
#gauche li{color: #666666; text-align: left; list-style-image: url(images/arrow.gif); list-style-position: inside; 
padding-left: 10px; text-decoration: none;}
#gauche li a{text-decoration: none; color: #333333; padding-left: 10px; font: 11px verdana;}
#gauche a:hover, #gauche a:focus {text-decoration: underline;}
.rss {margin-top: 10px; float: left;}
#vignettes ul{margin-top: 10px;}
#vignettes li {list-style-type: none;}

#center {width: 600px; text-align: center;}
.actu {float:left; margin-left: 25px; margin-top: -5px; padding-top: 20px; background-color: #FFFFFF; width: 560px; text-align: left;}
#articles {margin-top: -10px; width: 520px; padding-left: 10px; padding-right: 10px;}
#article, #recents {margin: 0 0 30px 0;}

#texte_article {text-align: left; padding-left: 5px; line-height: 2; 
font-family: verdana; line-height: 16px;}
.titre_texte {font-size: 14px; font-weight: bold; color: #FF6600; padding-left: 10px;  padding-right: 5px; text-decoration: none;}
.titre_mot {font-size: 12px; font-weight: bold; color: #FF6600; text-decoration: none;}
#texte_article a:hover {text-decoration: underline;}
.sous-titre {font-size: 12px; font-weight: bold; color: #333333; padding-left: 10px;  padding-right: 5px; }
.date {font-size: 11px; color: #666666; padding-left: 10px;}
.intro {font-size: 11px; color: #333333;  padding-right: 5px; }
.photo {float: left; border: 2px solid #6CB027; margin: 0 5px 2px 0; margin-left: 10px;}
.menu-titre {font-size: 14px; color: #6CB027; margin-top: 10px;}
.breves ul {}
.breves li {list-style-type: none; padding-bottom: 3px; color:#999999;}
.breves li a {color:#333333; text-decoration:none;}
.breves li a:hover {text-decoration: underline;}

#right {width: 170px;}
#motscles {font-face: verdana; color: #666666; width: 171px; float: left; margin-top: 20px; text-align:left; margin-bottom: 10px;
line-height: 20px;}
#motscles h3 {font-size: 12px; padding-top: -5px; padding-bottom: -5px;}
#motscles a {color: #FF9900; font-weight: bold; text-decoration: none;}
#motscles a:hover {text-decoration: underline;}
#tags {background-color: #FEC901;}
.diaporama {padding-top: 40px;}

.forum-fil li {list-style-image:url(images/arrow.gif); padding-left: 20px; list-style-position:outside; margin-top: 20px;}


#footer {width: 955px; height: 60px; color: #6CB027; margin-top: 20px;}
#footer a {text-align: center; font: bold 12px verdana; color: #333333; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a img {border: 0px;}
.coordonnees {background-image: url(images/footer.gif); width: 941px; height: 23; background-repeat: no-repeat; 
text-align: center; font: bold 12px verdana; color: #333333; padding-top: 3px;}
.menufooter {}


.spip_logos  {border : 1px solid #CFE080;}