body {
	background-color:   #FFFFFF;
    margin:             10px 10px 50px 10px;
}

h1 {
    font-family:        Arial, Helvetica, sans-serif;
	color:              #28769A;
	font-size:          22px;
    font-weight:        400;
    background-image:   url(../images/titre-rub/beforeTitle.gif);
    background-repeat:  repeat-y;
	margin:             0px;
    padding:            0px;
    text-indent:        20px;
}

h2 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	font-weight:        bold;
}

h3 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #CC9966;
	font-weight:        bold;
	text-transform:     uppercase;
}

h4 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	text-transform:     uppercase;
	font-weight:        bold;
}

h5 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	font-weight:        bold;
}

.bea-portal-body-content {
}

.bea-portal-body-content #otherSitesDetailsBox 
{
    display:            block;
    z-index:            101;
    visibility:         hidden;
    position:           absolute;
    top:                111px;
    right:              169px;
    width:              200px;
    background-color:   white;
    border:             black solid 1px;
    padding:            10px 10px;
}

select.champ {
	font-family:        Arial, Verdana, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #333333;
	text-decoration:    none;
	height:             16px;
	border:             1px solid #006699;
	width:              115px;
}

input.champ {
	font-family:        Arial, Verdana, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #333333;
	text-decoration:    none;
	height:             18px;
	border:             1px solid #006699;
	background-color:   #FFFFFF;
	width:              115px;
}

input.button {
	font-family:        Arial, Verdana, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #FFFFFF;
	text-decoration:    none;
	height:             16px;
	border:             1px solid #006699;
	background-color:   #006699;
	width:              115px;
}

input.acces {
	font-family:        Arial, Verdana, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #C61D24;
	text-decoration:    none;
	border:             1px solid #C61D24;
	width:              120px;
	height:             18px;
	padding-left:       5px;
}

input.home {
	font-family:        Arial, Verdana, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #333333;
	text-decoration:    none;
	border:             1px solid #999999;
	width:              120px;
	height:             18px;
	padding-left:       5px;
}
	
div.rubrique {
	display:            none;
}
	
a {
	text-decoration:    none;
	cursor:             pointer;
    color:              #418ABB;
}

a:hover {
	text-decoration:    underline;
	cursor:             pointer;
    color:              #418ABB;
}

div.Breadcrumb {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #0060AA;
}

.date {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #9A5F53;	
}

.Scrollbox {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	color:              #C61D24;
	text-transform:     uppercase;
}

.Titlequicklink {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #C61D24;
	font-weight:        bold;
	text-transform:     uppercase;
	
}

.Quicklinks {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #C61D24;
    background-color:   #FFFFFF;
}

.Title4 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	font-weight:        bold;
}

.Title3 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	text-transform:     uppercase;
	font-weight:        bold;
}

.Title2 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #CC9966;
	font-weight:        bold;
	text-transform:     uppercase;
}

.Title1 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	font-weight:        bold;
}

.Text {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
}

.Asterisk {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          10px;
	color:              #333333;
}

.Rubric_1 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #FFFFFF;
}

.rubric_2-3 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #418ABB;
}

.Copyright {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #FFCC99;
	font-weight:        normal;
}

.Link {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #418ABB;
}

.Linkcountry {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #CC9966;
	font-weight:        bold;
	
}

.tabcadrebleu {
	border:             1px solid #CCE0EA;
}

.tabcent {
	background-image:   url(../images/fondmap.jpg);
	background-repeat:  no-repeat;
}

.cellgau {
	background-image:   url(../images/gauche/fond-courant.gif);
	background-repeat:  no-repeat;
}

.celldte {
	background-image:   url(../images/home/fond-dte.gif);
	background-repeat:  no-repeat;
}

.Title4Car {
    font-family:        Arial;
    color:              #333333;
    font-weight:        bold;
}

.TitlequicklinkCar {
    font-family:        Arial;
	color:              #C61D24;
	text-transform:     uppercase;
	font-weight:        bold;
}
    
.QuicklinksCar {
    font-family:        Arial;
	color:              #C61D24;
	text-transform:     uppercase;
	font-weight:        bold;
}

.dateCar {
    font-family:        Arial;
	color:              #9A5F53;
	text-transform:     uppercase;
	font-weight:        bold;
}

.TextCar {
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
}

.LinkCar {
    font-family:        Arial;
	color:              #418ABB;
}

.xztextecourant {
    margin-top:         3.75pt;
	margin-right:       0cm;
	margin-bottom:      0cm;
	margin-left:        0cm;
	margin-bottom:      .0001pt;
	text-align:         justify;
	font-size:          12.0pt;
	font-family:        Times New Roman;
	color:              black;
}

.yybtitrebdcmaigre {
    margin-top:         11.25pt;
	margin-right:       0cm;
	margin-bottom:      0cm;
	margin-left:        0cm;
	margin-bottom:      .0001pt;
	text-align:         left;
	font-size:          18.0pt;
	font-family:        Arial;
	color:              #666666;
	font-weight:        bold;
}

.xxbaccrochedebut {
    margin-top:         11.25pt;
	margin-right:       0cm;
	margin-bottom:      6.0pt;
	margin-left:        0cm;
	text-align:         left;
	font-size:          11.0pt;
	font-family:        Times New Roman;
	color:              navy;
	font-weight:        bold;
}

/*  WorldMap */
div.affpays	{
    margin-top:         15px;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	color:              #0060AA;
	width:              100%;
	z-index:            1;
	display:            none;
}


/*  Implantation */
div.clickTextContainer {
    width:              25%;
    float:              left;
    padding-top:        40px;
    margin-left:        3%;
}

div.clickText {
    position:           relative;
    width:              70%;
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #0060AA;
}

div.clickTextFilet {
    width:              100%;
    height:             1px;
    background-image:   url(../images/implantations/filet.gif);
    background-repeat:  repeat-x;
    margin-top:         10px;
}

div.mapContainer {
    background-image:   url(../images/implantations/trame_bleue.gif);
    float:              left;
    padding:            30px 30px 30px 30px;
}

div.legend {
    width:              100%;
    float:              left;
}

div.legendTitle {
    width:              100%;
    height:             30px
}


div.regions	{ 
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          18px;
	color:              #28769A;
	z-index:            1;
	display:            none;
}

div.affregion	{ 
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	color:              #28769A;
    top:                30px;
	z-index:            1;
    display:            none;
}

.Txt_gris10 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          10px;
	color:              #333333;
}

.Txt_gris11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
}

.Txt_gris12 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	color:              #333333;
}

.Txt_gris14 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          14px;
	color:              #333333;
}

.Txt_marron11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #9A5F53;
}

.Txt_bleu11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #0060AA;
}

.Txt_rouge11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #C61D24;
}

.Txt_rouge11bold {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #C61D24;
    font-weight:        bold;
}

.Txt_saumon11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #CC9966;
}

.Txt_blanc11 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #FFFFFF;
}

.Txt_blanc11 a:hover {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          11px;
	text-decoration:    underline;
	cursor:             pointer;
    color:              #FFFFFF;
}

a.Txt_blanc11:hover{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          11px;
	text-decoration:    underline;
	cursor:             pointer;
    color:              #FFFFFF;
}

.Txt_courantbleu {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #28769A;
}

.Txt_courantbleubold {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #28769A;
    font-weight:        bold;
}

.Txt_courantbleu18 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          18px;
	color:              #28769A;
}

.Txt_courantbleu22 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          22px;
	color:              #28769A;
}

.copyright {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #FFCC99;
	font-weight:        normal;
}

.Txt_bas {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #006699;
}

.tabcadrebleu {
	border:             1px solid #CCE0EA;
}

.tabcent {
	background-image:   url(../images/fondmap.jpg);
	background-repeat:  no-repeat;
}

.cellgau {
	background-image:   url(../images/gauche/fond-courant.gif);
	background-repeat:  no-repeat;
}

.celldte {
	background-image:   url(../images/home/fond-dte.gif);
	background-repeat:  no-repeat;
}

/* -------------- menu ------------------ */
#menuGauche {
    position:           relative;
    padding:            0px;
    margin:             5px 0px 3px 5px;
    overflow:           hidden;
    width:				inherit;
	font-family:        Arial,Helvetica,sans-serif;
	font-size:			11px;
    white-space:        normal;
}

#menuList {
    width:              inherit;
}

.ulLevel {
    display:            none;
    margin-bottom:      10px;
}

.level1 {
    width:inherit;
}

.item1, .item1SsFils, .item1Visible, .item1Cache {
  background:           #28769A url(../images/gauche/fleche-off.gif) no-repeat 100% 0px;
  color:                white;
  margin-bottom:        2px;
  padding:              3px 0px 3px 5px;
  width:                inherit;
  _width:               100%;
}

.item1Cache {
  background:           #28769A url(../images/gauche/fleche-off.gif) no-repeat 100% 0px;
}

.item1SsFils {
  background:           #28769A;
}

.item1Visible {
  background:           #28769A url(../images/gauche/fleche-on.gif) no-repeat 100% 0px;
}

.item1 a, .item1SsFils a, .item1Visible a, .item1Cache a {
  color:                white;
}

.item1 a:hover, .item1SsFils a:hover, .item1Visible a:hover, .item1Cache a:hover {
  color:                white;
  text-decoration:      underline;
}

.level2 {
  margin-left:          5px;
  width:inherit;
}

.item2, .item2SsFils, .item2Visible, .item2Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
  color:                #28769a;
  width:                inherit;
  _width:				100%;
}

.item2Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
}

.item2SsFils {
  background:           #cce0ea;
}

.item2Visible {
  background:           #cce0ea url(../images/gauche/fleche2-on.gif) no-repeat 100% -3px;
}

.item2 a, .item2SsFils a, .item2Visible a, .item2Cache a {
  color:                #28769a;
}

.item2 a:hover, .item2SsFils a:hover, .item2Visible a:hover, .item2Cache a:hover {
  text-decoration:      underline;
}

.level3 {
  margin-left:          10px;
}

.item3, .item3SsFils, .item3Visible, .item3Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
  color:                #28769a;
  width:                inherit;
  _width:                100%;
}

.item3Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
}

.item3SsFils {
  background:           #cce0ea;
}

.item3Visible {
  background:           #cce0ea url(../images/gauche/fleche2-on.gif) no-repeat 100% -3px;
}

.item3 a, .item3SsFils a, .item3Visible a, .item3Cache a {
  color:                #28769a;
}

.item3 a:hover, .item3SsFils a:hover, .item3Visible a:hover, .item3Cache a:hover {
  text-decoration:      underline;
}

.level4 {
  margin-left:          15px;
}

.item4, .item4SsFils, .item4Visible, .item4Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
  color:                #28769a;
  width:                inherit;
  _width:                100%;
}

.item4Cache {
  background:           #cce0ea url(../images/gauche/fleche2-off.gif) no-repeat 100% -3px;
}

.item4SsFils {
  background:           #cce0ea;
}

.item4Visible {
  background:           #cce0ea url(../images/gauche/fleche2-on.gif) no-repeat 100% -3px;
}

.item4 a, .item4SsFils a, .item4Visible a, .item4Cache a {
  color:                #28769a;
}

.item4 a:hover, .item4SsFils a:hover, .item4Visible a:hover, .item4Cache a:hover {
  text-decoration:      underline;
}

.flecheMenu1 {
    float:              right;
    padding:            0;
    width:              6%;
}

.flecheMenu {
    float:              right;
    padding:            0;
	width:				6%;
}

.flecheMenu a, .flecheMenu1 a {
    padding:            0;
    margin:             0;
    text-align:         right;
    text-decoration:    none;
}

.flecheMenu a:hover, .flecheMenu1 a:hover {
    text-decoration:    none;
}

.labelMenu1 {
    float:              left;
    text-align:         left;
    width:          	90%;
}

.labelMenu {
	float:              left;
    text-align:         left;
    width:          	85%;
}

.puceMenu {
	float:              left;
   	text-align:         left;
   	width:              5%;
}

.spacer {
    clear:              both;
    visibility:         hidden;
}


div.draftContent {
    width:              100%;
    border:             1px dotted red;
}