/* AUTONOMIC EXPO
-------------------------------------------------------------- */
html {color:#000;width:100%; margin:0 auto; font-size:13px;}

body {
  color: #000;
  background-color:#A9D0E8;
  /*
  background:#A9D0E8 url(../../images/expo/expo_fond.jpg) no-repeat center top;
  background-attachment:fixed;
  */
  font-family :"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:1.3em;}
  
/* Headings
-------------------------------------------------------------- */
  h1,h2,h3,h4,h5,h6 {
  	font-weight: bold;	
  	line-height: 1.3em;
  	margin-bottom:0;margin-top:0;
  	color: #ccc;
  	clear:both; }
  
  h1 { font-size: 2.25em; color:#015C95;  }
  h2 { font-size: 1.75em; color:#015C95;margin-left:0px;margin-bottom:5px}
  h3 { font-size: 1.5em; color:#015C95;margin-left:0px;margin-bottom:5px;background:transparent url('../../images/expo/titres_pics.png') no-repeat -3px 0px;padding-left:26px;   }
  h4 { font-size: 1.25em; color:#015C95;margin-left:0px;background:transparent url('../../images/expo/titres_pics.png') no-repeat 3px -36px;padding-left:26px;   }
  h5 { font-size: 1.10em; color:#333;margin-left:0px;background:transparent url('../../images/expo/titres_pics.png') no-repeat -2px -72px;padding-left:26px;}
  h6 { font-size: 1.05em; color:#333;margin-left:0px;background:transparent url('../../images/expo/titres_pics.png') no-repeat 5px -116px;padding-left:26px;}
  
  h1 img, h2 img, h3 img,
  h4 img, h5 img, h6 img {
    margin: 0;
}
.txt10 {font-size: 0.80em;}
.txt11 {font-size: 0.88em;}
.txt12 {font-size: 0.92em;}
.txt13 {font-size: 1.00em;}
.txt14 {font-size: 1.10em;}
.txt16 {font-size: 1.20em;}
.txt18 {font-size: 1.30em;}
.centre {text-align:center;}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.75em; }
a:link { 
	text-decoration: none; 
	outline:none;
	color:#000}
	a:visited { text-decoration:none;color:#000}
	a:hover{ text-decoration:none}
	

/* ZONE Menu Fixe Haut
-------------------------------------------------------------- */
#zone_menu_fixe {background-color:transparent;position:fixed;top:0;left:0;height:34px;width:100%;z-index:1000}
#zone_menu_fixe #menu_fixe_content {background-color:#666666;height:34px;width:990px;margin:auto;}
#zone_menu_fixe #menu_fixe_content img{margin-top:1px;border:0px}
#zone_menu_fixe #visio {display:block;background-color:#999;float:right;line-height:34px;height:34px;text-align:center;margin-top:0px;}
#zone_menu_fixe #visio  a{text-decoration:none;margin-left:10px;margin-right:10px;display:block;float:left;margin-top:8px;}
#zone_menu_fixe #visio a.moins{width:17px;height:15px;background: url('../../images/menufixe/menuhaut_visio_moins.png') no-repeat top center;}
#zone_menu_fixe #visio a.null{width:12px;height:15px;background: url('../../images/menufixe/menuhaut_visio_null.png') no-repeat top center;}
#zone_menu_fixe #visio a.plus{width:25px;height:15px;background: url('../../images/menufixe/menuhaut_visio_plus.png') no-repeat top center;}
#zone_menu_fixe #visio img{border:none}
#zone_menu_fixe #visio a.cachefont{background: none}



#zone_menu_fixe #ecouter {z-index:800;float:right;width:114px;height:34px;line-height:34px;font-size:22px;background:#444444;text-decoration:none;color:#FFF}
#zone_menu_fixe #ecouter:hover {background:#CCCCCC;}
#zone_menu_fixe #ecouter .picto {display:block;float:left;width:26px;height:34px;margin-left:4px;margin-right:4px;background:transparent  url('../../images/expo/menupage/picto_ecouter.png') no-repeat center right;}
#zone_menu_fixe #ecouter #xp1 {float:right;position:relative;margin-right:-116px;height:55px;display:block;z-index:400}
#zone_menu_fixe #ecouter a {color:#FFF;}


#zone_menu_fixe #search {float:right;width:186px;height:34px;margin:0px;background:#444444;overflow:visible}
#zone_menu_fixe #search form{float:left;display:block;margin-top:5px;margin-left:4px;padding:0px; height:24px;width:178px;border:0px solid #CC0000;background:#FFF  url('../../images/expo/menupage/bt_ok.png') no-repeat center right;overflow:hidden}
#zone_menu_fixe #search form input[type='text']{float:left;background:transparent none;color:#333;width:130px;line-height:22px;height:22px;margin:0px;margin-left:3px;font-size:13px;border:0px}
#zone_menu_fixe #search form:hover{background:#EFEFEF  url('../../images/expo/menupage/bt_ok2.png') no-repeat center right;}
#zone_menu_fixe #search form button{display:block;width:40px;height:22px;line-height:22px;font-size:14px;font-weight:bold;padding:0px;margin:0px;border:none;cursor:pointer!important;background:transparent}
#zone_menu_fixe #search #searchalert{display:none;position:relative;float:left;left:6px;top:5px;margin:0px;color:#015C95;z-index:300;width:168px;height:40px;padding:5px;font-size:1.2em;border:1px solid #cc0000;background: #FFF ;opacity:0.85;}



/* ZONE Haut LOGO PUB
-------------------------------------------------------------- */
#zone_logo {margin:auto;margin-top:34px;width:990px;height:142px;clear:both}
#zone_logo #logo {float:left;width:394px;height:142px;margin:0px;}
#zone_logo #slogan{float:left;width:284px;height:142px;margin:0px;}
#zone_logo #pub1{float:right;display:block;width:300px;height:100px;margin-top:21px;overflow:hidden;background:#FFF}
#zone_logo img{border:0px}
/* ZONE Menu de la page
-------------------------------------------------------------- */
#menu_page_content {z-index:800;margin:auto;width:990px;height:44px;clear:both}
#menu_page_content .sf_menu_page {float:left;width:990px;margin:0px;height:44px;background:transparent url('../../images/expo/menupage/bg-2e7bac-82.png')}

#menu_page_content #ecouter {z-index:800;float:left;width:114px;height:44px;line-height:44px;font-size:22px;background:transparent url('../../images/expo/menupage/bg015181_84.png');text-decoration:none;color:#FFF}
#menu_page_content #ecouter:hover {background:transparent url('../../images/expo/menupage/bg-2e7bac-82.png');}
#menu_page_content #ecouter .picto {display:block;float:left;width:26px;height:44px;margin-left:4px;margin-right:4px;background:transparent  url('../../images/expo/menupage/picto_ecouter.png') no-repeat center right;}
#menu_page_content #ecouter #xp1 {float:right;position:relative;margin-right:-186px;height:55px;display:block;z-index:400}
#menu_page_content #ecouter a {color:#FFF;}

#menu_page_content #ecoutervide {float:left;width:114px;height:44px;line-height:44px;font-size:22px;background:transparent url('../../images/expo/menupage/bg015181_84.png');text-decoration:none;color:#FFF}

#menu_page_content #search {float:left;width:186px;height:44px;margin:0px;background:transparent url('../../images/expo/menupage/bg015181_84.png');overflow:visible}

#menu_page_content #search form{float:left;display:block;margin-top:11px;margin-left:4px;padding:0px; height:24px;width:178px;border:0px solid #CC0000;background:#FFF  url('../../images/expo/menupage/bt_ok.png') no-repeat center right;overflow:hidden}
#menu_page_content #search form input[type='text']{float:left;background:transparent none;color:#333;width:130px;line-height:22px;height:22px;margin:0px;margin-left:3px;font-size:13px;border:0px}
#menu_page_content #search form:hover{background:#EFEFEF  url('../../images/expo/menupage/bt_ok2.png') no-repeat center right;}
#menu_page_content #search form button{display:block;width:40px;height:22px;line-height:22px;font-size:14px;font-weight:bold;padding:0px;margin:0px;border:none;cursor:pointer!important;background:transparent}
#menu_page_content #search #searchalert{display:none;position:relative;float:left;left:6px;top:-83px;margin:0px;color:#015C95;z-index:300;width:168px;height:40px;padding:5px;font-size:1.2em;border:1px solid #cc0000;background: #FFF ;opacity:0.85;
}

/* ZONE Fil d'ariane
-------------------------------------------------------------- */
#zone_ariane {margin:auto;width:990px;height:40px;clear:both;overflow:hidden}
#zone_ariane #ariane{float:left;display:block;width:690px;height:16px;line-height:16px;margin-top:10px;font-size:0.96em;overflow:hidden;}
#zone_ariane #compte{float:right;display:block;width:270px;height:22px;line-height:22px;margin-top:14px;font-size:1.2em;font-weight:bold;overflow:hidden;}
#zone_ariane #compte #fr{float:left;margin-left:80px;display:block;width:30px;height:20px;line-height:22px;overflow:hidden;background:transparent  url('../../images/gen/flag_fr.png') no-repeat center top;}
#zone_ariane #compte #en{float:left;margin-left:30px;display:block;width:30px;height:20px;line-height:22px;overflow:hidden;background:transparent  url('../../images/gen/flag_en.png') no-repeat center top;}
#zone_ariane #compte #fr:hover{background:transparent  url('../../images/gen/flag_fr_act.png') no-repeat center top;}
#zone_ariane #compte #en:hover{background:transparent  url('../../images/gen/flag_en_act.png') no-repeat center top;}

/* ZONE Conteneur
-------------------------------------------------------------- */
#zone_conteneur{margin:auto;width:990px;min-height:400px;clear:both;overflow:hidden}
#zone_conteneur #zone_gauche{float:left;width:678px;min-height:400px;overflow:hidden;}
#zone_conteneur #zone_droite{float:right;width:312px;min-height:400px;background:transparent;overflow:hidden}
#zone_conteneur .hide{display:none}

/* ZONE Gauche Texte pleine largeur
-------------------------------------------------------------- */
#carroussel {width:678px;height:350px;overflow:hidden;margin-bottom:15px;display:block;}

#zone_gauche .conteneur100{margin:auto;display:block;width:678px;clear:both;overflow:hidden;background:#FFF;margin-bottom:15px}
#zone_gauche .conteneur100 .largeur100{margin:auto;margin-bottom:5px;margin-top:5px;display:block;width:660px;clear:both;overflow:hidden;}

#zone_gauche .conteneur50{margin:auto;display:block;width:678px;clear:both;overflow:hidden;background:transparent;margin-bottom:10px}
#zone_gauche .conteneur50 .largeur50g{float:left;display:block;margin:0px;margin-bottom:5px;margin-top:5px;width:330px;background:#FFF;overflow:hidden;}
#zone_gauche .conteneur50 .largeur50d{float:right;display:block;margin:0px;margin-bottom:5px;margin-top:5px;width:330px;background:#FFF;overflow:hidden;}
#zone_gauche .conteneur50 .largeur50{display:block;margin:auto;margin-bottom:5px;margin-top:5px;width:312px;overflow:hidden;}

#zone_gauche .conteneur100 a,#zone_gauche .conteneur50 a{color:#333333;text-decoration:none}
#zone_gauche .conteneur100 a:hover,#zone_gauche .conteneur50 a:hover{color:#000;text-decoration:none}

	/* ZONE Gauche Cadres salons
	-------------------------------------------------------------- */
#zone_gauche .conteneur50  .salons{display:block;text-decoration:none;width:330px;height:120px;background:transparent;overflow:hidden;z-index:1;margin-bottom:15px}
#zone_gauche .conteneurmarge0 {margin-bottom:0px}
#zone_gauche .conteneur50  .salonsg{float:left;overflow:hidden;}
#zone_gauche .conteneur50  .salonsd{float:right;overflow:hidden;}
#zone_gauche .conteneur50  .salons img{display:block;position:absolute;margin:0px;border:none;z-index:2}
#zone_gauche .conteneur50  .salons .salonstexte{background:transparent url('../../images/expo/salons_bg.png') repeat 0 0;display:block;height:30px;width:250px;position:absolute;margin-top:76px;border:none;z-index:50;
										color:#FFF;line-height:16px;font-size:16px;font-weight:normal;padding:7px;text-align:left;overflow:hidden;}
#zone_gauche .conteneur50  .salonsfleche{background:transparent url('../../images/expo/menudroite/menudoite_arr_bleu.png')  no-repeat 1px -1px;position: absolute;margin-top:75px;margin-left:285px;border:none;display:block;z-index:100;
										color:#FFF;height:38px;width:38px;}
#zone_gauche .conteneur50  .salons:hover .salonsfleche{background:transparent url('../../images/expo/menudroite/menudoite_arr_bleu.png')  no-repeat 1px -51px;}
	/* ZONE Gauche Textes type actu
	-------------------------------------------------------------- */
#zone_gauche .conteneur100 .actu, #zone_gauche .conteneur100 .actu2{display:block;float:left;margin-top:5px;background:transparent url('../../images/expo/actu_dot_arrow.png') no-repeat left top;padding-left:28px;width:632px;border:0px solid #CC0000}
#zone_gauche .conteneur100 .actu .texte h4, #zone_gauche .conteneur100 .actu2 .texte h4 { font-size: 1.15em; color:#015C95;line-height: 1.2em;margin-left:0px;background:transparent none;padding-left:0px;   }

#zone_gauche .conteneur100 .actu a{color:#000;text-decoration:none}
#zone_gauche .conteneur100 .arrow{display:block;float:left;width:630px;border:0px solid #CC0000;background:transparent url('../../images/expo/actu_fleche.png')  no-repeat right bottom;}
#zone_gauche .conteneur100 .actu:hover .arrow{background:transparent url('../../images/expo/actu_fleche_hover.png')  no-repeat right bottom;cursor:pointer!important;}
#zone_gauche .conteneur100 .actu:hover{background:transparent url('../../images/expo/actu_bg.png');}
#zone_gauche .conteneur100 .texte{display:block;float:left;width:600px;padding-bottom:5px;border:0px solid #CC0000;border-bottom:1px dotted #666}

#zone_gauche .conteneur50 .actu, #zone_gauche .conteneur50 .actu2{display:block;float:left;margin-top:5px;background:transparent url('../../images/expo/actu_dot_arrow.png') no-repeat left top;padding-left:28px;width:284px;border:0px solid #CC0000}
#zone_gauche .conteneur50 .actu a, #zone_gauche .conteneur50 .actu2 a{color:#000;text-decoration:none}

#zone_gauche .conteneur50 .arrow{display:block;float:left;width:280px;border:0px solid #CC0000;background:transparent url('../../images/expo/actu_fleche.png')  no-repeat right bottom;}
#zone_gauche .conteneur50 .actu2 .arrow{display:block;float:left;width:280px;border:0px solid #CC0000;background:transparent;}

#zone_gauche .conteneur50 .actu:hover .arrow{background:transparent url('../../images/expo/actu_fleche_hover.png')  no-repeat right bottom;cursor:pointer!important;}
#zone_gauche .conteneur50 .actu:hover{background:transparent url('../../images/expo/actu_bg.png');}

#zone_gauche .conteneur50 .texte{display:block;float:left;width:260px;padding-bottom:5px;border:0px solid #CC0000;border-bottom:1px dotted #666}
#zone_gauche .actu .texte div{text-align:left}
#zone_gauche .actu .texte p, #zone_gauche .actu2 .texte p{padding:0px;margin-bottom:0px}
#zone_gauche .actu .img1{display:block;float:left;margin:0px;margin-top:5px;margin-right:3px;padding:0px;border:none}
#zone_gauche .actu .img2{display:table-cell;width:80px;height:80px;border:1px solid #CCC;padding:0px;overflow:hidden;text-align:center;vertical-align:middle;background:#FFF}
#zone_gauche .actu .img3, #zone_gauche .actu2 .img3{display:block;float:left;margin:0px;margin-top:5px;margin-right:3px;padding:0px;border:none;width:100%;text-align:center}


/* ZONE droite Menu
-------------------------------------------------------------- */
#menu_droite{float:right;width:300px;clear:both;overflow:hidden}

#menu_droite ul { padding: 0px;margin:0px;margin-bottom: 10px; width:300px;border:none}
#menu_droite ul li { width:300px;margin-bottom: 10px; height:52px;background:transparent url('../../images/expo/menudroite/bg-2e7bac-90.png') repeat 0 0; padding: 0px; font-size: 19px; overflow: hidden;}
#menu_droite ul li a { margin:6px;float:left;color: #fff; width:245px;line-height: 19px; display: block; font-weight: 500; height: 42px; overflow: hidden; background:transparent url('../../images/expo/menudroite/menudoite_arr_bleu.png')  no-repeat 258px -1px; padding-right: 50px; }
#menu_droite ul li a:hover { text-decoration: none; color: #fff;}
#menu_droite ul li a span.bg { display:inline-block;vertical-align:middle;width:40px;height:40px;background:#99D1F2 ;z-index:1}
#menu_droite ul li a img { display:inline-block;vertical-align:middle;position:relative;left:-41px;height:40px;width:40px ;z-index:3 }
#menu_droite ul li a span.txt { display:inline-block;vertical-align:middle;position:relative;left:-35px;max-width:180px;z-index:5 }

#menu_droite ul li:hover { background: #66BAEC; }
#menu_droite ul li:hover a{ color: #FFF; background:transparent url('../../images/expo/menudroite/menudoite_arr_bleu.png')  no-repeat 258px -51px;}
#menu_droite ul li:hover a span.bg { background:transparent url('../../images/expo/menudroite/bg-2e7bac-90.png') repeat 0 0; }
/* ZONE droite pub
-------------------------------------------------------------- */
#zone_droite .pub{float:right;display:block;width:300px;height:250px;margin-bottom:10px;background:#FFF;border:0px;overflow:hidden!Important}
#zone_droite img{border:0px;}

/* ZONE Conteneur Bas
-------------------------------------------------------------- */
#zone_containerbas{background-color:#666;width:990px;min-height:34px;margin:auto;overflow:hidden;font-size: 1.00em;text-decoration:none}
#zone_containerbas #menu{width:990px;min-height:34px;margin:auto;overflow:hidden;line-height:34px;font-size: 1.02em;text-align:center;color:#000000;font-weight:600}
#zone_containerbas #logos{width:990px;background-color:#DFDFDF;min-height:36px;margin:auto;overflow:hidden;text-align:center}
#zone_containerbas #logos a{display:inline-block;margin:10px;margin-bottom:0px;margin-top:0px;line-height:75px;height:75px;}
#zone_containerbas #logos a:hover{opacity: 0.5;display:inline-block;margin:10px;margin-bottom:0px;margin-top:0px;line-height:75px;height:75px;}

#zone_containerbas #copy{display:block;float:left;width:100%;clear:both}
#zone_containerbas #copy  .copy1{margin-right:15px;margin-left:15px;float:left}
#zone_containerbas #copy  .copy2{margin-right:15px;margin-left:15px;float:right}

/* NAVIGATION
-------------------------------------------------------------- */

.nav2nbrpages{float:left;width:100%;display:block;margin:auto;margin-bottom:10px;font-size : 14px;font-weight:bold;text-align:center;color : #333;clear:both}
#nav2{float:left;margin-top:20px;display:block;width:100%;
text-align:center;color : #333;padding:0px;border-collapse:separate;
font-size : 14px;font-weight:bold;clear:both;
}
#nav2 span{display:inline-block;border:1px solid #999;height:20px;line-height:20px;width:20px;text-align:center;
color : #666;font-size : 14px;margin-right:1px;background-color:#CCC;
}

#nav2 a.nav:link, #nav2 a.nav:visited{display:inline-block;border:1px solid #000;text-decoration:none;
height:100%;line-height:20px;min-width:20px;text-align:center;
color : #333;font-size : 14px;margin-right:3px;;text-decoration:none
}
#nav2 a.fleche:link, #nav2 a.fleche:visited{display:inline-block;border:0px solid #000;text-decoration:none;
height:100%;line-height:20px;min-width:20px;text-align:center;
color : #333;font-size : 14px;;text-decoration:none
}
#nav2 a.nav:hover{background-color:#666;color:#FFF!Important;text-decoration:none!Important;border:1px solid #000;
}
#nav2 a.fleche:hover{background-color:#666;color:#FFF!Important;text-decoration:none!Important;border:0px solid #000;
}
#nav2 span.vierge,#nav2 span.vierge:hover{display:inline-block;border:0px solid #004387;background-color:transparent;color:#333;width:auto;font-weight:bold}