@charset "utf-8";
/* CSS Document */

html { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4c4c4c; background:#fefefe url(../images/bg_html.gif) center top no-repeat;}
body { width:100%;}
#content.po { width:1000px; margin:0 auto;}
.po #content_header { position:relative; height:95px;}
.po .pays, .po #mea { position:absolute; left:730px; width:205px; background-color:#FFF; z-index:500;} 
.po .pays { height:194px; top:0; padding:6px 0 0 20px; background:#fff url(../images/bg_pays.gif) left top repeat-x;}
.po #mea { height:230px; bottom:0; background:#fff url(../images/bg_mea.gif) left bottom repeat-x; padding:20px 0 0 20px;}
.po #content_header a { float:left; padding:23px 0 0 5px; background:#FFF; width:142px; color:#0067a0;}
.po #content_news { width:961px ; height:16px; margin:18px 0 20px 0;}

/* commun */
.po h1, .po h2, .po h3 { text-transform:uppercase; font-weight:bold;}
.po .color { color:#fb982d;}
.po .color2 { color:#005e9a;}
.po .close { display:none;}
.po .open { display:block;}


/* header */
.po .address { float:right; font-size:10px; padding-top:41px;}
.po #content_header .address a { float:none; padding:0; width:auto;}
.po .address .ad1, .po .address .ad2 { float:left; padding-left:24px;}
.po .address .ad1 span { font-weight:bold; color:#285c78;}
.po .address .ad2 span a { font-weight:bold; color:#60a1d7;}


/* diapo */
.po .bloc-diapo { width:1000px; height:484px; overflow:hidden; position:relative;}
.po .bloc-diapo2, .po .bloc-diapo3, .po .bloc-diapo4, .po .bloc-diapo5, .po .bloc-diapo6 { width:1000px; height:484px; overflow:hidden; position:relative; z-index:10; display:none;}

	/* pays */
	.po #lang_encours { float:right; width:40px; padding-right:13px;}
	.po #lang_encours2 { float:right; width:40px; padding-right:13px;}
	.po #autres_langues { padding-right:10px; width:40px; background-color:#FFF; position:absolute; right:0; z-index:99999;}
	.po #autres_langues2 { padding-right:10px; width:40px; background-color:#FFF; position:absolute; right:0; z-index:99999;}
	.po #lang_encours img { padding:1px 3px;}
	.po #lang_encours2 img { padding-left:3px; padding-top:4px;}
	.po #autres_langues a { display:block; margin-bottom:3px;}
	.po #autres_langues2 a { display:block; margin-bottom:3px;}
	.po .pays .titre1 { clear:both; margin-bottom:17px; height:50px; overflow:hidden; font-size:21px; text-transform:uppercase; font-weight:bold;}
	.po #form_pays { margin-bottom:17px; height:28px;}
	.po #choix_pays { width:189px ; height:28px; color:#4C4C4C; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:none;}
	.po #choix_pays option { padding-left:11px;}
	.po #form_pays #selectchoix_pays { background: url(../images/select.gif) left bottom no-repeat ; width:189px ; height:22px; position:absolute; padding:6px 0 0 11px;}
	.po .search { width:127px; height:34px; line-height:34px; font-size:14px; font-weight:bold; padding:7px 47px 7px 14px; background:url(../images/btn_search.gif) left top no-repeat; position:relative;}
	.po #btn_map { color:#FFF; vertical-align:middle; line-height:16px; display:inline-block;}

	/* mea */
	.po #mea .titre2 { margin-bottom:17px; font-size:14px; text-transform:uppercase; font-weight:bold;}
	.po #mea .news { float:left; margin:9px 0 12px; font-size:11px; width:184px;}
	.po #mea p, .po #mea span { padding-left:3px;}
	.po #mea span { font-weight:bold; vertical-align:middle;}
	.btn_lien_mea_actu { float:right; height:16px;}


/* content_news */
.po #content_news { width:954px ; height:16px; margin:18px 23px 20px 23px;}
.po #content_news .last_actus { float:left; overflow:hidden; padding-right:10px; text-transform:uppercase; font-weight:bold; width:180px;}
.po #slide a { color:#4c4c4c; background:url(../images/sepa.gif) right center no-repeat; padding:0 10px;}
.po #slide .color { font-weight:bold;}
.po #content_news .lien { float:left; padding-left:13px; overflow:hidden;}
.po .lien a { display:block; height:16px; background:url(../images/btn_g.gif) left top no-repeat; padding-left:7px;}
.po .lien a div { height:14px; padding:2px 7px 0 0; background:url(../images/btn_d.gif) right top no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-size:10px;}
.po .jcarousel-clip { width:545px; height:14px; overflow: hidden; float:left;}
.po .jcarousel-clip a:hover { text-decoration:underline;}


/* meas */
.po #meas { display:block; width:961px; margin:0 auto; height:116px;}
.po #meas li { margin-right:2px; float:left; width:238px; height:116px; overflow:hidden; position:relative; z-index:0;}
.po #meas #mea1 { height:78px; background:url(../images/img2.jpg) left top no-repeat; text-align:center; padding-top:38px;}
.po #meas #mea4 { margin-right:0; width:240px; height:100px; position:absolute; z-index:2; color:#FFF; font-size:36px; font-weight:bold; text-align:center; padding-top:16px;}
.po #meas li.compteurCable img { position:absolute; left:0; top:-21px; bottom:-21px; margin:auto;}
.po #meas li.mea-video img.video-icone { position:absolute; z-index:10; top: 41px; left:99px; margin:0;}
.po .img187109{ height:109px; width:187px; overflow:hidden;}

/* map */
.po .map .pays { width:46px; height:24px; padding:6px 0 0 14px; left:897px;}
.po .map #autres_langues { padding-left:15px; padding-bottom:5px;}
.po .map #autres_langues2 { padding-left:10px; padding-bottom:5px;}
.btn_fermer { position:absolute; left:971px; top:8px; z-index:500;} 
.ui-widget-header .ui-icon { background:url(../images/btn_fermer_popin.gif) center center no-repeat;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background:url(../images/btn_fermer_popin.gif) center center no-repeat;}
.ui-dialog { margin-top:250px;}
.popin-block { display:none;}
.ui-dialog .ui-dialog-content { padding:0px 20px 15px 15px;} 
.popin-block h1 { color:#000; padding-bottom:15px; font-size:13px;}
.popin-block .titre { font-size:12px; padding-bottom:15px; font-weight:bold;}
.popin-block .lien { background:url(../images/lien_g.gif) left top no-repeat;}
.popin-block .lien div { padding:2px 5px 0 5px; background:url(../images/lien_d.gif) right top no-repeat; color:#FFF; text-transform:uppercase; height:15px;}
.popin-block .col1 { float:left; width:162px;}
.popin-block .col2 { float:right; width:162px;}


/* shadowbox */
#sb-title-inner, #sb-nav { display:none;}
#shadowbox-content { padding:35px 40px 35px 35px; position:relative;}
#shadowbox-content .close { position:absolute; top:10px; right:13px; display:block;}
#shadowbox-content .titre_sb { font-size:14px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}

/* footer */
#footer.po  { width:969px ; height: 39px; padding:25px 20px 0 25px; margin:25px auto 0 auto; background:url(../images/bg_footer.gif) center center no-repeat;}
#footer.po , #footer.po  a { color:#49494b;}
#footer.po  .right .marque_logo { margin-left:20px; margin-top:-5px; float:left;}
#footer.po  .right span { float:left;}