/* CSS Document */

* {margin: 0px; padding: 0px; list-style:none;}

.body {font-family: Arial, Helvetica, sans-serif; font-size:12px; border:0px; color:#333333; background:#e9f0f4 url(/img/bg-fnau.jpg) repeat-x;}
img {border:none; text-decoration:none; outline:none;}
table {border:none; margin:0px; padding:0px;}
.cleaner {clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent;}
a {cursor:pointer; text-decoration:underline; /*color:#bd0b0a;*/ color:#1767A3;}
a:hover {text-decoration:none;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- global */
/* ----------------------------- */

#global {float:left; position:absolute; width:1000px; left:50%; margin-left:-500px; background:#e9f0f4 url(/img/bg-fnau-central.jpg) no-repeat;}

#content {float:left; width:948px; margin-left:26px; _margin-left:13px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */²
/* --------- header */
/* ----------------------------- */

#content #header {float:left; width:948px; height:216px;}
#header span.top {float:left; width:948px; height:3px; background:url(/img/header-top.gif) no-repeat; margin-top:14px; line-height:1px;}
#header #logo {float:left; width:275px; height:165px;}

#header #zone_droite_header {float:left; width:673px; height:165px; background:url(/img/header-zone-droite.gif) no-repeat;}
#header #zone_droite_header #zone_membre {float:left; width:673px; height:26px;}
#header #zone_droite_header #zone_membre .intit {float:left; width:109px; height:21px; font-weight:bold; font-size:11px; color:#1767a3; padding:5px 0 0 14px;}
#header #zone_droite_header #zone_membre form .champ_mail {float:left; width:164px; height:26px; margin-right:6px; _margin-right:3px;}
#header #zone_droite_header #zone_membre form .champ_mail input {float:left; width:164px; height:18px; background:url(/img/form-membres-bg-email.gif) no-repeat; border:none; font-size:10px; text-align:center; padding-top:4px; margin-top:1px;}
#header #zone_droite_header #zone_membre form .champ_mdp {float:left; width:124px; height:26px; margin-right:7px; _margin-right:3px;}
#header #zone_droite_header #zone_membre form .champ_mdp input {float:left; width:124px; height:18px; background:url(/img/form-membres-bg-mdp.gif) no-repeat; border:none; font-size:10px; text-align:center; padding-top:4px; margin-top:1px;}
#header #zone_droite_header #zone_membre form .bt_ok {float:left; width:20px; height:26px; margin-right:7px; _margin-right:3px;}
#header #zone_droite_header #zone_membre form .bt_ok input {float:left; margin-top:4px;}
#header #zone_droite_header #zone_membre .bloc_liens {float:left; width:212px; height:26px; background:url(/img/membres-bg-bloc-liens.gif) no-repeat top left; font-size:11px; padding:4px 0 0 10px;}

#header #zone_droite_header #zone_banniere {float:left; width:664px; height:137px; margin:0 4px 2px 5px; _margin:0 0 2px 3px;}
#header #zone_droite_header #zone_banniere a img.picto_langue {float:right; width:37px; height:37px; margin-top:10px; margin-left:627px;}
#header #zone_droite_header #zone_banniere a img.picto_mail {float:right; width:37px; height:37px;}

#header #zone_menu {float:left; width:948px; height:34px; background-color:#FFFFFF; _margin-top:-1px;}
#header #zone_menu #menu {float:left; width:722px; height:32px; margin:2px 0 0 4px; text-transform:uppercase; _margin-left:2px; _height:23px; font-size:11px;}
	/*off*/
#header #zone_menu #menu a.accueil_off {float:left; width:60px; height:23px; text-align:center; background:url(/img/nav-accueil-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.decouvrir_fnau_off {float:left; width:129px; height:23px; text-align:center; background:url(/img/nav-decouvrir-fnau-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.reseau_agences_off {float:left; width:157px; height:23px; text-align:center; background:url(/img/nav-reseau-agences-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.clubs_groupes_off {float:left; width:194px; height:23px; text-align:center; background:url(/img/nav-clubs-groupes-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.publications_off {float:left; width:95px; height:23px; text-align:center; background:url(/img/nav-publications-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.liens_utiles_off {float:left; width:87px; height:23px; text-align:center; background:url(/img/nav-liens-utiles-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
	/*on*/
#header #zone_menu #menu a.accueil_on {float:left; width:60px; height:23px; text-align:center; background:url(/img/nav-accueil-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.decouvrir_fnau_on {float:left; width:129px; height:23px; text-align:center; background:url(/img/nav-decouvrir-fnau-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.reseau_agences_on {float:left; width:157px; height:23px; text-align:center; background:url(/img/nav-reseau-agences-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.clubs_groupes_on {float:left; width:194px; height:23px; text-align:center; background:url(/img/nav-clubs-groupes-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.publications_on {float:left; width:95px; height:23px; text-align:center; background:url(/img/nav-publications-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
#header #zone_menu #menu a.liens_utiles_on {float:left; width:87px; height:23px; text-align:center; background:url(/img/nav-liens-utiles-on.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}
	/*dernier bouton vide*/
#header #zone_menu #menu span.liens_utiles_off {float:left; width:87px; height:23px; text-align:center; background:url(/img/nav-liens-utiles-off.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-top:9px; font-weight:bold;}

#header #zone_menu #bloc_recherche {float:left; width:218px; height:32px; margin-top:2px; background:url(/img/bg-bloc-recherche.gif) no-repeat;}
#header #zone_menu #bloc_recherche form .champ_recherche {float:left; width:176px; height:24px; margin:4px 0 0 7px; text-align:center; _margin-left:3px;}
#header #zone_menu #bloc_recherche form .champ_recherche input {float:left; background:url(/img/form-bg-recherche.gif) no-repeat; width:174px; height:19px; text-align:center; padding:5px 1px 0 1px; border:none; font-size:10px;}
#header #zone_menu #bloc_recherche form .bt_ok_rech {float:left; width:20px; height:20px; margin:6px 0 0 6px;}
#header #zone_menu #bloc_recherche form .bt_ok_rech input {float:left; width:20px; height:20px;}



/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- footer */
/* ----------------------------- */

#content #footer {float:left; width:948px; height:41px; background:url(/img/bg-footer.gif) no-repeat; text-align:center; padding-top:15px; font-size:11px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page index */
/* ----------------------------- */

#content #contenu_hp {float:left; width:948px; background:#FFFFFF url(/img/bg-contenu.gif) no-repeat; padding-top:10px; font-size:12px;}

	/* ---------------------------------------- */
	/* col gauche */
#contenu_hp #col_gauche {float:left; width:268px; margin-left:4px; _margin-left:2px;}
#contenu_hp #col_gauche .header {float:left; width:268px; height:32px; background:url(/img/col-gauche-hp-bg-header.gif) no-repeat;}
#contenu_hp #col_gauche .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:246px; font-size:18px;}
#contenu_hp #col_gauche .header h2 span.bleu {color:#1767a3;}
#contenu_hp #col_gauche .cont {float:left; width:268px; background:url(/img/col-gauche-hp-bg-top.gif) no-repeat; padding-top:10px;}
#contenu_hp #col_gauche .cont p {padding:0 6px 5px 9px;} 
#contenu_hp #col_gauche .cont span.sep {float:left; width:268px; height:1px; background:url(/img/sep-col-gauche-hp-268.gif) no-repeat; line-height:1px;}
#contenu_hp #col_gauche .cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:154px; height:21px; padding:7px 30px 0 5px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:41px; margin-bottom:12px;}
#contenu_hp #col_gauche .cont a:hover.bt_bleu {text-decoration:underline;}
#contenu_hp #col_gauche .cont .fin_cont {float:left; background:url(/img/col-gauche-hp-bg-bas.gif) no-repeat bottom; width:268px; padding-top:10px;}
	
	/* ---------------------------------------- */
	/* col principale */
#contenu_hp #col_princ {float:left; width:444px; margin-left:4px;}
#contenu_hp #col_princ .header {float:left; width:444px; height:32px; background:url(/img/col-princ-hp-bg-header.gif) no-repeat;}
#contenu_hp #col_princ .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:323px; font-size:18px;}
#contenu_hp #col_princ .header h2 span.bleu {color:#1767a3;}
#contenu_hp #col_princ .header a.bt_flux_rss {float:left; width:62px; height:13px; background:url(/img/bt-flux-rss.gif) no-repeat; font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding:1px 0 0 27px; margin-top:9px;}
#contenu_hp #col_princ span.sep {float:left; width:424px; height:1px; background:url(/img/sep-col-princ-hp-424.gif) no-repeat; margin-left:10px; line-height:1px;}

#contenu_hp #col_princ #art_1 {float:left; width:444px; padding-bottom:10px; background:url(/img/col-princ-hp-bg-top.gif) no-repeat; padding-top:10px;}
#contenu_hp #col_princ #art_1 .bloc_txt {float:left; width:293px; padding:10px 9px 0 11px;}
#contenu_hp #col_princ #art_1 .bloc_txt h3 {float:left; width:293px; font-weight:bold; font-size:12px;}
#contenu_hp #col_princ #art_1 .bloc_txt p {float:left; width:293px; padding-top:10px; font-size:12px;}
#contenu_hp #col_princ #art_1 .bloc_imag {float:left; width:111px; padding-right:20px; padding-top:10px;}

#contenu_hp #col_princ .fin_cont  {float:left; background:url(/img/col-princ-hp-bg-bas.gif) no-repeat bottom; width:444px; height:34px; padding-top:3px; !margin-top:16px;}
#contenu_hp #col_princ .fin_cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:43px; margin-bottom:12px;}
#contenu_hp #col_princ .fin_cont a.bt_bleu_gauche {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:11px; margin-bottom:12px;}

/*#contenu_hp #col_princ*/ div.bloc_video {float:left; width:444px; margin:10px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom; padding-bottom:15px;}
/*#contenu_hp #col_princ*/ div.bloc_video .titre_video {float:left; color:#1767A3; font-size:12px;}
/*#contenu_hp #col_princ*/ div.bloc_video p.txt_video {float:left; width:150px; text-align:justify; margin-top:10px;}



	/* ---------------------------------------- */
	/* col droite */
#contenu_hp #col_droite {float:left; width:220px; margin-left:4px;}
#contenu_hp #col_droite .header {float:left; width:220px; height:32px; background:url(/img/col-droite-hp-bg-header.gif) no-repeat;}
#contenu_hp #col_droite .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:198px; font-size:18px;}
#contenu_hp #col_droite .header h2 span.bleu {color:#1767a3;}

#contenu_hp #col_droite .top_cont_bleu {float:left; width:220px; height:1px; background:url(/img/col-droite-hp-bg-top-bleu.gif) no-repeat; padding-top:9px; line-height:1px;}
#contenu_hp #col_droite .cont_bleu {float:left; width:220px; background:url(/img/col-droite-hp-bg-bleu.gif) repeat-y; padding-top:8px; font-size:13px;}
#contenu_hp #col_droite .cont_bleu h2.flech_rouge {float:left; width:188px; padding:0 8px 10px 12px; margin-left:12px; _margin-left:6px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; font-size:13px;}
#contenu_hp #col_droite .cont_bleu p {padding:0 8px 5px 12px; height:157px; !height:130px; _height:123px;}
#contenu_hp #col_droite .cont_bleu span.sep {float:left; width:220px; height:1px; background:url(/img/sep-col-droite-hp-220.gif) no-repeat; line-height:1px;}
#contenu_hp #col_droite .bas_cont_bleu {float:left; width:220px; height:49px; background:url(/img/col-droite-hp-bg-bas-bleu.gif) no-repeat; margin-bottom:7px;}
#contenu_hp #col_droite .bas_cont_bleu a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:12px; margin-top:13px;}
#contenu_hp #col_droite .bas_cont_bleu a:hover.bt_bleu {text-decoration:underline;}

#contenu_hp #col_droite .cont {float:left; width:220px;background:url(/img/col-droite-hp-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu_hp #col_droite .cont h2.flech_rouge {float:left; width:188px; padding:0 8px 2px 12px; margin-left:12px; _margin-left:6px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; font-size:13px;}
#contenu_hp #col_droite .cont p {padding:6px 9px 7px 15px; background:url(/img/sep-col-droite-hp-bleu.gif) no-repeat bottom; line-height:12px;}
#contenu_hp #col_droite .cont span.sep {float:left; width:268px; height:1px; background:url(/img/sep-col-gauche-hp-268.gif) no-repeat; line-height:1px;}
#contenu_hp #col_droite .cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:41px; margin-bottom:12px;}
#contenu_hp #col_droite .fin_cont {float:left; background:url(/img/col-droite-hp-bg-bas.gif) no-repeat bottom; width:220px;}
#contenu_hp #col_droite .fin_cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:6px; margin-top:19px;  !margin-top:13px; !padding-bottom:6px;}
#contenu_hp #col_droite .fin_cont a:hover.bt_bleu {text-decoration:underline;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page presentation // page interieurs */
/* ----------------------------- */

#content #contenu {float:left; width:948px; background:#FFFFFF url(/img/bg-contenu.gif) no-repeat; padding-top:10px; font-size:12px;}
#content #bas_contenu {float:left; width:948px; height:32px; background:#FFFFFF url(/img/bg-bas-contenu.gif) no-repeat;}

	/* ---------------------------------------- */
	/* col gauche */
#contenu #col_gauche {float:left; width:204px; margin-left:4px; _margin-left:2px;}
#contenu #col_gauche .header_menu {float:left; width:204px; height:46px; background:url(/img/col-gauche-bg-header-menu.gif) no-repeat;}
#contenu #col_gauche .header_menu h2 {float:left; padding:6px 10px 0 38px; width:156px; font-size:16px;}
#contenu #col_gauche .header_menu h2 span.bleu {color:#1767a3;}
#contenu #col_gauche .fin_menu {float:left; width:204px; height:20px; background:url(/img/col-gauche-bg-fin-menu.gif) no-repeat;}

#contenu #col_gauche .cont_menu {float:left; width:194px; background:#f7f9fa; margin-right:4px; padding-left:6px;}
#contenu #col_gauche .cont_menu span.sep {float:left; width:188px; height:1px; background:url(/img/sep-col-gauche-menu-188.gif) no-repeat; line-height:1px;}
#contenu #col_gauche .cont_menu ul {float:left; width:188px;}
#contenu #col_gauche .cont_menu ul li {float:left; list-style-type:none; height:23px; background:url(/img/sep-col-gauche-menu-188.gif) no-repeat bottom; padding-bottom:2px; font-weight:bold;}
#contenu #col_gauche .cont_menu ul li a.on {float:left; height:20px; width:172px; margin-top:1px; background:#bd0b0a url(/img/puce-fleche-coud-blanche.gif) no-repeat 7px 5px; padding:2px 0 0 20px; color:#FFFFFF;}
#contenu #col_gauche .cont_menu ul li a {float:left; height:20px; width:180px; _width:172px; margin-top:1px; background:url(/img/puce-fleche-coud-rouge.gif) no-repeat 7px 5px; padding:2px 0 0 20px; color:#bd0b0a;}


#contenu #col_gauche .header_infos {float:left; width:204px; height:46px; background:url(/img/col-gauche-bg-header-infos.gif) no-repeat; margin-top:11px;}
#contenu #col_gauche .header_infos h2 {float:left; padding:6px 10px 0 38px; width:156px; font-size:16px;}
#contenu #col_gauche .header_infos h2 span.bleu {color:#1767a3;}
#contenu #col_gauche .fin_infos {float:left; width:204px; height:20px; background:url(/img/col-gauche-bg-fin-infos.gif) no-repeat;}

#contenu #col_gauche .cont_infos {float:left; width:194px; background:#f7f9fa; margin-right:4px; padding-left:6px;}
#contenu #col_gauche .cont_infos span.sep {float:left; width:188px; height:1px; background:url(/img/sep-col-gauche-menu-188.gif) no-repeat; line-height:1px;}
#contenu #col_gauche .cont_infos p {float:left; width:172px; background:#f7f9fa; padding:0 10px 8px 12px;}
#contenu #col_gauche .cont_infos .bloc_doc {float:left; width:188px; height:30px; margin-top:10px;}
#contenu #col_gauche .cont_infos .bloc_doc .lien {float:left; width:134px; text-align:right; padding:0 8px 0 0; font-weight:bold;}
#contenu #col_gauche .cont_infos .bloc_doc .picto_doc {float:left; width:46px;}

	/* ---------------------------------------- */
	/* col principale */
#contenu #col_princ {float:left; width:736px; /*width:516px;*/}
#contenu #col_princ #fil_ariane {float:left; width:724px; /*width:504px;*/ height:32px; font-weight:bold; padding:0 0 0 12px; color:#1767a3;}
#contenu #col_princ #fil_ariane span.rouge {color:#bd0b0a; font-size:12px;}

#contenu #col_princ #art_1 {float:left; width:516px; background:url(/img/col-princ-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_princ #art_1 .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_1 .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_1 .bloc_txt p {float:left; width:494px; padding-bottom:8px;}

#contenu #col_princ .art_1 {float:left; width:516px; background:url(/img/col-princ-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_princ .art_1 .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ .art_1 .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ .art_1 .bloc_txt p {float:left; width:494px; padding-bottom:8px;}


	/* ---------------------------------------- */
	/* col droite */
#contenu #col_droite {float:left; width:220px;}
#contenu #col_droite .header {float:left; width:220px; height:32px; background:url(/img/col-droite-hp-bg-header.gif) no-repeat;}
#contenu #col_droite .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:198px; font-size:18px;}
#contenu #col_droite .header h2 span.bleu {color:#1767a3;}

#contenu #col_droite .header_vide {float:left; width:220px; height:32px;}

#contenu #col_droite .cont {float:left; width:220px; background:url(/img/col-droite-hp-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_droite .cont img.carte {float:left; margin-top:20px;}
#contenu #col_droite .cont p {float:left; padding:6px 9px 7px 15px; line-height:12px;}
#contenu #col_droite .cont p a {float:left; padding:4px 0 4px 0;}
#contenu #col_droite .cont h3 {float:left; font-weight:bold;padding:6px 9px 0 28px; background:url(/img/puce-fleche-rouge.gif) no-repeat 15px 9px; color:#1767a3; font-size:12px;}
#contenu #col_droite .fin_cont {float:left; background:url(/img/col-droite-hp-bg-bas.gif) no-repeat bottom; width:220px;}
#contenu #col_droite .fin_cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:6px; margin-top:19px;  !margin-top:13px; !padding-bottom:6px;}

#contenu #col_droite .fin_cont_vide {float:left; background:url(/img/col-droite-hp-bg-bas.gif) no-repeat bottom; width:220px; height:34px;}

#contenu #col_droite .bloc_imag {float:left; width:220px; padding-bottom:20px; !padding-bottom:17px; background:url(/img/col-droite-bg-img.gif) no-repeat bottom left; text-align:center;}


#contenu #col_princ #col_droite {float:left; width:220px;}
#contenu #col_princ #col_droite .header {float:left; width:220px; height:32px; background:url(/img/col-droite-hp-bg-header.gif) no-repeat;}
#contenu #col_princ #col_droite .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:198px; font-size:18px;}
#contenu #col_princ #col_droite .header h2 span.bleu {color:#1767a3;}

#contenu #col_princ #col_droite .header_vide {float:left; width:220px; height:32px;}

#contenu #col_princ #col_droite .cont {float:left; width:220px; background:url(/img/col-droite-hp-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_princ #col_droite .cont img.carte {float:left; margin-top:20px;}
#contenu #col_princ #col_droite .cont p {float:left; padding:6px 9px 7px 15px; line-height:12px; _line-height:14px;}
#contenu #col_princ #col_droite .cont p a {float:left; padding:4px 0 4px 0;}
#contenu #col_princ #col_droite .cont h3 {float:left; font-weight:bold;padding:6px 9px 0 28px; background:url(/img/puce-fleche-rouge.gif) no-repeat 15px 9px; color:#1767a3; font-size:12px;}
#contenu #col_princ #col_droite .fin_cont {float:left; background:url(/img/col-droite-hp-bg-bas.gif) no-repeat bottom; width:220px;}
#contenu #col_princ #col_droite .fin_cont a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:6px; margin-top:19px;  !margin-top:13px; !padding-bottom:6px;}
#contenu #col_princ #col_droite .fin_cont a:hover.bt_bleu {text-decoration:underline;}

#contenu #col_princ #col_droite .fin_cont_vide {float:left; background:url(/img/col-droite-hp-bg-bas.gif) no-repeat bottom; width:220px; height:34px;}

#contenu #col_princ #col_droite .bloc_imag {float:left; width:220px; padding-bottom:20px; !padding-bottom:17px; background:url(/img/col-droite-bg-img.gif) no-repeat bottom left; text-align:center;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page espace presse */
/* ----------------------------- */

#contenu #col_princ #art_com {float:left; width:516px; background:url(/img/col-princ-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_princ #art_com .bloc_txt {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_com .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_com .bloc_txt p {float:left; width:294px; padding:10px 0 15px 0;}
#contenu #col_princ #art_com .bloc_txt p {float:left; width:294px; padding:10px 0 15px 0;}
#contenu #col_princ #art_com .bloc_txt p a.communique {float:left; font-weight:bold; padding:15px 0 0 15px;}
#contenu #col_princ #art_com .bloc_img	{float:left; width:200px;}
#contenu #col_princ #art_com .bloc_txt_withoutImage {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_com .bloc_txt_withoutImage h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_com .bloc_txt_withoutImage p {float:left; width:494px; padding:10px 0 15px 0;}
#contenu #col_princ #art_com .bloc_txt_withoutImage p {float:left; width:494px; padding:10px 0 15px 0;}
#contenu #col_princ #art_com .bloc_txt_withoutImage p a.communique {float:left; font-weight:bold; padding:15px 0 0 15px;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page bureau // page contenu principal large */
/* ----------------------------- */

#content #bas_contenu_large {float:left; width:948px; height:32px; background:#FFFFFF url(/img/bg-bas-contenu-large.gif) no-repeat;}

	/* col principale large */
#contenu #col_princ_large {float:left; width:736px;}
#contenu #col_princ_large #fil_ariane {float:left; width:724px; height:32px; font-weight:bold; padding:0 0 0 12px; color:#1767a3;}
#contenu #col_princ_large #fil_ariane span.rouge {color:#bd0b0a; font-size:12px;}

#contenu #col_princ .header {float:left; width:736px; height:32px; background:url(/img/col-princ-large-bg-header.gif) no-repeat;}
#contenu #col_princ .header h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:470px; font-size:18px;}
#contenu #col_princ .header h2 span.bleu {color:#1767a3;}
#contenu #col_princ .header a.bt_imprimer {float:left; width:218px; height:21px; background:url(/img/bt-imprimer.gif) no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px 0 0 26px; margin-top:9px;}

#contenu #col_princ #art_bureau {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_bureau .bloc_txt {float:left; width:714px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-714.gif) no-repeat bottom;}
#contenu #col_princ #art_bureau .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:10px;}
#contenu #col_princ #art_bureau .bloc_txt p {float:left; width:231px; padding:10px 0 15px 0;}
#contenu #col_princ #art_bureau .bloc_txt .bloc_gauche {float:left; width:231px; padding:10px 0 5px 0;}
#contenu #col_princ #art_bureau .bloc_txt .bloc_centre {float:left; width:231px; padding:10px 0 5px 10px;}
#contenu #col_princ #art_bureau .bloc_txt .bloc_droite {float:left; width:231px; padding:10px 0 5px 9px;}

#contenu #col_princ #art_bureau .bloc_txt .bloc_gauche p, #contenu #col_princ #art_bureau .bloc_txt .bloc_centre p, #contenu #col_princ #art_bureau .bloc_txt .bloc_droite p {float:left; width:231px; padding:0 0 10px 0;}

#contenu #col_princ #art_bureau .bloc_txt .bloc_gauche h3, #contenu #col_princ #art_bureau .bloc_txt .bloc_centre h3, #contenu #col_princ #art_bureau .bloc_txt .bloc_droite h3 {float:left; width:220px; font-weight:bold; padding:0 0 10px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:0px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page equipe */
/* ----------------------------- */

#contenu #col_princ #art_equipe {float:left; width:516px; padding-top:10px; font-size:12px;}
#contenu #col_princ #art_equipe .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_equipe .bloc_txt p {float:left; width:494px; padding:0 0 8px 0; font-size:12px; font-weight:bold;}
#contenu #col_princ #art_equipe .bloc_imag {float:left; width:254px;}

#contenu #col_princ .header {float:left; width:736px; background:url(/img/col-princ-large-bg-header.gif) no-repeat; height:32px; /*width:516px; height:32px; background:url(/img/col-princ-bg-header.gif) no-repeat;*/}
#contenu #col_princ .header h1 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:618px; /*width:494px;*/ font-size:18px;}
#contenu #col_princ .header h1 span.bleu {color:#1767a3;}
#contenu #col_princ .header a.bt_imprimer {float:left; width:61px; height:21px; background:url(/img/bt-imprimer.gif) no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px 0 0 26px; margin-top:9px;}
#contenu #col_princ .header a:hover.bt_imprimer {text-decoration:underline;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page bureau // page contenu principal large */
/* ----------------------------- */

#contenu #col_princ_large #art_partenaires {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ_large #art_partenaires .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ_large #art_partenaires .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ_large #art_partenaires .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ_large #art_partenaires .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ_large #art_partenaires .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page statuts  */
/* ----------------------------- */

#contenu #col_princ #art_statuts {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_statuts .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_statuts .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ #art_statuts .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_statuts .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ #art_statuts .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_statuts .bloc_txt p a.lk_fleches {float:left; font-weight:bold; padding:15px 0 0 15px;}

#contenu #col_princ #art_statuts .bloc_president {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_statuts .bloc_president .gauche {float:left; width:357px; padding:10px 0 15px 0;}
#contenu #col_princ #art_statuts .bloc_president .droite {float:left; width:357px; padding:10px 0 15px 0;}
#contenu #col_princ #art_statuts .bloc_president .gauche p, #contenu #col_princ #art_statuts .bloc_president .droite p {float:left; width:207px; padding:0 0 0 75px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page activites annuelles  */
/* ----------------------------- */

#contenu #col_princ #art_act_annuel {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_act_annuel .bloc_txt {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_act_annuel .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_act_annuel .bloc_txt p {float:left; width:494px; padding:10px 0 15px 0;}
#contenu #col_princ #art_act_annuel .bloc_txt p span.bleu {color:#1767a3;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page agences (carte interactive)  */
/* ----------------------------- */

#contenu #col_princ #carte_agences {float:left; width:516px; padding-top:10px; font-size:12px;}

#contenu #col_droite .cont p.descrip_agence {float:left; padding:6px 9px 7px 15px; line-height:normal; width:196px;}

#contenu #col_droite .header_vide_carte {float:left; width:220px; height:32px; margin-top:32px;}
#contenu #col_droite .header_vide_carte a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:6px; margin-top:0px; !padding-bottom:6px;}
#contenu #col_droite .header_vide_carte a:hover.bt_bleu {text-decoration:underline;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page agences liste  */
/* ----------------------------- */

#contenu #col_princ .header_print {float:left; width:516px; height:32px; background:url(/img/col-princ-bg-header.gif) no-repeat;}
#contenu #col_princ .header_print h2 {float:left; background:url(/img/puce-fleche-header.gif) no-repeat 0px 11px; margin-left:10px; _margin-left:5px; padding:6px 0 0 12px; width:390px; font-size:18px;}
#contenu #col_princ .header_print h2 span.bleu {color:#1767a3;}
#contenu #col_princ .header_print a.bt_imprimer {float:left; width:74px; height:21px; background:url(/img/bt-imprimer.gif) no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px 0 0 26px; margin-top:9px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page manifestations/rencontres  */
/* ----------------------------- */

#contenu #col_princ #art_manif_renc {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_manif_renc .bloc_txt {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_manif_renc .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_manif_renc .bloc_txt .txt {float:left; width:280px; padding:10px 0 15px 0;}
#contenu #col_princ #art_manif_renc .bloc_txt .txt p {float:left; width:280px; /*padding:10px 0 15px 0;*/}
#contenu #col_princ #art_manif_renc .bloc_txt .txt p span.bleu {color:#1767a3;}
#contenu #col_princ #art_manif_renc .bloc_txt .txt a.lk_manif_renc {float:left; font-weight:bold; padding:10px 0 0 15px;}

#contenu #col_princ #art_manif_renc .bloc_txt .bloc_imag {float:left; width:214px; padding:10px 0 15px 0; text-align:center;}

#contenu #col_droite .cont p a.lk_archives {float:left; padding:4px 0 4px 10px; color:#000000; font-weight:bold;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page offres emploi  */
/* ----------------------------- */

#contenu #col_princ_large #art_offr_emploi {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:10px;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_gauche {float:left; width:351px; padding:10px 0 5px 0;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_droite {float:left; width:351px; padding:10px 0 5px 9px; background:#eee; font-size:11px;}

#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_gauche p, #contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_droite p {float:left; width:341px; padding:0 0 10px 10px;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_gauche span.date, #contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_droite span.date {float:left; width:341px; padding:0 0 10px 10px; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 5px; font-weight:bold; margin-top:10px;}
#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_gauche p span.bleu , #contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_droite p span.bleu {color:#1767a3;}

#contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_gauche h3, #contenu #col_princ_large #art_offr_emploi .bloc_txt .bloc_droite h3 {float:left; width:340px; font-weight:bold; padding:0 0 10px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:0px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page referentiel metiers  */
/* ----------------------------- */

#contenu #col_princ #art_ref_metiers {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_ref_metiers .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_ref_metiers .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_ref_metiers .bloc_txt ul {float:left; width:494px; padding:0 0 15px 0;}
#contenu #col_princ #art_ref_metiers .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}
#contenu #col_princ #art_ref_metiers .bloc_txt p {float:left; width:494px; padding:10px 0 15px 0;}
#contenu #col_princ #art_ref_metiers .bloc_txt p span.intit_emploi {color:#1767a3; font-weight:bold; font-size:13px;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page formation continue  */
/* ----------------------------- */

#contenu #col_princ #art_formation {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_formation .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_formation .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_formation .bloc_txt p {float:left; width:494px; padding:5px 0 15px 0;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page base documentaire  */
/* ----------------------------- */

#contenu #col_princ #art_base_doc {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_base_doc .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_base_doc .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_base_doc .bloc_txt p {float:left; width:494px; padding:5px 0 15px 0;}

#contenu #col_princ #art_base_doc .bloc_txt p a.lk {float:left; font-weight:bold; padding:0 0 0 15px;}

#contenu #col_princ #art_base_doc .bloc_txt ul {float:left; width:479px; padding:10px 0 15px 0;}
#contenu #col_princ #art_base_doc .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page lettre internationale  */
/* ----------------------------- */

#contenu #col_princ #art_lettr_inter {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_lettr_inter .bloc_txt {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_lettr_inter .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_lettr_inter .bloc_txt p {float:left; width:280px; padding:10px 0 15px 0;}
#contenu #col_princ #art_lettr_inter .bloc_txt p span.bleu {color:#1767a3;}
#contenu #col_princ #art_lettr_inter .bloc_txt p a.lk_manif_renc {float:left; font-weight:bold; padding:15px 0 0 15px;}

#contenu #col_princ #art_lettr_inter .bloc_txt .bloc_imag {float:left; width:214px; padding:10px 0 15px 0; text-align:center;}

#contenu #col_droite .cont .champ_newsletter {float:left; width:205px; margin:4px 0 0 15px; text-align:center; _margin-left:3px;}
#contenu #col_droite .cont .champ_newsletter form input.txt {float:left; background:url(/img/form-bg-newsletter.gif) no-repeat; width:174px; height:19px; text-align:center; padding:5px 1px 0 1px; border:none; font-size:10px;}
#contenu #col_droite .cont .champ_newsletter form input.bt_ok {float:left; margin:4px 0 0 4px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page clubs et groupes de travail  */
/* ----------------------------- */

#contenu #col_princ_large #art_clubs_groupes {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ_large #art_clubs_groupes .bloc_txt {float:left; width:488px; padding:0 11px 0 11px;}
#contenu #col_princ_large #art_clubs_groupes .bloc_txt h3 {float:left; width:477px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}

#contenu #col_princ_large #art_clubs_groupes .bloc_txt p {float:left; width:488px; padding:10px 0 15px 0;}
#contenu #col_princ_large #art_clubs_groupes .bloc_txt p a.lk_fleches {float:left; font-weight:bold; padding:15px 0 0 15px;}
#contenu #col_princ_large #art_clubs_groupes .bloc_txt ul {float:left; width:488px; padding:10px 0 15px 0;}
#contenu #col_princ_large #art_clubs_groupes .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ_large #art_clubs_groupes .bloc_imag {float:left; width:214px; padding:10px 0 15px 0;}

#contenu #col_princ_large #art_clubs_groupes #thematiques {float:left; width:736px; background:url(/img/col-princ-large-bg-top.gif) no-repeat; padding-top:10px; font-size:12px;}
#contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .gauche, #contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .centre {float:left; width:218px; padding:0 10px 0 10px; background:url(/img/sep-thematiques.gif) no-repeat top right;}
#contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .droite {float:left; width:218px; padding:0 10px 0 10px;}
#contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .gauche a, #contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .centre a, #contenu #col_princ_large #art_clubs_groupes #thematiques .bloc_txt .droite a {float:left; padding:5px 0 5px 0;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page club  */
/* ----------------------------- */

#contenu #col_princ #art_club {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_club .bloc_txt {float:left; width:494px; padding:0 11px 0 11px;}
#contenu #col_princ #art_club .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_club .bloc_txt p {float:left; width:494px; padding:5px 0 15px 0;}

#contenu #col_droite .cont .champ_acces_membr {float:left; width:215px; margin:4px 0 0 5px; _margin-left:3px;}
#contenu #col_droite .cont .champ_acces_membr form .intit {float:left; width:74px; height:19px; padding:5px 4px 0 0;}
#contenu #col_droite .cont .champ_acces_membr form input.txt {float:left; background:url(/img/form-bg-acces-membres.gif) no-repeat; width:133px; height:19px; text-align:center; padding:5px 1px 0 1px; border:none; font-size:10px;}
#contenu #col_droite .cont .champ_acces_membr form a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:21px; margin-bottom:6px; margin-top:19px;  !margin-top:13px; !padding-bottom:6px;}
#contenu #col_droite .cont .champ_acces_membr form a:hover.bt_bleu {text-decoration:underline;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page publications presentation  */
/* ----------------------------- */

#contenu #col_princ #art_publications {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_publications .bloc_txt {float:left; width:714px; padding:0 11px 0 11px; _padding-right:0px;}
#contenu #col_princ #art_publications .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:10px;}
#contenu #col_princ #art_publications .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_publications .bloc_txt .bloc_gauche {float:left; width:351px; padding:10px 0 5px 0;}
#contenu #col_princ #art_publications .bloc_txt .bloc_droite {float:left; width:351px; padding:10px 0 5px 9px;}

#contenu #col_princ #art_publications .bloc_txt .bloc_gauche p, #contenu #col_princ #art_publications .bloc_txt .bloc_droite p {float:left; width:165px; padding:0 0 10px 10px;}
#contenu #col_princ #art_publications .bloc_txt .bloc_gauche .bloc_imag, #contenu #col_princ #art_publications .bloc_txt .bloc_droite .bloc_imag {float:left; width:165px; padding:0 0 10px 10px; text-align:center;}
#contenu #col_princ #art_publications .bloc_txt .bloc_gauche p span.bleu , #contenu #col_princ #art_publications .bloc_txt .bloc_droite p span.bleu {color:#1767a3;}
#contenu #col_princ #art_publications .bloc_txt .bloc_gauche .header, #contenu #col_princ #art_publications .bloc_txt .bloc_droite .header {float:left; background:url(/img/col-publications-bg-top.gif) no-repeat; width:351px; height:22px; padding-top:10px;}

#contenu #col_princ #art_publications .bloc_txt .bloc_gauche .header h3, #contenu #col_princ #art_publications .bloc_txt .bloc_droite .header h3 {float:left; width:330px; font-weight:bold; padding:0 0 10px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin:0 0 0 10px; _margin:0 0 0 5px;}

#contenu #col_princ #art_publications .bloc_txt .bloc_large {float:left; width:711px; padding:10px 0 5px 0;}
#contenu #col_princ #art_publications .bloc_txt .bloc_large .header {float:left; background:url(/img/col-publications-large-bg-top.gif) no-repeat; width:711px; height:22px; padding-top:10px;}
#contenu #col_princ #art_publications .bloc_txt .bloc_large .header h3 {float:left; width:690px; font-weight:bold; padding:0 0 10px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin:0 0 0 10px; _margin:0 0 0 5px;}
#contenu #col_princ #art_publications .bloc_txt .bloc_large p {float:left; width:210px; padding:0 10px 10px 10px;}
#contenu #col_princ #art_publications .bloc_txt .bloc_large .bloc_imag {float:left; width:459px; padding:0 0 10px 10px; text-align:center;}
#contenu #col_princ #art_publications .bloc_txt .bloc_large .bloc_imag img {padding:0 0 0 10px;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page traits d'agences  */
/* ----------------------------- */

#contenu #col_princ #art_publications_details {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_publications_details .bloc_txt {float:left; width:488px; padding:0 11px 0 11px; _padding:0 5px 0 11px; _border:1px green solid;}
#contenu #col_princ #art_publications_details .bloc_txt h3 {float:left; width:477px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin-top:10px;}

#contenu #col_princ #art_publications_details .bloc_txt p {float:left; width:488px; padding:10px 0 15px 0; _border:1px purple solid;}
#contenu #col_princ #art_publications_details .bloc_txt p a.lk_fleches {float:left; font-weight:bold; padding:7px 0 0 15px; _border:1px black solid;}
#contenu #col_princ #art_publications_details .bloc_txt ul {float:left; width:488px; padding:10px 0 15px 0;}
#contenu #col_princ #art_publications_details .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ #art_publications_details .bloc_imag {float:left; width:214px; padding:10px 0 15px 0; _border:1px red solid;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page statuts  */
/* ----------------------------- */

#contenu #col_princ #art_mentions_legales {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_mentions_legales .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_mentions_legales .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ #art_mentions_legales .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_mentions_legales .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ #art_mentions_legales .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}

/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page statuts  */
/* ----------------------------- */

#contenu #col_princ #art_contact {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_contact .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_contact .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ #art_contact .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_contact .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ #art_contact .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}

#contenu #col_princ #art_contact .bloc_txt .bloc_gauche {float:left; width:351px; padding:10px 0 5px 0; text-align:center;}
#contenu #col_princ #art_contact .bloc_txt .bloc_droite {float:left; width:351px; padding:10px 0 5px 9px; text-align:center;}

#contenu #col_princ #art_contact .bloc_txt .bloc_gauche .header, #contenu #col_princ #art_contact .bloc_txt .bloc_droite .header {float:left; background:url(/img/col-publications-bg-top.gif) no-repeat; width:351px; height:22px; padding-top:10px;}
#contenu #col_princ #art_contact .bloc_txt .bloc_gauche .header h3, #contenu #col_princ #art_contact .bloc_txt .bloc_droite .header h3 {float:left; width:330px; font-weight:bold; padding:0 0 10px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px; margin:0 0 0 10px; _margin:0 0 0 5px; text-align:left}
 
#contenu #col_princ #art_contact .bloc_txt .bloc_gauche a.bt_bleu, #contenu #col_princ #art_contact .bloc_txt .bloc_droite a.bt_bleu {float:left; background:url(/img/bg-bt-bleu.gif) no-repeat; width:153px; height:21px; padding:7px 30px 0 6px; font-weight:bold; color:#FFFFFF; text-align:right; text-decoration:none; margin-left:151px; margin-bottom:6px; margin-top:5px; !padding-bottom:6px;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page credits  */
/* ----------------------------- */

#contenu #col_princ #art_credits {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_credits .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_credits .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}

#contenu #col_princ #art_credits .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page plan du site  */
/* ----------------------------- */

#contenu #col_princ_large #art_plan_site {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ_large #art_plan_site .bloc_txt {float:left; width:714px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-714.gif) no-repeat bottom;}
#contenu #col_princ_large #art_plan_site .bloc_txt h3 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ_large #art_plan_site .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ_large #art_plan_site .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ_large #art_plan_site .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page recherche  */
/* ----------------------------- */

#contenu #col_princ #art_recherche {float:left; width:736px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_recherche .bloc_txt {float:left; width:714px; padding:0 11px 0 11px;}
#contenu #col_princ #art_recherche .bloc_txt h2 {float:left; width:703px; font-weight:bold; padding:0 0 0 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:15px; margin-top:10px; text-transform:uppercase;}
#contenu #col_princ #art_recherche .bloc_txt h2 a {color:#1767A3; text-decoration:none;}
#contenu #col_princ #art_recherche .bloc_txt h2 a:hover {text-decoration:underline;}
#contenu #col_princ #art_recherche .bloc_txt ul {float:left; width:714px; padding:10px 0 15px 0;}
#contenu #col_princ #art_recherche .bloc_txt ul li {list-style-type:none; background:url(/img/puce-mini-fleche-rouge.gif) no-repeat 0px 9px; margin-left:12px; padding:4px 0 4px 12px;}

#contenu #col_princ #art_plan_site .bloc_txt p {float:left; width:714px; padding:10px 0 15px 0;}


/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- *//* ---------------------------------------- */
/* ---------------------------------------- */
/* --------- contenu page actualites des clubs  */
/* ----------------------------- */

#contenu #col_princ #art_act_clubs {float:left; width:516px; padding-top:0px; font-size:12px;}
#contenu #col_princ #art_act_clubs .bloc_txt {float:left; width:494px; padding:0 11px 0 11px; background:url(/img/sep-col-princ-hp-488.gif) no-repeat bottom;}
#contenu #col_princ #art_act_clubs .bloc_txt h3 {float:left; width:483px; font-weight:bold; padding:0 0 8px 11px; background:url(/img/puce-fleche-rouge.gif) no-repeat 0px 4px; color:#1767a3; font-size:12px;}
#contenu #col_princ #art_act_clubs .bloc_txt .txt {float:left; width:280px; padding:10px 0 15px 0;}
#contenu #col_princ #art_act_clubs .bloc_txt .txt p {float:left; width:280px;}
#contenu #col_princ #art_act_clubs .bloc_txt .txt  p span.bleu {color:#1767a3;}
#contenu #col_princ #art_act_clubs .bloc_txt .txt a.lk {float:left; font-weight:bold; padding:5px 0 0 15px;}

#contenu #col_princ #art_act_clubs .bloc_txt .bloc_imag {float:left; width:214px; padding:10px 0 15px 0; text-align:center;}


.Erreur {color:#BD0B0A;}


.bouton {background-color:#1B67A5;padding: 3px 3px 3px 3px;}
.bouton a {color:#FFFFFF;}

