/*
===========================
SECTIONS
===========================
*/

* {
margin:0;
padding:0;
_list-style-position:outside;
list-style-type:none;
_list-style:none;

}
table{
font-size:100%;
}

body {
font-size:72.5%;
line-height:1.5;
background:#d6d2d0 url(../img/body-degrade-beige.jpg) repeat-x center top;
margin : 0;
font-family: tahoma,arial;
_text-align:center;
padding-bottom:25px;
}

/* Dégradé du fond */
#page {
width:1044px;
margin-left:auto;
margin-right:auto;
background:#d6d2d0 url(../img/page-blanc-ombre.jpg) repeat-y center top;

}

/* Juste pour l'ombre du conteneur central*/
#wrapper {
width:1044px;
background: transparent url(../img/conteneur-fond-haut.png) no-repeat center top;
padding-top:9px;

}

#conteneur {
width:871px;
width:999px;
margin-left:auto;
margin-right:auto;
/*background-color:#fff;*/
/*background : transparent url(../img/logo-acteurs-de-la-solidarite.png) no-repeat 15px 0px;*/
/*padding:19px;*/
_text-align:left;
_width:909px;
_width:1000px;
}
#entete {
width:999px;
background : transparent url(../img/header-baseline.png) no-repeat 1px 0;
height:119px;
}

#header {
height:131px;
position:absolute
}
#header h1 {
width:255px;
height:131px;
text-indent:-9999px;
}

#footer {
clear:both;
margin:25px -72px 0 -70px;
text-align:right;
padding: 25px 97px 0 0 ;
background:transparent url(../img/footer.png) no-repeat top center;
height:56px;
_height:82px;
}

h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
font-weight:bold;
}
h3 {
font-size:1.2em;
}

h2,h4 {
color:#666;
}

h4 {
margin-bottom:1em;
}

a {
color:#f29400;
text-decoration:underline;
}

img {
border:none;
}

hr {
height:0;
border:none;
border-top:1px dotted #f29400;
margin:1em 0;
}
small {
font-size:.95em;
color:#888;
}
a,a:hover {
cursor:pointer
}

/*
===========================
CONTENU PRINCIPAL
===========================
*/
#contenu {
float:right;
width:575px;
width:640px;
/*_width:inherit;*/
margin:0px 27px 12px 0;
padding: 0 ;
_margin:12px 15px 12px 0;
/*border-top:1px solid #f29400*/
}

#contenu h2 {
margin-top:1em;
margin-bottom:1em;
}

#contenu p,#contenu ul li{
margin-bottom:1em;
}
#contenu li h2 {
border-top:1px dotted #ddd;
color:#b82b00;
margin:.5em 0 0 0;
padding:.5em 0 0 0;
}

/*# {
float:right;
width:128px;
margin-left:10px;
clear:right;
}*/
#contenu #fildariane li {
display:inline;
background: none;
margin:0 ;
padding:0 0 0 5px;
font-size:0.9em;
color:#888;
}
#fildariane li a {
color:#888;
}
/*
===========================
ACCUEIL
===========================
*/

/*#accueil {
background:#e25a10 url(../img/fond-orange.jpg) no-repeat top left;
-moz-border-radius: 1em 1em 0 0;
-webkit-border-radius: 1em;
padding:0px;
_zoom:100%;
_margin:0px 0 0px 0px;
_padding:0;
_width:575px;
}*/
#centre {
clear:both;
}
#contenu #accueil h1 {
border:10px solid #fff;
color:#fff;
font-size:1.25em;
background: transparent none no-repeat center center;
float:left;
text-align:center;
text-decoration:none;
}
#contenu .fleche li {
padding:5px 0 5px 40px;
margin-left:3em;
background: transparent url(../img/fleche-orange-sur-blanc.png) no-repeat left top;
}

.bloc_1_3 {
float:left;
margin: 10px 0 0 7px;
width:143px;
_width:136px;
}
.bloc_2_3 {
float:left;
margin: 10px 0;
width:414px;
}


#savoirplus,.savoirplus {
background:#e25a10 url(../img/fond-orange.jpg) no-repeat top left;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
background:#fafafa url(../img/encadre-orange-gris.png) no-repeat top left;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
padding:2em;
margin:1em 0;
color:#444;
border-bottom:6px solid #f29400;
}

#savoirplus h2,#contenu .savoirplus h2 {
margin-top:0;
}

#savoirplus ul,.savoirplus ul{
margin-left:1.5em;
}

#savoirplus a,.savoirplus a {
color:#f29400;
}
/*
===========================
NAVIGATION
===========================
*/
#nav {
width:239px;
clear:left;
_margin-top:1em;
margin-left:44px;


}


#nav ul {
list-style-type: none;
text-transform:uppercase;
color:#f29400;
font-weight:bold;
line-height:1;

}

#nav ul li {
margin-top:1em;
}

#nav ul ul a {
color:#666;
text-decoration:none;
display:block;
padding:5px 1em 5px 4em;
border-bottom:1px solid #f29400;
-moz-border-radius:1em;
-webkit-border-radius:1em;
line-height:1.2;
text-transform:none;

}
#nav ul a {
text-decoration:underline;
}
#nav ul a:hover {
background-color:#eee;
}
#nav ul a.active  {
color:#fff;
/*background:#f29400 url(../img/fleche-orange-blanc.png) no-repeat center right !important;*/
background:#fff url(../img/nav-ie-orange-blanc.png) no-repeat center right !important;
border-color:#fff;
font-weight:bold;
}
#nav ul ul {
padding: 1em 0 1em 0em;
}

#nav ul ul li {
    margin-top:0;
}

#nav ul ul li a{
padding: 1em 27px 1em 1em;
_padding : 1em 1em !important;
_margin:0 !important;
}
#nav ul ul ul li a {
font-weight:normal;
text-align:right;
padding:0.5em;
border:none;
}
#nav ul ul ul li .active {
background:none !important;
color:#444;
font-weight:bold;
}
#nav ul li a {
/*_margin:0!important;*/

/*_line-height:1;*/
}
#outils {
/*width:591px;*/
width:664px;
/*float:left;*/
float:right;
margin-top:43px;
}

#outils ul {
width:100%;
}

#outils ul li {
/*
width:193px;*/
width:142px;
display:block;
float:left;
/*border-top:1px solid #f29400;*/
/*height:50px;*/
height:70px;
margin-right:29px;
}

.centre {
text-align:center;

}

#outils li a:hover {
/*background:#eee;*/
}

a:focus { -moz-outline-style: none; }

#outils li.active a {
/*background-color:#f29400;*/
color:#fff;
}
#outils li a {
/*-moz-border-radius:0 0 1em 1em;
-webkit-border-radius:1em;
padding:0.1em 1em;*/
text-indent:-9999px;
height:70px;
width:132px;
display:block;
text-decoration:none;
color:#666;
text-transform:uppercase;
/*float:right;*/
/*text-align:right;*/
/*background-color:#fafafa;*/
height:70px;
}

#newsletter_inscription {
display:none;
clear:both;
}

#outils ul li#don {
margin-right:0;
}

#newsletter {
background: transparent url(../img/nav-newsletter.png) no-repeat top left;
}
#newsletter.active a,#newsletter a:hover {
background: transparent url(../img/nav-newsletter-actif.png) no-repeat top left;
}
#compte {
background: transparent url(../img/nav-moncompte.png) no-repeat top left;
}
#compte.active a,#compte a:hover {
background: transparent url(../img/nav-moncompte-actif.png) no-repeat top left;
}
#collecte {
background: transparent url(../img/nav-jecollecte.png) no-repeat top left;
}
#collecte.active a,#collecte a:hover {
background: transparent url(../img/nav-jecollecte-actif.png) no-repeat top left;
}
#don {
background: transparent url(../img/nav-jedonne.png) no-repeat top left;
}
#don.active a,#don a:hover {
background: transparent url(../img/nav-jedonne-actif.png) no-repeat top left;
}
/*
#newsletter {
background:transparent url(../img/newsletter.png) no-repeat 110px 2.7em;
margin-left:0;
}

#compte {
background:transparent url(../img/compte.png) no-repeat 110px 2.7em;
margin-left:29px;
}

#don {
background:transparent url(../img/soutenez.png) no-repeat 110px 2.7em;
margin-left:30px;
}*/

#connexion {
clear:both;
}

/*
===========================
ELEMENTS
===========================
*/

#contenu h1 {
color:#f29400;
}
/*
#contenu li{
margin-left:3em;
}*/
.photo1 {
    clear:both;
    float:right;
    margin: 0 0 2em 2em;
}

.photo2 {
    clear:both;
    float:left;
    margin: 0 2em 2em 0;
}

.soutenez {
background:transparent url(../img/soutenez.png) no-repeat left top;
padding:0.8em 70px;
clear:left;
}
.bouton {
display: block;
font-size:1.2em;
font-family: verdana;
line-height:1.2;
color:#444;
width:250px;
height:50px;
font-weight:bold;

white-space:inherit;

}

button.bouton {
color:#444;
background: transparent url(../img/bouton-rond.png) no-repeat left center;
padding:16px 5px 17px 56px;
-moz-border-radius:0;
height:69px;
_width:250px;

overflow:visible;
_margin-top:20px;
text-align: left;
}
button.bouton:hover {
background-image: url(../img/bouton-rond-hover.png) ;
color:#666;
}
button.court {
background-image: url(../img/bouton-151px.png) ;
width:151px;
}
button.court:hover {
background-image: url(../img/bouton-151px-hover.png) ;
}

form {
display:inline;
}

.bouton a {
color:#444;
text-decoration:none;
display:block;
background: transparent url(../img/bouton-rond.png) no-repeat left center;

padding:16px 5px 17px 56px;
}

.bouton a:hover {
text-decoration:underline;
}
.bouton a:hover {
background-image: url(../img/bouton-rond-hover.png) ;
}

.boutonaccueil {
width:100%;
font-size:1em;
background : transparent url(/templates/default/img/bouton-rond.png) no-repeat left center;
height:50px;
color:#444;
}

.boutonaccueil span {
padding:16px 2px 16px 25px;
width:100%;
height:50px;
color:#444;
text-decoration:none;
}

.droite {
clear:both;
float:right;
margin-bottom:10px;
}


.clear {
clear:both;
}
.clear0 {
clear:both;
height:0;
line-height:0.01;
}

.tableau {
width:100%;
border-collapse: collapse;
}
.tableau th {
font-weight:normal;
font-size:.85em;
text-align:left;
}
.tableau td {
vertical-align:top;
padding:5px;
border-bottom:1px solid #eee;
}
.tableau .impair td {
background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
}

/*
===========================
FORMULAIRES
===========================
*/
.fieldset{
border:1px solid #f29400;
padding:1em;
margin:1em;
}
.legend {
font-size:1.5em;
}

.alerte,.avertissement {
color:#F76B2C;
font-weight:bold;
}
.avertissement {
background:#Fefad8 url('http://www.intrasos.net/img/icones/exclamation.png') no-repeat .2em 1em;
padding:1em 1em 1em 2em;
border:1px dotted #F76B2C;
clear:both;
}
.form_ligne {
clear:both;
margin-top:1.8em;

}
.form_champ {
float:left;
width:68%
}
.form_label {
text-align:right;
width:30%;
padding-right:2%;
float:left;
}
.form_commentaire {
display:inline;
font-size:.95em;
color:#666;
}
.form_champ table td,.form_champ table td .p{
    padding:0 .5em 1em 0;
    vertical-align: top;
}
.info {
border:1px dotted #ccc;
background:#eee;
padding:1em;
}

/******************************************
CONNECTE
******************************************/
#nav_connecte {
background:#666;
clear:both;
padding: 5px 10px;
margin:5px 0;
text-align:right;
-moz-border-radius:5px;
color:#fff;
}
#nav_connecte a{
font-weight: bold;
color: #fff;
}
#nav_admin {
background-color:#123;
height:3em;
opacity:.9;
width:100%;
text-align:center;
}
#nav_admin li {
display: block;
padding: .4em;
float:left;
margin-left:1em;
border:1px solid #567;
}

button,.submit {
background-color:#f29400;
/*width:100%;*/
/*text-align:center;*/
margin: 2px auto;
margin-left:auto;
margin-right:auto;
padding:5px;
-moz-border-radius:  12px 4px 12px 4px;
font-weight:bold;
color:#fff;
border:none;
}
#formlib button,.submit {
margin:1em 0 1em 32%;
clear:both;
}
#formlib button:hover {
background-color:#e28400;
}
button:hover {
/*background-color:#e28400;*/
}
#bloc-etapes,#formlib {
-moz-border-radius : 0 0 5px 5px;
padding:5px 10px;
background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
}
/* Pour formulaire mon compte */
#connexion #formlib {

padding:0;
background:none;
}
.formMonCompte{
	-moz-border-radius : 0 0 5px 5px;
padding:5px 10px;
background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
}
.formMonCompteL{
	width: 40%; 
	float: left;
}
.formMonCompteR{
	float: left; 
	width: 50%;
	border-left: 1px solid #e8e8e8;
	margin-left:10px;
	padding-left:20px;
}
	
/* END-- Pour formulaire mon compte */

#bloc-etapes {
font-size:.85em;
}
ol#etapes {
display:block;
list-style-type:decimal;
margin-bottom:1em;
}
#contenu ol#etapes li {
list-style-type:decimal;
display:inline;
/*background:#eee;*/
background:none;
background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
margin:0 .5em 0 0;
padding:.5em;
border:1px solid #ddd;
-moz-border-radius:4px;
}
#contenu ol#etapes li.active {
background:#666;
color:#fff;
font-weight:bold;
}

#etapes-etat {
/*background:#eee;*/
background: none;
background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
-moz-border-radius:5px;
border:1px solid #ddd;
padding:.5em;
}
#etapes-etat p {
margin:0;
}
/*******************************************
RECOLTE
*******************************************/
#recolte img.photo {
    float:right;
    margin-left:10px;
    width:250px;
    clear:both;
    padding:1em 0;
}
#recolte blockquote {
    clear:left;
    margin-top:1em;
    border-top:1px solid #ccc;
    padding:1em 0;
    /*width:363px;*/
    text-align: justify;
}
#recolte h2 {
    margin:0;
}
#recolte #cause img {
    float:left;
    margin-right:10px;
    width:96px;
}
#recolte #faire_don{
float:left;
width:313px;
margin-bottom:1em;
}

.evenements li {
float:left;
width:47%;


}
.evenements li.pair {
clear:both;
margin-right:15px;
}
#montant,#social {
    clear:right;
    float:right;
    width:232px;
    padding:10px;
    margin-left:10px;
    -moz-border-radius:10px;
    background:#e8e8e8 url(../img/gris-degrade.jpg) repeat-x top left;
    font-size:0.95em;
    color:#444;
}
#social li,#social ul{
display:inline;
}
#contenu img.sociable-hovers {
width:16px;
height:16px;
display:inline;
float:none;
opacity:.5;
}
#contenu img.sociable-hovers:hover {
opacity:1;
}
#jauge {
    background:#eee url(/uploads/jauge.png) no-repeat top left;
    /*border:2px solid #aaa;*/
    width:232px;
    height:43px;
}
#jauge img {
    margin: 22px 5px 4px 4px;
    height:17px;
}
#recolte table {
width:100%;
border:2px solid #ccc;
border-collapse:collapse;
}
#recolte table td {
border:1px solid #eee;
padding:5px;
}
/*
#recolte table tr.impair td {
background: #eee;
}*/
#cause {
    clear:both;
    margin-top:1em;
}

#cause h4 {
margin:0;
}

/***********************
EDITEUR TINYMCE
*************************/
#contenu.mceContentBody {
border:none !important;
padding:10px !important;
margin:0 !important;
width:inherit !important;
background:#fff;
float:none;
}

/***********************
PRESSE
*************************/
.sourcePresse{
background:#FAFAFA none repeat scroll 0 0;
border-left:4px solid #DDDDDD;
color:#888888;
margin:0;
padding:10px;
width:25%;
}
.logoPresse{
margin:0;
padding-left:10px;
float:right;
width:170px
}