* {
 margin: 0;
 padding: 0;
}

html { font-size: 100% }

body {
 padding: 0;
 margin: 0;
 background-color: black;
 text-align: center;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size: 0.70em;
 color: white;
}

a         { text-decoration: none; color: #BFBFBF; }
a:visited { text-decoration: none; }
a:hover   { color: white; }
a:active  { border-bottom: 0; color : #FFD27A; }
a:focus   { outline: none; }


#global {
 position: absolute;
 top: 50%;
 width: 100%;
 height: 604px;
 margin-top: -288px; /* moitié de la hauteur */
 text-align: left;
 background: black url(images/ext-1.jpg) left 16px repeat-x;
}



#fond {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -286px; /* moitié de la hauteur */
 margin-left: -480px; /* moitié de la largeur */
 height: 572px;
 width: 960px;
 background: black url(images/fond-1.jpg) left top no-repeat;
}





/****** Espace principal de chaque section (avec ascenseur graphique) ********/



#main {
 position: absolute;
 top: 50px;
 left: 40px;
 width: 920px;
 height: 500px;
 font-weight: normal;
 overflow: auto;
}




h1 {
 position: absolute;
 font-size: 1.8em;
 top: 125px;
 left: 280px;
 width: 640px;
 text-align: center;
 color: #FFBF29;
 text-shadow: 1px 1px 1px #484747;
}


#main h2 {
 color: #FFBF29;
 font-size: 15px;
 margin:  35px 0px 10px;
 text-shadow: 1px 1px 1px #000;
}

#main h3 {
 font-size: 1.2em;
 font-style: italic;
 font-weight: bold;
 margin:  10px 20px 5px 0;
 color: #FFBF29;
}


#main p {
 font-size: 1.2em;
 margin: 0px 20px 20px 0;
 text-align: justify;
 line-height: 1.3em;
}


hr {
 border: 0;
 height: 119px;
 background: transparent url(http://www.gwelan.com/assets/templates/Gwelan/images/separateur.png) center center no-repeat;
}

#main p.suite {
 text-align: right;
 font-style: italic;
 margin: -20px 20px 0 0;
 text-shadow: 1px 1px 1px black;
}

#main ul {
 font-size: 1em;
 margin:  10px 20px;
}

#main ul li {
 list-style-image: none;
 list-style-type: disc;
 line-height: 1.4em;
 font-size: 1.2em;
}

#main ul.sommaire { margin-left: 200px;}
#main ul.sommaire li { list-style-type: none; }
ul.sommaire li a { color: #fdecd9; font-weight: bold; text-shadow: 0px 0px 0px black; }
ul.sommaire li a:hover { color: white; }

/* Spécificités */

.id4 #main,.id258 #main { width: 880px }
.id4 #main p,.id258 #main p {
 margin: 10px auto 10px auto;
 line-height: 1.1em;
 text-align: center;
}
.id4 #colonne-1, .id4 #colonne-2,.id258 #colonne-1,.id258 #colonne-2 {
 float: left;
 width: 180px;
 font-size: 10px;
 color: #DFDFDF;
 margin-top: 40px
}
/*
.id4 #colonne-2,.id258 #colonne-2 { float: right; }
.id4 #main .blanc,.id258 #main .blanc { color: white; margin: 30px auto 10px auto }
.id4 #main div.blanc,.id258 #main div.blanc { font-weight: bold; margin-top: 50px }
.id4 #main .noir  { color: black; margin: 30px auto 0 auto; font-style: italic}
.id4 #main #transaction { width: 450px; margin: 420px auto 0 auto; color: black }
.id4 #main #transaction p { text-align: center }
*/

.id5 #main,.id259 #main  { top: 120px; left: 260px; height: 430px;}
.id259 #main p, .id259 #main h2 { text-align: center; margin: 10px auto 10px auto}
.id5 #main h2,.id259 #main h2 {  font-size: 1.4em; color: #FFC849; font-weight: bold; margin-top: 40px}

.id6 #main,.id273 #main,{ height: 450px; }
.id6 #main ul.sommaire,.id273 #main ul.sommaire { margin-bottom: 40px;}
.id6 #main ul.sommaire li,.id273 #main ul.sommaire li { list-style-type: disc }
.id6 ul.sommaire li a,.id273 ul.sommaire li a { color: #9F9F9F }
.id6 ul.sommaire li a:hover,.id273 ul.sommaire li a:hover { color: white }
.id6 #main h3,.id273 #main h3 { text-shadow: 0px -1px 1px #000; }

.id8 #main,.id282 #main         { color: black; font-size: 1.3em; width: 895px }
.id8 #main a,.id282 #main a       { color: black; font-weight: bold }
.id8 #main a:hover,.id282 #main a:hover { color: white }
.id8 dd dd span,.id282 dd dd span { display: block; font-size: 10px; font-style: italic;}
.id8 #main p,.id282 #main p { text-align: center; font-size: 14px;}
.id8 dt, .id8 #main h2,.id282 dt, .id282 #main h2 {
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 margin: 20px auto 10px;
 color: #FFC44F;
 text-shadow: 0px -1px 0px #3F3F3F;
}
.id8 dd dt,.id282 dd dt {
 display: inline;
 float: left;
 width: 49%;
 text-align: right;
 font-weight: bold;
 font-size: 14px;
 margin: 0 0 0 0;
 text-shadow: 0 0 0 #000;
}
.id8 dd dd,.id282 dd dd {
 display: inline;
 float: right;
 width: 49%;
 text-align: left;
 font-weight: normal;
 font-size: 14px;
 color: #1F1F1F;
}


.id9  #main {
  top: 20px;
  height: 490px;
  width: 520px;
  left: 455px;
  color:black;
}

.id10 #main {
  margin-top: 30px;
  color: black;}
.id11 #main,
.id12 #main{
    top: 30px;
  height: 490px;
  width: 470px;
  left: 490px;
color: black;}
.id13 #main{
    top: 70px;
  height: 490px;
  width: 470px;
  left: 490px;
color: black;}

.id14 #main{
  top: 50px;
  height: 490px;
  width: 470px;
  left: 490px;
  text-shadow: 0px -1px 0px #313131;
}

.id15 #main,
.id275 #main,
.id276 #main,
.id277 #main,
.id278 #main,
.id279 #main,
.id280 #main,
.id281 #main {
  width: 480px;
  height: 460px;
  left: 500px;
  margin-right: 30px;
  color: black;
}

.id10 #main, .id276 #main, .id280 #main {
  top: 40px;
  height: 490px;
  width: 470px;
  left: 490px;
}

.id11 #main,.id277 #main { color : #a3a3a5 }
.id12 #main,.id278 #main { color: #30302f }
.id14 #main, { color: #ffffff }
.id15 #main,.id281 #main { color: #9e9d9d }
.id32 #main,.id339 #main { margin-left: 25px;margin-top:45px; height: 450px;width: 885px;}
.id32 #main p,.id339 #main p { color: #e2ceb7; }
.id32 #main h2,.id339 #main h2 { margin: 30px auto 25px 0;  text-shadow: -1px 1px 1px #000; font-size: 16px }

/******** Page services ****/

#page-cmd-pub {
 position: absolute;
 top: 40px;
 right: 67px;
 padding: 12px 0;
 text-align: center;
 width: 277px;
 font-size: 18px;
 color: #4703d2;
 font-weight: bold;
 display: block;
}

#page-cmd-pub:hover {
 color: #ff4a4a;
}

/********* Page Commande V2 *********/

.id514 #main { height: 380px; margin-top: 120px }
.id514 #main h1 { position: static; color: #ffcc5e; width: 100% }
.id514 #main h2, .id514 #main h3 { font-style: normal; color: #ffcc5e; margin-right: 0; text-align: center ;text-shadow: 1px 1px 2px #343434;}
.id514 #main p { color: #000000; margin-right: 0; text-align: center  }
.id514 #main p.droite { text-align: right; margin-right: 0 !important }
.id514 #main p.gauche { text-align: left }

.id514 input, .id514 textarea
{ border-width: 1px;
 border-color: #007220 #007220 #ffffff #ffffff;
 background: #ebe6e7;
 padding: 2px;
  margin: 2px;
 font-size: 11px;
 color : black
}



.id514 input.nobg { background-color: transparent; }

#cfAdresseemail { margin-left: 10px }

.id514 #main p.unepersonne { clear: both }
.id514 #main .unepersonne label { float: left; width: 190px; text-align: right; margin-top: 3px }
.id514 #main .unepersonne input  { float: right; }
.id514 #main .unepersonne select { float: right; width: 230px }
.id514 #main .unepersonne span { font-size: 9px; font-style: italic; }

.id514 #main .col2 .unepersonne label { float: right; text-align: left  }
.id514 #main .col2 .unepersonne input  { float: left; }
.id514 #main .col2 .unepersonne select { float: left;  }



.id514 #main p.droite.demandeur { margin: 10px 0 0 0 }

.id514 #main .col1, .id514 #main .col2 {
 width: 48%;
 float: right;
}

.id514 #main .col1 {
 float: left;
}

.id514 #main .col1 p, .id514 #main .col1 h2, .id514 #main .col1 h3 { text-align: right }
.id514 #main .col2 p, .id514 #main .col2 h2, .id514 #main .col2 h3 { text-align: left }

.id514 #main hr {  margin-top: 30px }

.id514 .button {  margin-top: 20px; font-size: 14px; font-weight: bold; font-color: #013fcc;
background-color: #ffcc5e }
.id514 .button:hover {  color:#013fcc; background-color: #ffcc5e }

.id33 #main h3 { text-shadow: 0px -1px 1px #000; }

.bord {
 border-right: 2px white solid;
 padding-right: 20px;
}

.small { font-size: 0.9em !important }

.id514 #main .mode-paiement h3 {
 margin: 50px auto 20px;
 font-color: #013fcc;
}

.id514 #main .mode-paiement a {
 background: #efc054;
 -moz-border-radius: 5px;
 border: 1px #b2edbd solid;
 border-width: 2px;
 border-color: #ffd9a0;
 font-size: 1em;
 color: black;
 padding: 4px;
 }

 .id514 #main .mode-paiement a:hover {
     color: white !important;
 border-color: white;
 background-color: #efc054 !important;
}

 /********* Page Règlements V2 *********/




.id531 #main {
  width: 985px;
  }

.id531 #reg .col1 {
 position: absolute;
 top: 267px;
 left: 0px;
 width: 425px;
}

.id531 #reg .col2 {
 position: absolute;
 top: 267px;
 right: 0px;
 width: 535px;
}

.id531 #main .produit p {
 float: left;
 font-weight: bold;
 margin: 0 0 0 0;
 font-size: 12px;
 line-height: 29px;
 width: 250px;
 text-align: right;
}

.id531 #main .produit input {
 float: right;
 font-weight: bold;
 font-size: 14px;
 width: 162px;
 height: 28px;
 color: #4703d2;
 background: transparent;
 border: 0;
}

.id531 #main .col2 .produit p {
 float: right;
 width: 355px !important;
 text-align: left;
}

.id531 #main .col2 .produit input {
 float: left;
}

.id531 #main .produit input:hover {
 color: white
}




 /********* Page Commande *********/
/*
.section-33 #main h1,.section-340 #main h1 { position: static; color: #FFEE9F; width: 100% }
.section-33 #main h2, .section-33 #main h3,.section-340 #main h2, .section-340 #main h3 { font-style: normal; text-align: center; color: #FFEE9F; margin-right: 0 }
.section-33 #main p,.section-340 #main p { color: #DFDFDF; text-align: center; margin-right: 0  }
.section-33 #main p.droite,.section-340 #main p.droite { text-align: right; margin-right: 0 !important }
.section-33 #main p.gauche,.section-340 #main p.gauche { text-align: left }

.section-33 input, .section-33 textarea,.section-340 input, .section-340 textarea {
 border: 0;
 background-color: #DFDFDF;
 padding: 2px;
 margin: 2px;
 font-size: 11px;
}

.section-33 input.nobg,.section-340 input.nobg { background-color: transparent; }

.section-33 input:focus, .section-33 textarea:focus,.section-340 input:focus, .section-340 textarea:focus { background-color: white;}

.section-33 #main .unepersonne p,.section-340 #main .unepersonne p { clear: both;  }
.section-33 #main .unepersonne label,.section-340 #main .unepersonne label { float: left; width: 160px; text-align: right }
.section-33 #main .unepersonne input,.section-340 #main .unepersonne input  { float: right; }
.section-33 #main .unepersonne select,.section-340 #main .unepersonne select { float: right; width: 230px }
.section-33 #main .unepersonne span,.section-340 #main .unepersonne span { display: block; font-size: 9px; font-style: italic; margin-top: -3px }


.section-33 #main .facture,.section-340 #main .facture { float: none; margin-bottom: 10px }

.section-33 #main p.droite.demandeur,.section-340 #main p.droite.demandeur { margin: 10px 0 0 0 }

.section-33 #main .col1, .section-33 #main .col2,.section-340 #main .col1, .section-340 #main .col2 {
 width: 48%;
 float: right
}

.section-33 #main .col1,.section-340 #main .col1 {  float: left }

.section-33 #main hr,.section-340 #main hr {  margin-top: 30px }

.section-33 .button,.section-340 .button {  margin-top: 20px; font-size: 14px; font-weight: bold; background-color: #FFC954 }
.section-33 .button:hover,.section-340 .button:hover {  color: #FFC954; background-color: #1D3B57 }

.id33 #main h3,.id340 #main h3 { text-shadow: 0px -1px 1px #000; }

/*

/************/

.section-5 #main,.section-259 #main {
  position: relative;
  top: 180px;
  left: 285px;
  width: 675px;
  height: 370px;
  color: #000000;
}

.section-5 #main p,.section-259 #main p { text-indent: 40px }
.section-5 #main a,.section-259 #main a { color: #3F3F3F; border-bottom: 1px solid #3F3F3F }
.section-5 #main a:hover,.section-259 #main a:hover { color: white; border-bottom: 1px solid white }
.section-5 div.highslide-wrapper span,.section-259 div.highslide-wrapper span { font-weight: bold }
.section-5 #main h2,.section-259 #main h2 { margin-bottom: 20px; text-shadow: 1px 1px 1px #5F5F5F }


.section-153 div.highslide-wrapper span,.section-341 div.highslide-wrapper span { font-weight: bold }
.section-153 #main h2,.section-341 #main h2 { font-size: 16px; margin-bottom: 20px; text-shadow: 1px 1px 1px #5F5F5F }
.section-153 #main a,.section-341 #main a { color: #E8AD2F; border: 0 }
.section-153 #main a:hover,.section-341 #main a:hover { color: #FFD67F; border: 0}
.section-153 #main,.section-341 #main {
  position: relative;
  top: 50px;
  left: 200px;
  width: 750px;
  height: 450px;
  color: white;
}
.section-153 #main h2,.section-341 #main h2,
.section-153 #main h3,.section-341 #main h3,
.section-153 #main p,.section-341 #main p,
.section-153 #main a,.section-341 #main a { text-shadow: 0px -1px 1px #7F7F7F; }


/********/

ul.pagination-gwelan {
 position: absolute;
 bottom: 15px;
 right: 140px;
}

ul.pagination-gwelan li {
 display: inline;
 list-style: none;
}

ul.pagination-gwelan li a {
 font-size: 1.6em;
 font-weight: bold;
 padding: 0 8px;
 text-shadow: 1px 1px 1px #3F3F3F;
}

ul.pagination-gwelan li.here a { color: #FFBF29;  border-color: white; }
ul.pagination-gwelan li a:hover { color: white;  border-color: white; }


/* Le Catalogue */

#MenuCat {
 position: absolute;
 top: 165px;
 left: 50px;
 width: 200px;
 text-align: center;
}


#MenuCat dt, #MenuTendances dt {
 margin: 14px 0;
}



#MenuCat dt a, #MenuTendances dt a {
 color: #1F1F1F;
 font-size: 13px;
 font-weight: bold;
}

#MenuCat dt.here a, #MenuTendances dt.here a, #MenuCat li.here a, #MenuTendances li.here a {
 color: #FFBF29;
}

#MenuCat dt a:hover, #MenuTendances dt a:hover, #MenuCat a:hover, #MenuTendances a:hover {
 color: white;
}

#MenuCat ul, #MenuTendances ul {
 margin-top: -5px;
}

#MenuCat ul li, #MenuTendances ul li {
 margin: 4px 0px;
 line-height: 13px;
 height: 15px;
 list-style-type: none;
 list-style-image: none;
}


#MenuCat a, #MenuTendances ul li a {
 display: block;
 width: 100%;
 height: 100%;
 color: #1F1F1F;
 font-size: 13px;
}


/* Tendances */

#MenuTendances {
 position: absolute;
 top: 40px;
 left: 40px;
 width: 140px;
 text-align: left;
}

#MenuTendances dt {
 margin-top: 0px;
}

#MenuTendances dt a {
 color: #FFBF29;
 font-size: 15px;
 border-bottom: 1px solid white
}

#MenuTendances dd {
 margin-bottom: 0;
}

#MenuTendances ul li {
 margin: 0px 0px;
 line-height: 1.2em;
}

#MenuTendances ul li a {
 color: black;
 font-size: 12px;
}

#MenuTendances ul li a:hover {
 color: white;
}


a.graphique {
 float: right;
 margin: 5px 10px 10px 10px;
 border: 0 !important;
 font-size: 10px;
 text-align: center;
}

a.graphique img {
 border: 0 !important;
}



#main .billet p {
 margin: 10px 10px 10px 0;
}

#main .billet p.nb-commentaires {
 text-align: right;
 font-family: Verdana;
 font-size: 11px;
 clear: right;
}

.jot-comment, .jot-row, .jot-row-me, .jot-row-alt {
 border-width: 0 0 0 0 !important;
 background-image: url(images/transparent.png);
 background-color: transparent;
 -moz-border-radius: 10px;
 opacity: 0.75; /* CSS3 */
    filter:alpha(opacity=75);                           /* IE uniquement */
 margin: 0px 20px 25px 0 !important
}
.jot-row hr { background: none; height: 1px;  }
.jot-poster { color: #1F1F1F; font-style: italic }
.jot-user { font-size: 12px; color: black }
.jot-message { font-size: 12px; color: black }

/************/



a.tarifs {
 position: absolute;
 top: 130px;
 right: 40px;
 border-bottom: 0;
 font-size: 12px;
 color: #5e5e5e;
 font-weight: bold;
 font-family: Verdana;
 z-index: 10;
 
}

#illustration-catalogue {
 position: absolute;
 top: 20px;
 left: 50px;
 width: 200px;
 height: 130px;
 border-collapse: collapse;
}

#illustration-catalogue td {
 text-align: center;
 vertical-align: middle;
}

#illustration-catalogue a {
 border: 0;
 font-size: 9px;
 color: black;
 font-family: Verdana
}

#illustration-catalogue a:hover {
 color: white;
}

#illustration-catalogue a img {
 border: 0;
}

p.backtop {
 text-align: right !important;
 margin: -10px 20px 0 0 !important;
 text-shadow: 1px 1px 1px #000;
}

p.backtop a {
 font-size :20px;
 font-weight: bold;
 color: #F9B728;
}

p.backtop a:hover {
 color: white !important;
}



/**********/

#fr, #en  {
 position: absolute;
 top: 170px;
 right: 77px;
 width: 320px;
 height: 140px;
 text-align: center;
}

#en {
 left: 38px;
}

#fr a, #en a {
 display: block;
 width: 100%;
 height: 100%;
 color: #FFD37E;
}

#fr a:hover span, #en a:hover span {
 color: white;
}

#fr a span, #en a span {
 position: relative;
 display: block;
 font-size: 1.5em;
 font-weight: bold;
 padding-top: 105px;
 color: #FFD37E;
}



/****************************************/
/****** Le retour vers l'accueil ********/

a#logo {
 position: absolute;
 top: -98px;
 right: 0;
 width: 350px;
 height: 98px;
 background: black url(images/logo.jpg) top right no-repeat;
}

a#arobase {
 position: absolute;
 top: -29px;
 right: 0;
 color: #FFC346;
 width: 30px;
 height: 30px;
 font-size: 22px;
 font-weight: bold;
}

a#arobase:hover {
 color: white;
}

a#logo span,a#arobase span {
 position: absolute;
 left: -3000px;
 top: -3000px;
}

/****** Le menu ********/

#menu ul {
 position: absolute;
 top: -20px;
 left: 60px;
}

#menu ul li {
 display: inline;
 list-style-type: none;
 list-style-image: none;
 font-size: 14px;
 letter-spacing: 0.0em;
 font-weight: normal;
}

#menu ul li.here a {
 color: #FFBF29;
}

#menu a {
 display: block;
 float: left;
 padding: 0px 6px;
}

/* langues */

#langues {
 position: absolute;
 top: -17px;
 left: 34px;
 width: 25px;
 z-index: 100
}

#google-translations { float: right; margin-left: 0px; }

#langues a img {
 border: 0
}

/* Les popups : accueil et tarifs */

#gwelan, #ce, #cdv, #demarche {
 display: none;
}

#lien-gwelan, #lien-ce, #lien-cdv, #lien-demarche {
 position: absolute;
 height: 50px;

}

#lien-gwelan a, #lien-ce a, #lien-cdv a, #lien-demarche a {
 display: block;
 width: 100%;
 height: 100%;
 text-align: center;
}

#lien-gwelan a span, #lien-ce a span, #lien-cdv a span, #lien-demarche a span, #lien-traduction a span {
 color: #B0B8C3;
 font-size: 14px;
 font-weight: bold;
 text-shadow: 1px 1px 1px #000;
}

#lien-gwelan a:hover span, #lien-ce a:hover span, #lien-cdv a:hover span, #lien-demarche a:hover span, #lien-traduction a:hover span {
 color: #fcd473;
}

#lien-ce        { top: 120px; left: 325px; width: 235px; }
#lien-cdv       { top: 420px; left: 132px; width: 170px; }
#lien-demarche  { top: 450px; left: 349px; width: 180px; }
#lien-gwelan    { top: 420px; left: 582px; width: 170px; }

.highslide-container {
 color: black;
 text-align: left;
 color: white;
 font-family: Helvetica;
}

.options {
 height:20px;
 padding: 2px;
 text-align: right;
 font-weight: bold;
 margin-bottom: 20px
}

.options a.control { font-size: 10px; color: grey !important }
.options a.control:hover { color: white !important }

.highslide-container h2 {
 font-size: 13px;
 color: #fcd473;
 margin-bottom: 10px
}

.highslide-container p {
 font-size: 11px;
 line-height: 1.4em;
 margin: 15px 0;
}

.highslide-dimming {
    background: black;
}


/* Flux rss et dons */

#ligne {
 position: absolute;
 width: 600px;
 height: 1px;
 top: 35px;
 left: 130px;
 background: transparent url(http://www.gwelan.com/assets/templates/Gwelan/images/ligne.gif) top left no-repeat;
}

#flux-rss, #lien-dons {
 position: absolute;
 width: 135px;
 height: 20px;
}

#flux-rss {
 top: 5px;
 left: 150px;
}

#flux-rss a {
 display: block;
 width: 100%;
 height: 100%
}

#flux-rss span {
 display: none;
}


#lien-dons {
 top: 5px;
 right: 145px;
}

/* Base line */

div#baseline {
 position:  absolute;
 top: 583px;
 left: 20px;
 width: 910px;
 font-family:  Helvetica, Verdana;
 font-size: 1em;
 color: #7F7F7F;
}


div#baseline a span {
 color: #FFBF29;
}

div#baseline #credits {
 float: right;
 width: 40%;
 text-align: right;
}

div#baseline #credits a {
 color: #61aae4;
}

div#baseline #credits a:hover, div#baseline li a:hover {
 color: #CEC1F4;
}

/******************/
/* Classes utiles */
/******************/
.centrage { text-align: center; }
.droite { float: right }
.gauche { float: left }
.spacer { clear: both; height: 0px }