/* -- CSS definition for Open Forum for CSO Developement Effectiveness --- */



* {
    margin: 0;
    padding: 0;
  }


body {
    margin: 0;
    padding: 0;
    font-size: 90%;
    font-family: Arial, Helvetica, Verdana, Sans serif;
    color:#486773;
  }


#page-wrap {
    min-width: 580px;
    max-width: 1460px;
    margin: 0px auto 0px 0px;
    width:expression(document.body.clientWidth < 582? "580px" : document.body.clientWidth > 1462? "1460px" : "auto");
  }


#page-wrap #inside {
    margin: 0px;
    padding:0px;
  }

/* ------------------------ BEGIN LANGUAGE ------------------------*/


ul#utilities {
    width:140px;
    float:left;
    text-align:right;
    margin:0 0 0 40px;
    padding:30px 0 0 0;
  }


ul#utilities li {
    list-style-type:none;
    margin:0px 0px 5px 0px;
    padding:0;
    font-size:80%;
    letter-spacing:0.05em;
    font-family: Verdana, Helvetica, Arial, Sans serif;
  }


ul#utilities li.break {
    padding-bottom:4px;
    
  }
#socialbox  {width:140px; overflow:hidden
}
ul#utilities #socialbox a{text-align:center; 
}
ul#utilities #socialbox div a{float:left; 
	width:50px;	
	margin: 3px 10px;
	
}

.recherche input {
    background-color:#fff;
    border:#9c0 1px solid;
    font-family:Arial, Verdana, Sans serif;
    font-size:100%;
    letter-spacing:0.05em;
    color:#486773;
    width:100%;
    height:18px;
    text-align:right;
  }


input {
    text-align:left;
  }


input#recherche {
    text-align:right;
  }


input:focus, textarea:focus,input:hover,textarea:hover {
    border:#f06 1px solid;
  }


ul#utilities a,ul#utilities a:link,ul#utilities a:visited {
    text-decoration:none;
    color:#486773;
    display:block;
    padding:0px;
    margin:0px;
  }


ul#utilities a:focus,ul#utilities a:active,ul#utilities a:hover {
    text-decoration:none;
    display:block;
    background-color:#f06;
    color:#fff;
    padding:0px;
    margin:0px;
  }

ul#utilities #socialbox  a:focus,ul#utilities #socialbox a:active,ul#utilities #socialbox a:hover {background-color: transparent;}

ul#utilities li a.on,ul#utilities li a:link.on, ul#utilities li a:visited.on {
    color:#fff;
    text-decoration:none;
    display:block;
    background-color:#f06;
    font-weight: normal;
    padding:0px;
    margin:0px;
  }

/* ------------------------ BEGIN MAIN NAVI------------------------*/


div#mainNavi {
    margin:0 0 0 205px;
    text-align:left;
    padding-top:70px;
    padding-bottom:50px;
  }


ul#SubNavi {
    font-size:100%;
    letter-spacing:0.05em;
    padding:0px 0px;
    margin:40px 12px;
    text-align:left;
  }


#SubNavi li {
    float: left;
    text-align:center;
    list-style-type:none;
    margin:0px 10px 10px 10px;
    padding:6px 0px;
    border:1px solid #9c0;
  }


ul#SubNavi li a.on,ul#SubNavi li a:link.on,ul#SubNavi li a:visited.on {
    text-decoration:none;
    display:block;
    background-color:#f06;
    color:#fff;
    font-weight: normal;
  }


ul#SubNavi a,ul#SubNavi a:link,ul#SubNavi a:visited {
    display: block;
    text-decoration: none;
    color:#486773;
    padding:0px 15px;
  }


ul#SubNavi a:focus,ul#SubNavi a:active,ul#SubNavi a:hover {
    text-decoration:none;
    display:block;
    color:#fff;
    background-color:#f06;
  }


#SubNavi li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 12.4em;
    w\idth: 11.9em;
    font-size:90%;
    font-weight: normal;
    border-width: 0.25em;
    margin: 3px 0 0 -11px;
  }


#SubNavi li li {
    width: 9em;
    background-color:#fff;
    border-top:0px;
    border-right:1px solid #9c0;
    border-bottom:1px solid #9c0;
    border-left:1px solid #9c0;
    margin:0 0 0 10px;
  }
  
#SubNavi li li ul {
    position: absolute;
    margin-left:9em;
    margin-top:-3em;    
  }
  
#SubNavi li li.first {
    border-top:1px solid #9c0;
  }


#SubNavi li ul a {
    padding:0px 15px;
  }


#SubNavi li:hover ul ul, #SubNavi li:hover ul ul ul, #SubNavi li.sfhover ul ul, #SubNavi li.sfhover ul ul ul {
    left: -999em;
  }


#SubNavi li:hover ul, #SubNavi li li:hover ul, #SubNavi li li li:hover ul, #SubNavi li.sfhover ul, #SubNavi li li.sfhover ul, #SubNavi li li li.sfhover ul {
    left: auto;
  }


#SubNavi li:hover, #SubNavi li.sfhover {
    background: #fff;
  }

/* ------------------------ BEGIN CONTENT ------------------------*/

	

#main-content {
    padding-left: 230px;
    padding-top: 10px;
    padding-bottom:0px;
    margin-bottom:0px;
    margin-right:25px;
    background:url(img/logo_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
  }


#breadcrumb {
    padding: 10px 0 0 0;
    font-size:80%;
    letter-spacing:0.1em;
  }


#breadcrumb a {
    text-decoration:none;
  }


#breadcrumb a:hover {
    color:#f06;
  }


#content {
    margin:5px 0 0 0;
    padding:0;
  }


.twoColumnsLeft {
    padding-right:260px;
  }


.leftMainParagraph {
    font-size:110%;
    border-top:1px solid #9c0;
    border-bottom:1px solid #9c0;
    margin-bottom:40px;
  }


.leftParagraph {
    font-size:90%;
    border-top:1px dashed #9c0;
    border-bottom:1px dashed #9c0;
    margin-bottom:40px;
  }


.twoColumnsRight {
    float:right;
    width:240px;
    font-size:90%;
  }


.rightParagraph {
    border-top:1px solid #9c0;
    border-bottom:1px solid #9c0;
    margin-bottom:20px;
  }
  
.social{
padding-top:5px;

	overflow:hidden;
	width:110px;
	float:left;
	position:relativ;	
}
.rightParagraph .left{
padding-left: 9px;
}
.enviar{
	float:right;
	}

.tags{float:right; width:200px;
}

.tags ul{padding:0;list-style:none;
margin-left:5px;

}

.thumbagenda
{width:200px;
float:left;
}

.thumb{width:200px;
float:left;
}

p, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans serif, Verdana;
    margin: 10px 0 10px 10px;
    letter-spacing:0.02em;
  }


p,.twoColumnsLeft div {
    font-size: 1.2em/1.8em;
    line-height:1.3em;
    letter-spacing:0.02em;
    margin-right:10px;
  }


a, a:link, a:visited {
    color:#486773;
    text-decoration:underline;
  }


a:hover, a:focus, a:active {
    color:#f06;
    text-decoration:underline;
  }


h2 a {
    color:#f06;
    text-decoration:underline;
  }


h2 a:link {
    color:#f06;
    text-decoration:underline;
  }


h2 a:visited {
    color:#f06;
    text-decoration:underline;
  }


h1 {
    font-size: 130%;
    color:#f06;
    font-weight:lighter;
    letter-spacing:0.04em;
  }


h2 {
    font-size: 120%;
    color:#f06;
    font-weight:lighter;
    letter-spacing:0.04em;
  }


h3 {
    font-size: 120%;
    font-weight:lighter;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    letter-spacing:0.04em;
  }
h3.spip{text-align:left;font-size:120%;

	
}


h4 {
    font-size: 80%;
    font-weight:lighter;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    letter-spacing:0.04em;
  }


h4 {
    font-size: 90%;
    font-weight:lighter;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    letter-spacing:0.04em;
  }


.clear {
    clear:both;
    padding:0px;
    margin:0px;
    height:0px;
  }


ul.circle, ul {
    margin-left: 25px;
    margin-bottom:30px;
    font-size:90%;
  }


ul .spip {
    margin-left: 25px;
  }


ul.circle li,  li.spip {
    list-style-type:none;
    background:url(img/circle.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left: 15px;
    font-family: Arial, Helvetica, Sans serif, Verdana;
    letter-spacing:0.02em;
    line-height:130%;
  }


img {
    border: none;
  }


select {
    margin-right:10px;
  }


.logo {
    float:left;
    margin:0px 10px 10px 10px;
  }


.logo_sommaire {
    float:left;
    margin:10px;
  }


.pagination {
    font-size:80%;
  }


.backtop {
    float:right;
  }


p.spip_note {
    font-size:80%;
  }


#map_align {
    margin:auto;
    Text-align: center;
  }


.news, .blog_main{border-top: 1px solid  #99cc00;}

.repondre {border-top: 1px dashed  #99cc00;}

.news ul {
    margin-left:50px;
    font-weight: bold;
    font-size:110%;
    padding-bottom:10px;
    list-style: square
    
  }


.news ul li {
    margin:10px 0;
  }


.events thead {
    font-weight:bold;
     background:#99CC00;
    text-align:center;
  }




.events td {
    padding:3px;
    margin:0;
  }


.menu_agenda {
    text-align:right;
  }


.menu_agenda label {
    display:block;
  }

.editer_art {text-align:right; font-size:90%;}

/* ------------------------ BEGIN FOOTER ------------------------*/



ul#footer {
    padding: 10px 0 20px 0;
    color: #bec7c9;
    float:left;
  }


ul#footer li {
    float: left;
    list-style-type:none;
    font-size:80%;
    letter-spacing:0.05em;
    padding:0 10px;
    border-right:1px solid #91a4ab;
    margin-bottom:0.5em;
  }


ul#footer li a {
    color: #91a4ab;
    text-decoration:none;
  }


ul#footer li a:hover {
    text-decoration:underline;
  }


.rss {
    width:60px;
    background: url(img/rss.gif) no-repeat;
    background-position:left;
    text-align:right;
  }


.hidden {
    visibility:hidden;
  }

/*  Portfolio
---------------------------------------------- */

#documents_portfolio {
    clear: both;
    margin-top: 1.4em;
    padding-top: 2px;
    border-top: 2px solid #CCC;
  }


#documents_portfolio h2 {
    margin-bottom: 0.4em;
    font-size: 0.88em;
    font-weight: bold;
  }


#document_actif {
    margin-top: 1em;
  }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */


.page_plan .cartouche {
    display: none;
  }


.page_plan #contenu h2 {
    clear: both;
    background: #EEE;
    border: 1px solid #CCC;
    padding: 0.5em;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center;
  }


.page_plan #contenu .contre-encart ul {
    display: block;
    clear: left;
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 0;
  }


.page_plan #contenu .contre-encart li {
  }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */


.formulaire_spip {
  }


.formulaire_spip p {
    margin: 0.5em 0;
    padding: 0;
  }


.formulaire_spip fieldset {
  }


.formulaire_spip legend {
  }


.formulaire_spip label {
  }


.formulaire_spip .forml {
    width: 98%;
    font-family: inherit;
    font-size: inherit;
  }

/* Boutons */

.spip_bouton {
    text-align: right;
  }


.spip_bouton input {
    float: right;
  }

/* Reponse du formulaire */

.reponse_formulaire {
    font-weight: bold;
    color: #e86519;
  }


fieldset.reponse_formulaire {
    border-color: #e86519;
    font-weight: normal;
  }

/* Previsualisation du message */

fieldset.previsu {
    padding: 1em;
  }

/* Formulaire de login au forum */

.formulaire_login_forum .forml {
    width: 12em;
  }


.formulaire_login_forum .spip_logos {
    float: right;
    padding-left: 10px;
  }

/* Choix des mots-clefs */

ul.choix_mots {
    float: left;
    width: 47%;
    margin: 0;
    padding: 0;
    list-style: none;
  }


ul.choix_mots label {
    display: inline;
  }

/* Formulaire de recherche */


.formulaire_recherche label {
    display: none;
  }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */


.forum-repondre, .forum-decompte {
    margin-top: 2.5em;
    padding-top: 2px;
    font-size: 0.88em;
    font-weight: bold;
  }

/* * Habillage des forums */

ul.forum {
    display: block;
    margin: 0;
    padding: 0;
  }


ul.forum, ul.forum ul {
    list-style: none;
  }


.forum-fil {
    margin-top: 1.5em;
  }


.forum-fil ul {
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 1em;
  }


.forum-chapo .forum-titre, .forum-chapo .forum-titre a {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }


.forum-chapo small {
  }


.forum-texte {
    margin: 0;
    padding: 0.5em 1em 0 1em;
    color: #333;
    font-size: 0.82em;
  }


.forum-texte .forum-lien {
  }


.forum-texte .forum-repondre-message {
    margin: 0;
    padding: 1px 0;
    text-align: right;
  }

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum-message {
    border: 1px solid #666;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
  }


ul ul .forum-message {
    border: 1px solid #A4A4A4;
  }


ul ul ul .forum-message {
    border: 1px solid #B8B8B8;
  }


ul ul ul ul .forum-message {
    border: 1px solid #CCC;
  }


ul ul ul ul ul .forum-message {
    border: 1px solid #E0E0E0;
  }


ul ul ul ul ul ul .forum-message {
    border: 1px dotted #E0E0E0;
  }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
    border: none;
    border-bottom: 1px dotted #B8B8B8;
    margin: 0;
    padding: 3px 6px 2px 6px;
    font-size: 0.88em;
    background: #99CC00;
  }


ul ul .forum-chapo {
    background: #A6DA07;
  }


ul ul ul .forum-chapo {
    background: #a9df02 ;
  }


ul ul ul ul .forum-chapo {
    background: #abe103 border-bottom: 1px dotted #E0E0E0;
  }


ul ul ul ul ul .forum-chapo {
    background: #FFF;
  }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */


#signatures {
    clear: both;
    font-size: 0.77em;
  }


#signatures h2 {
    padding: 0.5em;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
  }


#signatures table {
    width: 100%;
    margin: 1em 0;
  }


#signatures thead {
    display: none;
  }

/* On n'affiche pas les titres du tableau */


#signatures td.signature-date {
    background: #E4F0F0;
    padding: 0.5em;
    white-space: nowrap;
  }


#signatures td.signature-nom {
    background: #ECF4F4;
    padding: 0.2em;
    text-align: center;
    font-weight: bold;
  }


#signatures td.signature-message {
    background: #F4F8F8;
    padding: 0.4em;
    font-size: 0.96em;
  }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */


area {
    color: #8b6914;
  }