/*------------------------------ Fond Page d'accueil -------------------------*/
body.home{
background-color:#ffffff;
background-image: url(../iso_icons/fond1.gif);
background-repeat:no-repeat;
margin:0;
}
/*-------------------------- Fond Flamme,logos et menus ----------------------*/
#FondFlamme{
background-image: url(../iso_icons/fond2.gif);
background-repeat:no-repeat;
position:absolute;
left:270px;
top:0px;
height:446px;
width:467px;
padding:0px;
margin:0px;
}
/*-------------------------- Bloc actualité ----------------------------------*/
.actu {
position:absolute; left:240px; top:264px;width:250px;height:180px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:#22608B;
overflow:auto;
padding: 4px;
Margin: 1px;
background-color:#FFFFFF;
border:2px #22608B;
border-style:solid ;
border-width:0px 1px 0px 3px ;
scrollbar-face-color: #EDF3F6; 
scrollbar-shadow-color: #22608B; 
scrollbar-highlight-color: #EDF3F6; 
scrollbar-3dlight-color: #22608B; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #22608B;
}
/*---------------------- Invisible -------------------------------------------*/
.invisible{visibility:hidden;}
/*---------------------- Tout Petit ------------------------------------------*/
.ToutPetit{font-size:1px;color:#FFFFFF;text-decoration:none;}
/*---------------------- Les images variables --------------------------------*/
#phA{ position:absolute; left:142px; top:0px; width:303px; height:82px; }
#phB{ position:absolute; left:194px; top:83px; width:225px; height:91px; }
#phC{ position:absolute; left:236px; top:175px; width:161px; height:117px;}
#phOffice{ position:absolute; left:267px; top:292px; width:113px;height:153px;}
/*---------------------- Les boutons français --------------------------------*/
#IBouton1,#IBouton2,#IBouton3,#IBouton4,#IBouton5,#IBouton6,#IBouton1:hover,#IBouton2:hover,#IBouton3:hover,#IBouton4:hover,#IBouton5:hover,#IBouton6:hover,#IDrapeau,#IDrapeau:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
#Bouton1,#Bouton2,#Bouton3,#Bouton4,#Bouton5,#Bouton6{list-style-type: none;}
#Bouton1{position:absolute; left:308px; top:110px; width:199px;height:21px;}
#IBouton1{background-image: url(../iso_icons/bouton1-off.gif);width:199px;height:21px;}
#IBouton1:hover{background-image: url(../iso_icons/bouton1-on.gif);width:199px;height:21px;}
#Bouton2{ position:absolute; left:308px; top:131px; width:199px;height:23px;}
#IBouton2{background-image: url(../iso_icons/bouton2-off.gif);width:199px;height:23px;}
#IBouton2:hover{background-image: url(../iso_icons/bouton2-on.gif);width:199px;height:23px;}
#Bouton3{ position:absolute; left:308px; top:154px; width:199px;height:23px;}
#IBouton3{background-image: url(../iso_icons/bouton3-off.gif);width:199px;height:23px;}
#IBouton3:hover{background-image: url(../iso_icons/bouton3-on.gif);width:199px;height:23px;}
#Bouton4{ position:absolute; left:308px; top:177px; width:199px;height:23px;}
#IBouton4{background-image: url(../iso_icons/bouton4-off.gif);width:199px;height:23px;}
#IBouton4:hover{background-image: url(../iso_icons/bouton4-on.gif);width:199px;height:23px;}
#Bouton5{ position:absolute; left:308px; top:200px; width:199px;height:23px;}
#IBouton5{background-image: url(../iso_icons/bouton5-off.gif);width:199px;height:23px;}
#IBouton5:hover{background-image: url(../iso_icons/bouton5-on.gif);width:199px;height:23px;}
#Bouton6{ position:absolute; left:308px; top:223px; width:199px;height:25px;}
#IBouton6{background-image: url(../iso_icons/bouton6-off.gif);width:199px;height:25px;}
#IBouton6:hover{background-image: url(../iso_icons/bouton6-on.gif);width:199px;height:25px;}
/*---------------------- Les boutons anglais ---------------------------------*/
#ukIBouton1,#ukIBouton2,#ukIBouton3,#ukIBouton4,#ukIBouton5,#ukIBouton6,#ukIBouton1:hover,#ukIBouton2:hover,#ukIBouton3:hover,#ukIBouton4:hover,#ukIBouton5:hover,#ukIBouton6:hover,#ukIDrapeau,#ukIDrapeau:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
#ukBouton1,#ukBouton2,#ukBouton3,#ukBouton4,#ukBouton5,uk#Bouton6{list-style-type: none;}
#ukBouton1{position:absolute; left:308px; top:110px; width:199px;height:21px;}
#ukIBouton1{background-image: url(../iso_icons/ukbouton1-off.gif);width:199px;height:21px;}
#ukIBouton1:hover{background-image: url(../iso_icons/ukbouton1-on.gif);width:199px;height:21px;}
#ukBouton2{ position:absolute; left:308px; top:131px; width:199px;height:23px;}
#ukIBouton2{background-image: url(../iso_icons/ukbouton2-off.gif);width:199px;height:23px;}
#ukIBouton2:hover{background-image: url(../iso_icons/ukbouton2-on.gif);width:199px;height:23px;}
#ukBouton3{ position:absolute; left:308px; top:154px; width:199px;height:23px;}
#ukIBouton3{background-image: url(../iso_icons/ukbouton3-off.gif);width:199px;height:23px;}
#ukIBouton3:hover{background-image: url(../iso_icons/ukbouton3-on.gif);width:199px;height:23px;}
#ukBouton4{ position:absolute; left:308px; top:177px; width:199px;height:23px;}
#ukIBouton4{background-image: url(../iso_icons/ukbouton4-off.gif);width:199px;height:23px;}
#ukIBouton4:hover{background-image: url(../iso_icons/ukbouton4-on.gif);width:199px;height:23px;}
#ukBouton5{ position:absolute; left:308px; top:200px; width:199px;height:23px;}
#ukIBouton5{background-image: url(../iso_icons/ukbouton5-off.gif);width:199px;height:23px;}
#ukIBouton5:hover{background-image: url(../iso_icons/ukbouton5-on.gif);width:199px;height:23px;}
#ukBouton6{ position:absolute; left:308px; top:223px; width:199px;height:25px;}
#ukIBouton6{background-image: url(../iso_icons/ukbouton6-off.gif);width:199px;height:25px;}
#ukIBouton6:hover{background-image: url(../iso_icons/ukbouton6-on.gif);width:199px;height:25px;}
/*----------------------------- Le drapeau anglais ---------------------------*/
#ukDrapeau{ position:absolute; left:180px; top:418px; width:35px;height:27px;background-repeat:no-repeat;}
#ukIDrapeau{display: block;background-image: url(../iso_icons/drapeauanglais.gif);width:35px;height:27px;background-repeat:no-repeat;}
#ukIDrapeau:hover{display: block;background-image: url(../iso_icons/drapeauanglaison.gif);width:35px;height:27px;background-repeat:no-repeat;}
/*----------------------------- Le drapeau français --------------------------*/
#Drapeau{ position:absolute; left:180px; top:418px; width:35px;height:27px;background-repeat:no-repeat;}
#IDrapeau{display: block;background-image: url(../iso_icons/drapeaufrancais.gif);width:35px;height:27px;background-repeat:no-repeat;}
#IDrapeau:hover{display: block;background-image: url(../iso_icons/drapeaufrancaison.gif);width:35px;height:27px;background-repeat:no-repeat;}
/*----------------------------- Les Logos à droite ---------------------------*/
#BlasonSaintVaast{ position:absolute; left:704px; top:76px; width:43px;height:54px;}
#BlasonReville{ position:absolute; left:708px; top:135px; width:34px;height:44px;}
#LogoPort{ position:absolute; left:714px; top:184px; width:25px;height:53px;}
#LogoTatihou{ position:absolute; left:704px; top:243px; width:43px;height:43px;}
#LogoSuperU{ position:absolute; left:703px; top:294px; width:44px;height:10px;}
#LogoCA{ position:absolute; left:703px; top:311px; width:44px;height:33px;}
#LogoCotentin{ position:absolute; left:690px; top:348px; width:57px;height:57px;}
#LogoValdeSaire{ position:absolute; left:677px; top:408px; width:70px;height:39px;}
#Marque{position:absolute; left:0px; top:0px; width:227px;height:388px;}
/*------------------------------ Page Intérieure -----------------------------*/
body.interieure{
background-color:#ffffff;
background-image: url(../iso_icons/fondint.gif);
background-repeat:no-repeat;
margin:0;
}
/*------------------------------ Menu Gauche Pages Intérieures ---------------*/
ul.menu{
position:absolute; left:5px; top:235px; width:130px;height:auto;
background-color:#ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding : 4px;
Margin : 1px;
color:#ffffff;
}
li.menu{
list-style-type: none;
padding : 2px;
}
a.menu,a.menu:alink,a.menu:visited{
color:#22608B;
text-decoration:none;
padding : 2px;
}
a.menu:hover{
color:#ffffff;
background-color:#22608B;
text-decoration:none;
padding : 2px;
}
/*------------------------------ Contenu Pages Intérieures -------------------*/
.pageprincipale {
position:absolute; left:150px; top:115px; width:600px;height:auto;
text-decoration:italic;
}
.contenu {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding: 4px;
Margin: 1px;
color:#22608B;
background-color:#EDF3F6;
border:1px solid #22608B;
}
.copyright {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:italic;
color:#905010;
}
/*------------------------------ Bandeau pages Intérieures -------------------*/
#IBandeau1,#IBandeau2,#IBandeau3,#IBandeau4,#IBandeau5,#IBandeau6,#IBandeau1:hover,#IBandeau2:hover,#IBandeau3:hover,#IBandeau4:hover,#IBandeau5:hover,#IBandeau6:hover{display: block;font-size:1px;color:#22608B;text-decoration:none;}
#IntDrapeau,#IntDrapeau:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
#Bandeau1,#Bandeau2,#Bandeau3,#Bandeau4,#Bandeau5,#Bandeau6{list-style-type: none;}
#Bandeau1{position:absolute; left:212px; top:86px; width:53px;height:17px;}
#IBandeau1{background-image: url(../iso_icons/bandeautitre1.gif);width:53px;height:17px;}
#IBandeau1:hover{background-image: url(../iso_icons/bandeautitre1on.gif);width:53px;height:17px;}
#Bandeau2{ position:absolute; left:271px; top:86px; width:57px;height:17px;}
#IBandeau2{background-image: url(../iso_icons/bandeautitre2.gif);width:57px;height:17px;}
#IBandeau2:hover{background-image: url(../iso_icons/bandeautitre2on.gif);width:57px;height:17px;}
#Bandeau3{ position:absolute; left:336px; top:86px; width:64px;height:17px;}
#IBandeau3{background-image: url(../iso_icons/bandeautitre3.gif);width:64px;height:17px;}
#IBandeau3:hover{background-image: url(../iso_icons/bandeautitre3on.gif);width:64px;height:17px;}
#Bandeau4{ position:absolute; left:406px; top:86px; width:77px;height:17px;}
#IBandeau4{background-image: url(../iso_icons/bandeautitre4.gif);width:77px;height:17px;}
#IBandeau4:hover{background-image: url(../iso_icons/bandeautitre4on.gif);width:77px;height:17px;}
#Bandeau5{ position:absolute; left:491px; top:86px; width:86px;height:17px;}
#IBandeau5{background-image: url(../iso_icons/bandeautitre5.gif);width:86px;height:17px;}
#IBandeau5:hover{background-image: url(../iso_icons/bandeautitre5on.gif);width:86px;height:17px;}
#Bandeau6{ position:absolute; left:585px; top:86px; width:121px;height:17px;}
#IBandeau6{background-image: url(../iso_icons/bandeautitre6.gif);width:121px;height:17px;}
#IBandeau6:hover{background-image: url(../iso_icons/bandeautitre6on.gif);width:121px;height:17px;}
/*------------------------------ Bandeau pages Intérieures (UK) --------------*/
#ukIBandeau1,#ukIBandeau2,#ukIBandeau3,#ukIBandeau4,#ukIBandeau5,#ukIBandeau6,#ukIBandeau1:hover,#ukIBandeau2:hover,#ukIBandeau3:hover,#ukIBandeau4:hover,#ukIBandeau5:hover,#ukIBandeau6:hover{display: block;font-size:1px;color:#22608B;text-decoration:none;}
#ukIntDrapeau,#ukIntDrapeau:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
#ukBandeau1,#Bandeau2,#Bandeau3,#Bandeau4,#Bandeau5,#Bandeau6{list-style-type: none;}
#ukBandeau1{position:absolute; left:212px; top:86px; width:41px;height:17px;}
#ukIBandeau1{background-image: url(../iso_icons/ukbandeautitre1.gif);width:41px;height:17px;}
#ukIBandeau1:hover{background-image: url(../iso_icons/ukbandeautitre1on.gif);width:41px;height:17px;}
#ukBandeau2{ position:absolute; left:258px; top:86px; width:100px;height:17px;}
#ukIBandeau2{background-image: url(../iso_icons/ukbandeautitre2.gif);width:100px;height:17px;}
#ukIBandeau2:hover{background-image: url(../iso_icons/ukbandeautitre2on.gif);width:100px;height:17px;}
#ukBandeau3{ position:absolute; left:363px; top:86px; width:86px;height:17px;}
#ukIBandeau3{background-image: url(../iso_icons/ukbandeautitre3.gif);width:86px;height:17px;}
#ukIBandeau3:hover{background-image: url(../iso_icons/ukbandeautitre3on.gif);width:86px;height:17px;}
#ukBandeau4{ position:absolute; left:454px; top:86px; width:69px;height:17px;}
#ukIBandeau4{background-image: url(../iso_icons/ukbandeautitre4.gif);width:69px;height:17px;}
#ukIBandeau4:hover{background-image: url(../iso_icons/ukbandeautitre4on.gif);width:69px;height:17px;}
#ukBandeau5{ position:absolute; left:528px; top:86px; width:82px;height:17px;}
#ukIBandeau5{background-image: url(../iso_icons/ukbandeautitre5.gif);width:82px;height:17px;}
#ukIBandeau5:hover{background-image: url(../iso_icons/ukbandeautitre5on.gif);width:82px;height:17px;}
#ukBandeau6{ position:absolute; left:614px; top:86px; width:81px;height:17px;}
#ukIBandeau6{background-image: url(../iso_icons/ukbandeautitre6.gif);width:81px;height:17px;}
#ukIBandeau6:hover{background-image: url(../iso_icons/ukbandeautitre6on.gif);width:81px;height:17px;}

#DecoMenuInt{ position:absolute; left:185px; top:3px; width:175px; height:80px;}
#ImageMenuInt{ position:absolute; left:412px; top:0px; width:303px; height:83px;}
/*----------------------------- Le Retour au Menu ----------------------------*/
#Retour,#IRetour,#IRetour:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
#Retour{ position:absolute; left:738px; top:5px; width:27px;height:27px;background-repeat:no-repeat;list-style-type: none;}
#IRetour{display: block;background-image: url(../iso_icons/home.gif);width:27px;height:27px;background-repeat:no-repeat;}
#IRetour:hover{display: block;background-image: url(../iso_icons/homeon.gif);width:27px;height:27px;background-repeat:no-repeat;}
/*----------------------------- Le drapeau anglais ---------------------------*/
#ukIntDrapeau{ position:absolute; left:734px; top:35px; width:35px;height:27px;background-repeat:no-repeat;}
#ukIntDrapeau,#IntDrapeauuk:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
/*----------------------------- Le drapeau francais ---------------------------*/
#IntDrapeau{ position:absolute; left:734px; top:35px; width:35px;height:27px;background-repeat:no-repeat;}
#IntDrapeau,#IntDrapeau:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;}
/*----------------------------- Plan du site FR ------------------------------*/
#PlanSite,#IPlanSite,#IPlanSite:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;padding:1;align:right;}
#PlanSite{position:absolute; left:702px; top:62px; width:67px;height:18px;background-repeat:no-repeat;list-style-type: none;}
#IPlanSite{display: block;background-image: url(../iso_icons/plansite.gif);width:67px;height:18px;background-repeat:no-repeat;}
#IPlanSite:hover{display: block;background-image: url(../iso_icons/plansiteon.gif);width:67px;height:18px;background-repeat:no-repeat;}
/*----------------------------- Plan du site UK ------------------------------*/
#ukPlanSite,#ukIPlanSite,#ukIPlanSite:hover{display: block;font-size:1px;color:#FFFFFF;text-decoration:none;padding:1;align:right;}
#ukPlanSite{position:absolute; left:702px; top:62px; width:67px;height:18px;background-repeat:no-repeat;list-style-type: none;}
#ukIPlanSite{display: block;background-image: url(../iso_icons/ukplansite.gif);width:67px;height:18px;background-repeat:no-repeat;}
#ukIPlanSite:hover{display: block;background-image: url(../iso_icons/ukplansiteon.gif);width:67px;height:18px;background-repeat:no-repeat;}
/*------------------------------ Page Naviguer -------------------------------*/
#Naviguer{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre1.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukNaviguer{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre1.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Page Vie Locale -----------------------------*/
#VieLocale{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre2.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukVieLocale{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre2.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Page Se Distraire ---------------------------*/
#SeDistraire{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre3.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukSeDistraire{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre3.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Page Voir et Visiter ------------------------*/
#VoiretVisiter{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre4.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukVoiretVisiter{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre4.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Page Nous Contacter -------------------------*/
#NousContacter{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre5.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukNousContacter{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre5.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Page Se Loger / Se restaurer ----------------*/
#SeLoger{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/inttitre6.gif);width:133px;height:46px;background-repeat:no-repeat;}
#ukSeLoger{ position:absolute; left:148px; top:5px; width:133px; height:46px;
background-image: url(../iso_icons/ukinttitre6.gif);width:133px;height:46px;background-repeat:no-repeat;}
/*------------------------------ Sous-Menus DHTML 20 max ---------------------*/
#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12,#div13,#div14,#div15,#div16,#div17,#div18,#div19,#div20 {
position:absolute; 
top:auto; 
left:40px; 
background-color:#EDF3F6; 
width:350px; 
border-width:1px; 
border-color:#22608B; 
border-style:solid; 
visibility: hidden
}
/*------------------------------ Titre de la page ----------------------------*/
h5.titrepage {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}
#test{ position:absolute; left:300px; top:300px;}