body { font-family:Agenda, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; }
/****Mise en page*****/
.header {height:67px; background-image:url(image/bando_haut.gif); background-repeat: no-repeat;}
.conteneur {width:900px; height:655px; margin: 0 auto; border:2px solid #7F924E; background-color:#fff;}
.pied {clear:both; width:900px; height:88px;}
.pied img {border:0;}
img#lien_anim {margin:0 10px 10px 20px;}
img#lien_mairie_paris {margin:0 0 20px 10px;} 

div#colonneg {float: left; height:422px; padding:0; background: #FFD300;}
div#colonneg img {border:0;}

div#colonned_etape4 {float: right; height:422px; width:125px; padding:0; background-image:url(image/bord_d_4.gif); background-repeat: no-repeat;}
div#colonned_etape4 img {border:0;}

div#colonned_quelle {background: #FFD300; float: right; height:422px; width:125px; background-image:url(image/bord_d_3.gif); background-repeat: no-repeat;}
div#colonned_quelle img {border:0;}

div#colonned {float: right; height:422px; padding:0; background: #FFD300;}
div#colonned img {border:0;}

div#colonned_contact {float: right; height:452px; padding:0; background: #FFD300;}
div#colonned_contact img {border:0;}
div#colonneg_contact {float: left; height:452px; padding:0; background: #FFD300;}
div#colonneg_contact img {border:0;}
div#centre_contact {height:452px; padding:0; margin:0; background: #FFD300;}

div#centre {height:487px; padding:0; background: #FFD300;}
div#centre_galerie {height:422px; padding:0; margin:0; background: #FFD300;}
div#centre_contact {height:452px; padding:0; margin:0; background: #FFD300;}

div#centre_galerie2 {width:900px; height:422px; padding:0; background-image:url(image/etape2.gif); background-repeat: no-repeat;}

#mega_centre {overflow: hidden; margin:0; height:348px; background-color:#fff;}
#mega_centre_bis {overflow: hidden; margin:0;  height:348px; background-color:#fff;}
#mega_centre_bis_bis {overflow: hidden; margin:0; height:393px; background-color:#fff;}
#mega_centre_ter {overflow: hidden; margin:0; height:390px; background-color:#fff;}
#mega_centre_ter_ter {overflow: hidden; margin:0;  height:386px; background-color:#fff;}
#mega_centre_idem {height:402px; background-color:#fff;}
	
#skip {height:23px; width:900px; background-color:#FFD300; margin:0; padding:0;}
#skip a {margin-right:5px; float:right; color:#000; font-weight:bold; font-size: 1.2em;}
#skip a:hover {color:#8A8981;}
/****Menu*****/
.bouton1 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_accueil.gif); width:64px; height:67px;}
.bouton1 a:hover {background-image:url(image/menu/bt_accueil_over.gif);}
.bouton1_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_accueil.gif); width:64px; height:67px;}
.bouton2 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_1.gif); width:72px; height:67px;}
.bouton2 a:hover {background-image:url(image/menu/bt_1_over.gif);}
.bouton2_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_1_over.gif); width:72px; height:67px;}
.bouton3 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_2.gif); width:70px; height:67px;}
.bouton3 a:hover {background-image:url(image/menu/bt_2_over.gif);}
.bouton3_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_2_over.gif); width:70px; height:67px;}
.bouton4 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_3.gif); width:71px; height:67px;}
.bouton4 a:hover {background-image:url(image/menu/bt_3_over.gif);}
.bouton4_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_3_over.gif); width:71px; height:67px;}
.bouton5 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_4.gif); width:70px; height:67px;}
.bouton5 a:hover {background-image:url(image/menu/bt_4_over.gif);}
.bouton5_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_4_over.gif); width:70px; height:67px;}
.bouton6 a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_contact.gif); width:81px; height:67px;}
.bouton6 a:hover {background-image:url(image/menu/bt_contact_over.gif);}
.bouton6_fixe a {margin : 0; float : right; display:block; background-image:url(image/menu/bt_contact_over.gif); width:81px; height:67px;}

/*****Gros bouton Accueil*****/
#centre_bg {float:left; width:400px;}
#centre_bd {float:right; width:400px;}

#centre_bg .gros_menu_hg {margin:0 0 0 10px;}
#centre_bg .gros_menu_hg a {display:block; width:250px; height:235px; background:url(image/gros_bouton/bt_01.gif) no-repeat;}
#centre_bg .gros_menu_hg a:hover {display:block; width:250px; height:235px; background:url(image/gros_bouton/bt_01_over.gif) no-repeat;}

#centre_bd .gros_menu_hd {margin:0 0 0 0;}
#centre_bd .gros_menu_hd a {display:block; width:261px; height:233px; background:url(image/gros_bouton/bt_03.gif) no-repeat;}
#centre_bd .gros_menu_hd a:hover {display:block; width:261px; height:233px; background:url(image/gros_bouton/bt_03_over.gif) no-repeat;}

#centre_bg .gros_menu_bg {margin:0 0 0 120px;}
#centre_bg .gros_menu_bg a {display:block; width:270px; height:222px; background:url(image/gros_bouton/bt_02.gif) no-repeat;}
#centre_bg .gros_menu_bg a:hover {display:block; width:270px; height:222px; background:url(image/gros_bouton/bt_02_over.gif) no-repeat;}

#centre_bd .gros_menu_bd {margin:0 0 0 120px;}
#centre_bd .gros_menu_bd a {display:block; width:270px; height:220px; background:url(image/gros_bouton/bt_04.gif) no-repeat;}
#centre_bd .gros_menu_bd a:hover {display:block; width:270px; height:220px; background:url(image/gros_bouton/bt_04_over.gif) no-repeat;}

/*****Gros bouton 1*****/
#englobe_bt {margin:0 0 20px 100px;}
#centre_bd_1 {float:left; width:325px;}
#centre_bg_1 {float:left; width:312px;}

#centre_bd_1 a {display:block; width:325px; height:364px; background:url(image/gros_bouton/bt_etape1_eux.gif) no-repeat;}
#centre_bd_1 a:hover {display:block; width:325px; height:364px; background:url(image/gros_bouton/bt_etape1_eux_over.gif) no-repeat;}

#centre_bg_1 a {display:block; width:312px; height:364px; background:url(image/gros_bouton/bt_etape1_moi.gif) no-repeat;}
#centre_bg_1 a:hover {display:block; width:312px; height:364px; background:url(image/gros_bouton/bt_etape1_moi_over.gif) no-repeat;}

/*****Gros bouton 3*****/
#englobe_bt_3 {margin:0 0 20px 100px;}
#centre_bd_3 {float:left; width:325px;}
#centre_bg_3 {float:left; width:312px;}

#centre_bd_3 a {display:block; width:324px; height:391px; background:url(image/gros_bouton/bt_etape3_action.gif) no-repeat;}
#centre_bd_3 a:hover {display:block; width:324px; height:391px; background:url(image/gros_bouton/bt_etape3_action_over.gif) no-repeat;}

#centre_bg_3 a {display:block; width:355px; height:391px; background:url(image/gros_bouton/bt_etape3_tps.gif) no-repeat;}
#centre_bg_3 a:hover {display:block; width:355px; height:391px; background:url(image/gros_bouton/bt_etape3_tps_over.gif) no-repeat;}

/*****Gros bouton 4*****/
#englobe_bt_4 {margin:0 0 0 50px;}
#centre_bd_4 {float:left; width:325px;}
#centre_bdb_4 {float:left; width:432px;}
#centre_bg_4 {float:left; width:410px;}

#centre_bd_4 a {display:block; width:432px; height:258px; background:url(image/gros_bouton/bt_etape4_rejoindre.gif) no-repeat;}
#centre_bd_4 a:hover {display:block; width:432px; height:258px; background:url(image/gros_bouton/bt_etape4_rejoindre_over.gif) no-repeat;}

#centre_bdb_4 a {display:block; width:432px; height:228px; background:url(image/gros_bouton/bt_etape4_autre.gif) no-repeat;}
#centre_bdb_4 a:hover {display:block; width:432px; height:228px; background:url(image/gros_bouton/bt_etape4_autre_over.gif) no-repeat;}

#centre_bg_4 a {display:block; width:410px; height:486px; background:url(image/gros_bouton/bt_etape4_cree.gif) no-repeat;}
#centre_bg_4 a:hover {display:block; width:410px; height:486px; background:url(image/gros_bouton/bt_etape4_cree_over.gif) no-repeat;}

/*****Gros bouton rubrique0*****/
#englobe_bt_0 {margin:0;}
#centre_bd_0 {float:right; width:344px; margin:200px 0 0 0;}
#centre_bg_0 {float:left; width:323px;}

#centre_bd_0 a {display:block; width:344px; height:253px; background:url(image/gros_bouton/bt_rubrique0_2.gif) no-repeat;}
#centre_bd_0 a:hover {display:block; width:344px; height:253px; background:url(image/gros_bouton/bt_rubrique0_2_over.gif) no-repeat;}

#centre_bg_0 a {display:block; width:323px; height:260px; background:url(image/gros_bouton/bt_rubrique0_1.gif) no-repeat;}
#centre_bg_0 a:hover {display:block; width:323px; height:260px; background:url(image/gros_bouton/bt_rubrique0_1_over.gif) no-repeat;}

/******Les textes******/
#gros_titre {font-weight:bold; font-size:3.5em; margin:0; padding:10px 0 10px 0; text-align:center; color:#fff; background-color:#FCD204;}
#empty_gros_titre {width:900px; height:44px; margin:0; padding:0; background-color:#FCD204;}
#empty_gros_titre2 {width:900px; height:74px; margin:0; padding:0; background-color:#FCD204;}
#gros_titre_yellow {font-weight:bold; font-size:3.5em; margin:0; padding:8px 0 8px 0; text-align:center; color:#FCD204;}
#gros_titre_yellow_move {font-weight:bold; font-size:3.5em; margin:0; padding:170px 0 8px 0; text-align:center; color:#FCD204;}
#gros_titre_yellow_min {font-weight:bold; font-size:2.5em; margin:0; padding:8px 0 8px 0; text-align:center; color:#FCD204;}
#gros_titre_yellow_min_special {font-weight:bold; font-size:2.3em; margin:0; padding:8px 0 8px 0; text-align:center; color:#FCD204;}

/*******Galerie + Texte*********/
.galerie {margin:0 0 0 30px; width:570px;}

#gal_image {float:left; width:240px; height:300px; background:url(image/leur_motive.gif) no-repeat;}
#gal_image #miniature {margin:32px 0 0 44px;}
#gal_image #miniature img {border:solid 1px #FCD204;}

#texte {float:right; width:265px; height:300px; background:url(image/leur_motive_text.gif) no-repeat;}
#mise_en_page {overflow:auto; font-weight:bold; width:220px; height:240px; margin:40px 0 0 13px;}

#next_photo a {text-decoration:none; color:#000; font-weight:bold; margin:0 0 0 80px;}
#next_text a {text-decoration:none; color:#000; font-weight:bold; margin:0 0 0 80px;}

.affichage_photo {margin:0 0 0 70px; width:550px; height:280px;}
.affichage_photo img {border:solid 1px #FCD204;}
.pagination {margin:12px 0 0 0; text-align:center;}
.pagination a {color:#000; font-weight: bold;}
.pagination a:hover {color:#8D8181; font-weight: bold;}

.affichage_message {overflow:auto; margin:0 0 0 50px; width:550px; height:280px;}

.cache_jaune {width:842px !important; width:578px; height:18px; background: #FFD300; margin:315px 0 0 0 !important; margin:2px 0 0 0;;}
.cache_jaune_bis {width:842px !important; width:578px; height:18px; background: #FFD300; margin:19px 0 0 0 !important; margin:10px 0 0 0;}
.cache_jaune_bis_bis {width:842px !important; width:578px; height:18px; background: #FFD300; margin:51px 0 0 0 !important; margin:10px 0 0 0;}

/*******Formulaire envoie image ou texte************/
.message {width:550px; margin:0 0 0 70px;}
.message p				{font:bold 14px/16px Helvetica, sans-serif;}
.message label		{width:100px; display:block; float:left; color:#000;}
#signature,
#mail,
#ville {background-color:#FCD204; width:300px;}
#image {background-color:#FCD204; }
#saut_ligne {padding-top:35px;}
#message {width:450px; height:100px; background-color:#FCD204;}

.envoie_bouton {position:absolute; margin:81px 0 0 553px !important; margin:82px 0 0 550px; width:76px; height:75px; background-image: url(image/envoie_bt.gif); background-repeat: no-repeat; border: 0;}
.erreur_moi {font-size:0.9em; color:red;}
.italic {font:italic 14px/16px Helvetica, sans-serif; color:#000;}

/*******Mise en page du test************/
.start_test {margin:0 0 0 130px; background-image:url(image/start_test.gif); width:673px; height:440px; background-repeat: no-repeat;}
#text_start_test {width:310px; height:380px; margin:0 0 0 190px;}
#titre_test {font-weight:bold; font-size:3em; margin:0; padding:20px 0 30px 0; text-align:center; color:#FCD204;}
.desc_test ul {margin:10px 0 0 0;}
.desc_test li {margin:5px 0; font-weight:bold;}
#bt_go a {margin:50px 0 0 135px; display:block; background-image:url(image/bt_test_go.gif); background-repeat: no-repeat; width:42px; height:41px;}
.question {width: 520px; margin:0 0 0 250px !important; margin:0 0 0 280px;}
.question p {font-size:0.9em; margin:0; padding-top:5px; font-weight:bold;}
.question form{padding:0; margin:0;}
.question label {font-size:0.8em;}
.next_page {position:absolute; margin:200px 0 0 275px !important; margin:200px 0 0 300px; width:39px; height:36px; background-image: url(image/bt_test_go.gif); background-repeat: no-repeat; border: 0;}
.next_page_mouve {position:absolute; margin:200px 0 0 275px !important; margin:200px 0 0 250px; width:39px; height:36px; background-image: url(image/bt_test_go.gif); background-repeat: no-repeat; border: 0;}
.envoie_ami {position:absolute; margin:120px 0 0 543px !important; margin:114px 0 0 543px; width:76px; height:65px; background-image: url(image/envoie_bt_bis.gif); background-repeat: no-repeat; border: 0;}
#resultat_test {margin:0 0 0 245px; width:510px; height:300px; overflow:auto;}

.score_carre  {position:absolute; margin:336px 0 0 820px; font:bold 40px Helvetica, sans-serif; color:#FFD300;}
.score_soleil {position:absolute; margin:32px 0 0 816px; font:bold 40px Helvetica, sans-serif; color:#FFD300;}
.score_etoile {position:absolute; margin:237px 0 0 820px; font:bold 40px Helvetica, sans-serif; color:#FFD300;}
.score_lune   {position:absolute; margin:120px 0 0 820px; font:bold 40px Helvetica, sans-serif; color:#fff;}


.info_bas_page {margin:5px 0 0 230px; width:500px; height:22px;}
.info_bas_page .again {float:left;}
.info_bas_page .again a, .friend a {font-weight:bold; color:#FFD300; font-weight:bolder;}
.info_bas_page .again a:hover, .friend a:hover {color:#EED81B; font-weight:bolder;}
.info_bas_page .friend {float:right;}

.ami {margin:100px 0 0 250px; }
.ami label {font-weight:bold;}

.erreur_ami {margin:0 0 0 380px; width:220px; color:red; font-weight:bold;}
.resultat_gras {font:bold 14px/25px Helvetica, sans-serif;}
.resultat_gras_soft {font:bold 14px/20px Helvetica, sans-serif;}
/*******Definir un projet************/
#choix_asso {margin:0 0 0 30px !important; margin:0 0 0 10px; width:600px; height: 230px;}
#choix_asso img {border:0;}
#desc_choix_asso {position: absolute; margin:10px 0 0 15px !important; margin:10px 0 0 0; width:559px; height:90px;}
#desc_choix_asso img {border:0;}
#cmb_tps {margin:0 0 0 40px !important; margin:0 0 0 20px; width:600px; height: 194px;}
#cmb_tps img {border:0;}
#cartouche {width:500px; height:200px; margin:20px 0 0 40px;}
#titre {padding:0; margin:0; font-weight: bold; font-size:1.8em; color:#FFD300;}
#contenu {padding:0; margin:2px 0 0 0; font-weight: bold; font-size:1.3em; color:#000;}

/*******Contact*******************/
.contact {width:460px; margin: 30px 0 0 100px !important; margin: 25px 0 0 100px;}
.contact p {margin:10px 0 0 0; padding:0;}
.contact img {border:solid 1px #000; margin:0 5px -15px 0;}
.contact label {font-weight:bold; font-size:1em; color:#000;}
.erreur_contact {font-weight:bold; font-size:1em; color:red;}
#nom,
#mails,
#prenom {background-color:#FFD300; width:450px;}
#verif {background-color:#FFD300; width:370px;}
#messages {width:450px; height:100px; background-color:#FFD300;}
.envoie_contact {position:absolute; margin:229px 0 0 532px !important; margin:218px 0 0 529px; width:73px; height:71px; background-image: url(image/bt_envoies.gif); background-repeat: no-repeat; border: 0;}

/**************Pourquoi*************/
#bando_haut {width:900px; height:64px;}

div#colonne_pourquoi_g {float: left; height:432px; padding:0; background: #FFD300;}
div#colonne_pourquoi_g img {border:0;}

div#colonne_pourquoi_d {float: right; height:432px; width:114px;padding:0; background-image: url(image/pourquoi_d.gif); background-repeat: no-repeat;}
div#colonne_pourquoi_d img {border:0;}

div#centre_pourquoi {height:434px; padding:0; margin:0; background: #FFD300;}

.text_encadre_bis {font-size:1.2em; overflow:auto; width:670px; height:380px; text-align:center;}
.text_encadre_bis a {color:#000; font-weight:bold;}
.text_encadre_bis a:hover {color:#8A8981;}
.text_encadre_bis li {text-align:left; margin:5px 5px;}
.text_encadre_bis p {text-align:justify; margin:0; padding:0;}

.text_encadre_small {padding:100px 0 0 0; font-size:1.2em; overflow:auto; width:670px; height:200px; text-align:center;}
.text_encadre_small a {color:#000; font-weight:bold;}
.text_encadre_small a:hover {color:#8A8981;}
.text_encadre_small li {text-align:left;}

/*****************rubrique 4 module****************/
.text_encadre {overflow:auto; width:500px; height:300px; margin:0 0 0 10px; padding:0; text-align:justify;}
.text_encadre a {color:#000;}
.text_encadre a:hover {color:#8A8981;}

.text_haut {margin:0 0 15px 10px !important; margin:0 0 0 10px; text-align:justify; width:500px;}
.lien_image {margin:60px 0 0 160px !important; margin:60px 0 0 120px;}
.lien_image img {border:0;}

.formasso {margin-left:80px;}
.formasso .label {font:bold 16px/18px Helvetica, sans-serif;}
.login_bouton {margin-left:200px; margin-top:15px; width: 167px; height: 75px; background-image: url(image/bt_submit.gif); border: 0;}

/*****************Concertation****************/
#gros_titre_black {font-weight:bold; font-size:1.5em; margin:0 0 10px 0; padding:0; text-align:center; color:#000;}
.rdv {width:290px; height:300px; background-color:#FED300; float:left;}
.rdv p {font-size:1.1em; overflow:auto; width:270px; height:280px; margin:10px 10px; padding:0;}
.rdv .ville {font-size:1.35em; font-weight:bold;}
.rdv .date {font-size:1.35em;}
.rdv a {color:#000; font-size:1.3em; font-weight:bold;}
.rdv a:hover {color:#8A8981;}

.debat {border:solid 4px #FED300; width:270px; height:300px; float:right; margin:0 20px 0 0;}
.debat #textes {font-size:1.1em; font-weight:bold; font-size:1em; overflow:auto; width:250px; height:280px; margin:10px 10px; padding:0;}
.debat p {font-size:1.3em; text-align:center; padding:0; margin:0;}
.debat span {font-size:1.3em;}

/*****************E-Concertation****************/
.e_concertation {overflow:auto; padding:0; width:662px; height:390px;}

#gros_titre_black_small {font-weight:bold; font-size:1.35em; margin:0 0 10px 0; padding:0; text-align:center; color:#000;}

#locau {margin:0 0 0 60px; width:572px; height:89px; background-image: url(image/cartouche_locaux.gif); background-repeat:no-repeat;}
#locau p {padding:25px 0 0 10px;  margin:0;}
#locau a {font-weight: bold; color:#000; text-decoration:none;}
#locau a:hover {color:#8A8981;} 

#finance {margin:4px 0 0 60px; width:572px; height:84px; background-image: url(image/cartouche_finance.gif); background-repeat:no-repeat;}
#finance p {padding:25px 0 0 10px;  margin:0;}
#finance a {font-weight: bold; color:#000; text-decoration:none;}
#finance a:hover {color:#8A8981;}    

#pedago {margin:4px 0 0 60px; width:572px; height:81px; background-image: url(image/cartouche_pedago.gif); background-repeat:no-repeat;} 
#pedago p {padding:25px 0 0 10px;  margin:0;}
#pedago a {font-weight: bold; color:#000; text-decoration:none;}
#pedago a:hover {color:#8A8981;}  
  
#autre {margin:4px 0 0 60px; width:572px; height:85px; background-image: url(image/cartouche_autre.gif); background-repeat:no-repeat;}
#autre p {padding:25px 0 0 10px;  margin:0;}
#autre a {font-weight: bold; color:#000; text-decoration:none;}
#autre a:hover {color:#8A8981;}  


#cache {margin:402px 0 0 0; display:none !important; display:block; width:690px; height:32px; position:absolute; background-color:#FED300;}
#cache_bis {margin:393px 0 0 0; display:none !important; display:block; width:690px; height:29px; position:absolute; background-color:#FED300;}
#cache_bis_bis {margin:347px 0 0 0; display:none !important; display:block; width:590px; height:75px; position:absolute; background-color:#FED300;}
#cache_bis_bis2 {margin:347px 0 0 0; display:none !important; display:block; width:702px; height:75px; position:absolute; background-color:#FED300;}
#cache_ter {margin:498px 0 0 2px; display:none !important; display:block; width:800px; height:67px; position:absolute; background-color:#FED300;}
#cache_ter_bis {margin:508px 0 0 102px; display:none !important; display:block; width:800px; height:57px; position:absolute; background-color:#FED300;}
#cache_new {margin:447px 0 0 0; padding:0; display:block !important; display:none; width:900px; height:55px; position:absolute; background-color:#FED300;}
#cache_ter_ter {margin:390px 0 0 0; display:none !important; display:block; width:702px; height:35px; position:absolute; background-color:#FED300;}