/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 20px;
}
ol, ul, div.item-list li {
	list-style: none;
	margin: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIN DU CSS RESET */

/**********************************************************
 *                 Accessibility Classes
 **********************************************************/

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Completely remove content for all users.
   DO NOT use this for Skip links, display:none
   hides content from screen readers! */
.cache {
  display: none;
}

/* Accessibility Classes */


/* STYLES GENERAUX */

body
{

  font-family : 'CartoGothic',Helvetica,Arial,sans-serif;
	line-height : 1.5em;
  font-size : 14px;
}

#fond {
  background:url("../images/fond.png") repeat-x top left;
}

#site-name
{
	font-size: 30px;
	margin-bottom:15px;
}

h1 {
	font-size: 20px;
	margin-bottom:15px;
}

h2 {
	font-size: 16px;
	margin-bottom:10px;
}

#colonne_gauche h2 {
  color: #5FA71D;
}

#colonne_gauche h2 a{
  color: #5FA71D;
}

p {
  margin-bottom:5px;
}

em
{
  font-style:italic;
}

a
{
	color:#000;
	text-decoration:none;
}

#block-menu-secondary-links a, #mentions a, .diapositive a
{
	color:#fff;
}

a:hover, a:focus, a:active, a#video:hover, a#video:focus, a#video:active,
.titre a:hover, .titre a:focus, .titre a:active, .footer a:hover, .footer a:focus, .footer a:active, .view-SitesAnnexe a:hover
{
	color:#ff6000;
}

.global {
	background-color:#fff;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.resume {
font-weight:800;
}

/*.view-header {
  margin-bottom:20px;
}*/

.type_action {
  background-color:#000;
  display:inline;
  color:#CCCCCC;
  padding:2px;
}

/**
 * Mise en forme Message d'avertissement
 */
.status {
    border: 3px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
    background: url("../images/correct.png") no-repeat 11px 6px #FFFFFF;
}

div.error {
  border: 3px solid #CCCCCC;
  color: #EE5555;
  margin-bottom: 10px;
  padding: 10px 10px 10px 50px;
  background: url("../images/incorrect.png") no-repeat 11px 6px #FFFFFF;
}


/**
 *  Mise en forme texte principal
 */

h1.title {
  letter-spacing: 0.45px;
  color:#000000;
  line-height:25px;
}

.contenu_article h2 {
  margin-top:10px;
  letter-spacing: 0.45px;
}

.contenu_article .resume {
  font-style:italic;
  font-weight:normal;
}

.contenu_article p {
  margin-bottom:10px;
  letter-spacing: 0.35px;
}

.contenu_article ul
{
 margin-bottom : 10px;
}

.contenu_article li
{
 list-style-image: url("../images/puceinterne.png");
 margin : 0 5px 5px 30px;
}

.contenu_article a {
  border-bottom:1px solid;
}

.contenu_article a:hover {
  border-bottom:none;
}

.contenu_article .icone_tag a {
  border-bottom:none;
}

.contenu_article p strong {
  font-wight:bold;
  color:#FE7600;
}

.contenu_article img.imagecache {
  margin-bottom:10px;
  border: 4px solid #DDDDDD;
}

/* Bouttons d'action  */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}



a.button {
    background: transparent url('../images/botton_action_d.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 29px;
    margin: 10px 0px 15px 0px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    color:#FFF;
    font-size:13px;
}

a.button:hover{
    background: transparent url('../images/botton_action_d.png') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: left;
    height: 29px;
    margin-right: 0px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/botton_action_g.png') no-repeat top left;
    display: block;
    line-height: 29px;
    padding: 0px 5px 0px 30px;
}

a.button:hover span {
    background: transparent url('../images/botton_action_g.png') no-repeat bottom left;
    display: block;
    line-height: 29px;
    padding: 0px 5px 0px 30px;
}



/* FIN : Bouttons d'action  */

/* FIN STYLE GENERAUX */

/* HEADER */

#conteneur
{
	width:990px;
	margin:auto;
}

#header
{
	height:127px;
  padding-top:10px;
}

#logo
{
	width:120px;
	height:94px;
	background:url("../images/ombre.png") no-repeat top right;
	float:left;
	margin-left:10px;
	margin-right:5px;
	padding-bottom:10px;
        margin-top: 15px;
}

#desciption
{
	width:400px;
	background:url("../images/ombre.png") no-repeat top right;
	float:left;
	margin-left:5px;
	padding-left:20px;
  padding-right:23px;
	margin-right:30px;
	padding-bottom:10px;
}

#desciption h1
{
	font-size: 30px;
	font-weight:600;
	letter-spacing:-1px;
	margin-bottom:10px;
}

#site-menu
{
	margin-top:9px;
	font-size:14px;
	font-weight:300;
}

#video
{
	height:13px;
	margin-top:15px;
	display:block;
	color:#000;
	padding-left:23px;
	padding-top:3px;
	background:url("../images/play.png") no-repeat 0 0;
	text-decoration:underline;
	font-size:12px;
	font-weight:600;
	letter-spacing:1px;
	line-height:1;
}

#video:hover
{
	background:url("../images/play.png") no-repeat 0 -16px;
}


/* barre de progression */
#progressBar {
	position: relative;
	margin-top: 25px;
	margin-left: 20px;
	width: 353px;
	height: 34px;
	background: transparent url('../images/barreprogression.png') no-repeat -2px -1px; /* fond */
}

#progressBar .barre {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url('../images/vert.png') no-repeat -349px 1px; /* barre mobile */
}
#progressBar .pochoir {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url('../images/barretransparente.png') no-repeat 0px 1px; /* pochoir */
}

#agir
{
	width:960px;
	height:263px;
	background:url("../images/header.png") no-repeat top left;
}

.background-interne {
background:url("../images/fondheader.png") 15px 0px no-repeat;
/* margin-top:10px; */
}

/* FIN HEADER */

/* MENU */

.menu_off #navigation {
  display:none;
}

#navigation
{
	width:990px;
/*height:70px;*/
	background:url("../images/menu.png") no-repeat top left;
	font-size:13px;
  position:relative;
  clear:both;
}

#navigation h2 {
  display :none;
}

#navigation ul
{
	padding: 10px;
	float:left;
	margin:10px 10px 20px 10px;
}

#navigation .primary-links a
{
	color:#000;
	text-decoration:none;
	margin: -13px 0px 0 0;
	padding:12px 8px;
}

#navigation .primary-links a:hover
{
	background-color:#FF6A00;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
	color:#fff;
}

#navigation ul li
{
	float:left;
	margin: 0;
	text-transform: uppercase;
  list-style:none;
	background:url("../images/separationmenu.png") no-repeat right -16px;
}

#navigation ul li.active a
{
	background-color:#DCDCDC;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#navigation ul li.active span
{
	height:52px;
	display:block;
	background:url("../images/flechemenu.png") no-repeat center 32px;
}

#search-theme-form,  #recherche_footer form
{
	float:right;
	height:39px;
	width:280px;
	margin-top:12px;
	margin-right:10px;
	background:url("../images/recherche.png") no-repeat left top;
}

#search-theme-form input, #recherche_footer form input
{
	margin:10px 0 0 20px;
	border:none;
}

#edit-search-theme-form-1 {
width:200px;
}

/* FIN MENU */

/* SOUS MENU "dernière action" type agir maintenant */

/* .sous_menu {
  background: url("../images/dernieres_actions_menu.png") no-repeat 0 0;
  height: 155px;
  margin-bottom: 10px;
}

#block-views-dernieres_actions-block_1 {
  width:620px;
  float:left;
}

#block-views-dernieres_actions-block_2 {
  margin-left:620px;
  padding:10px;
  overflow:hidden;
}

#block-views-dernieres_actions-block_3 {
  overflow:hidden;
}

#block-views-dernieres_actions-block_1 .button {
  margin: 111px 125px 0 10px;
}


#block-views-dernieres_actions-block_1 img {
  border: 4px solid #DDDDDD;
  height: 125px;
  width: 125px;
}

#block-views-dernieres_actions-block_1 .sous_menu_illus {
  float:right;
  margin-left:10px;
}

#block-views-dernieres_actions-block_1 .views-row-1 {
  float:left;
  height: 135px;
  padding: 10px;
	background-color:#ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}


#block-views-dernieres_actions-block_1 .type_action {
	text-transform: uppercase;
} */

/* SOUS MENU "dernière action" type menu déroulant */

#block-views-dernieres_campagnes-block_3 .views-admin-links,
#block-views-dernieres_actions-block_3 .views-admin-links {
  position:absolute;
}

#block-views-dernieres_campagnes-block_3.ouvert {
  background: url("../images/flechemenu.png") 257px 56px no-repeat;
}
#block-views-dernieres_actions-block_3.ouvert  {
  background: url("../images/flechemenu.png") 364px 56px no-repeat;
}

.fleche_menu {
  /* Pour cacher le menu au chargement */
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);

  /* display:none; */
  position:absolute;
  left:339px;
  top:71px;
  z-index:100;
  width:320px;
  padding: 5px;
	background-color: #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-bottom:10px;

  -moz-box-shadow:0px 0px 4px #000000;
  -webkit-box-shadow:0px 0px 4px #000000;
  box-shadow:0px 0px 4px #000000;

}

#block-views-dernieres_campagnes-block_3 .fleche_menu {
  left:229px;
}

div.ape-sous-menu-agir-processed div.fleche_menu {
  clip: auto;
}

.fleche_menu .view-display-id-block_3 {

  width:300px;
  margin-right:10px;
  background-color:#fff;
  padding:5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
}

.fleche_menu .view-header {
	text-transform: uppercase;
  border-bottom:solid 1px #66A726;
  color: #66A726;
  margin-bottom: 10px;
}

.fleche_menu .views-row {
  margin-bottom:7px;
}


/**********************************************************
 *                   Page accueil
 **********************************************************/

/* CARROUSSEL ET COURRIEL ACTION */

/* Pour cacher actualité en une, sur la page d'accueil... */
#page-title {
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

#contenu_1
{
	width:970px;
	float:left;
	padding: 10px;
	background-color:#ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#carroussel
{
	width:580px;
	margin-right:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	display:block;
	position: relative;
	height:300px;
	float:left;
	overflow: hidden;
}

h2.TitreUne
{
	height:57px;
	width:580px;
	-moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
	background-image:url("../images/fond_legende_slide.png");
	bottom:0px;
	position:absolute;
	z-index:10;
	margin-bottom:0px;
  font-size:16px;
  font-weight:bold;
}

#carroussel h2 a {
  background:url("../images/fleche.png") 10px center no-repeat;
  color:#FFFFFF;
  display:block;
  margin:0;
  padding: 10px 10px 10px 50px;
  width:520px;
  height:30px;
}

#carroussel h2 a:hover {
color:#FF6000;
}

#carroussel img {
position:relative;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#carroussel .views-row {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/cache-arrondis-diaporama.png");
background-position:left top;
background-repeat:no-repeat;
height:300px;
position:relative;
width:550px;
}
#carroussel .diaporama .views-row {
	position: absolute;
	top			: 0;
	left		: 0;
}

#carroussel div.diaporama-buttons {
	position: absolute;
	top			: 10px;
	right		: 10px;
}
#carroussel div.diaporama-buttons span {
	display: none;
}
#carroussel div.diaporama-buttons a {
	display		: block;
	height		: 45px;
	width			: 51px;
	background: transparent url('../images/flechebasgrisc.png') no-repeat bottom left;
}
#carroussel div.diaporama-buttons a:hover {
	background-image: url('../images/flechebas-1.png');
}
#carroussel div.diaporama-buttons div.diaporama-buttons-previous a {
	background-image: url('../images/flechehautgrisc.png');
	background-position: top;
}
#carroussel div.diaporama-buttons div.diaporama-buttons-previous a:hover {
	background-image: url('../images/flechehaut-1.png');
}

#block-ape-ca_accueil {
	overflow: hidden;
}
#courriel_action
{
	width:380px;
	height:237px;
	float:left;
	background:#fff;
	background:url("../images/fondvert.png") no-repeat left top;
	margin-bottom:5px;
	font-size:14px;
	color:#fff;
}

#courriel_action ul
{
	margin:10px 0;
	padding-top:58px;
	padding-left:14px;
	background:url("../images/courriel.png") no-repeat center top;
	line-height:12px;
}

#courriel_action li
{
	width:310px;
	padding:5px 0 10px 35px;
	margin-bottom:8px;
}

#courriel_action_1
{
	background:url("../images/1.png") no-repeat left top;
	border-bottom: solid 1px #CCC;
	padding-bottom:13px;
}

#courriel_action_2
{
	background:url("../images/2.png") no-repeat left top;
	border-bottom: solid 1px #CCC;
}

#courriel_action_3
{
	background:url("../images/3.png") no-repeat left top;
	border-bottom: solid 1px #CCC;
}

#courriel_action_4
{
	padding-top:8px;
	background:url("../images/4.png") no-repeat left top;
}

#recevoir_action
{
	float:left;
	background:url("../images/grosbouton.png") no-repeat 0 0;
	text-align:center;
	font-size:20px;
	color:#FFF;
}

#recevoir_action:hover
{
	background:url("../images/grosbouton.png") no-repeat 0 -58px;
}

#recevoir_action a
{
    color: #FFFFFF;
    display: block;
    height: 18px;
    padding: 20px;
    width: 340px;
}

#recevoir_action:hover a
{
	color:#333;
}



/* FIN CARROUSSEL ET COURRIEL ACTION */

/* ACTU ENVIRONNEMENT ET COMMUNIQUES DE PRESSE */

.page-accueil #contenu_2, .campagne #contenu_2
{
	width:970px;
	float:left;
	padding:10px;
	margin-top:10px;
	background-color:#dcdcdc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


#block-views-LastNews1-block_1, #block-ape-derniere_actu_campagne {
  float:left;
}


.view-id-LastNews1  /* Derniere actualité */
{
	float:left;
	width:560px;
	margin-right:10px;
	background-color:#fff;
	padding:5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.view-id-LastNews1 h2
{
  margin-bottom: 5px;
}

.view-id-LastNews1 .views-field-field-illustration-fid
{
	float:left;
	width:240px;
	margin-right:10px;
	margin-bottom:10px;
  border:4px solid #DDDDDD;
}


.view-id-LastNews1 .views-field-field-resume-value, .view-id-LastNews1 .views-field-title, .view-id-LastNews1 .views-field-created {
margin-left:258px;
margin-bottom:10px;
}

.view-id-LastNews1 .views-field-title
{
	padding-left:0px;
	font-size:16px;
}
.view-id-LastNews1 .views-field-created
{
	margin-bottom:10px;
}

.view-id-LastNews1 .views-field-created span
{
	font-size:12px;
}

#actu p
{
	margin-top:10px;
	line-height:15px;
}


.footer
{
	border-top:1px dotted #ccc;
	clear:left;
	text-align:right;
	padding:6px 0px 6px 10px;
}
.footer a
{
	height:16px;
	color:#3b6812;
	background:url("../images/fleche2.png") no-repeat 0 0;
	padding-left:25px;
	font-size:14px;
	text-decoration:underline;
}
.footer a:hover
{
	background:url("../images/fleche2.png") no-repeat 0 -16px;
}

/* Dernier communique de presse */


#block-ape-dernier_cp_campagne, #block-views-LastComPress1-block_1 {
  overflow: hidden;
}

.view-id-LastComPress1
{
	float:left;
	width:360px;
	background-color:#fff;
	padding:5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.view-id-LastComPress1 .views-row
{
	padding:0px 25px 5px 0px;
	margin-top: 6px;
	border-bottom: 1px dotted #ccc;
	background:url("../images/flecheverte.png") no-repeat right center;
	font-size:14px;
	line-height:16px;
  clear: both;
}

.view-id-LastComPress1 h2
{
	width:340px;
	font-size:14px;
	margin-bottom:0px;
	line-height:1;
  clear: both;
}

.view-id-LastComPress1 .views-row:hover
{
	background:url("../images/fleche4.png") no-repeat right center;
}

.view-id-LastComPress1 .views-row span{
	font-size:12px;
}

.view-id-LastComPress1 .views-row-last
{
	border:none;
}


.titre
{
	border-bottom: 2px solid #5fa71d;
	height:25px;
	margin-bottom:10px;
}
.titre h1
{
	float:left;
	margin-top:4px;
}
.titre a
{
	color:#5fa71d;
}
.titre ul
{
	float:right;
	margin-right:-6px;
}
.titre li
{
	float:left;
	border-right: 1px solid #dbdbdb;
	padding-right: 6px;
	margin-bottom: 5px;
	margin-top: 1px;
	margin-right: 6px;
}

a.icone_twitter_p
{
	width:14px;
	height:19px;
	background:url("../images/twitter_p.png") no-repeat top left;
	display:block;
}
a.icone_twitter_p:hover
{
	background:url("../images/twitterhover_p.png") no-repeat top left;
}

a.icone_facebook_p
{
	width:9px;
	height:19px;
	background:url("../images/facebook_p.png") no-repeat top left;
	display:block;
}
a.icone_facebook_p:hover
{
	background:url("../images/facebookhover_p.png") no-repeat top left;
}

a.icone_rss_p
{
	width:18px;
	height:17px;
	background:url("../images/rss_p.png") no-repeat top left;
	display:block;
}
a.icone_rss_p:hover
{
	background:url("../images/rsshover_p.png") no-repeat top left;
}

a.icone_mail_p
{
	width:23px;
	height:18px;
	background:url("../images/mail_p.png") no-repeat top left;
	display:block;
}
a.icone_mail_p:hover
{
	background:url("../images/mailhover_p.png") no-repeat top left;
}
/* FIN ACTU ENVIRONNEMENT ET COMMUNIQUES DE PRESSE */

/* AFIN D'AGIR */

#afin_dagir
{
	width:990px;
	float:left;
	margin-top:10px;
	background: url("../images/barre.png") no-repeat left;
	font-size:15px;
	text-align:center;
	height:155px;
}
#afin_dagir ul
{
	padding-left:280px;
}
#afin_dagir img
{
	display:block;
	margin:auto;
}
#afin_dagir li
{
	float:left;
	width:120px;
	height:135px;
	padding:10px 8px;
}
#afin_dagir li:hover
{
	background-color:#d6d6d6;
}

.infobulle
{
	display:none;
	background:url("../images/bulle.png") no-repeat top left;
}

.infobulle h4
{
	padding:10px 0;
}

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

#afin_dagir li:hover>.infobulle
{
	display:block;
    position : relative;
    z-index:1000;
    margin-left:60px;
    width:243px;
	height:143px;
	padding:20px 10px 10px 15px;
	text-align:left;
	font-size:12px;
}

/**********************************************************
 *                   Suivre Actualités                    $
 **********************************************************/

.suivre-actu #colonne_gauche {
  padding:0px;
}

.suivre-actu #header_fleche
{
	height:161px;
	float:left;
	background:url("../images/cadre.png") no-repeat 0 0;
	color:#fff;
	text-align:center;
	padding-top:20px;
}

.suivre-actu #header_fleche h1
{
	font-size:30px;
	margin-bottom:10px;
}

.suivre-actu #header_fleche p
{
	font-size:16px;
}

.suivre-actu .qcolonne{
  float:left;
  width:227px;
  padding:10px;
}

.suivre-actu .colonnes_4 {
  font-size:12px;
  line-height:16px;
  float:left;
}

.suivre-actu .qcolonne.newsletter, .qcolonne.rss, .qcolonne.facebook{
  background:url('../images/barre.jpg') no-repeat center right;
}

.suivre-actu .qcolonne h2{
  margin-left:10px;
  height:40px;
  color:#000;
  font-size:16px;
  padding-left:50px;
  padding-top:7px;
  margin-bottom:5px;
}

.suivre-actu .qcolonne.newsletter h2{
  background:url('../images/enveloppe.png') no-repeat top left;
}

.suivre-actu #block-ape-courrielactu_subscription {
  clear:both;
}

.suivre-actu .qcolonne.rss h2{
  background:url('../images/rss4.png') no-repeat top left;
}

.suivre-actu .qcolonne.facebook h2{
  background:url('../images/fb4.png') no-repeat top left;
}

.suivre-actu .qcolonne.twitter h2{
  background:url('../images/tw4.png') no-repeat top left;
}

.suivre-actu .qcolonne-top p{
  margin-bottom:10px;
}

.suivre-actu .qcolonne li{
  list-style-image: url('../images/puceinterne.png');
  margin-left:20px;
  padding-top:5px;
}

.suivre-actu .qcolonne-top{
  height:150px;
}

.suivre-actu .qcolonne-bottom{
  border-top:1px solid #e8e8e8;
  padding-top:20px;
  height:100px;
}

.suivre-actu .qcolonne-bottom p{
  padding-bottom:10px;
}

.suivre-actu .qcolonne-bottom p em{
  color:#ff5800;
}

.suivre-actu .qcolonne-bottom a{
  color:#000;
  font-weight:bold;
  text-decoration:underline;
}

.suivre-actu .lien-colonne{
  height:26px;
  float:left;
  padding-left:39px;
  padding-top:12px;
  width:150px;
}

.suivre-actu #edit-champ-email {
  -moz-border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  margin-top: 5px;
  padding: 8px;
  width:210px;
}

.suivre-actu #ape-newsletter-actu-subscription-form p {
  background: url("../images/cadenas_gris.png") no-repeat scroll 0 0 transparent;
  font-size: 10px;
  line-height: 100%;
  margin-bottom: 10px;
  margin-left:4px;
  padding-left: 30px;
  width: 160px;
  margin-top:5px;
}

.suivre-actu .bouton_envoie {
  background: transparent url('../images/mail.png') no-repeat top left;
  border: none;
  height: 36px;
  width: 189px;
  padding-left: 30px;
}

.suivre-actu .bouton_envoie:hover {
  color:#FF6000;
}

.suivre-actu .rss .lien-colonne{
  background:url('../images/rss.png');
}

.suivre-actu .facebook .lien-colonne{
  background:url('../images/facebook.png');
}

.suivre-actu .twitter .lien-colonne{
  background:url('../images/twitter.png');
}

.suivre-actu .twitter .qcolonne-bottom p{
  margin-top:10px;
  font-weight:bold;
}

.suivre-actu .twitter .qcolonne-bottom span{
  font-style:italic;
}

/**********************************************************
 *                   Page association                     $
 **********************************************************/

#fil_arianne ul
{
	float:left;
	margin-left:5px;
}

#une
{
	width:530px;
}

#fil_arianne
{
	background:url("../images/information.png") no-repeat top left;
	padding-top:5px;
	padding-left:30px;
	height:20px;
	font-size:13px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
}
#fil_arianne li
{
	font-weight:495;
}

 #colonne_gauche
{
	overflow: hidden;
	background-color:#fff;
	padding:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.no_titre #colonne_gauche
{
padding:0px;
}

#colonne_gauche li, #colonne_droite li
{
	margin-bottom:5px;
}

.titre_contenu a
{
	height:16px;
	color:#5fa71d;
	border-bottom: 2px solid #5fa71d;
	font-size:16px;
	padding-bottom:3px;
	display:block;
	background:url("../images/fleche5.png") no-repeat right 0;
}
.titre_contenu a:hover
{
	background:url("../images/fleche5.png") no-repeat right -36px;
	color:#FF5200;
}

#contenu p
{
	margin:10px 0 0 0;
}

#contenu .texte
{
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
  margin-bottom:20px;
}

#contenu ul
{
	list-style-type:square;
	margin: 10px 0 0 20px;
}

#contenu h2
{
	height:16px;
	color:#5fa71d;
	border-bottom: 2px solid #5fa71d;
	font-size:16px;
	padding-bottom:3px;
	display:block;
/* 	background:url("../images/fleche5.png") no-repeat right 0; */
}

#colonne_droite
{
	float:right;
	width:380px;
	background-color:#ECECEC;
	padding:10px;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color:#333;
}

#colonne_droite h2
{
	font-size:16px;
	border-bottom: 1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:10px;
}

#colonne_droite h3
{
	font-size:14px;
	margin-bottom:5px;
}

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

#colonne_droite .block
{
	margin-bottom:20px;
}

#block-ape-sous_menu  ul
{
	background-color:#fff;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border:2px solid #ccc;
  padding: 15px 30px;
  width: 316px;
}

#block-ape-sous_menu li
{
	list-style-image: url("../images/puceinterne.png");
	margin:0px;
}

#block-ape-sous_menu li a:hover
{
text-decoration:underline;
}


#suivre_grand a
{
	display:block;
	width:146px;
	height:15px;
	padding:13px 0 10px 45px;
	color:#333;
}

#suivre_grand h2
{
	width:260px;
	margin-top:15px;
}

#suivre_email
{
	background:url("../images/mail-side.png") no-repeat top left;
	float:right;
}

#suivre_rss
{
	background:url("../images/rss-side.png") no-repeat top left;
	float:right;
}

#suivre_tw
{
	background:url("../images/twitter-side.png") no-repeat top left;
}

#suivre_fb
{
	background:url("../images/facebook-side.png") no-repeat top left;
}

#block-views-LastCampagne-block_2  img
{
	border: 4px solid #DDDDDD;
}


/**********************************************************
 *                   Page partenaire                      $
 **********************************************************/

 .bloc_partenaire
{
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.bloc_partenaire h1
{
	font-size:14px;
	margin-bottom:15px;
}

.bloc_partenaire img
{
  margin: 10px 0;
}

#site_partenaire
{
	height:16px;
	color:#2c3e0a;
	background:url("../images/fleche2.png") no-repeat 0 0;
	padding-left:25px;
	font-size:14px;
	text-decoration:underline;
	margin-top:20px;
  border-bottom:none;
}
#site_partenaire:hover
{
	color:#ff6000;
	background:url("../images/fleche2.png") no-repeat 0 -16px;
  text-decoration:none;
  border-bottom:none;
}

#tags_partenaire
{
	margin-top:10px;
	height:16px;
	padding-left:25px;
	background:url("../images/tags.png") no-repeat 0 0;
}

#details ul
{
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}

.titre_detail a
{
	float:left;
	height:16px;
	color:#5fa71d;
	border-bottom: 2px solid #5fa71d;
	font-size:16px;
	padding-bottom:3px;
	width:100%;
  margin:10px 0;
	display:block;
	background:url("../images/fleche5.png") no-repeat right 0;
}
.titre_detail a:hover
{
	background:url("../images/fleche5.png") no-repeat right -36px;
}

/**********************************************************
 *                        Page Pour Agir                  *
 **********************************************************/

 .bandeau
{
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	float:left;
}
.image
{
	padding:0 35px;
	width:150px;
	height:150px;
	float:left;
	display:block;
}
.texte
{

}

#node-107 .texte
{
	float:left;
}

.puce
{
	margin-left:30px;
	margin-top:10px;
}
.puce li
{
	margin-top:5px;
	list-style-image: url("../images/puceinterne.png");
}

#bandeau_courriel_action, #bandeau_partage, #bandeau_les_actions, #bandeau_faire_connaitre
{
	background: url("../images/barreseparation.jpg") no-repeat center bottom;
}
#bandeau_courriel_action .image
{
	background: url("../images/img1.jpg") no-repeat center bottom;
}
#bandeau_partage .image
{
	background: url("../images/img2.jpg") no-repeat center bottom;
}
#bandeau_les_actions .image
{
	background: url("../images/img3.jpg") no-repeat center bottom;
}
#bandeau_faire_connaitre .image
{
	background: url("../images/img4.jpg") no-repeat center bottom;
}
#bandeau_soutenir .image
{
	background: url("../images/img5.jpg") no-repeat center bottom;
}
.bandeau h2
{
	font-size:16px;
	margin:15px 0 18px 0;
}
.texte a
{
	font-size:12px;
}
#bandeau_partage ul
{
	float:left;
	margin-top:10px;
	padding-bottom:5px;
}

#bandeau_partage li
{
	float:left;
	display:block;
	width:35px;
	height:35px;
	padding-right:5px;
	margin-right:5px;
	border-right:1px solid #ccc;
}
a.icone_twitter
{
	width:35px;
	height:35px;
	background:url("../images/twitterhover.jpg") no-repeat top left;
	display:block;
}
a.icone_twitter:hover
{
	background:url("../images/twitter.jpg") no-repeat top left;
}
a.icone_facebook
{
	width:35px;
	height:35px;
	background:url("../images/facebook.jpg") no-repeat top left;
	display:block;
}
a.icone_facebook:hover
{
	background:url("../images/facebookhover.jpg") no-repeat top left;
}
a.icone_rss
{
	width:35px;
	height:35px;
	background:url("../images/rss.jpg") no-repeat top left;
	display:block;
}
a.icone_rss:hover
{
	background:url("../images/rsshover.jpg") no-repeat top left;
}
a.icone_mail
{
	width:35px;
	height:35px;
	background:url("../images/mail.jpg") no-repeat top left;
	display:block;
}
a.icone_mail:hover
{
	background:url("../images/mailhover.jpg") no-repeat top left;
}


/**********************************************************
 *                        Page campagne                  *
 **********************************************************/

/* entête campagne */


#une,
#agir_maintenant,
#bloc_gauche_agir,
#bloc_droite_agir,
#conteneur_actu,
#boutique,
#partenaire,
#colonne_gauche_partenaire,
#colonne_droite_partenaire,
#conteneur_compteur,
#bloc_gauche_agir img,
#conteneur_objectif,
#conteneur_compteur div.compteur,
#conteneur_compteur span,
#boutique
{
	float:left;
}

#boutique, #partenaire
{
	width:960px;
}

#une
{
	padding:0 10px;
	margin-bottom:20px;
}

#colonne_une_droite
{
	width:355px;
  float:right;
}

.campagne #colonne_une_gauche {
  margin-right:400px;
}

.campagne a.button {


}

.campagne ul.processed {
  margin-bottom:0px;
}

.campagne #select {
  background-color:  #DEDEDE;
  margin-right:5px;
}

.campagne #select h3 {
  font-size: 12px;
  border :1px solid #CCC;
  background: url("../images/select_fleches.png") no-repeat bottom right;
  height:20px;
  padding: 5px 5px 5px 17px;
  cursor:pointer;
  margin-bottom:0px;
}

.campagne #select h3.closed {
  background: url("../images/select_fleches.png") no-repeat top right;
}

.campagne #select h3:hover {
  background-color: #CCCCCC;
  height:20px;
}

.campagne #select li:hover {
  background-color: #CCCCCC;
}

.campagne #select li {
  list-style-image: none;
  padding: 5px 5px 5px 17px;
}

.campagne #select ul {
  margin-left:0px;
  padding:0px;
  background-color:  #DEDEDE;
}

.campagne #select ul.processed {
  position:absolute;
  width:350px;
  z-index: 1;
}

.campagne #colonne_une_droite ul {
  margin-left:3px;
}

.campagne #colonne_une_droite #select ul {
  margin-left:0px;
}

.campagne #colonne_une_droite .active {
    font-weight:bold;
}

.campagne #select .item-list {
  margin: 0 0;
  position:absolute;
}

.campagne .item-list {
  margin: 10px 0 5px;
}

#colonne_une_gauche h1
{
	font-size:20px;
	margin-bottom:10px;
}

#lien_une
{
	color:#fff;
	float:left;
	margin-top: 20px;
	padding: 9px 0 5px 30px;
	width:350px;
	height:18px;
	background: url("../images/boutonhautgauche.png") no-repeat 0 0;
}
#lien_une:hover
{
	color:#333;
	font-weight:bold;
	text-decoration:underline;
	background: url("../images/boutonhautgauche.png") no-repeat 0 -32px;
}

#colonne_une_droite
{
	padding-left:25px;
	background: url("../images/ombre2.png") no-repeat 0 center;
}
#colonne_une_droite h2
{
	font-size:20px;
	margin-bottom:10px;
}

#colonne_une_droite ul
{
	margin-left:20px;
}

#colonne_une_droite li
{
	list-style-image: url("../images/puceinterne.png");
	margin-bottom:1px;
}

#agir_maintenant, #bloc_gauche_agir, #bloc_droite_agir
{
	padding:10px;
}

#agir_maintenant
{
	background: url("../images/cadrefondvert.png") no-repeat 0 0;
	width:970px;
	height:234px;
}

#agir_maintenant a, #bloc_droite_agir a {
  color:#fff;
  border-bottom:1px solid #FFF;
}

#partager_mail a {
  border-bottom:none;
}

#agir_maintenant a:hover {
  border-bottom:none;
}

#bloc_gauche_agir
{
	padding: 15px 10px;
	width:570px;
}

#bloc_droite_agir
{
	width:345px;
	margin-top:30px;
	margin-left:10px;
}

#bloc_gauche_agir img
{
  border: 4px solid #DDDDDD;
  height: 200px;
  width: 240px;
}

#conteneur_compteur
{
	width:290px;
	margin-left:15px;
}

#conteneur_compteur div.compteur
{
	margin-left:5px;
	width:50px;
	display:block;
	text-align:center;
}
.hasCountdown {
	border: none;
	background: none;
}
#conteneur_compteur span
{
	display:block;
	width:290px;
	text-align:center;
	font-size:13px;
	margin:5px 0;
}

#conteneur_objectif
{
	font-size: 16px;
	height: 55px;
	margin-left: 15px;
	width: 290px;
}

#conteneur_objectif p
{
	margin-left: 104px;
}

#conteneur_objectif em
		{
			font-weight:normal;
			font-size:19px;
		}

	#conteneur_objectif div.barreDeProgression {
		float		: left;
		height	: 95px;
		width		: 100px;
		position: relative;
		background: url("../images/enveloppe_barre_prog.png") no-repeat scroll 0px 85px;
	}
	#conteneur_objectif div.masque,
	#conteneur_objectif div.curseur {
		position	: absolute;
		top				: 0;
		left			: 0;
		height		: 95px;
		width			: 100px;
	}
	#conteneur_objectif div.masque {
		background: url("../images/enveloppe_barre_prog.png") no-repeat scroll -100px 0px;
	}
	#conteneur_objectif div.curseur {
		background: url('../images/curseur_horizontal.png') no-repeat 62px 72px;
	}

	#conteneur_objectif.progression-1 div.barreDeProgression {
		background-position: 0 72px;
	}
	#conteneur_objectif.progression-1 div.curseur {
		background-position: 62px 59px;
	}
	#conteneur_objectif.progression-2 div.barreDeProgression {
		background-position: 0 59px;
	}
	#conteneur_objectif.progression-2 div.curseur {
		background-position: 62px 46px;
	}
	#conteneur_objectif.progression-3 div.barreDeProgression {
		background-position: 0 46px;
	}
	#conteneur_objectif.progression-3 div.curseur {
		background-position: 62px 33px;
	}
	#conteneur_objectif.progression-4 div.barreDeProgression {
		background-position: 0 33px;
	}
	#conteneur_objectif.progression-4 div.curseur {
		background-position: 62px 20px;
	}
	#conteneur_objectif.progression-5 div.barreDeProgression {
		background-position: 0 20px;
	}
	#conteneur_objectif.progression-5 div.curseur {
		background-position: 62px 7px;
	}
	#conteneur_objectif.progression-6 div.barreDeProgression {
		background-position: 0 6px;
	}
	#conteneur_objectif.progression-6 div.curseur {
		background-position: 62px -5px;
	}


#lien_cartes_petitions
{
	color: #FFFFFF;
	float: left;
	height: 17px;
	margin: 10px 0 0 118px;
	position: relative;
}
#lien_cartes_petitions:hover
{
	color:#333;
	text-decoration:underline;
	background: url("../images/boutonpetition.png") no-repeat 0 -32px;
}

#bloc_droite_agir
{
	color:#fff;
	font-size:13px;
}

#agir_1
{
	background:url("../images/1.png") no-repeat left top;
	border-bottom: solid 1px #CCC;
	margin-bottom:6px;
	padding: 1px 0 3px 30px;
	float:left;
	width:320px;
}

#agir_2
{
	background:url("../images/2.png") no-repeat left top;
	border-bottom: solid 1px #CCC;
	margin-bottom:6px;
	padding: 1px 0 8px 30px;
	float:left;
	width:320px;
}

#agir_3
{
	background:url("../images/3.png") no-repeat left top;
	margin-bottom:6px;
	padding: 1px 0 8px 30px;
	float:left;
}

.campagne #diffuser .item-list {
  margin-top: 6px;
}

#diffuser
{
	padding:0 5px 5px;
	float:left;
	background-color:#4B8516;
}
#diffuser ul
{
	float:left;
  margin:0;
}

#diffuser li
{
	float:left;
	padding:0 5px;
	font-size:18px;
	text-align:center;
}

#diffuser a
{
	padding-top:10px;
	display:block;
  color:#000;
}

#partager_twit
{
  height: 62px;
}

.campagne #partager_mail a, .campagne_interne #partager_mail a
{
	background:url("../images/partage_mails.png") no-repeat top left;
	width:55px;
  height:52px;
}

#conteneur_compteur div.compteur
{
	width:65px;
}
#conteneur_compteur em
{
	padding:10px;
	line-height:50px;
	width:40px;
	font-size:20px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#compteur_jours em
{
	width:50px;
	background-color:#ccc;
}

#compteur_heures em
{
	background-color:#d2d2d2;
}

#compteur_minutes em
{
	background-color:#e3e3e3;
}

#compteur_secondes em
{
	background-color:#ebebeb;
}

.vert
{
	color:#66A726;
	font-weight:bold;
}

.orange
{
	font-weight:bold;
	color:#FE7600;
}


/* Boutique en lien avec la campagne */

/*carroussel*/
#boutique
{
	margin-top: 10px;
	width:990px;
	height:155px;
	background-color:#f6f6f6;
	background: url("../images/boutiquemilitante.png") no-repeat 0 0;
  font-size:13px;
  }

#lien_boutique
{
	margin: 111px 94px 0 10px;
}

/* carroussel général */

#boutique .item
{
	padding: 20px 10px 15px 10px;
	width:240px;
	height:120px;
	overflow:hidden;
}
#boutique .item, #boutique .item img, #boutique .desc_item
{
	float:left;
}

#boutique .item img {
  border:4px solid #DDDDDD;
}

#boutique .views-field-title {
  margin-left:130px;
  font-weight:800;
}

#boutique .views-field-field-prix-value {
  margin-left:130px;
  margin-top:10px;
}

#boutique .desc_item
{
	width:150px;
}

#boutique .desc_item span
{
	display:block;
	margin-top:5px;
	margin-bottom:8px;
}

#boutique .lien_item
{
	color:#fff;
	float: left;
	margin-top: 5px;
	padding: 8px 0 5px 30px;
	width:98px;
	height:16px;
	background: url("../images/bouton3.png") no-repeat 0 0;
}

#boutique .lien_item:hover
{
	color:#333;
	font-weight:bold;
	text-decoration:underline;
	background: url("../images/bouton3.png") no-repeat 0 -29px;
}
/* Fin carroussel */

/* carroussel produit boutique */
#wrapper_items
{
	margin-left:10px;
	float:left;
	width:610px;
	height:155px;
	overflow:hidden;
	position:relative;
}

#slider_prev span.hide, #slider_next span.hide {
  display:none;
}

#slider_prev
{
	float: left;
	position: relative;
	top: 10px;
  background: url("../images/flechegauche.png") no-repeat 0 0;
  display: block;
  height: 128px;
  width: 37px;
}

#slider_next
{
	float: right;
	position: relative;
	top: 10px;
  background: url("../images/flechedroite.png") no-repeat 0 0;
  display: block;
  height: 128px;
  width: 37px;
}

.item:hover
{
	background-color:#d6d6d6;
}

#slider_items
{
	display:block;
	width:2000px;
	position:relative;
	height:155px;
	left:0;
}

/* fin carroussel produits boutiques*/


/* Partenaires de la campagne */

#block-views-partenaires_campagne-block_1 {
  margin-top:10px;
}

#colonne_gauche_partenaire {
  position:relative;
	overflow: hidden;
}

#partenaire_campagne
{
	margin-top:30px;
	padding:10px;
}

#colonne_gauche_partenaire h2
{
	font-size:16px;
	border-bottom:2px solid #9C9C9C;
	padding-bottom:9px;
}

#colonne_droite_partenaire h2
{
	color:#60AA1D;
	font-size:16px;
}

#liste_partenaire h3
{
	padding-right:20px;
}

#wrapper_partenaire
{
	float:left;
	width:858px;
	position:relative;
	margin:10px 20px;
  overflow:hidden;
}

#slider_partenaire
{
	left:0;
	width:8000px;
	position:relative;
}

#slider_partenaire .views-field-field-nom-court-value {
  text-align:center;
  font-weight: 800;
  margin-bottom: 10px;
}

#slider_partenaire a
{
	margin:10px;
}

#partenaire_prev
{
	float: left;
	position: relative;
	top: 30px;
  background: url("../images/flechegauchebas.png") no-repeat 0 0;
  display: block;
  height: 46px;
  width: 46px;
}

#partenaire_next
{
	float: right;
	position: relative;
	top: 30px;
  background: url("../images/flechedroitebas.png") no-repeat 0 0;
  display: block;
  height: 46px;
  width: 46px;
  left:450
}

#partenaire_prev span.hide, #partenaire_next span.hide {
  display:none;
}

#slider_partenaire .lien_partenaire {
  float:left;
}


/* Fin : Partenaires de la campagne *



/* Page interne campagne */

.campagne_interne #colonne_droite {
  width : 399px;
}

.campagne_interne #select {
  background: transparent;
  margin-left: 0px;
  margin-bottom: 10px;
}

.campagne_interne #select h3 {
    background  : none;
    border: none;
    font-size: 14px;
}



.campagne_interne #select li {
  list-style-image: url("../images/puceinterne_petite.png");
  margin-left: 19px;
  padding: 0 0 0 2px;
}

.campagne_interne #select li a.active {
  font-weight: bold;
}

.campagne_interne #select ul {
  background-color: transparent;
}

.campagne_interne #select ul.processed {
  position:none;
}

.campagne_interne div.node, .campagne_interne h1, .campagne_interne .views-field-field-demandes-cibles-corps-value {
  overflow:hidden;
}

.campagne_interne #colonne_une_droite {
	background:url("../images/nav_interne_haut.png") no-repeat top left;
  margin: 0 0 0 15px;
  padding: 0;
  width: 399px;
}

.campagne_interne #colonne_une_droite .milieu {
  background:url("../images/nav_interne_milieu.png") repeat-y;
  margin-top:10px;
}

.campagne_interne #colonne_une_droite .bas{
  background:url("../images/nav_interne_bas.png") no-repeat bottom left;
  padding: 0 10px 5px 30px;
}

.campagne_interne #colonne_une_droite ul {
    margin-left: 7px;
}

.campagne_interne #colonne_une_droite #deroulant {
    margin-left: 0;
}


.campagne_interne #colonne_une_droite .active {
    font-weight:bold;
}

.campagne_interne .item-list {
  margin: 0 0;
}

.campagne_interne  #colonne_droite {
  padding: 0 0 0 30px;
}

.campagne_interne #colonne_droite {
  background-color: transparent;
  padding-left: 10px;
}

/* affichage bloc agir maintenant page interne campagne */

.campagne_interne #bloc_droite_agir {
  background: url("../images/bloc_agir_maintenant_interne.png") no-repeat 0 0;
  margin-left: 0px;
  margin-top: 15px;
  width: 379px;
  height: 235px;
  padding-top: 48px;
}

.campagne_interne #agir_1, .campagne_interne #agir_2, .campagne_interne #agir_3 {
  width:344px;
  padding: 0 0 0 30px;
}

.campagne_interne #diffuser {
  margin : 0 0 5px 0;
  padding : 5px 0 0 0;
}

.campagne_interne #partager_mail a {
    width: 51px;
}

.campagne_interne #partager_fb {
    margin-top: 1px;
    width: 95px;
}

/* affichage carte pétition partie campagne */

#block-ape-carte_petition_campagne .view-content {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-top: 20px;
}

#block-ape-carte_petition_campagne h3 a {
    background: url("../images/bloc.png") repeat-x 0 0;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    font-size:14px;
    text-indent: 10px;
    width: 100%;
}

#block-ape-carte_petition_campagne .views-field-title a:hover, #block-ape-carte_petition_campagne .views-field-title a:active, #block-ape-carte_petition_campagne .views-field-title a:focus {
    background: url("../images/blocone.png") repeat-x 0 0 transparent;
    color: #000000;
}

#block-ape-carte_petition_campagne .views-row {
  margin-bottom:20px;
}

#block-ape-carte_petition_campagne .views-field-body {
  padding:10px;
}

#block-ape-carte_petition_campagne .view-carte-petition-campagne .button {
  margin:10px;
}

/* affichage argumentaire page interne campagne */

.imagecache-illustration_argu_553 {
  border:4px solid #DDDDDD;
  display:block;
  margin:0 auto 20px;

}

/**********************************************************
 *         Page recevoir campagnes carte pétition         *
 **********************************************************/

.recevoir-campagnes #colonne_gauche {
  padding: 0;
}

.recevoir-campagnes .button {
  padding-left:5px;
}

#header_fleche
{
	height:161px;
	float:left;
	background:url("../images/cadre.png") no-repeat 0 0;
	color:#fff;
	text-align:center;
	padding-top:20px;
  width:100%;
}

#header_fleche h1
{
	font-size:30px;
	margin-bottom:10px;
}

#header_fleche p
{
	font-size:16px;
}

.recevoir-campagnes .colonnes_4
{
	font-size:12px;
  line-height:16px;
  float:left;
	width:227px;
	margin: 5px 10px;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.recevoir-campagnes .colonnes_4 h2
{
	font-size:15px;
	padding-left:40px;
	padding-top:10px;
	height:30px;
	margin-bottom:10px;
}

.recevoir-campagnes .colonnes_4 p,.colonnes_4 ul,.colonnes_4 form
{
	   padding: 0 5px;
}

.recevoir-campagnes .colonnes_4 li{
  list-style-image: url('../images/puceinterne.png');
  margin-left:20px;
  padding-top:5px;
}

.recevoir-campagnes  #abonnement_annuel {
    background: url("../images/barre.jpg") no-repeat scroll right center transparent;
}

.recevoir-campagnes  #abonnement_annuel h2
{
	background:url("../images/crayon.png") no-repeat 0 5px;
}

.recevoir-campagnes  #commande_en_lot h2
{
	background:url("../images/mail2.png") no-repeat 0 5px;
}

.recevoir-campagnes  #exemplaire_gratuit
{
	background-color:#eee;
}

.recevoir-campagnes  #exemplaire_gratuit p
{
	padding:0 10px;
}

.recevoir-campagnes #exemplaire_gratuit h2
{
	color:#fff;
	background:url("../images/flecheorange.png") no-repeat 0 0;
	height:68px;
}

.recevoir-campagnes #exemplaire_gratuit .button {
  margin-left:5px;
}

.recevoir-campagnes #version_imprimable h2
{
	background:url("../images/iprim.png") no-repeat 0 5px;
}

.recevoir-campagnes .colonnes_4 li a
{
	border-bottom:solid 1px #000;
}

.recevoir-campagnes .colonnes_4 li a:hover
{
	border-bottom:none;
}

.recevoir-campagnes .colonnes_4 ul
{
	margin-top:5px;
	margin-left:3px;
}

.recevoir-campagnes .colonnes_4 li {
	margin-top:2px;
}

.recevoir-campagnes .view-recevoir-campagnes .view-header {
  margin: 10px 0 0 5px;
}

.recevoir-campagnes .view-recevoir-campagnes .view-content ul {
  padding-left:3px;
  margin-left:0px;
}

ul.etapes {
  background: url("../images/bottometape.png") no-repeat center bottom;
  height: 110px;
}

.etapes ul, li {
  margin: 0;padding: 0;
}

.etapes li {
  display: inline;
}

.etapeone {
  width: 309px;
  height: 74px;
  background: url("../images/etape1.png") no-repeat;
  float: left;
}

.etapeone a{
  font-size: 16px;
  color: #fff;
  line-height: 75px;
  padding-left: 20px;
}

.etapetwo {
  font-size: 16px;
  color: #000;
  padding-left: 20px;
  width: 280px;
  float: left;
  margin-top: 5px;
}

.etapethree {
  font-size: 16px;
  color: #000;
  line-height: 75px;
  padding-left: 20px;
  width: 280px;
  float: left;
}

.description-etape{font-size: 12px;line-height: 19px;}


/**********************************************************
 *                        Page Blog                       *
 **********************************************************/

 #suivre_petit a
{
	font-size:13px;
	display:block;
	width:146px;
	height:16px;
	padding:12px 0 10px 45px;
	margin: 5px auto;
	color:#333;
}

#suivre_petit a:hover
{
	color:#ff6000;
	text-decoration:underline;
}

#suivre_email_sidebar_petit
{
	background:url("../images/mail_sidebar_petit.png") no-repeat top left;
}

#suivre_rss_sidebar_petit
{
	background:url("../images/rss_sidebar_petit.png") no-repeat top left;
}

#suivre_tw_sidebar_petit
{
	background:url("../images/twitter_sidebar_petit.png") no-repeat top left;
}

#suivre_fb_sidebar_petit
{
	background:url("../images/facebook_sidebar_petit.png") no-repeat top left;
}

#block-views-LastCampagne-block_1  img {
	border:4px solid #DDDDDD;
}

img.imagecache-illustration_actu_blog_508_250 {
  border:4px solid #DDD;
}

.view-actualite-blog h2 {
  margin-bottom:0px;
}

.view-actualite-blog h2 a {
  color:#5FA71D;
}

.view-actualite-blog h2 a:hover {
  color:#FF6000;
}

.views-field-created {
  background: url("../images/horloge.png") no-repeat left;
  font-size:12px;
  padding-left:18px;
  margin-bottom: 10px;
}

.view-actualite-blog .views-field-field-themes-environnementaux-value {
  margin-bottom:15px;
}

.views-field-field-themes-environnementaux-value li {
  background: url("../images/tags.png") no-repeat 3px 4px;
  height: 18px;
  padding-left: 25px;
}

.view-actualite-blog .views-field-comment-count {
  background: url("../images/bulle-petite.png") no-repeat 0 2px;
  height: 21px;
  padding: 0 10px 0 25px;
  float:left;
}

.view-actualite-blog .views-field-totalcount .separation {
  margin-right:10px;
}

.view-actualite-blog .views-row {
    background: url("../images/separation.png") no-repeat scroll center bottom transparent;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 15px;
}

/* Page article blog */

.icone_tag {
  overflow:hidden;
}

.icone_tag li {
  background: url("../images/tags.png") no-repeat scroll 3px 4px transparent;
  list-style-image:none;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 10px;
  float:left;
}


/**********************************************************
 *                        Page Presse                     *
 **********************************************************/

.view-cp-rubrique-presse .views-row
{
	margin-bottom:25px;
	padding-bottom:20px;
	background:url("../images/separationpresse.png") no-repeat bottom center;
}

.view-cp-rubrique-presse h2
{
	font-weight:101;
	margin-bottom:0px;
}

.view-cp-rubrique-presse h2 a
{
	color:#5FA71D;
}

.view-cp-rubrique-presse h2 a:hover
{
	color:#FF6000;
}

#colonne_droite_petit_b
{
	float:right;
	width:220px;
	background-color:#EDEDED;
	padding:10px;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color:#333;
}

#colonne_droite_petit_b h2
{
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #d9d9d9;
}

#colonne_droite_petit_b ul
{
	margin-left:20px;
	margin-bottom:15px;
}

#colonne_droite_petit_b li
{
	list-style-image: url("../images/puceinterne.png");
	margin-bottom:1px;
}

#lien_autres_rubrique
{
	height:32px;
	display:block;
	padding-left:25px;
	padding-top:1px;
	background:url("../images/plus.png") no-repeat 0 0;
	text-decoration:underline;
}

#colonne_droite_petit_a
{
	float:right;
	width:194px;
	background-color:#E4E4E4;
	padding:10px;
	font-size:12px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color:#333;
}

#colonne_droite_petit_a h2 {
	margin-bottom:10px;
	font-size:16px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:5px;
}

#colonne_droite_petit_a .block {
margin-bottom:20px;
}

.suivre_small
{
  color:#333333;
  display:block;
  padding-bottom:10px;
  padding-left:45px;
  padding-right:0;
  padding-top:9px;
  width:146px;
}


#suivre_small_mail {
  -moz-background-clip:border;
  -moz-background-origin:padding;
  -moz-background-size:auto auto;
  background-attachment:scroll;
  background-color:transparent;
  background-image:url("../images/mail_sidebar_petit.png");
  background-position:left top;
  background-repeat:no-repeat;
}

#suivre_small_rss {
  -moz-background-clip:border;
  -moz-background-origin:padding;
  -moz-background-size:auto auto;
  background-attachment:scroll;
  background-color:transparent;
  background-image:url("../images/rss_sidebar_petit.png");
  background-position:left top;
  background-repeat:no-repeat;
}

.view-cp-rubrique-presse .views-field-created {
  background: url("../images/horloge.png") no-repeat left;
  font-size:12px;
  padding-left:18px;
  margin-bottom: 10px;
}

#liste-partenaires {
  border-left:solid 2px #666;
  margin-bottom:15px;
}

#liste-partenaires ul {
    margin-bottom: 15px;
    margin-left: 20px;
}

#liste-partenaires li {
    margin-bottom:0px;
}

#liste-partenaires a {
  border-bottom:none;
}

#liste-partenaires #partenaire-ape {
  margin:0px;
}

#liste-partenaires #partenaire-ape li {
  list-style-image:none;
  margin-left:20px;
}

/**********************************************************
 *                        Page contact                    *
 **********************************************************/

#cadre_association ul
{
	padding:0px;
}

#cadre_association li
{
	margin:0px;
}

#contact-mail-page input[type=text], #contact-mail-page textarea
{
	padding:5px;
	margin-top:3px;
	margin-bottom:10px;
	border:1px solid #ccc;
	background-color:#f6f6f6;
	width:243px;
	color: #555555;
}

#contact-mail-page textarea
{
	width:520px;
	margin-bottom:0px;
}

#contact-mail-page input[type=submit]
{
	width:150px;
	height:32px;
	color:#fff;
	text-align:center;
	background: url("../images/envoyer.png") no-repeat 0 0;
}
#contact-mail-page input[type=submit]:hover
{
	color:#333;
	font-weight:bold;
	background: url("../images/envoyer.png") no-repeat 0 -32px;
}

/**********************************************************
 *                        Footer                          *
 **********************************************************/



#footer
{
	background:#5fa71d url("../images/footer.png") no-repeat center bottom;
	clear:left;
	color:#fff;
	font-size:12px;
	height:444px;
	margin-top: 10px;
}

#conteneur_footer
{
	width:990px;
	margin:auto;
}

.col
{
	width:300px;
	float:left;
	padding: 0px 10px;
}

.clear
{
	clear:both;
}

#footer h4, #footer h1
{
	font-size:14px;
	padding:9px 0px;
}

#block-views-SitesAnnexe-block_1 .border
{
	background: url("../images/doublebarre.png") no-repeat bottom center;
}

.border h4
{
	background: url("../images/doublebarre.png") no-repeat bottom center;
}

#twitter
{
	background: url("../images/twitter2.png") no-repeat left 60px;
	float:left;
}

#twitter p
{
	margin-top:13px;
	padding: 10px 10px 30px 70px;
	line-height:14px;
	background: url("../images/bulletwitter.png") no-repeat 52px 3px;
	color:#000;
  height:55px;
  width: 219px;
}

#twitter a
{
text-decoration:underline;
}

#twitter a.date_tw
{
text-decoration:underline;
font-size: 11px;
padding-top: 5px;
display:block;
}

#facebook h4
{
	border:none;
	padding-top:14px;
  margin-bottom:13px
}

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

#facebook img
{
	float:left;
}
#facebook span
{
	font-size:14px;
	display:block;
}

.fond_facebook {
	background: url("../images/fond_facebook.png") no-repeat top center;
  }


#mentions
{
	background-color:#3b6812;
	color:#fff;
	padding-bottom:150px;
	font-size:12px;
}

#conteneur_mentions
{
	width:960px;
	margin:auto;
	text-align:center;
	padding-top:10px;
}

#block-menu-secondary-links
{
	width:200px;
  overflow:hidden;
}
#block-menu-secondary-links h2
{
	font-size:14px;
	padding:9px 0;
    background: url("../images/doublebarre.png") no-repeat bottom center;
}
#block-menu-secondary-links ul
{
	margin-left:10px;
	margin-top:10px;
	line-height:16px;
	margin-bottom:5px;
}

#block-menu-secondary-links li
{
	list-style:none;
}

#block-menu-secondary-links .active-trail a
{
	font-weight:bold;
	background-color:transparent;
}


#navigation_footer a:hover,#block-menu-secondary-links a:focus,#block-menu-secondary-links a:active
{
	color:#112f08;
	text-decoration:underline;
}

#menufooter form
{
	margin-top:10px;
	margin-left:17px;
	margin-bottom:10px;
}

#menufooter
{
	height:444px;
	background:url("../images/fondfooterdroite.png") no-repeat top left;
}

/*********Site annexes**********/

.view-SitesAnnexe img
{
	display:block;
	width:290px;
	border: 3px solid #3b6812;
  margin: 0 0 30px 0px;
}

.view-SitesAnnexe h2
{
margin-bottom:5px;
}

.view-SitesAnnexe a
{
	color:#fff;
	font-size:12px;
}

#block-views-SitesAnnexe-block_1 h2 a {
  font-size:14px;
}

#block-views-SitesAnnexe-block_1 ul {
	padding: 0;
	position: relative;
}

#block-views-SitesAnnexe-block_1 ul.diaporama li {
	position: absolute;
}

#block-views-SitesAnnexe-block_1 {
  position : relative;
}

#block-views-SitesAnnexe-block_1 div.diaporama-buttons {
  position: absolute;
  right: 5px;
  top: 170px;
}

#block-views-SitesAnnexe-block_1 .diaporama-buttons-previous {
  background:url("../images/flechebasgauche.png") no-repeat top left;
  height:19px;
  width:19px;
  display:block;
  float:left;
  padding-right:5px;
}

#block-views-SitesAnnexe-block_1 .diaporama-buttons-next {
  background:url("../images/flechebas.png") no-repeat bottom left;
  height:19px;
  width:19px;
  display:block;
  float:right;
}

#block-views-SitesAnnexe-block_1 .diaporama-buttons span {
  display:none;
}

/*********** Footer 2 **************/

#infos a
{
	float:right;
	width:20px;
	margin-left:10px;
}

#infos p
{
	padding:5px 0;
	line-height:14px;
}

/**********************************************************
 *                    Courriel Action                     *
 **********************************************************/

#block-ape-courrielaction_progression_header {
  overflow: hidden
}

#jauge {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	width: 370px;
}
#jauge div.barreDeProgressionAction {
  background: url("../images/CA-fleche.png") no-repeat scroll 68px 6px transparent;
  float: left;
  height: 94px;
  width: 100px;
}
#jauge div.barreDeProgressionAction div.progression {
	background: url("../images/CA-barre-progression-verticale.png") no-repeat scroll -588px 0 transparent;
	height: 70px;
	margin-left: 50px;
	margin-top: 5px;
	width: 49px;
}
#texte_jauge {
	float: right;
	margin-right: 30px;
	width: 215px;
}
#texte_jauge,
#texte_jauge h2 {
    font-size: 20px;
		line-height: 1em;
}
#texte_jauge h2, #texte_jauge p {
    margin-bottom: 10px;
}
#texte_jauge em {
    color: #FE7600;
    font-size: 22px;
}
#lien_jauge {
    background: url("../images/bouton1.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 18px;
    padding: 6px 0 5px 30px;
    width: 173px;
}
#lien_jauge:hover {
    background-position: 0 -29px ;
    color: #333333;
    text-decoration: underline;
}


#jauge.progression-12 div.barreDeProgressionAction div.progression {
	background-position: 0 0;
}
#jauge.progression-11 div.barreDeProgressionAction div.progression {
	background-position: -49px 0;
}
#jauge.progression-10 div.barreDeProgressionAction div.progression {
	background-position: -98px 0;
}
#jauge.progression-9 div.barreDeProgressionAction div.progression {
	background-position: -147px 0;
}
#jauge.progression-8 div.barreDeProgressionAction div.progression {
	background-position: -196px 0;
}
#jauge.progression-7 div.barreDeProgressionAction div.progression {
	background-position: -245px 0;
}
#jauge.progression-6 div.barreDeProgressionAction div.progression {
	background-position: -294px 0;
}
#jauge.progression-5 div.barreDeProgressionAction div.progression {
	background-position: -343px 0;
}
#jauge.progression-4 div.barreDeProgressionAction div.progression {
	background-position: -392px 0;
}
#jauge.progression-3 div.barreDeProgressionAction div.progression {
	background-position: -441px 0;
}
#jauge.progression-2 div.barreDeProgressionAction div.progression {
	background-position: -490px 0;
}
#jauge.progression-1 div.barreDeProgressionAction div.progression {
	background-position: -539px 0;
}

#objectif_attention {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    /*float: left;*/
    margin : 0 0 10px 0;
    width: 990px;
    -moz-border-radius: 5px 5px 5px 5px;
}
#objectif {
    float: left;
    padding: 10px;
    width: 460px;
}
#attention {
    float: left;
    padding: 10px;
    width: 460px;
}
#objectif_attention h2 {
    font-size: 22px;
    margin-bottom: 5px;
}
#gauche_barre {
    float: left;
    width: 110px;
}
#conteneur_barre {
    margin-top: 15px;
		background: transparent url("../images/CA-fleche.png") no-repeat 128px 1px;
}

/* backgound de la barre de progression */
#conteneur_barre div.progressionVerticale {
	background: transparent url("../images/CA-barre-progression-verticale.png") no-repeat -588px 0;
	float			: left;
	height		: 70px;
	width			: 48px;
}
#conteneur_barre div.barreDeProgression {
	position: relative;
	width		: 300px;
	height	: 50px;
	overflow: hidden;
}
	#conteneur_barre div.fond,
	#conteneur_barre div.barre,
	#conteneur_barre div.curseur {
		position: absolute;
		top			: 0;
		left		: 0;
		margin	: 15px 0 0 15px;
		height	: 35px;
		width		: 275px;
	}
  #conteneur_barre.enable-csstransitions div.fond,
	#conteneur_barre.enable-csstransitions div.barre,
	#conteneur_barre.enable-csstransitions div.curseur  {
    -webkit-transition: all 8s cubic-bezier(0, 0.8, 0.9, 0) 1s;  /* Saf3.2+, Chrome */
    -moz-transition   : all 8s cubic-bezier(0, 0.8, 0.9, 0) 1s;  /* FF4+ */
    -o-transition     : all 8s cubic-bezier(0, 0.8, 0.9, 0) 1s;  /* Opera 10.5+ */
    transition        : all 8s cubic-bezier(0, 0.8, 0.9, 0) 1s;
  }
	#conteneur_barre div.fond {
		background: transparent url('../images/fond-noir.png') repeat-x 0 0;
	}
	#conteneur_barre div.barre {
		background	: transparent url('../images/barre-jaune.png') no-repeat -275px 0;
		text-align: center;
		color: #bbb; color: rgba(255,255,255, .7);
		font-size: 28px;
		line-height: 35px;
		font-weight: bold;
	}
	#conteneur_barre div.curseur {
		height			: 31px;
		width				: 305px;
		margin			: 0;
		background  : transparent url('../images/curseur.png') no-repeat 1px 0;
	}

	#conteneur_barre.progression-5 div.barre {
		background-position: 0 0;
	}
	#conteneur_barre.progression-5 div.curseur {
		background-position: 275px 0;
	}
	#conteneur_barre.progression-4 div.barre {
		background-position: -55px 0;
	}
	#conteneur_barre.progression-4 div.curseur {
		background-position: 221px 0;
	}
	#conteneur_barre.progression-3 div.barre {
		background-position: -110px 0;
	}
	#conteneur_barre.progression-3 div.curseur {
		background-position: 166px 0;
	}
	#conteneur_barre.progression-2 div.barre {
		background-position: -165px 0;
	}
	#conteneur_barre.progression-2 div.curseur {
		background-position: 111px 0;
	}
	#conteneur_barre.progression-1 div.barre {
		background-position: -220px 0;
	}
	#conteneur_barre.progression-1 div.curseur {
		background-position: 56px 0;
	}
#conteneur_barre.progression-5 div.progressionVerticale {
	background-position: 0 0;
}
#conteneur_barre.progression-4 div.progressionVerticale {
	background-position: -98px 0;
}
#conteneur_barre.progression-3 div.progressionVerticale {
	background-position: -245px 0;
}
#conteneur_barre.progression-2 div.progressionVerticale {
	background-position: -392px 0;
}
#conteneur_barre.progression-1 div.progressionVerticale {
	background-position: -490px 0;
}


#conteneur_barre p {
	padding-left: 15px;
	overflow: hidden;
}
	.orange {
    color: #FE7600;
    font-weight: bold;
	}
#gauche_compteur {
    float: left;
    width: 140px;
}
#gauche_compteur #jquery-countdown {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 300px;
}





.courriel-action .global {
  background: url("../images/blocfond.png") no-repeat scroll 0 0 transparent;
  width: 990px;
  float: left;
  height: 183px;
  padding: 10px;
}

.courriel-action #colonne_gauche {
  background-color:transparent;
  float: left;
  padding: 10px;
  width: 540px;
}

.courriel-action #colonne_gauche h2 {
  font-size: 28px;
  font-weight: 200;
  margin-bottom: 10px;
}

.courriel-action #colonne_gauche p {
  margin-bottom: 15px;
  line-height: 18px;
}

.courriel-action #colonne_gauche li {
  background: url("../images/flechebas.png") no-repeat scroll 0 0 transparent;
  float: left;
  font-size: 14px;
  height: 23px;
  padding-left: 30px;
  padding-top: 2px;
  width: 150px;
}

.courriel-action #edit-champ-email-wrapper{
  margin:0px 0 7px 0;
}

#block-ape-courrielaction_subscription {
  float: left;
  padding: 5px 10px 10px 10px;
  width: 360px;
}

#block-ape-courrielaction_subscription form {

}

#block-ape-courrielaction_subscription label {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

#ape-newsletter-action-subscription-form #edit-champ-email {
  -moz-border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  margin-top: 5px;
  padding: 8px;
  width: 346px;
}

#block-ape-courrielaction_subscription form p {
  background: url("../images/cadenas.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  float: left;
  font-size: 10px;
  line-height: 100%;
  padding-left: 30px;
  width: 135px;
  margin-top:5px;
}

.courriel-action .bouton_envoie {
  background: url("../images/bouton1.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-size: 13px;
  height: 29px;
  margin: 0 0 0 10px;
  padding-left: 15px;
  text-decoration: underline;
  width: 180px;
  border:none;
}

.courriel-action .bouton_envoie:hover {
  background: url("../images/bouton1.png") no-repeat scroll 0 -29px transparent;
  color: #333333;
}

#dernier_courriel_action {
  color: #FFFFFF;
  float: left;
  font-size: 13px;
  margin-left: -10px;
  margin-top: 10px;
  width: 370px;
}

#dernier_courriel_action h2 {
  margin-bottom: 5px;
}

#cadre_pourquoi_recevoir {
  background-color: #DCDCDC;
  border-radius: 5px 5px 5px 5px;
  float: left;
  height: 240px;
  padding: 10px;
  width: 970px;
}

#pourquoi_recevoir_texte {
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  float: left;
  padding: 10px;
  width: 530px;
  height: 220px;
  position:relative;
}

#pourquoi_recevoir_texte h2 {
  border-bottom: 2px solid #5FA71D;
  color: #5FA71D;
  font-size: 16px;
  padding-bottom: 3px;
}

#pourquoi_recevoir_texte .citation_ca {
  background: url("../images/citationg.png") no-repeat scroll top left transparent;
  color: #323232;
  font-size: 14px;
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center;

}

#pourquoi_recevoir_texte ul.diaporama li {
	position: absolute;
  margin-right:10px;
}

#pourquoi_recevoir_texte .citation_ca span {
  background: url("../images/citationd.png") no-repeat scroll bottom right transparent;
  padding: 10px 40px;
}

#g_gauche {
  padding-right: 10px;
}

#g_droite {
  margin: 10px;
  position: absolute;
}

#pourquoi_recevoir_texte span {
  float: left;
}

/*#liens_carroussel,*/
#pourquoi_recevoir_texte div.diaporama-buttons {
  float: left;
  position:absolute;
  right:10px;
  bottom:20px;
}

#pourquoi_recevoir_texte div.diaporama-buttons a {
	display	: block;
	width		: 26px;
	height	: 26px;
}
#pourquoi_recevoir_texte div.diaporama-buttons span {
	position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/*#citation_precedente,*/
#pourquoi_recevoir_texte div.diaporama-buttons-previous {
  background: url("../images/flechegrisegauche.png") no-repeat scroll 0 0 transparent;
  float: left;
  margin-right: 15px;
}

/*#citation_suivante,*/
#pourquoi_recevoir_texte div.diaporama-buttons-next {
  background: url("../images/flechegrisedroite.png") no-repeat scroll 0 0 transparent;
  float: left;
}

#pourquoi_recevoir_image {
  background-color: #FF0000;
  border-radius: 5px 5px 5px 5px;
  float: left;
  height: 10px;
  margin-left: 10px;
  width: 360px;
}

#cadre_constat {
  background: url("../images/cadre_constat.png") no-repeat scroll 0 0 transparent;
  border-radius: 5px 5px 5px 5px;
  float: left;
  height: 155px;
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: hidden;
  padding: 10px 10px 10px 250px;
  width: 730px;
}

#cadre_constat p{
  line-height: 16px;
  font-size:12px;
}

.vignette_constat {
  float: left;
  margin-left: 25px;
  text-align: center;
}


/**********************************************************
 *                    Module de partage                     *
 **********************************************************/

#block-ape-partage_vertical_global {
}

#block-ape-partage_vertical_global.partage_vertical li {
  float:left;
	font-size:18px;
	text-align:center;
}

.partage_vertical a
{
	padding-top:8px;
	display:block;
}

.partage_vertical #partager_fb {
  margin-top:2px;
  margin-right:5px;
}

.partage_vertical #partager_mail a{
	background:url("../images/partage_mails.png") no-repeat top left;
  height:54px;
  width:55px;
  margin:0 5px;
}

#block-ape-partage_horizontal_global {
  clear:both;
}

#block-ape-partage_horizontal_global .item-list{
	background:url("../images/fond_partage_horizontal.png") repeat-x top left;
  width:100%;
  height:85px;
  padding:10px;
}

#block-ape-partage_horizontal_global.partage_horizontal li {
  float:left;
	text-align:center;
}

.partage_horizontal #partager_fb {
  margin-right: 30px;
  margin-top: 0;
  width:200px;
}

.partage_horizontal #partager_mail a{
	background:url("../images/partage_mails_horizontal.png") no-repeat top left;
	width:110px;
  height:20px;
  display:block;
  width:48px;
  padding-left:62px;
}

/**********************************************************
 *                    Pages Actions                       *
 **********************************************************/

 #tabs
{
	width:530px;
	float:left;
  margin-top:20px;
}

#tabs a
{
	float:left;
	padding:10px;
	background: #929292 url("../images/degradef.png") repeat-x top left;
	margin-right:0;
}

#tabs a.active
{
	padding-top: 15px;
	margin-top:-5px;
}

.actions .view-content {
	float:left;
}

.action
{
	float:left;
	width:520px;
	margin-top:10px;
	padding-bottom:30px;
	background:url("../images/separation.png") no-repeat bottom center;
}

.actions .bloc_image
{
	float:left;
	padding: 10px 20px 10px 0;
}

.actions .bloc_image img
{
	border: 2px solid #ccc;
}

.actions .bloc_texte
{
	float:left;
	width:296px;
	padding: 10px 10px 0 0;
}


.wrapper_pagination
{
	float:left;
	width:520px;
	height:45px;
	background:url("../images/separation.png") no-repeat center bottom;
}

.pagination
{
	text-align:center;
	margin-top:15px;
	margin-bottom:5px;
}

.underline
{
	text-decoration:underline;
	padding:0 10px;
}

.numero
{
	color:#999;
}

.page_courante
{
	margin:0 2px;
	padding:5px 10px;
	background:url("../images/rond.png") no-repeat top center;
	font-weight:bold;
	height:7px;
}

a.footer_onglet
{
	float:right;
}

.view-actions .views-row
{
	margin-bottom:15px;
	padding-bottom:20px;
	background:url("../images/separation-trans.png") no-repeat bottom center;
  overflow:hidden;
}

.view-actions .views-field-field-illustration-fid img {
  border:4px solid #ddd;
  float:left;
}

.view-actions .views-field-field-resume-value {
  margin-left:258px;
}

/**
 *  page Faire un don
 */

#renseignements li
{
  margin-bottom: 10px;
  margin-left: 20px;
}

.faireundon #colonne_droite p a, .faireundon #colonne_droite li a
{
  border-bottom: 1px solid;
  padding-bottom: 1px;
}



.faireundon .content-left{
  width: 550px;
  float: left;
}
  .faireundon .content-left h1{
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: normal;
  }
.faireundon .content-left .content-top{
  width: 550px;
  height: 185px;
  background: url(../images/bg-top.png) no-repeat;
  margin-top: -5px;
}
  .faireundon .content-top .text{
    padding: 20px;
    line-height: 29px;
  }
  .faireundon .content-top .text p{
    margin-bottom: 10px;
  }

.faireundon .content-right {
  width: 410px;
  float: left;
}
.faireundon .content-right .content-top {
  width: 410px;
  height: 185px;
  background: url(../images/bg-top-left.png) no-repeat;
  margin-top: -5px;
}
  .faireundon .content-right .content-top .text{
    padding: 40px;
    text-align: center;
    height:107px;
  }
  .faireundon .content-right .content-top .text div.title {
    color: #666666;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: normal;
    font-style: normal;
  }
.faireundon .big {
  font: bold 50px Georgia, "Times New Roman", Times, serif;
  float: left;
}

.faireundon .big-bis {
  font: bold 50px Georgia, "Times New Roman", Times, serif;
  float: right;
}

.faireundon .form {
  margin: 20px 0 40px 10px;
}
  .faireundon .form .title {
    font-size: 30px;
    font-weight: normal;
    float: left;
  }
  .faireundon .form h3 {
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0 0 10px;
    margin-bottom: -15px;
  }
  .faireundon .category{
    float: left;
  }
  .faireundon .category li{
    display: block;
    float: left;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 38px;
    font-size: 15px;
    height: 38px;
  }
    .faireundon .category li a {
      color: #999;
    }
  .faireundon .category .active {
    background-color: #EDEDED;
    font-size: 18px;
    display: block;
  }
  .faireundon .category .active a {
    color: #000;
  }

.faireundon .give{
  width: 540px;
  background: url(../images/backgroundgive.png) repeat-x;
  height: auto;
}
.faireundon .euros {
    float: left;
    margin: 20px 20px 0 20px;
    text-align: center;
}
.faireundon .first.euros {
  margin-left: 25px;
}
  .faireundon .euros label {
    background: url(../images/bggive.png) no-repeat center top;
    width: 93px;
    height: 99px;
    padding-top: 20px;
    font-size: 25px;
    display: block;
    cursor: pointer;
  }
    .faireundon .form .mensuel {
      font-size: 0.5em;
      line-height: 1.6em;
    }
    .faireundon .euros .mensuel {
      display: block;
    }
  .faireundon .euros.active label {
    background-image: url(../images/bgiveon.png);
    color: #fff;
  }

.faireundon .or {
  background: url(../images/ligne-separation.png) repeat-x 100% 70%;
  margin: 10px 25px 0 25px;
}
  .faireundon .or span {
    color: #999999;
    background: #FFF;
    font-size: 25px;
    padding: 5px;
  }

.faireundon .freeprice {
  height: 47px;
  background: url(../images/freeprice.png) no-repeat;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 25px;
  width: 490px;
  line-height: 45px;
  font-size: 25px;
  font-weight: bold;
}
.faireundon .freeprice label{
  padding: 0 30px 2px;
  margin-left: 1px;
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.faireundon .freeprice.active label {
  background: url(../images/autre-montant.png) no-repeat;
  color: #FFF;
}
.faireundon .howmuch{
  margin-left: 50px;
  float: left;
  font: inherit;
  height: 25px;
  line-height: 25px;
  margin-top: 8px;
  background-color: transparent;
  border: inset 2px #ccc;
}
.faireundon .submit_don {
  background: transparent url(../images/submit.png) no-repeat;
  height: 48px;
  width: 490px;
  margin-left: 25px;
  border: 0 solid;
  border: none;
  font-size: 18px;
  color: #FFF;
}
.faireundon .submit_don:hover,
.submit_don:active,
.submit_don:focus {
  background-position: bottom;
  color: #000;
}

.faireundon .questions{
  margin-left: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.faireundon .questions{
  margin-left: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.faireundon #node-452 .questions a, .faireundon #node-457 .questions a{
  font-size:12px;
  color:#fff;
}

  .faireundon .bloc .title a:link,
  .faireundon .bloc .title a:visited {
    height: 48px;
    width: 540px;
    font-weight: bold;
    text-indent: 20px;
    line-height: 48px;
    border-bottom: 1px solid #ccc;
    display: block;
    font-weight: bold;
    background: url(../images/bloc.png) repeat-x;
    color: #fff;
  }
  .faireundon .active.bloc .title a,
  .faireundon #contenu .bloc .title a:hover,
  .faireundon #contenu .bloc .title a:active,
  .faireundon #contenu .bloc .title a:focus
  {
    background: url(../images/blocone.png) repeat-x;
    color: #000;
  }
  .faireundon .bloc .text{
    padding: 20px;
  }
  .faireundon .bloc .text p{
    margin-bottom: 10px;
  }
  .faireundon .bloc .title {
    margin-bottom: 0px;
  }

.faireundon .deal{
  font-size: 14px;
}
.faireundon a:hover.deal{
  color: #e2e2e2;
}

.faireundon .deal-1{
  width: 400px;
  background: url(../images/cadre-vert.png) no-repeat;
  margin-left: 20px;
  margin-top: 48px;
}
  .faireundon .deal-1 h2 {
    background: url(../images/titre-bloc-vert.png) no-repeat 30px bottom;
    padding-top: 15px;
    margin-bottom: 0;
    height: 33px;
    width: 390px;
  }
  .faireundon .deal-1 .description{
    color: #fff;
    text-align: left;
    margin-left: 0;
    padding: 10px 36px 10px 32px;
  }
  .faireundon .deal-1 p{
    margin-bottom: 10px;
    text-align: left;
  }
  .faireundon .deal-1 a:link,
  .faireundon .deal-1 a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
  }
  .faireundon #contenu .deal-1 a:hover,
  .faireundon #contenu .deal-1 a:focus,
  .faireundon #contenu .deal-1 a:active {
    color: #000;
  }
.faireundon .deal-2{
  background-color: #3A6C0A;
  width: 400px;
  margin-left: 20px;
}
  .faireundon .deal-2 .description{
    color: #fff;
    text-align: left;
    margin-left: 0;
    padding: 15px 35px 15px 32px;
    background: url(../images/fleche-blanche.png) no-repeat 0% 80%;
  }
    .faireundon .description-reduc {
      line-height: 42px;
      padding-top: 13px;
    }
      .faireundon .price{
        font-size: 34px;
        float: left;
      }
      .faireundon .month{
        font-size: 20px;
        margin-left: 8px;
      }
.faireundon .deal-action{
  padding-left: 20px;
  font-size: 13px;
}
  .faireundon .deal-action a:link,
  .faireundon .deal-action a:visited {
    color: #fff;
  }
  .faireundon #contenu .deal-action a:hover,
  .faireundon #contenu .deal-action a:focus,
  .faireundon #contenu .deal-action a:active {
    color: #000;
  }
.faireundon .deal-action p {
  display: inline-block;
  width: 390px;
  margin: 0;
  padding: 0;
  float: left;
  height: 29px;
  line-height: 29px;
}
.faireundon .deal-action .virement{
  background: url(../images/virement.png) repeat-x;
  color: #fff;
}
.faireundon .deal-action .cheque{
  background: url(../images/cheque.png) repeat-x;
  color: #fff;
}
.faireundon .deal-action .arrow{
  background-image: url(../images/arrow.png);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.faireundon .bloc-right .title{
  color: #333;
  font-size: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.faireundon .cb{
  clear: both;
}

.faireundon #block-ape-don_reduction_impot {
  float: right;
  width: 410px;
  overflow: hidden;
  line-height: 1.14em;
}

.faireundon #block-ape-don_formulaire_don {
  overflow: hidden;
  max-height: 316px;
}


.faireundon #block-ape-don_intro {
  background: url("../images/ombre.png") no-repeat right top;
  overflow: hidden;
  padding:20px;
}

.faireundon #objectif {
    float: right;
    padding: 10px;
    width: 380px;
}

.faireundon #conteneur_barre {
    margin-top:0px;
    width: 330px;
}

.faireundon #objectif_attention h2 {
    font-size: 16px;
    margin-left:15px;
}

.faireundon #colonne_droite {
    background-color: #fff;
    border-radius: 0;
    padding: 0px;
}

.faireundon #colonne_droite li{
    list-style-image: url("../images/puceinterne.png");
}

.faireundon #colonne_gauche {
  width: 540px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

#don_progression_header #objectif{
  width:320px;
  padding:0;
}

#don_progression_header #conteneur_barre {
  margin-top:0px;
}

#don_progression_header a{
  border-bottom:solid 1px;
}