body {
    background-image: url(../img/fond.jpg);
    background-repeat: repeat-x;
    background-color: #F0F0F0;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

img {
    border: 0;
}

p {
}

a {
    text-decoration: none;
    color: #65B629;
    font-weight: bold;
}

a:hover {
}

h1 {
    background-color: #65B629;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-left: 13px;
    margin-top: 0;
    padding: 5px 10px 7px 14px;
}

h2 {
    border-bottom: 1px solid #65B629;
    color: #65B629;
    display: inline;
    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-left: 10px;
    margin-top: -2px;
    padding-bottom: 3px;
    position: absolute;
}

h3 {
}

h4 {
}

hr {
    background-color: #E6E6E6;
    border: 0 none;
    color: #E6E6E6;
    height: 1px;
    margin: auto;
    width: 90%;
}

fieldset {
    font-size: 0.8em;
    border: 0;
}

legend {
    font-weight: bold;
}

fieldset ul li {
    margin-top: 5px;
    margin-bottom: 5px;
}

fieldset ul li input {
    margin-left: 5px;
}

ul li {
    font-size: 1em;
}

ul li a {
    color: #2D88B5;
    font-size: 1em;
}

table {
    margin: auto;
    border: 1px solid #94C2D8;
    width: 90%;
    margin-bottom: 10px;
}

td {
    padding: 15px;
    text-align: center;
    background-color: #F1F5F9;
}

.box td {
    text-align: left;
}

th {
    background-color: #2E8FB7;
    color: white;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

/****************** LAYOUT ********************/
#logo-site {
    display: none;
}

#header_ensemble {
    width: 969px;
    margin: auto;
}

#header_top {
    height:41px;
padding-left:10px;
    background-image: url(../img/header_top.jpg);
}

#header_top img {
    margin-left: 7px;
    margin-top: 9px;
}

#header_top ul {
    list-style-type:none;
margin-left:85px;
margin-top:-25px;
padding-left:10px;
position:absolute;
}

#header_top ul li {
    display: inline;
    margin-left: 4px;
}

#header_top a {
color:#94C2D8;
font-family:Verdana,sans-serif;
font-size:13px;
font-style:normal;
font-weight:bold;
letter-spacing:normal;
line-height:1.6em;
margin-left:10px;
text-transform:uppercase;
}

#header_main {
    height:106px;
    background-image: url(../img/entraide-fraternite.jpg);
}

#header_main #rss {
margin-left:945px;
margin-top:80px;
position:absolute;
}

.langues {
    margin-left: 72px;
    margin-top: -25px;
    position: absolute;
    color: white;
}

#main {
    width: 969px;
    margin: auto;
    background-color: #fff;
    padding-bottom: 15px;
    background-image: url(../img/fond_main.jpg);
}

#main_sommaire {
    width: 969px;
    margin: auto;
    background-color: #fff;
    padding-bottom: 15px;
}

#main_footer {
    background: url("../img/main_footer.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: 10px;
    margin: auto;
    padding-bottom: 15px;
    width: 969px;
}

#menu {
height:48px;
margin:auto;
width:969px;
    background-image: url(../img/fond_menu.jpg);
}

#menu ul {
    list-style-type: none;
    position: absolute;
    margin-top: 17px;
    text-align: center;
    width: 870px;
}

#menu ul li {
    display: inline;
    margin-right: 25px;
}

#menu ul li.down {
    background-image: url(../img/puce_menu_horizontal.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 12px;
}

#menu ul li a {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    color: #fff;
}

#menu ul li a:hover {
    border-bottom: 1px dotted #fff;
}

#menu ul li.down a {
    border-bottom: 1px dotted #fff;
    color: #fff;
}

/*------------------- SIDEBAR GAUCHE */
/*structure*/
#gauche {
    width: 223px;
    float: left;
}

#gauche ul {
    list-style-type: none;
    padding: 0;
}

#gauche #top_menu_gauche {
    height: 9px;
    background-image: url(../img/accordeon_top.gif);
}

#gauche #main_menu_gauche {
    background-image: url(../img/accordeon_main.gif);
    background-repeat: repeat-y;
    margin-top: -16px;
    padding-left: 10px;
}

#gauche #footer_menu_gauche {
    height: 9px;
    background-image: url(../img/accordeon_footer.gif);
    margin-top: -16px;
}

#gauche a {
    color: #FFFFFF;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    margin-left: 22px;
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

#gauche ul li ul {
    background: #92CEE2;
    margin-top: 9px;
}

#gauche .menu_gauche_rub {
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    padding-top: 5px;
}

#gauche .menu_gauche_rub_down {
    border-bottom: 1px solid white;
    padding-top: 5px;
}

#gauche .menu_gauche_rub A:HOVER {
    color: #92CEE2;
}

/*#gauche .menu_gauche_rub_down A{
 background:url("../img/puce_menu_active.gif") no-repeat scroll left center transparent;
 padding-left:15px;
 }*/
#gauche .menu_gauche_sous_rub {
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    background: url("../img/puce_menu.gif") no-repeat scroll 22px center transparent;
    border-top: 1px solid white;
}

#gauche .menu_gauche_rub_down {
    border-bottom: 1px solid white;
    padding-top: 5px;
}

#gauche .menu_gauche_rub_down a {
    background: url("../img/puce_menu_active.gif") no-repeat scroll left center transparent;
    padding-left: 15px;
}

#gauche .menu_gauche_sous_rub A:HOVER {
    color: #2E8FB7;
}

#gauche .menu_gauche_sous_rub_down A {
    font-size: 13px;
    font-weight: bold;
    margin-left: 25px;
    background: none;
}

#gauche .menu_gauche_sous_rub_down A:HOVER {
    color: #2E8FB7;
}

#gauche ul > li.menu_gauche_rub > ul > li.menu_gauche_sous_rub a {
    display: none;
}

#gauche ul > li.menu_gauche_rub > ul {
    display: none;
}

/*------------------- COLONNE PRINCIPALE SOMMAIRE*/
/*div englobant toute la structure page sommaire*/
#centre_sommaire {
    float: left;
    width: 756px;
}

/*gauche sommaire*/
#gauche_sommaire {
    width: 223px;
    float: left;
    margin-top: 10px;
}

#gauche_sommaire ul {
    list-style-type: none;
    padding: 0;
}

#gauche_sommaire ul#menu_gauche_permanent li {
    background-image: url(../img/fond_bouton_menu.gif);
    height: 49px;
    width: 224px;
    margin-top: 25px;
}

#gauche_sommaire ul#menu_gauche_permanent li a {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Georgia, serif;
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    margin-left: 37px;
    margin-top: 13px;
    padding-top: 15px;
}

#gauche_sommaire ul#menu_gauche_permanent li a:hover {
    color: #92CEE2;
}

/*bloc des actualites*/
#actualites {
    float: left;
    padding-left: 18px;
    padding-top: 10px;
    width: 548px;
}

#actualites .bloc_news_gris {
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

#actualites .bloc_news_gris .fleche_titre {
    height: 38px;
    width: 13px;
    background-image: url(../img/puce_titre_news_gris.gif);
    float: left;
}

#actualites .bloc_news_gris h1.titre_news {
    background-color: #65B629;
}

#actualites .bloc_news_bleu {
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

#actualites .bloc_news_bleu a {
    color: #179AD8;
}

#actualites .bloc_news_bleu .fleche_titre {
    height: 38px;
    width: 13px;
    background-image: url(../img/puce_titre_news_bleu.gif);
    float: left;
}

#actualites .bloc_news_bleu h1.titre_news {
    background-color: #2e8fb7;
}

#actualites .contenu {
    text-align: justify;
    font-size: 0.75em;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    padding-bottom: 15px;
    padding-top: 15px
}

#actualites .image_news {
    display: inline;
    float: left;
    margin-right: 8px;
    margin-top: 25px;
}

#actualites .logo-news {
    padding: 2px;
    border: 1px solid #A7D792;
}

#actualites .bloc_news_bleu .logo-news {
    border: 1px solid #94c2d8;
}

#actualites .date {
    color: #333333;
    font-size: 0.7em;
    margin-top: 3px;
    padding-top: 7px;
    border-top: 1px dotted #94C2D8;
}

/*droite sommaire*/
#droite_sommaire {
    float: right;
    margin-top: 0;
    padding-top: 10px;
    width: 188px;
}

#contenu_photos {
    /*background-color:#F4F4F4;*/
    margin-bottom: 10px;
    margin-top: 2px;
    padding-top: 13px;
    text-align: center;
}

#soutiens {
    /*background-color:#F4F4F4;*/
    margin-top: 10px;
    text-align: center;
}

/*------------------- COLONNE CENTRALE RUBRIQUE*/
#centre {
    float: left;
    padding: 10px;
    width: 529px;
}

#centre .fleche_titre {
    height: 38px;
    width: 13px;
    background-image: url(../img/puce_titre_article.gif);
    float: left;
}

#chemin {
    font-size: 0.7em;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px;
}

#chemin span.vert {
    color: #65B629;
}

#chemin a {
    color: #2D88B5;
}

#centre .chapo {
    color: #2E8FB7;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: justify;
}

#centre .contenu {
    text-align: justify;
    font-size: 0.85em;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    padding-bottom: 15px;
    padding-top: 15px
}

#centre .contenu .date {
    border-top: 1px dotted #94C2D8;
    color: #333333;
    font-size: 0.9em;
    margin-top: 3px;
    padding-top: 7px;
}

.autres_titres {
    font-size: 0.9em;
    margin-bottom: 5px;
}

/*------------------- SIDEBAR DROIT */
#droit {
    width: 193px;
    float: right;
    background: url(../img/fond_menu_droit.gif);
}

#droit img {
    margin-top: -5px;
}

#cadre_recherche {
    background: url(../img/rechercher.jpg) no-repeat;
}

#cadre_recherche #formulaire_recherche {
margin-left:15px;
margin-top:0;
padding-top:50px;
width:150px;
}

#cadre_recherche p {
    font-size: 0.85em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.3em;
}

#cadre_recherche #formulaire_recherche input {
    border: 0;
    height: 23px;
}

#cadre_recherche #formulaire_recherche #loupe {
    margin-left: 131px;
    margin-top: -24px;
    position: absolute;
}

#cadre_agir {
    height: 43px;
    background: url(../img/agir.jpg);
}

#cadre_newsletter {
    height: 138px;
    background: url(../img/newsletter.jpg);
}

#faire-un-don {
    height: 127px;
}

#rejoignez-nous {
    height: 43px;
    background: url(../img/rejoignez-nous.jpg);
    margin-top: -5px;
}

#nos-videos {
    margin-top: -5px;
    height: 44px;
    background: url(../img/nos-videos.jpg);
}

#acces-membres_titre {
    height: 43px;
    background: url(../img/acces-membres_titre.jpg);
    margin-top: -5px;
}

#acces-membres {
}

#acces-membres p {
    font-size: 0.8em;
    padding: 9px;
}

#acces-membres ul {
    margin-left: -42px;
}

#acces-membres ul li {
    list-style: none;
}

#acces-membres input.password {
    margin-bottom: 15px;
}

#acces-membres p.boutons {
    margin-left: 11px;
    margin-top: 0;
}

#acces-membres p.boutons input {
    background: none repeat scroll 0 0 #F1F5F9;
    border: 1px solid #2D88B5;
    color: #2D88B5;
    font-weight: bold;
    padding: 5px;
}

#footer_acces_membres {
    height: 10px;
    background: url(../img/footer_acces_membres.jpg);
}

/*------------------- FOOTER */
#footer {
    margin: auto;
    width: 969px;
    background-color: #fff;
    color: #2D88B5;
    font-size: 0.6em;
    font-weight: bold;
    text-align: center;
}

#footer a {
    color: #2D88B5;
}

#footer a:hover {
    color: #66BCD9;
}

#footer_top {
    height: 25px;
    background: url(../img/footer_top.gif);
}

#footer_main {
    height: 36px;
    background: url(../img/footer_main.jpg);
}

#footer_main ul {
    list-style-type: none;
    margin-left: 110px;
    margin-top: 9px;
    position: absolute;
}

#footer_main ul li {
    display: inline;
}

#footer_main ul li a {
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.4em;
}

#footer_main ul li#titre_footer_2 a {
    margin-right: 40px;
}

#footer_main ul li#titre_footer_3 a {
    margin-right: 40px;
}

#footer_main ul li#titre_footer_4 a {
    margin-right: 40px;
}

#footer_main ul li#titre_footer_45 a {
    margin-right: 40px;
}

#footer_main ul li#titre_footer_5 a {
    margin-left: 30px;
}

#footer_content {
    background: url(../img/footer_content.gif);
    padding-left: 120px;
}

#footer_content ul {
    float: left;
    list-style-type: none;
    text-align: left;
    padding: 0;
}

#footer_content ul li {
    margin-top: 5px;
}

#footer_content ul#col_footer_2 {
    margin-left: 40px;
}

#footer_content ul#col_footer_3 {
    margin-left:70px;
}

#footer_content ul#col_footer_4 {
    margin-left: 35px;
}

#footer_content ul#col_footer_45 {
    margin-left: 27px;
}

#footer_content ul#col_footer_5 {
    margin-left: 50px;
}

#footer_content ul li a {
    font-size: 1.3em;
}

#footer_bottom {
    height: 6px;
    background: url(../img/footer_bottom.gif);
    margin-bottom: 10px;
}

/*------------------- divers */
.clear {
    clear: both;
}

.floatleft {
    float: left;
    padding: 5px;
}

form#tri_agenda {
    margin-left: 318px;
    margin-top: -55px;
    position: absolute;
}

ul.liste_petition {
    font-size: 0.8em;
}

/*------------------- SPIP */
.spip_documents_left {
    margin-right: 18px;
    text-align: center;
    clear: both;
}

.spip_documents_right {
    margin-left: 18px;
    text-align: center;
    clear: both;
}

.spip_documents_center {
    text-align: center;
}

.spip_surligne {
    font-weight: bold;
}

.spip_forms {
    border: 0;
    border-color: white;
}

.spip_forms fieldset {
    border: 0;
    border-color: white;
}

/**************************SPIPLISTE********/
div#inscription_newsletter {
    margin-left: 11px;
    margin-top: 96px;
    position: absolute;
}

#inscription_newsletter p {
    display: none;
}

#inscription_newsletter p.spip_bouton {
    display: block;
}

#inscription_newsletter p.message-formulaire {
    color: #2D88B5;
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    margin-left: 1px;
    margin-top: 0;
    width: 158px;
}

#inscription_newsletter form#spip-listes legend {
    color: #fff;
    margin-bottom: 10px;
}

#inscription_newsletter fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

#inscription_newsletter ul.liste-des-listes {
    display: none;
}

#inscription_newsletter input {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    height: 20px;
    padding: 4px 6px 2px;
    width: 105px;
}

#inscription_newsletter input#valider_newsletter {
    height: 26px;
    width: 27px;
    margin-left: 8px;
}

#inscription_newsletter fieldset#fielset_liste {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
}

#inscription_newsletter fieldset#fielset_liste {
    display: none;
}

#centre #spiplistes-formabo {
    border: 0;
    width: 100%;
}

#centre #spiplistes-formabo ul {
    list-style-type: none;
}

#centre #spiplistes-formabo form fieldset {
    border: none;
    margin-bottom: 9px;
    padding: 7px;
    width: 100%;
}

/**************************Calendrier / agenda *********/
#calendar caption {
    font-size: 0.7em;
    font-weight: bold;
    margin-bottom: 7px;
}

#calendar th {
    font-size: 0.7em;
}

#calendar td {
    padding: 4px;
    font-size: 0.7em;
}

#calendar td.occupe {
    background-color: #65B629;
}

#calendar td.occupe a {
    color: #fff;
}

#calendar td.occupe:hover {
    background-color: #fff;
}

#calendar td.occupe:hover a {
    color: #65B629;
}

#calendar td.horsperiode {
    color: #fff;
    background: #fff;
}

/**************************NewsSlider Jquery - Sommaire*********/
#emplacementjquery {
    background-image: url("../img/enattentejquery.jpg");
    background-repeat: no-repeat;
    float: right;
    height: 255px;
    margin-left: 5px;
    margin-top: 9px;
    width: 520px;
}

#page-wrap {
    width: 520px;
    float: right;
    height: 255px;
    margin-left: 5px;
    margin-top: 9px;
}

.slider-wrap {
    width: 520px;
}

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

.stripViewer {
    position: relative;
    overflow: hidden;
    width: 520px;
    height: 285px;
}

.stripViewer .panelContainer {
    position: relative;
    left: 0;
    top: 0;
}

.stripViewer .panelContainer .panel {
    float: left;
    height: 100%;
    position: relative;
    width: 520px;
}

.stripNavL, .stripNavR, .stripNav {
    display: none;
}

.nav-thumb {
    border: 1px solid black;
    margin-right: 5px;
}

#movers-row {
    margin: -43px 0 0 62px;
}

#movers-row div {
    width: 20%;
    float: left;
}

#movers-row div a.cross-link {
    float: right;
}

.photo-meta-data {
    background: url(../img/transpBlack.png);
    padding: 10px;
    height: 30px;
    margin-top: -54px;
    position: relative;
    z-index: 100;
    color: white;
    font-weight: bold;
}

.photo-meta-data span {
    font-size: 13px;
}

.cross-link {
    display: block;
    width: 62px;
    margin-top: -14px;
    position: relative;
    padding-top: 15px;
    z-index: 9999;
}

.active-thumb {
    background: transparent url(../img/icon-uparrowsmallwhite.png) top center no-repeat;
}

/**************************formulaire contact **************/
#formulaire_contact {
    margin-bottom: 20px;
}

#formulaire_contact legend {
    display: none;
}

#formulaire_contact p.boutons {
    margin-top: 115px;
}

#formulaire_contact p.boutons input.submit {
    background: none repeat scroll 0 0 #F1F5F9;
    border: 1px solid #2D88B5;
    color: #2D88B5;
    font-weight: bold;
    margin-left: 8px;
    padding: 5px;
}

#formulaire_contact form {
    height: 460px;
}

#formulaire_contact input {
    margin-left: 0px;
}

#formulaire_contact form fieldset ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#formulaire_contact form fieldset ul li {
    height: 50px;
}

#formulaire_contact form fieldset label {
    display: block;
    font-size: 1.3em;
}

#formulaire_contact form fieldset label strong {
    color: #2D88B5;
    font-weight: bold;
}

/********************************Social tags **************/
div.socialtags {
    float: left;
    padding-top: 8px;
}

/********************************Sliding Boxes Jquery *****/
.encart_rubriques {
    float: left;
    padding: 5px;
    width: 254px;
}

.logo_rubrique {
    float: left;
}

.contenu_desc_rubrique {
    text-align: left;
    font-size: 0.85em;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    padding-top: 2px;
    padding-bottom: 20px;
    height: 180px;
}

.portfolio_div_container .portfolio_div img {
    width: 150px;
    height: 120px;
}

.portfolio_div_container {
    height: 120px;
    width: 150px;
    margin-right: 10px;
    float: left;
    padding: 5px 0 0 0;
    overflow: hidden;
    position: relative;
}

.portfolio_div_container .portfolio_div {
    height: 120px;
    width: 150px;
    overflow: hidden;
    position: relative;
}

.portfolio_div .info_container {
    width: 150px;
    height: 120px;
    top: 95px;
    z-index: 0;
    position: relative;
}

.portfolio_div div.info {
    position: relative;
    width: 150px;
    top: -123px;
    z-index: 100;
    height: 91px;
    color: #FFF;
    font: bold 11px / 16px tahoma, arial;
    padding: 5px;
    line-height: 16px;
}

.portfolio_div div.info p {
    font: 11px tahoma, arial;
    padding-left: 10px;
}

.portfolio_div div.info a {
    color: #daf0fb;
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 11px;
    font-weight: bold;
    outline: none;
}

.portfolio_div div.info_bg {
    position: relative;
    background-color: #336699;
    width: 150px;
    z-index: 50;
    top: -220px;
    height: 120px;
    opacity: 0.8;
}

#examples {
	float: right;
	width: 270px;
	text-align: left;
}

#examples td {
	background-color:#ffffff;
	padding:5px;
	text-align: left;
	vertical-align: top;
}