/* CSS Région */

/*** REGION 1 ***/
.cartefrance {padding:0 0 20px 0;}
#region1 .bt_recrute {width:135px; float:right; margin:0 10px 0 0;}
#region1 .bt_recrute a {display:block; width:135px; height:22px; background:url(../img/bt_recrute.gif) no-repeat; padding:2px 0 0 0;text-align:center; font-size:12px; font-weight:bold; color:#fff;}
#region1 .chapo {clear:both; margin:30px 0 0 0; padding:0 10px 0 10px;}
#region1 .chapo p {font-size:14px;}
#region1 input {float:left; margin:10px 10px 0 0; text-align:center;}
#region1 .bt_orange {float:left; margin:7px 0 0 0;}
#region1 .carte {padding:0 10px 0 10px;}
#region1 .carte p {font-size:14px;}
#region1 .carte_gauche  {float:left; width:168px; margin:0 0 0 9px;}
#region1 .carte_gauche  ul {list-style:disc; color:#055042; margin:45px 0 0 15px; padding:0; font-size:13px;}
#region1 .carte_gauche .bloc128_bas {height:131px;}
/* cartes antilles et ocean indien */
#region1 .carte_gauche .antilles a {display:block; width:124px; height:116px; background: url(../img/region_antilles_off.gif) 2px no-repeat;}
#region1 .carte_gauche .antilles a:hover {background: url(../img/region_antilles_on.gif) 2px no-repeat;}
#region1 .carte_gauche .indien a {display:block; width:124px; height:116px; background: url(../img/region_oceanindien_off.gif) 2px no-repeat;}
#region1 .carte_gauche .indien a:hover {background: url(../img/region_oceanindien_on.gif) 2px no-repeat;}
/* cartes de france */
#region1 .carte_droite  {/*position:absolute; top:285px; left:225px;*/ float:left; width:446px; height:413px; background: url(../img/region_france.gif) no-repeat;}
/* cartes des regions */

#bretagne a{ float:left; margin:96px 0 0 0; height:92px; width:155px; display:block; z-index:50;}
#bretagne a:hover {background: url(../img/region_bretagne.png) no-repeat !important;	background: url(../img/region_bretagne.gif) no-repeat;}
#manche a{float:left; margin:46px 0 0 -66px; width:116px; height:113px; display:block; z-index:51;}
#manche a:hover {background: url(../img/region_manche.png) no-repeat !important;	background: url(../img/region_manche.gif) no-repeat;}
#paris a {float:left; margin:32px 0 0 -63px; width:134px; height:164px; display:block; z-index:50;}
#paris a:hover {background: url(../img/region_paris.png) no-repeat !important; z-index:52; background: url(../img/region_paris.gif) no-repeat;}
#nord a {float:left; margin:0 0 0 -86px; width:128px; height:145px; z-index:49;}
#nord a:hover {background: url(../img/region_nord.png) no-repeat !important;	background: url(../img/region_nord.gif) no-repeat;}
#est a {float:left; margin:64px 0 0 -51px; width:167px; height:152px; z-index:48;}
#est a:hover {background: url(../img/region_grand_est.png) no-repeat !important; background: url(../img/region_grand_est.gif) no-repeat;}
/*#alsace a {float:left; margin:85px 0 0 -14px; width:90px; height:76px; z-index:48;}
#alsace a:hover {background: url(../img/region_alsace.png) no-repeat !important;	background: url(../img/region_alsace.gif) no-repeat;}*/
#atlantique a {float:left; margin:-43px 0 0 77px; width:134px; height:154px; z-index:48;}
#atlantique a:hover {background: url(../img/region_atlantique.png) no-repeat !important;	background: url(../img/region_atlantique.gif) no-repeat;}
#rhone a {float:left; margin:-60px 0 0 -15px; width:173px; height:138px; z-index:47;}
#rhone a:hover {background: url(../img/region_rhone.png) no-repeat !important; background: url(../img/region_rhone.gif) no-repeat;}
#oc a {float:left; margin:-5px 0 0 -288px; width:189px; height:179px; z-index:47;}
#oc a:hover {background: url(../img/region_oc.png) no-repeat !important;	background: url(../img/region_oc.gif) no-repeat;}
/*#sud a {float:left; margin:39px 0 0 -176px; width:155px; height:145px; z-index:46;}
#sud a:hover {background: url(../img/region_sud.png) no-repeat !important; background: url(../img/region_sud.gif) no-repeat;}
#alpes a {float:left; margin:-134px 0 0 283px; width:149px; height:147px; z-index:45;}
#alpes a:hover {background: url(../img/region_alpes.png) no-repeat !important; background: url(../img/region_alpes.gif) no-repeat;}
*/
/*** REGION 2 ***/
#region2 .colonne263 {float:left; width:263px; margin:40px 51px 0 0;} 
#region2 .colonne263 .retour {text-align:center;} 
#region2 .colonne263 .retour a {color:#434343; text-decoration:underline;} 
#region2 .colonne376 {float:left; width:356px; margin:40px 0 0 0;}
#region2 .onglet_region {width:186px; margin:0 auto;}
#region2 .onglet_region h2 {color:#fff; font-size:13px; margin:5px 0 0 0;}
#region2  .liensannexes {width:186px; padding:40px 0 25px 0; margin:0 auto;}
#region2 .bt_recrute {width:135px; float:right; margin:0 10px 0 0;}
#region2 .bt_recrute a {display:block; width:135px; height:22px; background:url(../img/bt_recrute.gif) no-repeat; padding:2px 0 0 0;text-align:center; font-size:12px; font-weight:bold; color:#fff;}
#region2 .liensverts {width:186px; margin:10px 0 0 0;}
#region2 .liensverts a {display:block; width:186px; height:30px; background:url(../img/bt_vert186.gif) no-repeat; margin:4px 0 0 0; padding:8px 0 0 0; text-align:center; font-size:12px; font-weight:bold; color:#0D5649;}
#region2 .liensverts a.select {display:block; width:186px; height:30px; background:url(../img/bt_vert186_select.gif) no-repeat; margin:4px 0 0 0; padding:8px 0 0 0; text-align:center; font-size:12px; font-weight:bold; color:#fff;}
#region2 .liensverts2 {width:186px; margin:25px 0 20px 0;}
#region2 .liensverts2 a {display:block; width:186px; height:30px; background:url(../img/bt_blanc186.gif) no-repeat; margin:4px 0 0 0; padding:7px 0 0 0; text-align:center; font-size:12px; font-weight:bold; color:#0D5649;}
#region2 .liensverts2 a.select {display:block; width:186px; height:30px; background:url(../img/bt_vert186_select.gif) no-repeat; margin:4px 0 0 0; padding:7px 0 0 0; text-align:center; font-size:12px; font-weight:bold; color:#fff;}
.fleche_recrute {float:right; margin-right:90px;}
#region2 .bloc376_bas {padding:30px 20px 15px 20px; width:336px; color:#434343; font-size:13px;}
#region2 .bloc376_bas .chapo {margin:0 0 40px 0; font-size:13px;}
#region2 .bloc376_bas .chapo ul {margin:0 0 0 19px; list-style:disc;}
#region2 .bloc376_bas .coordonnees  {float:left; width:221px;}
#region2 .bloc376_bas .coordonnees h2 {font-size:13px; font-weight:bold; color:#034F41;}
#region2 .bloc376_bas .coordonnees ul {margin:0 0 20px 0;}
#region2 .bloc376_bas .imgdeco {float:left; width:115px; margin:33px 0 0 0;}
#region2 .bloc690_haut {clear:both;}
#region2 .bloc690_bas h2 {font-size:13px; font-weight:bold; color:#034F41;}
#region2 .bloc690_bas p {font-size:13px;}
#region2 .bloc376_bas .description {margin:0 0 20px 0;}
#region2 .bloc376_bas .description h2 {font-size:12px; font-style:italic; color:#034F41; padding:50px 0 0 0;}
#region2 .bloc376_bas .description p {clear:both;}
#region2 .bloc376_bas .description .url {color:#434343; text-decoration:underline; font-style:italic;}
#region2 .bloc376_bas .description .visuel1 {float:left; display:block; margin:10px 5px 5px 0;}
#region2 .bloc376_bas .description .visuel2 {float:right; display:block; margin:10px 0 5px 5px;}

/* mail 05/12/2011*/
#sud a {float:left; margin:41px 0 0 -174px; width:215px; height:155px; z-index:46;}
#sud a:hover {background: url(../img/region_mediterranee.png) no-repeat !important; background: url(../img/region_mediterranee.gif) no-repeat;}
/*
#alpes a {float:left; margin:-134px 0 0 283px; width:149px; height:147px; z-index:45;}
#alpes a:hover {background: url(../img/region_alpes.png) no-repeat !important; background: url(../img/region_alpes.gif) no-repeat;}
*/