@charset "UTF-8";

/* RESET CSS */

html{
	color:#000;
	font-family: arial;
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
}
a { outline: none; }
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body {font-family: Arial, sans-serif; font-size: 12px}
a {text-decoration: none; color: black}
.clearfix {clear: both; margin:0; padding:0;}
.wrapper_2cols {overflow: hidden}

.texte_news a { text-decoration: underline; }

/* Structure globale */
#header h1 { display:none; }
.wrapper960 {width: 960px; overflow: hidden; margin: auto}
.separateur {width: 100%; height: 7px; background: url(separateurs_bg-x.png) repeat-x; text-indent: -9999px}
h2 {margin: 0; height: 17px}

/* qui sommes nous ? */
#quisommesnous .close { display: block; position: absolute; top: 53px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #005966 }
#quisommesnous .close:hover {background-position: 48px -7px; color: black}
#quisommesnous {width: 100%; /*background: #1ee6f8*/} 
#quisommesnous h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) left 2px; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px; margin-bottom: 0}
#quisommesnous h2 a:hover {background-position: -300px 2px}
#quisommesnous_content {background: #1ee6f8; margin-top:-10px}
#quisommesnous_content .top {/*border-bottom: 1px solid black*/; margin-top: 15px}
#quisommesnous_content h3 a {display: block; background: url(quisommesnous/titre.png); width: 365px; height: 28px; float: left; text-indent: -99999px; margin: 0}
#quisommesnous_content h3 a:hover {background-position: 0 -28px}
#quisommesnous_content .top_nav {width: 100%; background:url(bg_top.png) repeat-x; padding-top: 10px }
#quisommesnous_content .top_nav li {float: left; margin-right: 45px;}
#quisommesnous_content .top_nav li a {padding-left: 15px; background: url(quisommesnous/fleche_nav.png) 0 1px no-repeat; color: black; font-weight: bold; text-transform: uppercase; font-size: 14px}
#quisommesnous_content .top_nav li a:hover {color: #15a1ad}
#quisommesnous_content .top_nav li a.active {color: #15a1ad; background-position: 0 -16px}


#quisommesnous_content h4#titre_identite {display: block; width: 960px; background:url(quisommesnous/notre_identite.png) 25px 0 no-repeat; height: 30px; margin-top: 0; text-indent: -99999px; 
/**** MAJ PAR LUDDO ****/
margin-top: 0px; 
/**** MAJ PAR LUDDO ****/
margin-bottom: 5px }
#quisommesnous_content h4 {cursor: pointer}
#quisommesnous_content h4#titre_organisation {display: block; width: 960px; background:url(quisommesnous/notre_organisation.png) 25px 0 no-repeat; height: 30px; margin-top: 0; text-indent: -99999px; margin-top: 0px; margin-bottom: 5px }
#quisommesnous_content h4#titre_organigramme {display: block; width: 960px; background:url(quisommesnous/notre_organigramme.png) 25px 0 no-repeat; height: 30px; margin-top: 0; text-indent: -99999px; margin-top: 0px; margin-bottom: 5px }
#quisommesnous_content .sous_nav {border-top: 1px solid black; border-bottom: 1px solid black; padding-bottom: 1px; margin-left: 25px; overflow: hidden; margin-top:7px;}
#quisommesnous_content .sous_nav li {float: left; margin-right: 60px; }
#quisommesnous_content .sous_nav li a {color: black; font-size: 10px; text-transform: uppercase; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; font-weight: normal}
#quisommesnous_content .sous_nav li a:hover {background: black; color: #ffff00}
#quisommesnous_content .sous_nav li a.active {background: black; color: #ffff00}

/* qui sommes nous : les slides */

/********* MAJ PAR LUDDO **************/

/********* MAJ PAR LUDDO **************/

/* qui sommes nous : les slides */
.quisommes_slide {position: relative; overflow: hidden; margin-left: 25px; margin-top: 50px}
.colgauche {width: 620px; float: left; /*margin-left: 25px*/}
.coldroite {width: 305px; float: left; margin-left: 10px; }
.titre1 {background: white; color: black; text-transform: uppercase; font-size: 10px; padding-left: 1px; padding-right: 1px; color: black}
.titre2 {background: white; color: black; text-transform: uppercase; font-size: 10px; padding-left: 1px; padding-right: 1px; color: black}
.citation {font-family: Times; font-weight: bold; font-size: 25px; margin-top: 10px; text-align: left; margin-bottom: 20px}
.citation_gauche {/*margin-left: 25px;*/ width: 455px; border-top: 1px dashed black; border-bottom: 1px dashed black; padding-top: 15px; margin-top: 50px}
.citation_droite {width: 285px; border-top: 1px dashed black; border-bottom: 1px dashed black; padding-top: 15px; margin-top: 5px; margin-left: 15px}
.photo {width: 333px; height: 298px; background: url(quisommesnous/abbe_pierre.png) top left; position: absolute; bottom: 0; right: 0; text-indent: -99999px; z-index: 2}
.mini_footer {width: 100%; padding: 5px; /*padding-left: 25px;*/ background: /*url(quisommesnous/minifooter_bg.png) repeat-y*/ #138f9a; padding-right: 5px}
.mini_footer ul {width: 98%; border-top: 1px dotted white; border-bottom: 1px dotted white; padding-top: 3px; padding-bottom: 5px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px; overflow: hidden}
a.download {color: #1ee6f8; display: block; padding-left: 15px; background:url(download_bg.png) 0 4px no-repeat; font-size: 10px; text-transform: uppercase; margin-top: 3px }
a.download:hover {color: white}
.encart_chiffres {width: 220px; margin-left: 50px; border-top: 1px dashed black; border-bottom: 1px dashed black; padding-top: 15px; padding-bottom: 15px; margin-top: 5px}
.encart_chiffres .chiffre {display: block; font-family: Arial Black, Arial, sans-serif; font-size: 50px; letter-spacing: -5px; height: 52px; margin-bottom: 0}
.encart_chiffres .mot {display: block; color: white; text-transform: uppercase; font-weight: bold; margin-top: -10px}

/* qui sommes nous ? IDENTITE */
#abbepierre h5 {font-size: 26px; font-weight: bold; margin-bottom: 0px}
p.abbepierre_dates {font-size: 10px; text-transform: uppercase}
#abbepierre .colgauche p {font-size: 13px; line-height: 20px}


#identite_intro {/*margin-left: 25px;*/ font-size: 24px; color: white; font-weight: normal; /*margin-top: 50px*/}

#revolte {/*margin-top: 50px*/}
#revolte h5 {/*margin-left: 25px;*/ font-size: 26px; font-weight: bold; margin-bottom: 10px}
#revolte p.revolte_txt {/*margin-left: 25px;*/ font-size: 18px; line-height: 25px; margin-bottom: 25px}
#revolte p.credits {font-size: 10px; text-transform: uppercase; /*margin-left: 25px*/; margin-bottom: 5px}

#valeurs ul#liste_valeurs {/*margin-top: 50px*/}
#valeurs ul#liste_valeurs li {width: 100%; clear: left; overflow: hidden; margin-bottom: 10px; }
#valeurs h6 {display: block; width: 175px; float: left; /*margin-left: 25px;*/ font-size: 15px; text-transform: uppercase; font-weight: bold; }
#valeurs .valeur {display: block; float: left; width: 745px; padding-left: 15px; background: url(fleche_noire.png) 0 3px no-repeat; border-bottom: 1px white dotted; padding-bottom: 20px; font-size: 13px}

#international p#international_txt {font-size: 24px; color: black; margin-bottom: 100px}

/* qui sommes nous ? ORGANISATION */
#wrapper_notreorganisation #orga_intro #intro_txt {font-size: 24px; color: white; margin-bottom: 50px; line-height: 26px}
#wrapper_notreorganisation .organisation h5 {font-size: 26px; font-weight: bold; margin-bottom: 10px}
#wrapper_notreorganisation .organisation p {font-size: 13px; line-height: 18px}
#wrapper_notreorganisation .organisation ul {margin-left: 20px; line-height: 18px; font-size: 13px}
#wrapper_notreorganisation .organisation ul li {padding-left: 15px; background:url(fleche_noire.png) 0 5px  no-repeat; margin-bottom: 20px }


#orga_regions ul li {padding-left: 15px; background:url(fleche_noire.png) 0 5px  no-repeat; margin-bottom: 20px }

/* qui sommes nous ? ORGANIGRAMME */

#organi_intro p {color: white; font-size: 24px}
#organi_ca h5 {font-size: 24px; font-weight: bold}
#organi_ca ul#liste_ca {overflow: hidden; margin-bottom: 0}
#organi_ca p {font-size: 24px; color: white}
#organi_salaries p {font-size: 24px; color: white}
#organi_ca ul li {margin-bottom: 5px; overflow: hidden}
#organi_ca .ca_titre {width: 130px; float: left; font-size: 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px white dotted; margin-right: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 12px}
#organi_ca .ca_nom {width: 765px; float: left; font-size: 13px; border-bottom: 1px white dotted; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; background: url(fleche_noire.png)0 11px no-repeat}

#organi_salaries h5 {font-size: 24px; font-weight: bold}
#organi_salaries p {font-size: 24px; color: white}
#organi_salaries ul#liste_salaries {overflow: hidden; margin-bottom: 0}
#organi_salaries ul#liste_salaries li {margin-bottom: 5px; overflow: hidden; padding-left: 15px; background: url(fleche_noire.png) 0 13px no-repeat}
#organi_salaries .ca_titre {width: 130px; float: left; font-size: 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px white dotted; margin-right: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 12px}
#organi_salaries .ca_nom {width: 765px; float: left; font-size: 13px; border-bottom: 1px white dotted; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; background: url(fleche_noire.png)0 11px no-repeat}
#liste_salaries li {border-bottom: 1px dotted white; padding-top: 10px; padding-bottom: 10px; background-position: 0 18px}
#liste_salaries li span.pole {text-transform: uppercase; font-weight: bold}
#wrapper_notreorganigram .organigramme h5 {font-size: 26px; font-weight: bold; margin-bottom: 10px}
#wrapper_notreorganigram .organigramme p {font-size: 13px; line-height: 18px}
#wrapper_notreorganigram .organigramme ul {margin-left: 20px; line-height: 18px; font-size: 13px}
#wrapper_notreorganigram .organigramme ul li {padding-left: 15px; background:url(fleche_noire.png) 0 5px  no-repeat; margin-bottom: 20px }


/* nos actions */
#nosactions_content .close { display: block; position: absolute; top: 55px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close_blanc.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #dddddd }
#nosactions_content .close:hover {background-position: 48px -7px; color: white}
#nosactions .wrapper_2cols { margin-left:25px; }
#nosactions {width: 100%;/*  background: #a03200 */} 
#nosactions h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) 0px -17px ; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px}
#nosactions h2 a:hover {background-position: -300px -17px}
#nosactions_content {background: #a03200}
#nosactions_content .top {background: url(bg_top_blanc.png) repeat-x #a03200; overflow: hidden; position: relative; margin-top: 5px;}
#nosactions_content h3 {margin-bottom: 2px}
#nosactions_content h3 a {display: block; background: url(nosactions/titre.png) no-repeat; width: 240px; height: 25px; text-indent: -99999px; margin: 0;}
#nosactions_content h3 a:hover {background-position: 0 -25px }
#nosactions_content h4 {width: 600px; height: 25px; text-indent: -99999px; margin-left: 25px; margin-top: 2px; cursor: pointer}
#nosactions_content h4.accueil {background: url(nosactions/nav_actions.gif) -17px -17px no-repeat;}
#nosactions_content h4.recup {background: url(nosactions/nav_actions.gif) -17px -86px no-repeat;}
#nosactions_content h4.emploi {background: url(nosactions/nav_actions.gif) -17px -155px no-repeat;}
#nosactions_content h4.hebergement {background: url(nosactions/nav_actions.gif) -17px -224px no-repeat;}
#nosactions_content h4.lutte {background: url(nosactions/nav_actions.gif) -17px -293px no-repeat;}
#nosactions_content h4.solidarite {background: url(nosactions/nav_actions.gif) -17px -362px no-repeat;}
#nosactions_content .top_nav {width: 100%; padding-top: 2px; overflow:hidden; position: absolute; top: 0; left: 270px; margin-top: 5px }
#nosactions_content .top_nav li {float: left; margin-right: 27px; line-height:10px;}
#nosactions_content .top_nav li a {color: #c37e5f; font-weight: bold; text-transform: uppercase; font-size: 10px}
#nosactions_content .top_nav li a:hover {color: white}
#nosactions_content .top_nav li a.active {color: white;}

#nosactions_content .sous_nav {border-top: 1px solid white; border-bottom: 1px solid white; padding-bottom: 1px; margin-left: 25px; overflow: hidden}
#nosactions_content .sous_nav li {float: left; margin-right: 60px; }
#nosactions_content .sous_nav li a {color: white; font-size: 10px; text-transform: uppercase; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; font-weight: normal}
#nosactions_content .sous_nav li a:hover {background: black; color: white}
#nosactions_content .sous_nav li a.active {background: black; color: white}

#noactions_intro {margin-bottom: 30px}
#noactions_intro li {margin-bottom: 12px}
#nosactions_content p.texte_intro {font-size: 24px; text-indent: 25px; line-height: 28px; margin-top: 50px}
#noactions_intro li a {display: block; height: 56px; width: 620px; background: url(nosactions/nav_actions.gif) no-repeat; text-indent: -99999px}
#noactions_intro li a.recup {background-position: 0 -70px}
#noactions_intro li a.emploi {background-position: 0 -140px}
#noactions_intro li a.hebergement {background-position: 0 -210px}
#noactions_intro li a.lutte {background-position: 0 -280px}
#noactions_intro li a.solidarite {background-position: 0 -345px}
#noactions_intro li a.accueil:hover {background-position: -630px 0px}
#noactions_intro li a.recup:hover {background-position: -630px -70px}
#noactions_intro li a.emploi:hover {background-position: -630px -140px}
#noactions_intro li a.hebergement:hover {background-position: -630px -210px}
#noactions_intro li a.lutte:hover {background-position: -630px -280px}
#noactions_intro li a.solidarite:hover {background-position: -630px -345px}

#wrapper_nosactions {width: 100%}
#wrapper_nosactions .actions_sous_slide {margin-top: 40px}
#wrapper_nosactions .encart_chiffres {color: white; border-top: 1px dashed white; border-bottom: 1px dashed white; padding-top: 5px; padding-bottom: 5px}
#wrapper_nosactions .titre1 {color: black; background: white; font-size: 10px; text-transform: uppercase; padding-left:1px; padding-right: 1px}
#wrapper_nosactions .titre2 {color: black; background: white; font-size: 10px; text-transform: uppercase}
#wrapper_nosactions .chiffre {color: #ffff00}

#wrapper_nosactions .citation_droite {border-top: 1px dashed white; border-bottom: 1px dashed white; font-size: 14px; font-weight: bold; color: white; padding-bottom: 10px}
#wrapper_nosactions .citation_droite .citation {color: white; margin-bottom: 10px}


/* nos actions : les slides */
/* qui sommes nous : les slides */
/* .nosactions_slide {margin-bottom: 50px; position: relative; overflow: hidden; margin-left: 25px; padding-top: 50px} */
h5.nosactions_article_titre {font-size: 26px; color: white; margin-bottom: 15px}
.nosactions_article_txt {color: white; font-size: 13px; line-height: 16px}
ul.liste_article {margin-left: 20px; line-height: 16px}
ul.liste_article li {padding-left: 15px; background: url(minifleche_jaune.png) 0 4px no-repeat; margin-bottom: 15px}

#wrapper_nosactions .mini_footer {width: 100%; margin-left:25px; padding: 5px; /*padding-left: 25px;*/ background: /*url(quisommesnous/minifooter_bg.png) repeat-y*/ #631f00; padding-right: 5px}
#wrapper_nosactions .mini_footer ul {width: 98%; border-top: 1px dotted white; border-bottom: 1px dotted white; padding-top: 3px; padding-bottom: 5px; margin-left: 5px; margin-top: 2px; margin-bottom: 2px}
#wrapper_nosactions a.download {color: #ffff00}
#wrapper_nosactions a.download:hover {color: white}


/* mobilisations */
#mobilisations .close { display: block; position: absolute; top: 43px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #000 }
#mobilisations {width: 100%; /*background: #ffff00*/} 
#mobilisations h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) left 2px; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px; background-position: 0 -37px}
/*#mobilisations h2 a:hover {background-position: -300px -37px}*/
#mobilisations_content {/*background: #1ee6f8*/}
#mobilisations_content .top {background: url(bg_top.png) repeat-x; overflow: hidden; margin-top: 5px}
#mobilisations_content h3 a {display: block; background: url(nosmobilisations/titre.png) no-repeat #FFFF00; width: 355px; height: 25px; float: left; text-indent: -99999px; margin: 0; margin-top: 0}
#mobilisations_content h3 a:hover {background-position:  0 -25px}
#mobilisations_content .top_nav {width: 100%; border-top: 3px solid black; padding-top: 8px }
#mobilisations_content .top_nav li {float: left; margin-right: 45px;}
#mobilisations_content .top_nav li a {padding-left: 15px; background: url(quisommesnous/fleche_nav.png) 0 1px no-repeat; color: black; font-weight: bold; text-transform: uppercase; font-size: 14px}
#mobilisations_content .top_nav li a:hover {color: #15a1ad}
#mobilisations_content .top_nav li a.active {color: #15a1ad; background-position: 0 -16px}

#mobilisations_content .sous_nav {width: 935px;border-top: 1px solid black; border-bottom: 1px solid black; padding-bottom: 1px; overflow: hidden; margin-top: 30px; margin-left: 25px}
#mobilisations_content .sous_nav li {float: left; margin-right: 45px;}
#mobilisations_content .sous_nav li a {/*display: block;*/ color: black; font-size: 10px; text-transform: uppercase; font-weight: bold; /*padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;*/ font-weight: normal; line-height: 10px; padding: 4px;}
#mobilisations_content .sous_nav li a:hover {background: black; color: #ffff00}
#mobilisations_content .sous_nav li a.active {background: black; color: #ffff00}

.mobilisations_slide {margin-bottom: 50px; position: relative; overflow: hidden; margin-left: 25px; margin-top: 40px}
.mobilisations_slide .encart_chiffres .mot {color: #9E9E00}

ul.nousbattons {background: url(nosmobilisations/nousbattons_bg.png) top left no-repeat; padding-left: 78px; padding-top: 25px; font-size: 12px; font-weight: bold; text-transform: uppercase; overflow: hidden}
ul.nousbattons h6 {display: block; background: url(nosmobilisations/mobilisations_fleches.png) -317px -20px no-repeat; width: 268px; height: 14px; color: white; padding: 4px; float: left; clear: both;}
ul.nousbattons h6.active {display: block; background: url(nosmobilisations/mobilisations_fleches.png) 0 -20px no-repeat; width: 268px; height: 14px; color: white; padding: 4px; float: left; clear: both; }
ul.mobilisations_sous_nav {width: 590px; float: left; margin-left: -10px; margin-bottom: 10px}
ul.mobilisations_sous_nav li a {display: block; background:url(nosmobilisations/mobilisations_fleches.png) 0 -63px no-repeat; padding: 4px; padding-left: 27px; height: 12px; color: #d0d000;  cursor: default}
ul.mobilisations_sous_nav li a.active {display: block; background:url(nosmobilisations/mobilisations_fleches.png) 0 -63px no-repeat; padding: 4px; padding-left: 27px; height: 12px; color: black}
/*ul.mobilisations_sous_nav li a:hover {background-position: 0 -84px; color: #ffff00}*/

/* mobilisations passees */
#mobilisations_passees {width: 100%; background: url(nosmobilisations/bg_passees.png) #ffff00} 
ul.noussommesbattus {background: url(nosmobilisations/noussommesbattus_bg.png) top left no-repeat; padding-left: 78px; padding-top: 25px; font-size: 12px; font-weight: bold; text-transform: uppercase; overflow: hidden}
ul.noussommesbattus h6 {display: block; background: url(nosmobilisations/mobilisations_fleches.png) -317px -20px no-repeat; width: 268px; height: 14px; color: white; padding: 4px; float: left; clear: both;}
ul.noussommesbattus h6.active {display: block; background: url(nosmobilisations/mobilisations_fleches.png) 0 -20px no-repeat; width: 268px; height: 14px; color: white; padding: 4px; float: left; clear: both;}
ul.mobilisations_sous_nav {width: 590px; float: left; margin-left: -10px; margin-bottom: 10px}
ul.mobilisations_sous_nav li a {display: block; background:url(nosmobilisations/mobilisations_fleches.png) 0 1px no-repeat; padding: 4px; padding-left: 27px; height: 12px}
ul.mobilisations_sous_nav li a.active {display: block; background:url(nosmobilisations/mobilisations_fleches.png) 0 -63px no-repeat; padding: 4px; padding-left: 27px; height: 12px; color: black}
/*ul.mobilisations_sous_nav li a:hover {background-position: 0 -84px; color: #ffff00}*/

/* mobilisations : article */
h5.mobilisation_article {font-size: 26px; font-weight: bold; line-height: 25px; margin-bottom: 20px}
p.mobilisation_article {font-size: 13px}
.mobilisations_slide p {font-size: 13px}
.mobilisations_slide .mini_footer {background: #9e9e00;}
.mobilisations_slide .mini_footer a.download {color: #ffff00; width:600px;}
.mobilisations_slide .mini_footer a.download:hover {color: black}

/* comment nous aider ? (donner agir) */
#donneragir .close { display: block; position: absolute; top: 51px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #000 }
#donneragir .wrapper_2cols {width:960px;}
#donneragir {width: 100%; /*background: #ff00dc*/} 
#donneragir h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) 0 -98px no-repeat; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px}
/*#donneragir h2 a:hover {background-position: -300px -218px; width: 360px;}*/
#donneragir_content {/*background: #1ee6f8*/}
#donneragir_content .top {background:url(bg_top.png) repeat-x; overflow: hidden; margin-top: 5px}
#donneragir_content h3 a {display: block; background: url(donneragir/titre.png); width: 420px; height: 25px; float: left; text-indent: -99999px; margin: 0;}
#donneragir_content h3 a:hover {background-position:  0 -25px}

#donneragir_content h4#titre_donner {display: block; width: 960px; background:url(donneragir/titre_donner.png) 25px 0 no-repeat; height: 25px; margin-top: 0; text-indent: -99999px; margin-bottom: 5px; margin-top: 2px }
#donneragir_content h4#titre_agir {display: block; width: 960px; background:url(donneragir/titre_agir.png) 25px 0 no-repeat; height: 25px; margin-top: 0; text-indent: -99999px; margin-bottom: 5px; margin-top: 2px  }
#donneragir_content .top_nav {width: 100%; }
#donneragir_content .top_nav li {float: left; margin-right: 45px; margin-left: 30px}
#donneragir_content .top_nav li a {padding-left: 15px; background: url(donneragir/fleche_nav.png) 0 1px no-repeat; color: black; font-weight: bold; text-transform: uppercase; font-size: 14px}
#donneragir_content .top_nav li a:hover {color: #A7FF00}
#donneragir_content .top_nav li a.active {color: white; background-position: 0 -16px}

#donneragir_content .sous_nav {width: 935px;border-top: 1px solid black; border-bottom: 1px solid black; padding-bottom: 1px; overflow: hidden; margin-top: 14px; margin-left: 25px}
#donneragir_content .sous_nav li {float: left; margin-right: 35px;}
#donneragir_content .sous_nav li a {/*display: block;*/ color: black; font-size: 10px; text-transform: uppercase; font-weight: bold; /*padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;*/ font-weight: normal; line-height: 10px; padding: 4px}
#donneragir_content .sous_nav li a:hover {background: black; color: #a2ff00}
#donneragir_content .sous_nav li a.active {background: black; color: #a2ff00}
#donneragir_intro {border-top: 1px solid black; padding-top: 43px; margin-top: 40px}
.donneragir_slide {margin-bottom: 40px; position: relative; overflow: hidden; margin-left: 25px; margin-top: 3px}

/* donner agir : intro */
p#donneragir_intro_txt {font-size: 20px}
ul#donner_liste {background: url(donneragir/fleche_donner.png) top left no-repeat; padding-left: 246px; padding-top: 10px}
ul#donner_liste li {font-size: 12px; font-weight: bold; text-transform: uppercase; background:url(nosmobilisations/mobilisations_fleches.png) 0 -65px no-repeat; padding: 2px; height: 15px;padding-left: 28px; }
ul#donner_liste li a:hover {color: white}

ul#agir_liste {background: url(donneragir/fleche_agir.png) top left no-repeat; padding-left: 246px; padding-top: 10px}
ul#agir_liste li {font-size: 12px; font-weight: bold; text-transform: uppercase; background:url(nosmobilisations/mobilisations_fleches.png) 0 -65px no-repeat; padding: 2px; height: 15px;padding-left: 28px; }
ul#agir_liste li a:hover {color: white}

/* donner agir : article */
h5.donneragir_article {font-size: 26px; font-weight: bold; line-height: 25px}
p.donneragir_article {font-size: 13px}
.donneragir_slide p {font-size: 13px}
.donneragir_slide .wrapper_2cols li {background: url(minifleche_verte.png) 0 3px no-repeat; padding-left: 15px; margin-bottom: 10px}
.donneragir_slide .mini_footer {background: #9e0088; margin-top:35px; color: white}
.donneragir_slide .mini_footer a.download {color: #ffff00; width:600px;}
.donneragir_slide .mini_footer a.download:hover {color: white}
#wrapper_donneragir .citation {color: white; border-top: 1px black dashed;  border-bottom: 1px black dashed; padding-top: 15px; padding-bottom: 15px; width: 280px; margin-left: 20px }

/**********
LUDO NOS ACTIONS */

/* NOS ACTIONS */
#nosactions {
/*background:none repeat scroll 0 0 #A03200;*/
width:100%;
}
#nosactions h2 a {
background:url("nav.png") repeat scroll 0 -17px transparent;
display:block;
height:17px;
margin-left:7px;
padding-bottom:2px;
padding-top:2px;
text-indent:-99999px;
width:300px;
}
#nos_actions_big { background-color:#a03200; color:white; height:495px; }
#nos_actions_sommaire_liste { overflow:auto; width:960px; }
#nos_actions_sommaire_liste p { color:black; text-transform:uppercase; font-size:12px; }
#actions_miniheader { width:980px; height:32px; background:url(nosactions/fond_titre.png); background-repeat:repeat-x; padding-top:2px; overflow:hidden; }
#titre_actions { background-color:#a03200; text-indent:-9999px; background-image:url(nosactions/nos_actions.png); background-repeat:no-repeat; width:215px; height:32px; margin-top:2px; }
#nos_actions_fleches { text-indent:-9999px; background-image:url(nosactions/actions_fleches.png); background-repeat:no-repeat; width:20px; height:385px; float:left; }
#mini_menu_action { width:725px; height:12px; float:right; margin-top:17px; }
.item_mini_menu_action { font-size:10px; text-transform:uppercase; float:left; margin-right:22px; }
.item_mini_menu_action a { color:white; }
.item_mini_menu_action a:hover { text-decoration:none; border-bottom:2px white solid; }

/* NOS ACTIONS : SOMMAIRE */
#nos_actions_sommaire_liste #accueil { margin-top:20px; }
#nos_actions_sommaire_liste #emploi { margin-top:25px; }
#nos_actions_sommaire_liste #recuperation { margin-top:18px; }
#nos_actions_sommaire_liste #logement { margin-top:18px; }
#nos_actions_sommaire_liste #lutte { margin-top:27px; }
#nos_actions_sommaire_liste #solidarite { margin-top:20px; }

/* UNE ACTION */
/* .nosactions_slide { position:absolute: top:0; } */
ul.action_sous_menu { height:15px; width:100%; border-top:1px solid white; border-bottom:1px solid white; margin-top:20px; }
li.item_action_sous_menu { font-size:10px; text-transform:uppercase; float:left; margin-right:115px; height:10px; display:block; margin-top:1px; }
li.item_action_sous_menu a { color:#ffd200; }
li.item_action_sous_menu a:hover { color:white; text-decoration:none; }
p.action_texte { font-size:24px; }
h5.titre_chiffres { display:block; font-size:20px; text-transform:uppercase; line-height:18px; margin-top:25px; }
div.action_chiffres { width:100%; }
div.chiffres_col { width:302px; float:left; margin-right:18px; }
div.chiffres_detail { width:50%; float:left; }
div.chiffres_col h6 { font-size:14px; width:308px; border-bottom:1px solid white; text-transform:uppercase; line-height:12px; padding-bottom:3px; margin-bottom:0; }
div.chiffres_donnee { font-family:"Arial Black"; color:#ffd200; font-size:38px; letter-spacing:-5px; margin-top:10px; line-height:38px; }
div.chiffre_legende { font-size:12px; line-height:11px; }

/* COMMUNIQUES */
#communiques .close { display: block; position: absolute; top: 63px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #000 }
#communiques_content {margin-top:-8px;}
#communiques h2 a {
background:url("nav.png") repeat scroll 0 -57px transparent;
display:block;
height:17px;
margin-left:7px;
padding-bottom:2px;
padding-top:2px;
text-indent:-99999px;
width:300px;
}
#communiques { /*background-color:#9cff00;*/ color:black; height:auto; overflow:auto; /*min-height:300px;*/}
#communiques .top {}
#communiques_header { height:30px;width: 960px; background:url(bg_top.png)repeat-x; height: 76px }
#communiques_titre { background-position:0 3px; width:255px; height:30px; float:left; text-indent:-9999px; background-image:url(communiques/titre_communiques.png); background-repeat:no-repeat; }
#communiques_header h3 a {display: block; background: url(communiques/titre.png) no-repeat; width: 278px; height: 27px; float: left; text-indent: -99999px; margin: 0}
#communiques_header h3 a:hover {background-position: 0 -28px} 
#communiques_nav { height:50px; padding-top:12px; float:left; width:680px; /*border-bottom: 1px solid black*/}

/* COMMUNIQUES : sélecteur date */
#selecteur_date { height:18px; width:240px; float:left; }
span#mois_prec { background-repeat:no-repeat; background-position:0 3px; display:block; width:4px; height:18px; float:left; background-image:url(communiques/mois_prec.png); text-indent:-9999px; }
span#mois_suiv { display:block; width:4px; height:18px; float:left; background-image:url(communiques/puce_triangle.png); background-position:0 3px; background-repeat:no-repeat; text-indent:-9999px; margin-left:20px; }
span.mois { display:block; float:left; font-size:22px; font-weight:bold; text-transform:uppercase; line-height:12px; margin-left:20px; }
span.annee { display:block; float:left; font-size:22px; font-weight:bold; text-transform:uppercase; line-height:12px; margin-left:4px; }
a.viewstyle { display:block; float:left; margin-left:255px; height:18px; width:162px; padding-left:20px; padding-top:3px; background-repeat:no-repeat; font-size:10px; text-transform:uppercase; font-weight:bold; text-align: right; display:none; }
a#touslescomm { background-image:url(communiques/pictos_tous_comm.png); }


/* COMMUNIQUES : liste des jours */
#communiques_jours { width:100%; height:18px; margin-top:20px; border-bottom:2px black solid; }
li.jour { display:block; width:11px; height:11px; float:left; margin-right:15px; font-size:10px; text-align:center; padding:2px; }
li.active { background-color:#ff6600; }

/* COMMUNIQUES : Detail des communiques */
div.communiques_detail {border-top: 1px dotted black; border-bottom: 1px dotted black; padding-bottom:1px;}
div.un_communique_detail { width:100%; height:116px; margin-bottom:5px; }
div.un_communique_detail_col1 { width:625px; height:116px; float:left; border-top:1px black dotted; padding-top:5px; }
div.un_communique_detail_col2 { width:315px; height:116px; float:left; margin-left:20px; border-top:1px black dotted; padding-top:2px; }
div.comm_image { width:100px; height:100px; background-image:url(communiques/avatar_defaut.png); float:left; margin-top:5px; }
div.comm_texte { width:505px; float:left; margin-left:20px; margin-top: 4px}
div.comm_texte h6 { width:100%; font-size:24px; margin-bottom:5px; margin-top: 0px; line-height:22px; }
div.comm_texte p { font-size:13px; }
span.comm_date { display:block; font-weight:bold; font-size:12px; border-bottom:1px black dotted; margin-bottom:0; }
a.comm_lien_droite { display:block; font-size:10px; text-transform:uppercase; border-bottom:1px black dotted; background-image:url(communiques/puce_triangle.png); background-repeat:no-repeat; padding-left:7px; padding-top:4px; padding-bottom:3px; background-position:0 6px; }
a.comm_lien_droite:hover { background-color:white; text-decoration:none; }

/* COMMUNIQUES : liste des communiques */
/* .loading { background:url(loader_blanc.gif) no-repeat center; width:32px; height:32px; text-indent:-9999px; display:block; margin:auto; padding-top:200px; } */
.loading_green { background:url(loader_green.gif) no-repeat center; width:32px; height:32px; text-indent:-9999px; display:block; position:absolute; top:100px; left:400px;}

div.communiques_liste { width:100%; }
ul.liste_des_communiques { }
ul.liste_des_communiques li a:hover { text-decoration:none; background-color:white; }
ul.liste_des_communiques span.date:hover { text-decoration:none; background-color:white; }
ul.liste_des_communiques h6:hover { text-decoration:none; background-color:white; }
ul.liste_des_communiques li { width:455px; display:block; float:left; font-size:12px; margin-right:10px; }
ul.liste_des_communiques li[float=left] + li { display:block; float:none; margin-left:0; }
ul.liste_des_communiques li span.date { font-weight:bold; border-top:1px black dotted; padding-top:2px; display:block; float:left; }
ul.liste_des_communiques li h6 { display:block; float:left; width:339px; margin-bottom:0; margin-left:10px; border-top:1px black dotted; padding-top:2px; }
a.liste_pdf { display:block; float:left; text-transform:uppercase; background-image:url(communiques/puce_triangle.png); background-repeat:no-repeat; padding-left:7px; background-position:0 4px; margin-left:10px; font-size:10px; border-top:1px black dotted; padding-top:2px; }
div#communiques_pagination { width:960px; float:left; margin-top:5px;margin-bottom:5px;  ;font-size:10px; color:#909090; text-align:left; }
div#communiques_pagination a { color:#909090; padding:0 2px; }
div#communiques_pagination a.current { color:black; }
div#communiques_pagination a.current:hover { text-decoration:none; }

/* footer */
#footer {background: url(trame.png); height: 300px; overflow: hidden; margin-top: 10px; position: relative}
#footer1 .wrapper_footer {background: black; width: 100% }
#footer1 #footer_content {width: 940px; margin: auto; overflow: hidden; padding: 4px; padding-bottom: 2px}
#footer #footer1 {width: 100%; margin: auto; height: 11px; color: white; margin-top: 15px }
ul#news_pagination {width: 700px; overflow: hidden; padding: 2px; float: left; margin-bottom: 0}
ul#news_pagination li {float: left;margin:0 2px;}
ul#news_pagination li a {color: white;  font-size:80%; }
ul#news_pagination li a.selected {color: #ff00f6}
ul#news_pagination li a:hover {color: #ffff00}

ul#menu_footer {float: right; font-size: 10px; text-transform: uppercase; background: black;overflow: hidden; padding: 2px; margin-bottom: 0}
ul#menu_footer li {float: left;/* margin-left: 10px*/}
ul#menu_footer li a {color: white}
ul#menu_footer li a:hover {color: #ffff00}

#footer #footer2 {width: 100%; margin: auto; height: 15px; color: black; margin-top: 30px; font-size: 10px; /*text-transform: uppercase*/; overflow: hidden; background: white }
#footer2 .wrapper_footer {width: 940px; margin: auto; overflow: hidden; padding: 0; padding-bottom: 2px; height: 15px}
#footer #footer2 a:hover {color: #ff00f6}
#lien_eclaireur {float: left} 
/*#lien_eclaireur a:hover {color: #ff00f6}*/
#lien_9p {float: right} 
/*#lien_9p a:hover {color: #ff00f6}*/

/* header */

#header_top {width: 960px; height: 85px; background: url(main_header.png); margin: auto; position: relative}
a#main_rss {display: block; width: 20px; height: 22px; position: absolute; background:url(main_rss.png); top: 17px; left: 600px; text-indent: -99999px }
a#main_rss:hover {background-position: 0 -28px;}
a#main_fb {display: block; width: 20px; height: 22px; position: absolute; background:url(facebook_btn.png); top: 17px; left: 623px; text-indent: -99999px }
a#main_fb:hover {background-position: 0 -25px;}
a#ans {display: block; width: 165px; height: 60px; background:url(60ans.png); text-indent: -99999px; position: absolute; top: 50px; left: 43%; }
a#ans:hover {background-position: 0 -60px;}
a#main_tw {display: block; width: 20px; height: 22px; position: absolute; background:url(twitterBtn.png); top: 17px; left: 647px; text-indent: -99999px }

a#jemmaus_link {display: block; width: 93px; height: 43px;  background:url(btn_jemmaus.png) no-repeat ; text-indent: -99999px; position: absolute; top: 25px; left: 712px; }
a#jemmaus_link:hover {background-position: 0 -45px}

/* header visio */

#header_visio {width: 100%; height: 350px; position: relative}
#header_visio #outils_nav {width: 100%; height: 28px; background: url(outils/outils_bg.png) repeat-x; overflow: hidden; position: absolute; top: 35px; z-index: 10}
#header_visio #outils_nav ul {display: block; width: 960px; margin: auto; height: 28px}
#header_visio #outils_nav ul li {float: left; height: 28px}
#header_visio #outils_nav ul li a {padding-left: 7px; background:url(outils/outils_nav.png)  -110px 3px no-repeat; font-size: 10px; text-transform: uppercase; font-weight: bold; height: 28px; display: block; height: 28px; padding-top: 1px }
#header_visio #outils_nav ul li a#partenariats {width: 98px}
#header_visio #outils_nav ul li a#partenariats:hover {/*background-position: 0 -60px;*/}
#header_visio #outils_nav ul li a#emploi {width: 56px}
#header_visio #outils_nav ul li a#emploi:hover {/*background-position: 0 0;*/}
#header_visio #outils_nav ul li a#publications {width: 97px}
#header_visio #outils_nav ul li a#publications:hover {/*background-position: 0 -30px; color: white;*/}
#header_visio #outils_nav ul li a#contact {width: 73px}
#header_visio .header_img {width: 100%; height: 350px;text-align:center;}
#header_visio #nav_news {width: 100%; height: 15px; background: white; overflow: hidden; position: absolute; bottom: 5px; z-index: 110}

#header_visio #nav_news ul {display: block; width: 960px; margin: auto; overflow: hidden}
#header_visio #nav_news ul li {float: left; margin-right: 15px}
#header_visio #nav_news ul li a {padding-left: 7px; font-size: 10px; text-transform: uppercase; font-weight: bold }
#header_visio #nav_news ul li #filt_general {display: block; height: 13px; width: 127px; background: url(nav_news.png) top left no-repeat; text-indent: -99999px }
#header_visio #nav_news ul li #filt_general:hover {background-position: 0 -13px}
#header_visio #nav_news ul li #filt_actions {background: url(nav_news_actions.png) top left no-repeat; padding-left: 10px}
#header_visio #nav_news ul li #filt_actions:hover {color: #ff3000}
#header_visio #nav_news ul li #filt_mobilisations {background: url(nav_news_mobilisations.png) top left no-repeat; padding-left: 10px}
#header_visio #nav_news ul li #filt_mobilisations:hover {color: #ff00d2}
#header_visio #nav_news ul li #filt_publications {background: url(nav_news_publications.png) top left no-repeat; padding-left: 10px}
#header_visio #nav_news ul li #filt_publications:hover {color: #33ccff}

/* les news */
#news {margin-top: 10px}
/*#news .separateur {margin-bottom: 10px}*/
.une_news {width: 960px; margin: auto; padding-left: 25px; margin-bottom: 8px; margin-top: 10px; height: 218px; position: relative; overflow: hidden}
.news_wrapper_2cols {overflow: hidden}
.news_wrapper_2cols .col_gauche {width: 620px; float: left; margin-right: 10px}
.news_wrapper_2cols .col_droite {width: 305px; float: left}

.une_news .date_news {font-size: 10px; text-transform: uppercase; margin-bottom: 20px; }
.une_news .news_type {margin-left: 50px; background: url(news_types.png) no-repeat; height: 19px; width: 100px; text-indent: -99999px}
.une_news .action {background-position: top left}
.une_news .mobilisation {background-position: 0 -20px }
.une_news .publication {background-position: 0 -35px }
.une_news h5 {padding-left: 50px; background: url(news_fleche_titre.png) 0 3px no-repeat; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.texte_news p {text-indent: 50px; text-align: justify}
.texte_news p a:hover {text-decoration: underline}
.news_footer {overflow: hidden; position: absolute; bottom: 0; height: 19px; width: 620px}
.news_footer a:hover {text-decoration: underline}
a.envoyer {display: block; float: left; padding-left: 12px; background: url(envoyer_ami.png) 0 4px no-repeat; font-size: 10px; text-transform: uppercase; height: 20px; padding-top: 3px}
a.partager_news_fb {display: block; float: left; padding-left: 20px; padding-top: 2px; background: url(minifacebook.png) no-repeat; margin-left: 140px; height: 20px; font-size: 10px; text-transform: uppercase; margin-top: 1px}
a.publication_dl {display: block; float: right; height: 32px; padding-left: 21px; padding-top: 3px; background:url(pdf.png) no-repeat; font-size: 10px; text-transform: uppercase;}
a.liresuite {display: block; float: right; padding-left: 10px; background: url(liresuite.png)0 6px no-repeat; font-size: 10px; text-transform: uppercase; height: 20px; padding-top: 3px}

.news_plus {width: 305px; background: url(news_plus.png) no-repeat; padding-left: 88px; padding-top: 45px; margin-top: 10px; min-height: 25px }
ul.liste_pj_news {width: 305px}
ul.liste_pj_news li a {font-size: 10px; text-transform: uppercase}
ul.liste_pj_news li a:hover {text-decoration: underline} 

/* les news : portfolio */
.portfolio_wrapper { width:985px; margin:auto; padding-right:25px;}
.portfolio {width: 960px; margin: auto; height: 560px; position: relative; overflow: hidden}
.portfolio-img {/*position: absolute*/}

.portfolio-nextimg {position: absolute;/* z-index: 5; top: 0; left: -800px; */ background: url(news_portfolio_nav2.png) top right no-repeat; padding-right: 8px;}
/*
.portfolio-nextimg img {opacity: 0.9}
.portfolio-nextimg img:hover {opacity: 1}
*/
.portfolio .legende {position: absolute; z-index: 10; height: 94px; width: 930px; bottom: 0; }

.portfolio .legende .portfolio_date {background:url(news_portfolio_date.png) top left no-repeat; width: 498px; height: 10px; color: black; font-size: 10px; text-transform: uppercase; padding: 3px; padding-left: 25px }
.portfolio .legende .legende_txt {background: url(news_portfolio_legende.png) repeat-x; height: 68px; color: white; padding: 5px; padding-left: 25px; width:930px;}
.portfolio .legende .legende_txt h6 {font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0; }
.portfolio .legende .legende_txt p {font-weight: lighter}

.portfolio_nav {overflow: hidden; position: absolute; right:10px; bottom:60px; z-index:100}
.portfolio_nav a {float: left; display: block; width: 9px; height: 9px; background: url(news_portfolio_nav.png); margin-left: 4px }
.portfolio_nav a.selected {background-position: 0 -11px} 

/* OUTILS */

#outils_wrapper {width: 960px;margin: auto}
#outils {overflow: hidden; position: absolute; width: 800px; top: 60px; z-index: 100  }
#outils a.close {display: block; position: absolute; top: 10px; right: 10px; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #005966}
#outils a.close:hover {color: black; background-position: 48px -7px }
#partenariats_tab #intro_partnariats { width: 800px; height: 220px; background: url(outils/partenaires_bg.png); overflow: hidden; position: relative}
#partenariats_tab #intro_partnariats li {width: 230px; margin: auto; border-top: 1px dotted black; padding: 2px}
#partenariats_tab #intro_partnariats ul#assos {width: 400px; height: 220px; float: left; text-align: center}
#partenariats_tab #intro_partnariats ul#assos h6 {font-size: 18px; color: #ffffff; text-transform: uppercase; margin-top: 40px; margin-bottom: 15px}
#partenariats_tab #intro_partnariats ul#assos li:hover {background: white}
#partenariats_tab #intro_partnariats ul#entreprises {width: 400px; height: 220px; float: left; text-align: center}
#partenariats_tab #intro_partnariats ul#entreprises h6 {font-size: 18px; color: #00f6ff; text-transform: uppercase; margin-top: 40px; margin-bottom: 15px}
#partenariats_tab #intro_partnariats ul#entreprises li:hover {background: #00f6ff}

#partenariats_tab .slide_assos { width: 800px; height: 220px; background: url(outils/partenaires_bg.png) 0 -440px; overflow: hidden; position: relative}
#switch_partenaires {margin-left: 48px;overflow: hidden}
#partenariats_tab .slide_assos h6 {width: 225px; border-top: 1px dotted #00c9d0; border-bottom: 1px dotted #00c9d0; font-size: 12px; text-transform: uppercase; font-weight: bold; height: 30px; margin-top: 20px; padding-top: 2px; margin-bottom: 5px; float: left; margin-right: 35px; color: #00c9d0; cursor:pointer}
#partenariats_tab .slide_assos h6.selected_switch {border-top: 1px dotted black; border-bottom: 1px dotted black; color: black}
#partenariats_tab .slide_assos 	a.mininav_g {display: block; width: 7px; height: 14px; background: url(outils/partenaires_gauche.png) no-repeat; text-indent: -99999px; margin-right: 8px}
#partenariats_tab .slide_assos 	a.mininav_g:hover {background-position: 0 -30px;}
#partenariats_tab .slide_assos 	a.mininav_d {display: block; width: 7px; height: 14px; background: url(outils/partenaires_droite.png) no-repeat; text-indent: -99999px}
#partenariats_tab .slide_assos 	a.mininav_d:hover {background-position: 0 -30px;}

#partenariats_tab #mininav {width: 235px; display: block; overflow: hidden; margin-left: 48px}
#partenariats_tab #mininav li {float: left; }
#partenariats_tab #mininav .selected {display: block; font-weight: bold; width: 205px; padding-top: 1px}
#partenariats_tab p.description {width: 525px; margin-left: 15px; text-indent: 30px}
#partenariats_tab .minifooter {width: 100%; height: 25px; position: absolute; bottom: 10px; background: #005d60; color: #00f6ff; font-size: 10px; text-transform: uppercase }
#partenariats_tab .minifooter p {width: 765px; margin: auto; margin-top: 7px; background: url(minifleche_verte.png) 0 2px no-repeat; padding-left: 8px}
#partenariats_tab .minifooter a.savoirplus {color: white}
#partenariats_tab .minifooter a.savoirplus:hover {color: #00f6ff}

#partenariats_tab .slide_entreprises { width: 800px; height: 220px; background: url(outils/partenaires_bg.png) 0 -220px; overflow: hidden; position: relative}
#switch_partenaires {margin-left: 48px;overflow: hidden}
#partenariats_tab .slide_entreprises h6 {width: 225px; border-top: 1px dotted #b2b2b2; border-bottom: 1px dotted #b2b2b2; font-size: 12px; text-transform: uppercase; font-weight: bold; height: 30px; margin-top: 20px; padding-top: 2px; margin-bottom: 5px; float: left; margin-right: 35px; color: #b2b2b2; cursor:pointer}
#partenariats_tab .slide_entreprises h6.selected_switch {border-top: 1px dotted black; border-bottom: 1px dotted black; color: black}
#partenariats_tab .slide_entreprises a.mininav_g {display: block; width: 7px; height: 14px; background: url(outils/partenaires_gauche.png) 0 -16px no-repeat; text-indent: -99999px; margin-right: 8px}
#partenariats_tab .slide_entreprises a.mininav_g:hover {background-position: 0 -30px;}
#partenariats_tab .slide_entreprises a.mininav_d {display: block; width: 7px; height: 14px; background: url(outils/partenaires_droite.png) 0 -16px no-repeat; text-indent: -99999px}
#partenariats_tab .slide_entreprises a.mininav_d:hover {background-position: 0 -30px;}

#partenariats_tab #mininav {width: 235px; display: block; overflow: hidden; margin-left: 48px}
#partenariats_tab #mininav li {float: left; }
#partenariats_tab #mininav .selected {display: block; font-weight: bold; width: 205px; padding-top: 1px}
#partenariats_tab p.description {width: 525px; margin-left: 15px; text-indent: 30px}
#partenariats_tab .minifooter {width: 100%; height: 25px; position: absolute; bottom: 10px; background: #005d60; color: #00f6ff; font-size: 10px; text-transform: uppercase }
#partenariats_tab .minifooter p {width: 765px; margin: auto; margin-top: 7px; background: url(minifleche_verte.png) 0 2px no-repeat; padding-left: 8px}
#partenariats_tab .minifooter a.savoirplus {color: white}
#partenariats_tab .minifooter a.savoirplus:hover {color: #00f6ff}

#emplois { width: 800px; height: 220px; background: url(outils/emplois_bg.png); overflow: hidden; position: relative}
#emplois .emplois_slide {}
#emplois .emplois_slide .col_gauche {height: 175px; width: 135px; float: left; padding-top: 80px; font-size: 9px; text-transform: uppercase; font-weight: bold}
#emplois .emplois_slide li {margin-left: 8px}
#emplois .emplois_slide li a {display: block; padding: 1px}
#emplois .emplois_slide li a:hover {background: black; color: #ffff00}

#emplois .annonce {width: 620px; float: left; margin-left: 15px; padding-top: 38px;}
#emplois .annonce .date {font-weight: bold; text-transform: uppercase; font-size: 9px}
#emplois .annonce h5 {font-size: 15px; font-weight: bold; margin-bottom: 5px}
#emplois .annonce p.description {font-size: 11px}
#emplois .annonce a.dl_annonce {display: block; font-size: 11px; background: url(minifleche_noire.png) 0 3px no-repeat; border-top: 1px dashed black; border-bottom: 1px dashed black; padding: 1px; padding-left: 7px; width: 230px }
#emplois .annonce a.dl_annonce:hover {background: black; color: #ffff00}
#emplois .annonce_footer {width: 100%; height: 62px; position: absolute; bottom: 0; overflow: hidden}
#emplois .annonce_footer .pagination {color: #ffff00; text-transform: uppercase; font-size: 10px; margin-left: 10px; width: 105px; height: 46px; float: left}
#emplois .annonce_footer .annonce_contact {padding-left: 35px; background: url(chevron_jaune.png) top left no-repeat; color: #ffff00; float: left; width: 600px; font-size: 11px}
#emplois .annonce_footer .annonce_contact a {color: white}
#emplois .annonce_footer .annonce_contact a:hover {color: #ffff00;}

#publications_tab { width: 800px; height: 250px; background: url(outils/publications_bg.png); overflow: hidden; position: relative}
#publications_tab .legende {position: absolute; z-index: 10; height: 94px; width: 95px; bottom: 0; text-align: center; height: 30px }
#publications_tab ul {margin-left: 220px; width: 580px; margin-top: 22px; height: 222px; overflow: hidden}
#publications_tab ul li {width: 110px; float: left; position: relative; text-align: center}
#publications_tab ul li .legende {font-size: 9px; text-transform: uppercase; width: 100px; height:30px; text-align: center; position: absolute; bottom: 0px}
#publications_tab ul li a.pub_gauche {text-indent: -99999px; display: block; width: 30px; height: 60px; background: url(outils/publications_gauche.png) no-repeat; margin-top: 50px; margin-right: 20px}
#publications_tab ul li a.pub_droite {text-indent: -99999px; display: block; width: 30px; height: 60px; background: url(outils/publications_droite.png) no-repeat; margin-top: 50px; margin-right: 20px}

/* OUTILS : contact */
#contact_tab {width: 800px; height: 250px; background: url(outils/contact_bg.png); overflow: hidden}
#contact_tab #contact_colgauche {width: 212px; float: left; padding-left: 8px; padding-top: 45px; font-weight: bold}
#contact_tab #contact_coldroite { padding-top: 50px; margin-left: 13px; float: left; overflow: hidden; width: 560px}
#contact_tab #contact_coldroite input {background: #c0ff00; width: 170px; height: 16px; background: url(outils/bg_contact_form.png); border: none; padding: 2px}
#contact_tab #contact_coldroite input.selected {background-position: 0 -20px}
#contact_tab #contact_coldroite textarea {background: #c0ff00; background: url(outils/bg_contact_msg.png); border: none; width: 360px; height: 130px}
#contact_tab #contact_coldroite textarea.selected {background-position: 0 -130px}
#contact_tab #contact_coldroite label {font-size: 10px; font-weight: bold; text-transform: uppercase}
#contact_tab #contact_coldroite #envoyer {text-align: left; background: url(outils/contact_envoyer_bg.png)  no-repeat black; height: 12px; width: 90px; color: #c0ff00; font-size: 9px; text-transform: uppercase; padding-left: 10px; cursor: pointer; padding-top: 0 }
#contact_tab #contact_coldroite #envoyer:hover {color: white}

/* ENVOYER A UN AMI */
#envoyer_ami {width: 725px; height: 200px; padding-top: 50px; padding-left: 15px; background: url(envoyerami_bg.png); overflow: hidden; position: relative}
#envoyer_ami a.close {display: block; position: absolute; top: 10px; right: 10px; width: 55px; height: 7px; background: url(outils/outils_close.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #005966}
#envoyer_ami a.close:hover {color: black; background-position: 48px -7px }
#envoyer_ami input {background: #c0ff00; width: 170px; height: 16px; background: url(envoyerami_input_bg.png); border: none; padding: 2px}
#envoyer_ami input.selected {background-position: 0 -20px}
#envoyer_ami textarea {background: #c0ff00; background: url(envoyerami_msg_bg.png); border: none; width: 514px; height: 130px}
#envoyer_ami textarea.selected {background-position: 0 -130px}
#envoyer_ami label {font-size: 10px; font-weight: bold; text-transform: uppercase}
#envoyer_ami #submit {text-align: left; background: url(envoyerami_submit_bg.png)  no-repeat black; height: 11px; width: 90px; cursor: pointer; padding-top: 0; display: block; text-indent: -99999px }
#envoyer_ami #submit:hover {background-position: 0 -11px}

/* toutes nos coordonnees */
#coordonnees .close { display: block; position: absolute; top: 55px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close_blanc.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #dddddd }
#coordonnees .close:hover {background-position: 48px -7px; color: white}
#coordonnees {width: 100%;} 
#coordonnees .top {margin-top: 5px}
#coordonnees h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) 0 2px no-repeat; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px; background-position: 0 -78px}
#coordonnees h2 a:hover {background-position: -300px -78px; width: 350px;}
#coordonnees_content {/*background: #1ee6f8*/}
#coordonnees_content .top {/*border-bottom: 1px solid black*/ overflow: hidden}
#coordonnees_content h3 a {display: block; background: url(coordonnees/titre.png); width: 960px; height: 54px; float: left; text-indent: -99999px; margin: 0}
#coordonnees_content h3 a:hover {background-position:  0 -57px}

#coordonnees_content .sous_nav {width: 935px;border-top: 1px solid #01fcfc; border-bottom: 1px solid #01fcfc; padding-bottom: 1px; overflow: hidden; margin-top: 17px; margin-left: 25px}
#coordonnees_content .sous_nav li {float: left; margin-right: 35px;}
#coordonnees_content .sous_nav li a {/*display: block;*/ color: white; font-size: 10px; text-transform: uppercase; font-weight: bold; /*padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;*/ font-weight: normal; line-height: 10px; padding: 4px}
#coordonnees_content .sous_nav li a:hover {background: black; color: #01fcfc}
#coordonnees_content .sous_nav li a.active {background: #01fcfc; color: black}

.coordonnees_slide {color: white; overflow: hidden}
.carte_legende {font-size: 13px; margin-top: 5px; width: 330px}
.wrapper_1carte {position: relative; overflow: hidden; height: 650px }
.wrapper_1carte .carte {padding-left: 25px; position: absolute; z-index: 50; }
.wrapper_1carte .carte_nav {position: absolute; z-index: 52; left: 0; top: 250px; background: url(coordonnees/carte_nav_bg.png) no-repeat; padding-top: 15px; padding-left: 4px}
.wrapper_1carte .carte_nav .barre_top {width: 130px; height: 7px; text-indent: -99999px; margin-bottom: 5px}
.wrapper_1carte .carte_nav .nav_titre {font-size: 14px; text-transform: uppercase; font-weight: lighter; margin-bottom: 5px}
.switch li {margin-bottom: 5px}
.switch a {font-size: 38px; text-transform: uppercase; color: #3b3b3b; line-height: 30px}
.switch a:hover {color: white}
.switch a.selected {color: white}

.coordonnees_slide .mini_footer {background: #494949;}
.coordonnees_slide .mini_footer a.download {color: #ffb400; width:600px;}
.coordonnees_slide .mini_footer a.download:hover {color: white}
.carte_intro_txt {font-size: 24px; margin-top: 50px; padding-left: 25px}
.coordonnees_dl_legende {background: white; color: black; font-size: 10px; margin-bottom: 10px; text-transform: uppercase; padding-left: 1px; padding-right: 1px}
.coordonnees_dl_lien {display: block; padding-left: 15px; background: url(fleche_blanche.png) 0 3px no-repeat; color: white; margin-top:5px; font-size: 10px; text-transform: uppercase}
a.coordonnees_dl_lien:hover {color: white}



/**********************************************************
***********************************************************
CARTES ********
***/

/* toutes nos coordonnees */
#coordonnees_carte .close { display: block; position: absolute; top: 55px; right: 0; z-index:1000; width: 55px; height: 7px; background: url(outils/outils_close_blanc.png) top right no-repeat; font-size: 10px; text-transform: uppercase; line-height: 6px; color: #dddddd }
#coordonnees_carte .close:hover {background-position: 48px -7px; color: white}
#coordonnees_carte {width: 100%;} 
#coordonnees_carte .top {margin-top: 5px}
#coordonnees_carte h2 a {display: block; width: 300px; height: 17px; background: url(nav.png) 0 2px no-repeat; text-indent: -99999px; padding-top: 2px; padding-bottom: 2px; margin-left: 7px; background-position: 0 -118px}
#coordonnees_carte h2 a:hover {background-position: -300px -118px; width: 350px;}
#coordonnees_content_carte {/*background: #1ee6f8*/}
#coordonnees_content_carte .top {/*border-bottom: 1px solid black*/ overflow: hidden}
#coordonnees_content_carte h3 a {display: block; background: url(coordonnees/titre_old.png); width: 960px; height: 53px; float: left; text-indent: -99999px; margin: 0}
#coordonnees_content_carte h3 a:hover {background-position:  0 -57px}

#coordonnees_content_carte .sous_nav {width: 935px;border-top: 1px solid #01fcfc; border-bottom: 1px solid #01fcfc; padding-bottom: 1px; overflow: hidden; margin-top: 17px; margin-left: 25px}
#coordonnees_content_carte .sous_nav li {float: left; margin-right: 35px;}
#coordonnees_content_carte .sous_nav li a {/*display: block;*/ color: white; font-size: 10px; text-transform: uppercase; font-weight: bold; /*padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;*/ font-weight: normal; line-height: 10px; padding: 4px}
#coordonnees_content_carte .sous_nav li a:hover {background: black; color: #01fcfc}
#coordonnees_content_carte .sous_nav li a.active {background: #01fcfc; color: black}

.coordonnees_slide {color: white; overflow: hidden}
.carte_legende {font-size: 13px; margin-top: 5px; width: 330px}
.wrapper_1carte {position: relative; overflow: hidden; height: 650px }
.wrapper_1carte .carte {padding-left: 25px; position: absolute; z-index: 50; }
.wrapper_1carte .carte_nav {position: absolute; z-index: 52; left: 0; top: 250px; background: url(coordonnees/carte_nav_bg.png) no-repeat; padding-top: 15px; padding-left: 4px}
.wrapper_1carte .carte_nav .barre_top {width: 130px; height: 7px; text-indent: -99999px; margin-bottom: 5px}
.wrapper_1carte .carte_nav .nav_titre {font-size: 14px; text-transform: uppercase; font-weight: lighter; margin-bottom: 5px}
.switch li {margin-bottom: 5px}
.switch a {font-size: 38px; text-transform: uppercase; color: #3b3b3b; line-height: 30px}
.switch a:hover {color: white}
.switch a.selected {color: white}

.coordonnees_slide .mini_footer {background: #494949;}
.coordonnees_slide .mini_footer a.download {color: #ffb400; width:600px;}
.coordonnees_slide .mini_footer a.download:hover {color: white}
.carte_intro_txt {font-size: 24px; margin-top: 50px; padding-left: 25px}
.coordonnees_dl_legende {background: white; color: black; font-size: 10px; margin-bottom: 10px; text-transform: uppercase; padding-left: 1px; padding-right: 1px}
.coordonnees_dl_lien {display: block; padding-left: 15px; background: url(fleche_blanche.png) 0 3px no-repeat; color: white; margin-top:5px; font-size: 10px; text-transform: uppercase}
a.coordonnees_dl_lien:hover {color: white}

#btn_mag {display: block; float: right; height: 15px; width: 273px; background: url(btn_mag.png) no-repeat; text-indent: -9999999px; margin-right: 20px}
#btn_mag:hover {background-position: 0 -16px}

.full { text-indent:50px }
.full a { text-decoration: underline; }