/* STRUCTURE GENERALE
-------------------------------------------------------------------------------------------------------------- */

body {
background: #fff url(../img/str-body.png) repeat-y center top;
}

div#corps {
position: relative;
margin: 0 auto;
width: 1047px;
}




/* STRUCTURE DE CONTENU
-------------------------------------------------------------------------------------------------------------- */


/* KONTENT */

div#kontent {
position: relative;
background: transparent url(../img/str-kontent.png) repeat-y 0 0;
}

div#kontent div#bande {
padding-bottom: 43px;
background: transparent url(../img/str-bande.png) no-repeat 34px bottom;
}

div#kontent div#colonnes {
height: 100%;   /* evite un pb d'affichage sous IE car ne contient que des elements flottants */
background: transparent url(../img/str-colonnes.png) repeat-y 0 0;
}


/* COLONNE 1 */

div#col_1 {
float: left;
padding: 0 0 0 37px;
width: 748px;
}

div#entete {
background: #fff;
height: 106px;
}


/* CONTENU */

div#contenu {
background: transparent url(../img/str-contenu.png) repeat-y 0 0;
}

div#contenu_bkg {
margin: 15px 0 15px 15px;
background: #fff;
width: 720px;
}

div#contenu h1#titre_page {
padding: 10px 15px;
font-size: 2.2em;
font-weight: normal;
color: #000;
}

div#contenu h1#titre_page span {
color: #ee7c00;
}






/* STRUCTURE DE NAVIGATION
-------------------------------------------------------------------------------------------------------------- */


/* COLONNE 2 */

div#col_2 {
float: right;
width: 262px;
}


/* LANGUES */

div#langues {
width: 62px;
height: 25px;
}

div#langues li {
float: left;
padding: 5px 0 0 5px;
width: 26px;
height: 13px;
}

div#langues li a {
display: block;
width: 22px;
height: 13px;
background-color: #fff;
background-repeat: no-repeat;
background-position: left bottom;
}

div#langues li.fr a {
background-image: url(../img/str-langues-fr.png);
}

div#langues li.en a {
background-image: url(../img/str-langues-en.png);
}

div#langues li a.active,
div#langues li a:hover
{
background-position: left top;
}


/* INTERNATIONAL */

div#international {
position: absolute;
z-index: 20;
top: 0;
right: 0;
width: 190px;
height: 25px;
}


/* RECHERCHE */

div#recherche {
margin-top: 13px;
padding-left: 2px;
}


/* OFFRES */

div#offres {
padding: 0 0 15px 10px;
}

div#offres a {
display: block;
width: 239px;
height: 117px; 
}

div#offres a.fr {
background: transparent url(../img/str-offres_fr.png) no-repeat 0 0;
}

div#offres a.en {
background: transparent url(../img/str-offres_en.png) no-repeat 0 0;
}


/* VIDEO */

div#video {
padding: 0 0 15px 10px;
}

div#video a {
display: block;
width: 234px;
height: 138px; 
}

div#video a.fr { 
background: transparent url(../img/str-video_fr.jpg) no-repeat 0 0;
}

div#video a.en { 
background: transparent url(../img/str-video_en.jpg) no-repeat 0 0;
}


/* RESEAUX */

div.reseaux_world {
padding-top: 80px;
}


/* MULTIMEDIA ACCES */

div#multimedia_acces {
padding: 0 0 20px 10px;
width: 252px;
}

div#multimedia_acces a {
display: block;
width: 233px;
height: 178px;
}

div#multimedia_acces a.fr {
background: transparent url(../img/str-multimedia_acces-fr.png) no-repeat 0 0;
}

div#multimedia_acces a.en {
background: transparent url(../img/str-multimedia_acces-en.png) no-repeat 0 0;
}


/* MENU ACTIVITES */

div#activites {
position: absolute;
z-index: 20;
top: 66px;
left: 37px;
width: 747px;
height: 55px;
}


/* ACCES PROS */

div#acces_pros {
position: absolute;
z-index: 20;
top: 93px;
left: 45px;
width: 100px;
height: 20px;
}

div#acces_pros a {
color: #999;
font-size: .9em;
text-decoration: none;
}

div#acces_pros a:hover,
div#acces_pros a.active
{
color: #000;
}


/* ACCES PANIER */

div#acces_panier {
position: absolute;
z-index: 20;
top: 0;
left: 620px;
padding: 6px 0 0 32px;
width: 130px;
height: 24px;
background: #fff url(../img/str-acces_panier.png) no-repeat 0 0;
}

div#acces_panier a {
color: #999;
font-size: .9em;
text-decoration: none;
}

div#acces_panier a:hover {
color: #000;
}


/* MENU PIED */

div#menu_pied {
background: transparent url(../img/str-menu_pied.png) repeat-y 0 0;
height: 100%;
}

div#menu_pied div.menu_pied_fr {
background: transparent url(../img/str-menu_pied_fr.png) no-repeat 0 0;
}

div#menu_pied div.menu_pied_en {
background: transparent url(../img/str-menu_pied_en.png) no-repeat 0 0;
}


/* PIED DE PAGE */

div#pied {
position: relative;
height: 170px;
margin-bottom: 40px;
background: transparent url(../img/kpz-pied.png) no-repeat left bottom;
}

div#pied div.coordonnees {
position: absolute;
top: 10px;
left: 0;
padding-left: 160px;
width: 400px;
font-family: verdana;
font-size: .8em;
color: #666;
background: transparent url(../img/kpz-pied-coordonnees.png) no-repeat 0 5px;

}

div#pied div.partenaires {
position: absolute;
top: 90px;
left: 20px;
width: 800px;
}

div#pied div.partenaires h2 {
padding: 0 0 5px 23px;
font-size: 1em;
font-weight: normal;
color: #999;
}

div#pied div.partenaires li {
float: left;
margin-left: 20px;
height: 35px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
}

div#pied div.partenaires li.ville {  width: 85px;  background-image: url(../img/kpz-pied-partenaires-ville.png);  }
div#pied div.partenaires li.agglo {  width: 25px;  background-image: url(../img/kpz-pied-partenaires-agglo.png);  }
div#pied div.partenaires li.enjoy {  width: 56px;  background-image: url(../img/kpz-pied-partenaires-enjoy.png);  }
div#pied div.partenaires li.adt 	 {  width: 62px;  background-image: url(../img/kpz-pied-partenaires-adt.png);  }
div#pied div.partenaires li.crt 	 {  width: 28px;  background-image: url(../img/kpz-pied-partenaires-crt.png);  }
div#pied div.partenaires li.qsf 	 {  width: 69px;  background-image: url(../img/kpz-pied-partenaires-qsf.png);  }
div#pied div.partenaires li.qto 	 {  width: 25px;  background-image: url(../img/kpz-pied-partenaires-qto.png);  }
div#pied div.partenaires li.fnotsi {  width: 67px;  background-image: url(../img/kpz-pied-partenaires-fnotsi.png);  }
div#pied div.partenaires li.rdv 	 {  width: 42px;  background-image: url(../img/kpz-pied-partenaires-rdv.png);  }
div#pied div.partenaires li.nf 	 {  width: 46px;  background-image: url(../img/kpz-pied-partenaires-nf.png);  }
div#pied div.partenaires li.th 	 {  width: 52px;  background-image: url(../img/kpz-pied-partenaires-th.png);  }

div#pied div.partenaires li a {
display: block;
height: 35px;
}

div#pied p.picto {
position: absolute;
top: 20px;
width: 39px;
height: 39px;
}

div#pied p.picto1 {
right: 90px;
background: #fff url(../img/kpz-pied-picto1.png) no-repeat 0 0;
}

div#pied p.picto2 {
right: 30px;
background: #fff url(../img/kpz-pied-picto2.png) no-repeat 0 0;
}

div#pied p.picto a {
display: block;
width: 39px;
height: 39px;
}


/* RETOUR HOME */

div#retour a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 283px;
height: 62px;
background: transparent url(../img/str-logo.png) no-repeat 0 0;
}




/* ELEMENTS UTILES AUX PAGES INTERNES
-------------------------------------------------------------------------------------------------------------- */

/* BANDEAU */

div#bandeau {
margin: 12px 0 0 6px;
width: 730px;
height: 140px;
border: 3px solid #fff;
overflow: hidden;
}

div#bandeau div#bandeau_img {
width: 730px;
height: 140px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}


/* WORLD MENU */

div#world_menu {
position: absolute;
z-index: 10;
top: 66px;
left: 37px;
width: 960px;
height: 55px;
}




/* COMPOSANTS DE STRUCTURE
-------------------------------------------------------------------------------------------------------------- */

/* RECHERCHE MOTEUR */

div#kpz-recherche_moteur {
position: relative;
margin-bottom: 20px;
width: 243px;
height: 24px;
border: 1px solid #dee0e1;
}

div#kpz-recherche_moteur input#recherche_moteur_input {
position: absolute;
z-index: 10;
top: 0;
left: 5px;
width: 205px;
height: 20px;
line-height: 20px;
border: 0;
color: #333;
}

div#kpz-recherche_moteur input.submit {
position: absolute;
z-index: 10;
top: 2px;
right: 2px;
width: 20px;
height: 20px;
border: 0;
background: transparent url(../img/kpz-recherche_moteur-ok.png) no-repeat 0 0;
cursor: pointer;
}


/* ACTUALITES ACCES */

div#kpz-actualites_acces {
padding: 25px 0 10px 10px;
}

div#kpz-actualites_acces ul {
padding: 50px 0 0 15px;
width: 220px;
height: 104px; 
}

div#kpz-actualites_acces ul.fr {
background: transparent url(../img/kpz-actualites_acces-fr.png) no-repeat 0 0;
}

div#kpz-actualites_acces ul.en {
background: transparent url(../img/kpz-actualites_acces-en.png) no-repeat 0 0;
}

div#kpz-actualites_acces li {
padding-left: 10px;
background: transparent url(../img/kpz-actualites_acces-fleche.png) no-repeat left center;
}

div#kpz-actualites_acces li a {
font-weight: bold;
font-size: 1.1em;
}

div#kpz-actualites_acces li a:hover {
color: #ec7d33;
text-decoration: none;
}


/* THEMATIQUES ACCES */

div#kpz-thematiques_acces {
padding: 0 0 15px 8px;
width: 237px;
background: #fff url(../img/str-col_2-ombre.png) no-repeat center bottom;
}

div#kpz-thematiques_acces h2 {
background: #fff url(../img/kpz-thematiques_acces-titre.png) no-repeat 0 0;
height: 35px;
}

div#themes {
width: 237px;
height: 95px;
}

div#themes-left {
float: left;
width: 13px;
height: 95px;
background: transparent url(../img/kpz-thematiques_acces-left.png) no-repeat left 25px;
cursor: pointer;
}

div#themes-right {
float: left;
width: 11px;
height: 95px;
background: transparent url(../img/kpz-thematiques_acces-right.png) no-repeat right 25px;
cursor: pointer;
}

div#themes-mask {
float: left;
position: relative;
width: 213px;
height: 95px;
overflow: hidden;
}

div#themes div#themes-liste {
position: absolute;
top: 0;
left: 0;
height: 95px;
}

div#themes li {
float: left;
}

div#themes li a {
display: block;
padding-top: 68px;
width: 71px;
height: 27px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
font-size: .9em;
color: #999;
}


/* UNE PROMOS */

div#kpz-une_promos {
padding: 0 0 15px 12px;
}

div#kpz-une_promos a {
display: block;
width: 230px;
height: 120px; 
background: #009adf;
}

div#kpz-une_promos a img {
width: 230px;
height: 120px; 
}


/* RESEAUX */

div#kpz-reseaux {
padding-bottom: 30px;
width: 252px;
background: transparent url(../img/str-col_2-ombre.png) no-repeat center bottom;
}

div#kpz-reseaux ul {
float: left;
padding-left: 10px;
width: 48px;
}

div#kpz-reseaux li {
padding-bottom: 5px;
width: 42px;
height: 42px;
}

div#kpz-reseaux li a {
display: block;
width: 42px;
height: 42px;
background-color: #fff;
background-repeat: no-repeat;
background-position: left top;
}

div#kpz-reseaux li a:hover {
background-position: left bottom;
}

div#kpz-reseaux li.vimeo a {
background-image: url(../img/kpz-reseaux-vimeo.png);}

div#kpz-reseaux li.youtube a {
background-image: url(../img/kpz-reseaux-youtube.png);
}

div#kpz-reseaux div.facebook {
float: left;
width: 190px;
border-left: 1px solid #ccc;
}


/* RECHERCHE NUAGE */

div#kpz-recherche_nuage {
padding-left: 10px;
width: 230px;
}

div#kpz-recherche_nuage a {
color: #666;
}


/* CARNET ACCES */

div#kpz-activites_carnet_acces {
position: relative;
padding: 0 0 15px 10px;
width: 235px;
height: 87px;
}

div#kpz-activites_carnet_acces a {
display: block;
width: 235px;
height: 87px;
}

div#kpz-activites_carnet_acces a:hover {
text-decoration: none;
}

div#kpz-activites_carnet_acces a.carnet_fr {
background: #fff url(../img/kpz-activites_carnet_acces-fr.jpg) no-repeat 0 0;
}

div#kpz-activites_carnet_acces a.carnet_en {
background: #fff url(../img/kpz-activites_carnet_acces-en.jpg) no-repeat 0 0;
}

div#kpz-activites_carnet_acces span.nb {
position: absolute;
top: -5px;
right: -5px;
width: 29px;
height: 32px;
line-height: 26px;
text-align: center;
color: #fff;
font-weight: bold;
background: transparent url(../img/kpz-activites_carnet_acces-nb.png) no-repeat 0 0;
}


/* LIAISONS GENERAL */

div#kpz-liaisons_general {
margin: 10px;
padding: 10px;
background: #fff;
}

div#kpz-liaisons_general h2.liaisons_titre {
font-size: 16px;
font-weight: normal;
font-family: "Trebuchet MS";
color: #999;
text-align: right;
}

div#kpz-liaisons_general div.lia {
padding: 10px 0;
border-bottom: 1px dotted #333;
}

div#kpz-liaisons_general div.lia_last {
border-bottom: none;
}

div#kpz-liaisons_general div.lia h3 {
padding: 0 0 5px 15px;
background: transparent url(../img/kpz-liaisons_general-puce.png) no-repeat 0 3px;
font-size: 1em;
}

div#kpz-liaisons_general div.lia h3 a {
color: #333;
font-size: 1.2em;
font-weight: normal;
text-align: left;
text-decoration: none;
}

div#kpz-liaisons_general div.lia div.img {
float: left;
margin: 0 10px 10px 0;
}

div#kpz-liaisons_general div.lia div.infos {

}

 div#kpz-liaisons_general div.lia h4 {
margin: 0 0 5px 0;
font-size: .9em;
color: #999;
font-weight: normal;
}


div#use_mobile {
}

div#use_mobile a {
display: block;
color: #fff;
padding: 10px;
background: #009ee0;
text-align: center; 
font-size: 35px;
}

div#use_mobile a:hover {
background: #0000ee;
text-decoration: none;
}