@charset "iso-8859-1";
@import url(sIFR.css);
/*---------------------------------------------------------------------------------------------------------*/
/* Global 
/*---------------------------------------------------------------------------------------------------------*/
body{padding:10px 0 10px 0; margin:0 0 0 0; background:url(../img/bg.gif);}
ul, li, ol, form, img{padding:0 0 0 0; margin:0 0 0 0; border:0px;}
li{list-style:none;}
a {outline: none;}
a:focus{-moz-outline-style: none;}
.clear{ clear:both;}
/*---------------------------------------------------------------------------------------------------------*/
/* Structure 
/*---------------------------------------------------------------------------------------------------------*/
#center{width:1024px; margin:0 auto 0 auto;}
#main{float:left; width:1000px; position:relative; padding:0 12px 12px 12px; border:1px solid #E2E2E2; background-color:#FFF;}

/*---------------------------------------------------------------------------------------------------------*/
/* IE6 
/*---------------------------------------------------------------------------------------------------------*/
.upgradeIE{ width:100%; font:11px tahoma; color:#333; background-color:#FFFFE1; padding:10px 0 10px 0; border-bottom:1px solid #9D9DA1; border-top:1px solid #9D9DA1; text-align:center; margin:0 0 10px 0;}
.upgradeIE a{ font-weight:bold; text-decoration:none; color:#0033FF;}
.upgradeIE a:hover{ text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------*/
/* Header
/*---------------------------------------------------------------------------------------------------------*/
/*top*/
.top{ float:left; width:1000px; padding:12px 0 0 0;}
.top .logo{ float:left; padding:4px 0 16px 8px;}
.top .logo a{ float:left;}
.top .logo a img{ float:left;}
.top .links{ float:right; padding:18px 8px 0 0; font:12px Arial; color:#CCC;}
.top .links a{font:12px arial; color:#000; text-decoration:none;}
.top .links a:hover{ text-decoration:underline;}

/*menu*/
.menu{ float:left; width:996px; padding:0 0 0 4px; height:40px; border-top:1px solid #7FB8CC; background:url(../img/menu_bg.jpg) repeat-x;}
.menu .btn{ float:left;}
.menu .btn a{ float:left; height:40px;}
.menu .btn a:hover{ background-position:0px -40px;}
.menu .ma a{ width:142px; background:url(../img/menu_a.jpg) no-repeat;}
.menu .mb a{ width:166px; background:url(../img/menu_b.jpg) no-repeat;}
.menu .mc a{ width:153px; background:url(../img/menu_c.jpg) no-repeat;}
.menu .md a{ width:75px; background:url(../img/menu_d.jpg) no-repeat;}
.menu .me a{ width:97px; background:url(../img/menu_e.jpg) no-repeat;}
.menu .mf a{ width:136px; background:url(../img/menu_f.jpg) no-repeat;}
.menu .separ{ float:left; font-size:0px; height:40px; width:1px;  background:url(../img/menu_separ.jpg) repeat-x;}

.menu .recherche{ float:right; padding:8px 18px 0 0;}
.menu .recherche input{ float:left; width:140px; font:12px Arial; border:1px solid #FFF; padding:3px 4px 4px 4px;}
.menu .recherche .iOn{ color:#000;}
.menu .recherche .iOff{ color:#CCC}
.menu .recherche a{ float:left; height:24px; width:24px; background:url(../img/btn_recherche.jpg) repeat-x;}
.menu .recherche a:hover{ background-position:0px -24px;}

/**/
.sm_contain{width:980px; background-color:#F90; float:left;  line-height:0px; height:0px; font-size:0px;}
/*sous menu*/
.smenu .options{}
.smenu a{ display:block; padding:5px 24px 6px 24px; text-decoration:none; font:13px Arial; color:#FFF; background-color:#0093C3; border-bottom:1px solid #2DA2C9; }
.smenu a:hover{ background-color:#85CDE4; border-bottom:1px solid #C6E8F2; color:#0093C3;}

/*---------------------------------------------------------------------------------------------------------*/
/* Accueil
/*---------------------------------------------------------------------------------------------------------*/
.acctitre{ float:left; width:500px; padding:14px 0 13px 12px;}
#banner{ float:left; width:1000px;}

.blkacc{ float:left; width:1000px;}
.blkacc li{ float:left; padding:12px 12px 20px 12px;}
/*---------------------------------------------------------------------------------------------------------*/
/* FAQ
/*---------------------------------------------------------------------------------------------------------*/
/*QUESTIONS*/
.questions{ padding:0 0 0 12px; float:left; width:640px;}
.questions .titre{ padding:24px 0 30px 0px; }
.questions li{float:left; width:640px; font:12px Arial; color:#0F85AD; line-height:18px;}
.questions li span{font-weight:bold; color:#F09226;}
.questions li a{ color:#0F85AD; text-decoration:none;}
.questions li a:hover{text-decoration:underline;}
.questions .end{ padding:0 0 40px 0; border-bottom:4px solid #F09226;}

/*REPONSES*/
.reponses{ padding:40px 0 0 12px; float:left; width:640px;}
.reponses li{float:left; width:640px; font:12px Arial; line-height:18px;}
.reponses .q{font:13px Arial; font-weight:bold; color:#0F85AD; padding:0 0 12px 0; }
.reponses .q span{font-weight:bold; color:#F09226;}
.reponses .r{ color:#000;}
.reponses .back{ text-align:right; padding:0 0 32px 0;}
.reponses .back a{ color:#F09226; text-decoration:none; font:10px Arial;}
.reponses .back a:hover{ text-decoration:underline;}

/*AGENDA*/
.agend{ float:left; width:640px; padding:29px 0 20px 12px;}
.agend .titre{ float:left; width:640px; padding:0 0 6px 0;}
.agend .titre img{ float:left;}
.agend .actu{ float:left; width:640px;}
.agend .actu .act{float:left; width:640px; border-top:1px solid #CCC; font:13px arial; padding:12px 0 0 0;}
.agend .actu .act .a{ float:left; width:55px; font-weight:bold; color:#F19322;}
.agend .actu .act .b{ float:left; width:585px; font-weight:bold; color:#000;}
.agend .actu .act .c{ float:left; width:585px; color:#0F85AD; line-height:18px; padding:0 0 12px 0;}
	

/*---------------------------------------------------------------------------------------------------------*/
/* actualités
/*---------------------------------------------------------------------------------------------------------*/
.actlist{ float:left; width:668px; padding:12px 0 0 12px;}
.actlist li .mact{ float:left; width:144px; height:180px; margin:0 22px 30px 0;}
.actlist li .mact .ph{ float:left; width:144px;}
.actlist li .mact .ph a{float:left;}
.actlist li .mact .ph a:hover{}
.actlist li .mact .ph a img{float:left;}

.actlist li .mact .txt{ float:left; width:144px; padding:6px 0 0 0;}
.actlist li .mact .txt a{ font:11px arial; color:#7F7F7F; text-decoration:none;}
.actlist li .mact .txt a b{color:#1F3B6B;}
.actlist li .mact .txt a:hover{ text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------*/
/* Pages
/*---------------------------------------------------------------------------------------------------------*/
/*ZONE DE TEXTE*/
.zt{}
.zt ul{}
.zt ul li{ padding:0 0 0 10px; background:url(../img/puce.jpg) no-repeat; background-position:2px 9px;}
.zt a{ text-decoration:none; color:#0F85AD;}
.zt a:hover{ text-decoration:underline;}


/*TITRES*/
.sIFR-active .europa{	
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 22px;
	min-height:32px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
/*TITRES*/
.sIFR-active .europamed{	
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 28px;
	height:32px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}


/*TEXTE*/
.page{ float:left; width:640px; padding:0 0 0 12px;}
.page .t{ float:left; width:640px; padding:29px 0 4px 0px;}
.page .t img{ float:left;}
.page .titre{ float:left; width:640px;}
.page .photo{ float:left; width:640px; padding:10px 0 4px 0;}
.page .video{ float:left; width:640px; padding:10px 0 4px 0;}
.page .date{width:640px; font:10px arial; color:#F09127;}
.page .texte{width:640px; font:13px arial; color:#343434; line-height:18px;}

/*SHARE*/
.share{float:left; width:640px; padding:12px 0 0 12px;}
.style_addthis{float:left; width:640px; border-bottom:1px solid #E0E0E0; border-top:1px solid #E0E0E0; padding:10px 0 10px 0 ; }

.perso{ float:left; font:13px arial; text-decoration:none; color:#343434; padding:0 20px 0 0 ; }
.perso:hover{ text-decoration:underline;}

/*COLONNE*/
.col{ float:right; width:310px; padding:0 0 20px 0;}
.col li{ float:left; width:310px;}
.col .a{ padding:17px 0 0 0;}
/*---------------------------------------------------------------------------------------------------------*/
/* Newsletter block
/*---------------------------------------------------------------------------------------------------------*/
.news{float:left; width:310px; padding:26px 0 10px 0; background:url(../img/news_bg.jpg) no-repeat #007DA9;}
.news li{float:left; width:300px; padding:10px 0 0 10px; font:12px Arial; color:#FFF;}
.news li input{ float:left; font:12px Arial; color:#0285B3; border:1px solid #FFF; width:184px; padding:2px 0 2px 4px; margin:0 2px 0 0;}
.news li a{float:left; width:86px; height:20px; background:url(../img/news_btn.jpg) no-repeat;}
.news li a:hover{float:left; width:86px; height:20px; background:url(../img/news_btn.jpg) no-repeat; background-position:0 -20px;}

/*---------------------------------------------------------------------------------------------------------*/
/* Mediatheque block
/*---------------------------------------------------------------------------------------------------------*/
.med{ float:left; width:310px;}
.med li{float:left;}
.med .titre{width:310px;  padding:12px 0 6px 0; border-bottom:1px solid #E6E6E6;}
.med .titre img{ float:left;}

.med .lk{width:274px;  padding:8px 0 8px 24px; border-bottom:1px solid #E6E6E6;}
.med .lk a{ float:left; font:12px Arial; color:#666; text-decoration:none;}
.med .lk a:hover{ text-decoration:underline;}

.med .more{ width:290px;  padding:8px 0 8px 20px; background:url(../img/etoile.jpg) no-repeat; background-position:0px 8px;}
.med .more a{ float:left; font:12px Arial; color:#CCC; text-decoration:none;}
.med .more a:hover{ color:#016469;}

/*---------------------------------------------------------------------------------------------------------*/
/* Agenda block
/*---------------------------------------------------------------------------------------------------------*/
.agen{ float:left; width:310px;}
.agen li{float:left;}
.agen .titre{width:310px;  padding:12px 0 6px 0; border-bottom:1px solid #E6E6E6;}
.agen .titre img{ float:left;}

.agen .lk{width:304px; padding:8px 0 8px 6px; border-bottom:1px solid #E6E6E6;}
.agen .lk span{ float:left; font:12px Arial;  color:#CCC; padding:0 4px 0 0;}
.agen .lk .d{ color:#999;}

.agen .lk a{ float:left; font:12px Arial; color:#000; text-decoration:none;}
.agen .lk a:hover{text-decoration:underline;}

.agen .more{ width:290px;  padding:8px 0 8px 20px; background:url(../img/etoile.jpg) no-repeat; background-position:0px 8px;}
.agen .more a{ float:left; font:12px Arial; color:#CCC; text-decoration:none;}
.agen .more a:hover{ color:#016469;}

/*---------------------------------------------------------------------------------------------------------*/
/* video block
/*---------------------------------------------------------------------------------------------------------*/
.vid{float:left; width:308px;}
.vid li{float:left;  padding:0 0 0 0;}
.vid .titre{width:308px; padding:12px 0 7px 0;}
.vid .titre img{ float:left;}

.vid .aper{ width:308px;}
.vid .aper a{float:left;}
.vid .aper a:hover{}
.vid .aper a img{float:left;}

.vid .lk{ width:308px; padding:4px 0 0 0;}
.vid .lk a{ font:12px arial; color:#000; float:left; text-decoration:none;}
.vid .lk a:hover{ text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------*/
/*RESULT RECHERCHE*/
/*---------------------------------------------------------------------------------------------------------*/
.result{ padding:0 0 40px 12px; float:left; width:640px;}
.result .titre{ padding:24px 0 18px 0px; }
.result li{float:left; width:640px; font:12px Arial; color:#000; line-height:18px;}
.result .ligne{ border-bottom:1px solid #CCC; padding:10px 0 10px 0;}
.result .ligne ul .t{ color:#0F85AD;} 
.result .ligne ul .t a{ color:#0F85AD; text-decoration:none;}
.result .ligne ul .t a:hover{text-decoration:underline;}

/*-----------------------------------------------------------------------------*/
/* MULTIPAGE
/*-----------------------------------------------------------------------------*/
.contentnav{ width:640px; padding:0 0 0 12px;}
#nav { float:left; text-align:center;  font:12px Arial; color:#333333; width:640px;}
.nav{ margin:10px 0 10px 0; border-top:1px solid #CCC;}/*page agenda*/
.nav2{ margin:0px 0 10px 0; border:0px;}/*page projet*/
#nav .pages{float:left; width:492px; line-height:40px;}
#nav a {text-decoration:none; color:#fff; padding:3px 7px 3px 8px; background-color:#86CCE5;}
#nav .b { padding:3px 7px 3px 6px;}
#nav a:hover{ color:#017CA8;}
#nav span{ color:#FFF; padding:3px 7px 3px 8px; background-color:#017CA8;}

#nav .pre { padding:3px 7px 3px 8px; margin:9px 0 0 0; float:left; display:block;   background-color:#86CCE5;}
#nav .nex { padding:3px 7px 3px 8px; margin:9px 0 0 0;  float:right; display:block;   background-color:#86CCE5;}
#nav .nex:hover,#nav .pre:hover{background-position:0px -20px;}

#nav .rep{ float:left; width:84px;}

/*---------------------------------------------------------------------------------------------------------*/
/* Mediatheque MENU
/*---------------------------------------------------------------------------------------------------------*/
.menumedia{float:left; width:640px; padding:12px 0 0 12px;}
.menumedia ul{float:left; width:640px; background-color:#F1F1F1; padding:12px 0 12px 0;}
.menumedia ul li{float:left; width:201px; padding:2px 0 2px 12px;}
.menumedia ul li a{float:left; font:12px arial; font-weight:bold; text-decoration:none; color:#000;}
.menumedia ul li a:hover{ text-decoration:underline;}
.menumedia ul li .activ{ color:#F09127;}
/*---------------------------------------------------------------------------------------------------------*/
/* Mediatheque RESULT
/*---------------------------------------------------------------------------------------------------------*/
.media{ float:left; width:640px; padding:0 0 24px 12px;}
.media .titre{ float:left; width:640px;  padding:12px 0 0 0; }
.media .titre h1{float:left; width:640px; } 
/*TITRES*/
.sIFR-active .europa2{	
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 18px;
	height:20px;
	padding:5px 0 9px 0px;
	margin:0 0 0 0;
	background-color:#F1F1F1;
}
.media li .line{ float:left; width:640px; padding:12px 0 12px 0;}
.media li .line .tit{ float:left; width:640px; font:14px arial; font-weight:bold; color:#000; padding:0px 0 6px 0;}
.media li .line .txt{ float:left; width:610px; padding:0 0 0 30px; font:12px arial; color:#000; line-height:18px;}
.media li .line .lnk{ float:left; width:610px; padding:0 0 0 30px; font:11px arial; color:#656565;}
.media li .line .lnk a{ text-decoration:none; color:#656565;}
.media li .line .lnk a:hover{ text-decoration:underline;}

/*---------------------------------------------------------------------------------------------------------*/
/* Projets 
/*---------------------------------------------------------------------------------------------------------*/
.proj{float:left; width:640px; padding:20px 0 0 12px;}
.proj .container{float:left; width:620px; padding:12px 0 12px 20px; background:url(../img/bg_proj.jpg) repeat-x #007DA9;}

/*COMMUNES*/
.com{ float:left;  width:316px; padding:0 30px 0 0;}
.com .titre{ font:14px Arial; color:#00557A; padding:0 0 10px 0; border-bottom:1px solid #007FAC;}
.com .titre span{ color:#FFF; font-weight:bold;}

.com .select{ float:left;  padding:12px 0 0 0;}
.com .select select{ float:left; padding:3px 3px 3px 3px; font:16px Arial; color:#000; width:316px;}

/*TAGS*/
.tags{ float:left;  width:220px; padding:0 0 0 30px; border-left:1px solid #3282A3;}
.tags .titre{ font:14px Arial; color:#00557A; padding:0 0 10px 0; border-bottom:1px solid #007FAC;}
.tags .titre span{ color:#FFF; font-weight:bold;}

.tags .list{ float:left; padding:12px 0 0 0;}
.tags .list ul{float:left; width:110px;}
.tags .list ul li{float:left; width:110px;}
.tags .list ul li a{ font:13px Arial; color:#FFF; text-decoration:none; font-weight:bold;}
.tags .list ul li a:hover{ text-decoration:underline;}
.tags .list ul li .activ{ text-decoration:underline;}

/*RESULT*/
.projlist{float:left; width:640px; padding:12px 0 0px 12px;}
.projlist .pro{float:left; width:640px; background-color:#006E9B; margin:0 0 4px 0;}

.projlist .pro .a{float:left; width:460px; padding:0 0 12px 0;}
.projlist .pro .a li{float:left; width:460px; }
.projlist .pro .a .tit{ font:14px Arial; color:#FFF; font-weight:bold; padding:16px 0 4px 16px;}
.projlist .pro .a .txt{ font:10px Arial; color:#CBE2EA; line-height:14px; padding:0 0 4px 16px;}
.projlist .pro .a .lnk{ font:10px Arial;  padding:0 0 0 16px;}
.projlist .pro .a .lnk a{ background:url(../img/fl_lnk.jpg) no-repeat; background-position:0px 3px; padding:0 0 0 22px; font:11px arial; color:#F09329; text-decoration:none;}
.projlist .pro .a .lnk a:hover{ text-decoration:underline;}

.projlist .pro .b{float:right; width:120px; padding:18px 0 0 0;}
.projlist .pro .b li{float:left; padding:0 0 4px 0; width:120px;}
.projlist .pro .b li a{float:left; font:11px arial; color:#FFF;  background-color:#CB8D36; padding:1px 3px 1px 3px; text-decoration:underline;}
.projlist .pro .b li a:hover{ }

/*---------------------------------------------------------------------------------------------------------*/
/* PARTNERS
/*---------------------------------------------------------------------------------------------------------*/
.partners{ float:left; width:640px; padding:0 0 24px 12px;}
.partners .blk{ float:left; margin:12px 0 12px 0;}
.partners .r{ float:right;}
.partners .l{ float:left;}

.partners .blk ul{ float:left;}
.partners .blk ul .pho{ float:left; width:78px; height:78px; border:1px solid #F19228; padding:3px 3px 3px 3px; background-color:#FFF; margin:0 12px 0 0;}
.partners .blk ul .pho img{ float:left;}
.partners .blk ul .txt{ float:left; background-color:#F1F1F1; height:86px; width:210px;}
.partners .blk ul .txt span{ display:block; font:14px arial; font-weight:bold; padding:10px 0 0 10px;}
.partners .blk ul .txt a{display:block; color:#000; font:11px arial; text-decoration:none; padding:0 0 0 10px}
.partners .blk ul .txt a:hover{ text-decoration:underline;}

/*---------------------------------------------------------------------------------------------------------*/
/*TOOL*/
/*---------------------------------------------------------------------------------------------------------*/
.tools{ float:right;}
.tools a{ float:left; width:20px; height:20px;}
.tools a:hover{ background-position:0 -20px;}
.tools .print{ background:url(../img/print.jpg) no-repeat;}
.tools .pdf{ background:url(../img/save.jpg) no-repeat;}
	
/*---------------------------------------------------------------------------------------------------------*/
/* footer
/*---------------------------------------------------------------------------------------------------------*/
.footer{ float:left; padding:24px 12px 12px 0; width:988px;  border-top:4px solid #7FB8CC;}
.footer .liens{ float:left;}

.footer .liens ul{ display:block; float:left; border-right:1px solid #b4b4b4; padding:0 14px 0 14px;}
*html .footer .liens ul{width:10%;}
.footer .liens ul li{ height:14px; line-height:14px;  padding:0px 0 2px 0; margin:0px;}
.footer .liens ul li a{ color:#5A5A5A; font:11px Arial; text-decoration:none;}
.footer .liens ul li a:hover{ text-decoration:underline;}

.footer .liens .adr{ font:10px Arial; color:#343434; border:0px;}
.footer .liens .adr span{ font:13px Arial; font-weight:bold;}
.footer .liens .adr a{ font:10px Arial; color:#343434; text-decoration:none; }
.footer .liens .adr a:hover{ text-decoration:underline;}

.footer .liens .adr .lnk{ font:10px Arial; color:#666; text-decoration:none; }
.footer .liens .adr .lnk:hover{ text-decoration:underline;}

.footer .logos{ float:right;}
.footer .logos ul{ float:left;}
.footer .logos ul li{ float:left; padding:0 0 0 2px;}
.footer .logos ul li a{ float:left;}

.footer .logos ul .loga a{ width:44px;  height:58px; background:url(../img/logo_seine_maritime.jpg) no-repeat;}
.footer .logos ul .loga a:hover{ background-position:0 -57px;}

.footer .logos ul .logb a{ width:49px;  height:34px; background:url(../img/logo_europe.jpg) no-repeat;}
.footer .logos ul .logb a:hover{ background-position:0 -33px;}

.footer .logos ul .logc a{ width:41px;  height:58px; background:url(../img/logo_haute_normandie.jpg) no-repeat;}
.footer .logos ul .logc a:hover{ background-position:0 -58px;}

.footer .logos ul .logd{ padding:32px 0 0 0;}
.footer .logos ul .logd a{ width:68px;  height:26px; background:url(../img/logo_eure.jpg) no-repeat;}
.footer .logos ul .logd a:hover{ background-position:0 -26px;}

.footer .logos ul .loge a{ width:39px;  height:58px; background:url(../img/logo_port_rouen.jpg) no-repeat;}
.footer .logos ul .loge a:hover{ background-position:0 -58px;}

.footer .logos ul .logf a{ width:34px;  height:58px; background:url(../img/logo_eau_seine.jpg) no-repeat;}
.footer .logos ul .logf a:hover{ background-position:0 -58px;}