@charset "utf-8";
/*CSS applicable sur tout le site*/

body 
{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #deded9 url(/fr/img/fond_page.gif) repeat-x left top;
  font-family: Arial, Helvetica, sans-serif;   
}   

#main p
{
	text-align: justify;
}    
#main li
{
	text-align: justify;
} 
#bold{font-weight: bold;}
#italic{font-style:oblique; width: 98%; }
.italicFont{
font-style: italic;

}

#underline{text-decoration: underline;    }

#page
{
    width: 770px;
    margin:0 auto;
    padding: 0;
    text-align: left;  
}
#titlebar
{
	position: relative;

    height:180px; 
    background: #ffffff url(/fr/img/entete.jpg) no-repeat;
    border-bottom: 2px solid #cccdcd;
    /*z-index: 1; */             
}

#titlebar #menufondation ul li a{visibility:visible; }     
#titlebar ul 
{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    position: relative;   
}
#titlebar ul li 
{ 
  position: absolute;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#titlebar ul li a
{
    display: block;
    overflow: hidden;  
    font-size: 12px;
    text-indent: -9999px;   
}
#titlebar ul li.accueil 
{ 
    left: 0px; 
    top: 0px; 
    width: 74px; 
    height: 48px; 
}
#titlebar ul li.fondation 
{ 
    left: 0px; 
    top: 55px; 
    width: 98px; 
    height: 36px; 
}
#titlebar ul li.actualite 
{ 
    left: 98px; 
    top: 40px; 
    width: 69px; 
    height: 30px;
}
#titlebar ul li.evenement 
{ 
    left: 167px; 
    top: 25px; 
    width: 80px; 
    height: 32px;
}
#titlebar ul li.faq 
{ 
    left: 247px; 
    top: 20px; 
    width: 41px; 
    height: 29px;
}
#titlebar ul li.ressources 
{ 
    left: 288px; 
    top: 20px; 
    width: 83px; 
    height: 23px;
}
#titlebar ul li.forum
{ 
    left: 371px; 
    top: 20px; 
    width: 133px; 
    height: 37px;
}
#titlebar ul li.financement
{ 
    left: 504px; 
    top: 20px; 
    width: 125px; 
    height: 41px;
}
#titlebar ul li.aide
{ 
    left: 629px; 
    top: 40px; 
    width: 141px; 
    height: 66px;
}
#titlebar ul li.accueil a
{ 
    height: 48px;    
}
#titlebar ul li.fondation a
{ 
    height: 36px;      
}
#titlebar ul li.actualite a
{ 
    height: 30px;  
}
#titlebar ul li.evenement a
{ 
    height: 32px;  
}
#titlebar ul li.faq a
{ 
    height: 29px;  
}
#titlebar ul li.ressources a
{ 
    height: 32px;
}
#titlebar ul li.forum a
{ 
    height: 37px;  
}
#titlebar ul li.financement a
{ 
    height: 41px;   
}
#titlebar ul li.aide a
{  
    height: 66px;
}
#titlebar li.fondation a.select
{ 
    background: url(/fr/img/fondation_blanc.jpg) no-repeat left bottom;
}
#titlebar li.actualite a.select
{ 
    background: url(/fr/img/actualite_blanc.jpg) no-repeat; 
}
#titlebar li.evenement a.select
{ 
    background: url(/fr/img/evenement_blanc.jpg) no-repeat; 
}
#titlebar li.faq a.select
{ 
    background: url(/fr/img/faq_blanc.jpg) no-repeat; 
}
#titlebar li.ressources a.select
{ 
    background: url(/fr/img/liens_blanc.jpg) no-repeat; 
}
#titlebar li.forum a.select
{ 
    background: url(/fr/img/forum_blanc.jpg) no-repeat; 
}
#titlebar li.financement a.select
{ 
    background: url(/fr/img/campagne_blanc.jpg) no-repeat; 
}
#titlebar li.aide a.select
{  
    background: url(/fr/img/aide_blanc.jpg) no-repeat; 
}
#titlebar ul li.fondation a:hover 
{ 
    background: url(/fr/img/fondation_blanc.jpg) no-repeat left bottom;
}
#titlebar ul li.actualite a:hover 
{ 
    background: url(/fr/img/actualite_blanc.jpg) no-repeat; 
}
#titlebar ul li.evenement a:hover 
{ 
    background: url(/fr/img/evenement_blanc.jpg) no-repeat; 
}
#titlebar ul li.faq a:hover 
{ 
    background: url(/fr/img/faq_blanc.jpg) no-repeat; 
}
#titlebar ul li.ressources a:hover 
{ 
    background: url(/fr/img/liens_blanc.jpg) no-repeat; 
}
#titlebar ul li.forum a:hover 
{ 
    background: url(/fr/img/forum_blanc.jpg) no-repeat; 
}
#titlebar ul li.financement a:hover 
{ 
    background: url(/fr/img/campagne_blanc.jpg) no-repeat; 
}
#titlebar ul li.aide a:hover
{  
    background: url(/fr/img/aide_blanc.jpg) no-repeat; 
} 
/*
    CSS pour le logo. Quand le logo est cliqué, le site revient dans la page d'accueil.
    Faire attention si les dimensions changes dans #logo, il faut aussi le changer dans #logo a (vice-versa)
*/
#logo
{
    position: relative;
    height: 100px;
    width: 400px;
    top: 66px;
    left: 195px;   
}
#logo a 
{
  display: block;
  width: 380px;
  height: 100px;
  overflow: hidden;
  text-align: center;

}
#deg-haut 
{
    width: 100%;   
    background: #ffffff url(/fr/img/degrade_haut.gif) repeat-x left top;
    border-bottom: 2px solid #cccdcd;  
    float: left;
           
}
#deg-bas 
{
    width: 100%;
    background:url(/fr/img/degrade_bas.gif) repeat-x left bottom;
    clear: both;
    float: left; 
          
}
/*Tous les éléments sont pareil dans le coté gauche
aucun border pour les images avec link
division avec liste
*/
#leftside a.select
{
    font-weight: bold;
    
}
#leftside
{
    width: 221px;
    height:auto;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;  
    font-size: 12px;
    background: url(/fr/img/pixel_ccc.gif) repeat-y 220px top;    
}
#leftside div
{
    /*border-bottom: 2px solid #cccdcd;*/  
    margin: 20px 0 40px 20px;     
}
#leftside a
{
    color: #000; 
} 
#leftside p
{
   margin: 0 0 10px 10px;    
}
#leftside a:link, a:visited, a:active
{
    text-decoration: none;     
}  
#leftside a:hover 
{ 
    text-decoration: underline; 
    color: #bbbb83; 
}

#leftside ul
{
  list-style-type: none;     
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;   
}
#leftside ul li{margin: 10px 20px 10px 0;}
#leftside img {border: 0; }
#leftside h2 
{ 
    font-size: 22px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #cd600d;
    margin: 0; 
    /*text-align: center;*/  
}

#leftside h3
{
    font-size: 12px; 
    font-weight: normal; 
    margin: 0;   
}
/*division entre les différents éléments à mettre sauf le dernier*/
#division
{
    border-top: 1px dashed #cccdcd;
    padding-top: 6px;    
}
#carte{margin: 10px 10px 10px 0;}

#logopartenaire
{
    margin: 20px 0 30px 10px;
    text-align: center; 
}

#decalage{margin: 7px 0 7px 10px;}

#tableau
{
    overflow: hidden;    
    width: 490px;
    padding: 0;
    margin: 0;
    margin: 7px 0 7px 0;
}
#tableau.evenement{margin: 0 0 10px 0; border-bottom: 1px solid #cccdcd;}    

#gauche
{
    margin :0;
    clear:left;
    overflow: hidden; 
    float: left;       
}

#droite
{
    margin : 0; 
    clear:right;  
    float: right;
    overflow: hidden;     
}
#gauche.gjoindre{width: 100px;}
#droite.djoindre{width: 365px;}

#tableau.tdejardins {background-color: #efede6;margin: 0;}
#tableau.tdejardins ul{list-style-type:decimal;} 
#gauche.gdesjardins{width: 200px; padding: 0;margin: 0;}  
#droite.ddesjardins{width: 290px;}  

#gauche.gpartenaires{width: 245px;}
#droite.dpartenaires{width: 245px;}

#gauche.gimg{width: 100px;}
#droite.dimg{width: 390px;}

#gauche.gressources{width: 125px;}
#gauche.gressources img{border: solid 1px black;}
#gauche.gressources a{border: 0; }
#droite.dressources{width: 365px;}

#gauche.gheure{width: 90px; padding: 0;}
#droite.dheure{width: 400px;}
#droite.dheure ul{list-style-type: none; }
#spectacle
{
    margin-top: 20px;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #cd600d;   
}
#main
{  
    margin: 20px 20px 10px 220px;
    padding: 0 0 10px 0;
    font-size: 12px;                                  
    background: url(/fr/img/pixel_ccc.gif) repeat-y 0px top;
}

#main img.img_index
{  
    float:left; 
    margin:0 10px 10px 10px;
}

#centre.video
{   
    margin:0 0 40px 0;
}
#centre.infoVideo
{   
    font-weight: bold;  
    font-style:italic;   
}
#main h1 
{ 
    margin-top: 0px; 
    font-size: 22px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #cd600d; 
}
#main h2 
{ 
    margin-top: 0px; 
    font-size: 16px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #000;
    margin: 10px 0; 
}
#main h3 
{ 
    margin-top: 0px; 
    font-size: 14px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #000;
    margin: 10px 0; 
}
#main h4 
{ 
    margin-top: 0px; 
    font-size: 16px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #f1592a;
    margin: 10px 0;   
}
#main h5 
{ 
    margin-top: 0px; 
    font-size: 14px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #000; 
    margin: 10px 0;
}
#main h1.black 
{ 
    margin-top: 0px; 
    font-size: 22px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #000000; 
}
#main a
{
    color: #f1592a;
    text-decoration:underline;   
}
#main a:link, a:visited, a:active
{
    color: #f1592a;
    text-decoration:underline;     
}
#main a:hover
{
    color: #bbbb83;
    text-decoration:underline;     
}
#main div.maindiv
{ 
   margin: 15px 0 15px 20px;  
}
#faq ul.decimal li
{
    list-style-type:decimal; 
}
#faq ul.sousSection li
{
    list-style-type:disc; 
}
#actualite img,#projets img
{
  border: 0px;  
}
#organise ul.decimal li
{
    list-style-type:decimal; 
}
#question
{
  margin: 40px 0;    
}
#main p
{
   margin: 0 0 10px 10px;    
}
#main p.nomtitre
{
   margin: 0 0 0 10px;
   font-weight:bold;   
}    
#main p.titre
{
   margin: 0 0 0 10px;  
}  
#main p.centre
{
    margin: 0;
    text-align: center; 
}
#main p.adresse
{
    margin: 0 0 0 10px;
}
#main p.commentaire
{
    font-size: 10px;    
}
#centre
{
    text-align: center; 
    margin: 0 0 10px 0;   
} 

dl.conseil {
  width: 400px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
dl.conseil dt {
  font-weight: bold;
  margin: 0 0 0 110px;
  padding: 20px 0 0 0; 
}
dl.conseil dt.image {
  clear: both;
  float: left;
  width: 100px;
  margin: 0;
}
dl.conseil dd {
  margin: 0 0 0 110px;
  padding: 0;
}
dl.conseil dd.dernier:after {
  content: '.';
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
/*Style pour bottom.php*/
#bottom
{
    background: #ffffff;
    border-bottom: 1px solid #cccdcd;    
    clear: left;
    margin: 0;
    padding: 0; 
}
#pub
{
    margin: 0 20px 0 50px;
    padding: 5px 0 0 0;
}

#pub a
{
    padding: 0 25px 0 0;
} 
#pub img
{
    border: 0;
}

/*Liens pour aller dans les différentes pages du site*/ 
#link
{
  text-align: center;  
  padding: 10px 0 10px 0;   
  margin: 0;    
  font-size: 11px;
  border-bottom: 1px solid #cccdcd;    
}   
#link ul 
{ 
    list-style-type: none; 
    padding: 0;   
    margin: 0;     
}    
#link ul li 
{ 
    display: inline; 
    margin: 0;
    padding : 0 5px 0 5px;  
    border-right: 1px solid #000000;  
}
* html #link ul li { padding: 0 5px 0 5px;}
*+html #link ul li { padding: 0 5px 0 5px; }  

#link ul li a 
{ 
    white-space: nowrap;
    color: #000;  
} 
#link ul li.aide 
{ 
    border: none; 

}  
#link ul li a:link, a:visited, a:active
{ 
    text-decoration: none; 
}
#link ul li a:hover 
{ 
    text-decoration: underline; 
    color: #bbbb83; 
}      
/*CSS pour les informations de la fondation*/
#contact
{
    height:100px; 
    font-size: 11px;
    color: #666; 
    margin: 10px 0 0 0;
    padding: 2px 0 0 0;
    text-align: center;  
}
#contact a
{
    color: #f1592a;
    text-decoration:none;   
}
#contact a:link, a:visited, a:active
{
    color: #f1592a;
    text-decoration:none;     
}
#contact a:hover
{
    color: #bbbb83;
    text-decoration:none;     
}
#contact p.titre 
{
  margin: 0;
}
#contact p.partenaire 
{
  margin: 10px 0 0 0;
}
#contact p.nomtitre
{
   margin: 0;
   font-weight:bold;   
}

#don ul
{
  list-style-type: none;    
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
      
}
#don ul li
{
  display: inline;  
  margin-right: 20px;  
}
#don ul li a:link, a:visited, a:active
{
    text-decoration: none;     
}
#don ul li a:hover 
{ 
    text-decoration: underline; 
    color: #bbbb83; 
}
#don img {border: 0; }   

#subMenuFondation, #subMenuActualites, #subMenuEvenements, #subMenuFAQ, #subMenuLiens, #subMenuForum, #subMenuCampagne, #subMenuAider ,#subMenuRessources,#subMenuTCC,#subMenuCampagnes
{
	display:none;  
	padding:0;
	margin:0;
    /*border: 1px solid #ffcc33;*/ 
    background-color: #fff2cc; 
} 
#subMenuFondation ul, #subMenuActualites ul, #subMenuEvenements ul, #subMenuFAQ ul, #subMenuLiens ul, #subMenuForum ul, #subMenuCampagne ul, #subMenuAider ul,#subMenuRessources ul,#subMenuTCC ul, #subMenuCampagnes ul
{
    list-style-type: none; 
    padding: 0;   
    margin: 0;   
}
#subMenuFondation ul li, #subMenuActualites ul li, #subMenuEvenements ul li, #subMenuFAQ ul li, #subMenuLiens ul li, #subMenuForum ul li, #subMenuCampagne ul li, #subMenuAider ul li,#subMenuRessources ul li,#subMenuTCC ul li,#subMenuCampagnes ul li 
{
	position: relative;
	display: list-item;
	font-size: 10px;
	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;  	
    white-space: nowrap;	
    margin: 0;
    padding: 0 6px 3px 6px;   
    color: #000000; 
    border-bottom: 1px solid #ffcc33;
}
#subMenuFondation ul li a, #subMenuActualites ul li a, #subMenuEvenements ul li a, #subMenuFAQ ul li a, #subMenuLiens ul li a, #subMenuForum ul li a, #subMenuCampagne ul li a, #subMenuAider ul li a,#subMenuRessources ul li a,#subMenuTCC ul li a,#subMenuCampagnes ul li a
{	
	font-size: 10px;
	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;  		
	display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-indent: 0;   
    text-decoration: none;
    color: #000000;
}
#subMenuFondation ul li a:hover, #subMenuActualites ul li a:hover, #subMenuEvenements ul li a:hover, #subMenuFAQ ul li a:hover, subMenuLiens ul li a:hover, #subMenuForum ul li a:hover, #subMenuCampagne ul li a:hover, #subMenuAider ul li a:hover,#subMenuRessources ul li a:hover,#subMenuTCC ul li a:hover,#subMenuCampagnes ul li a:hover    
{	
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #f1592a;    
}
/*
#subMenuFondation ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuActualites ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuEvenements ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuFAQ ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuLiens ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuForum ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuCampagne ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
#subMenuAider ul li a:link, a:visited, a:active
{
    margin: 0;
    padding: 0;
    text-decoration: none;	 
    color: #000000;
}
*/
#subMenuFondation
{
	position:absolute;
	left:21px; 
	top:99px; 
	z-index: 2; 	      
}	
#subMenuActualites
{
	position:absolute;
	left:105px; 
	top:73px;	
	z-index: 2; 	
}
#subMenuEvenements
{
	position:absolute;
	left:174px; 
	top:59px;	
	z-index: 2; 	
}
/*
#subMenuFAQ
{
	position:absolute;
	left:585px; 
	top:48px;	
}
#subMenuLiens
{
	position:absolute;
	left:621px; 
	top:45px;	
}
#subMenuForum
{
	position:absolute;
	left:701px; 
	top:42px;	
}
#subMenuCampagne
{
	position:absolute;
	left:837px; 
	top:48px;	
}
*/
#subMenuAider
{
	position:absolute;
	left:601px; 
	top:98px;	
	z-index: 2; 	
}

#subMenuRessources
{
    position:absolute;
    left:288px; 
    top:38px;    
    z-index: 2;       
}
#subMenuTCC
{
    position:absolute;
    left:371px; 
    top:38px;    
    z-index: 2;       
}
#subMenuCampagnes
{
    position:absolute;
    left:504px; 
    top:60px;    
    z-index: 2;       
}
.exposant 
{
font-size: 9px;
vertical-align: text-top;
}



#formulaire
{  
    margin: 20px 20px 10px 20px;
    padding: 0 0 10px 0;
    font-size: 12px;                                  

}

#formulaire img.img_index
{  
    float:left; 
    margin:0 10px 10px 10px;
}


#formulaire h1 
{ 
    margin-top: 0px; 
    font-size: 22px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #cd600d; 
}
#formulaire h2 
{ 
    margin-top: 0px; 
    font-size: 16px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #000;
    margin: 10px 0; 
}
#formulaire h3 
{ 
    margin-top: 0px; 
    font-size: 14px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: normal; 
    color: #000;
    margin: 10px 0; 
}
#formulaire h4 
{ 
    margin-top: 0px; 
    font-size: 16px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #f1592a;
    margin: 10px 0;   
}
#formulaire h5 
{ 
    margin-top: 0px; 
    font-size: 14px; 
    font-family: "Lucida Sans Unicode"; 
    font-weight: bold; 
    color: #000; 
    margin: 10px 0;
}
#formulaire a
{
    color: #f1592a;
    text-decoration:underline;   
}
/*#formulaire a:link, a:visited, a:active
{
    color: #f1592a;
    text-decoration:underline;     
} */
#formulaire a:hover
{
    color: #bbbb83;
    text-decoration:underline;     
}
#formulaire div.maindiv
{ 
   margin: 15px 0 15px 20px;  
}

#formulaire p
{
   margin: 0 0 10px 10px;    
}
#formulaire p.nomtitre
{
   margin: 0 0 0 10px;
   font-weight:bold;   
}    
#formulaire p.titre
{
   margin: 0 0 0 10px;  
}  
#formulaire p.centre
{
    margin: 0;
    text-align: center; 
}
#formulaire p.adresse
{
    margin: 0 0 0 10px;
}
#formulaire p.commentaire
{
    font-size: 10px;    
}
#formulaire td.droite
{
    width: 450px;
}
#formulaire td.gauche
{
    width: 250px;
}

#formulaire td input.text
{
    width: 250px;
}
#cabinetCampagne div
{
margin-left: 50px;
}
.titrePartenaireEvenment{
    margin-top: 0px; 
    /*font-size: 13px; 
    font-family: "Lucida Sans Unicode"; 
               
    color: #f1592a;  
    font-weight: bold;    */ 
    text-decoration: underline;
    margin: 10px 0;  
}
.decalage span{
margin-left: 10px;
}

.margin_top p{
margin-top: 50px;
text-align: center;
}
.centre_link{
width: 800px; 

text-align: center;  

}
.centre_link a{
    color: #000000;
    text-decoration:none;  
    cursor: pointer;
    font-weight: bold;
}

.centre{
width: 500px; 
margin-left: auto;
margin-right: auto; 
}
.float_left{
float: left;
}
.small_text{
float: left;    
width: 200px;
text-align: left;
}
.clear{
clear: both;
}
.small_img{
float: left;  
width: 50px;
}