@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('/fonts/opensans-condlight-webfont.eot');
    src: url('/fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-condlight-webfont.woff') format('woff'),
         url('/fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('/fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('/fonts/opensans-condbold-webfont.eot');
    src: url('/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-condbold-webfont.woff') format('woff'),
         url('/fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
@font-face {
    font-family: 'source_sans_prolight';
    src: url('/fonts/v2/SourceSans3-Light.ttf.woff') format('woff'),
         url('/fonts/v2/SourceSans3-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('/fonts/v2/SourceSans3-LightIt.ttf.woff') format('woff'),
         url('/fonts/v2/SourceSans3-LightIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('/fonts/v2/SourceSans3-Semibold.ttf.woff') format('woff'),
         url('/fonts/v2/SourceSans3-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'source_sans_prolight';
    src: url('/fonts/v3/AtkinsonHyperlegibleNext-Light.woff2') format('woff2'),
         url('/fonts/v3/AtkinsonHyperlegibleNext-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('/fonts/v3/AtkinsonHyperlegibleNext-LightItalic.woff2') format('woff2'),
         url('/fonts/v3/AtkinsonHyperlegibleNext-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('/fonts/v3/AtkinsonHyperlegibleNext-SemiBold.woff2') format('woff2'),
         url('/fonts/v3/AtkinsonHyperlegibleNext-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
  font-family : 'source_sans_prolight', Verdana, Arial, sans-serif;
  font-size : 16px;
  color : #000;
}

i, em {
  font-family : 'source_sans_prolight_italic', Verdana, Arial, sans-serif;
  font-style : normal;
}

b, strong, label {
  font-family : 'source_sans_prosemibold', Verdana, Arial, sans-serif;
  font-weight : normal;
}

/* la couleur framboise en lieu du gros rouge qui tâche */ 
a {
  color: #CC0033;
}

a:hover {
  color :  #FFF;
  background-color : #CC0033;
  text-decoration : none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight : normal;
  color: #000;
  font-family : 'open_sans_condensedbold', Verdana, Arial, sans-serif;
}

h1 {
  font-size : 27px;
  line-height : 31px;
  margin-bottom : 6px;
  font-family : 'open_sans_condensedbold', Verdana, Arial, sans-serif;
}

/* ajouts JC 06042025 */ 
/* ajout 31 pixels interligne pour H1 */
/* ajout 23 pixels interligne pour H2 */
/* ajout 17 pixels fonte pour H3 */
/* ajout 21 pixels interligne pour H3 */
/* passé de 15 à 20 pixels margin top pour H3 */

h2 {
  font-size : 19px;
  line-height : 23px;
  color : #000;
  margin-top : 10px;
}

h3 {
  font-size : 17px;
  line-height : 21px;
  color: #000;
  font-family : 'open-sans-condensed', Verdana, Arial, sans-serif;
  margin-top : 20px;
}

h4 {
  font-size : 16px;
  color: #000;
  font-family : 'open_sans_condensedbold', Verdana, Arial, sans-serif;
  margin-top : 15px;
}

h5 {
  color: gray;
  font: 15px 'open-sans-condensed', Verdana, Arial, sans-serif;
  margin-top : 15px;
  text-transform: uppercase;
}

article {
    margin : 0 auto;
    max-width : 450px;
}

article img {
	max-width : 100%;
}

article > header {
  color : silver;
  padding-bottom : 0;
}

/* ajouts JC */ 
/* ajout 22 pixels pour détacher premier ¶  */
article > header p {
  margin-bottom : 22px;
}

article > header span {
  color : #666;
}

article > footer {
  background-image: url(data:image/gif;base64,R0lGODlhUAAiALMAAP////n5+fPz9O3u7ufo6eHi49vc3dXW2NDR0srLzcTFx76/wbi5vLK0tqyusaaoqyH5BAAHAP8ALAAAAABQACIAAAT/EMhJq7046827/2AojmRpnmiqrqwUEIfCOI3DLMpRCEHrUwFE40EsGouOBYLQ+6kKjkcjoStYDwhZ9PhgLH+BQQGLOBgGnsNjQdiEDQkGt6EoNE2Dg5zYGBYbCHcXBQ8IIi8Ie0YLBoIeA0JSCTtNYXpEDgUZUycBBQpbRYyOFwGXgGgaBX4GFwYOpCSIfqKNFwSgDwptHgF7AhYKCj95ig8OdRMGcg0HsW5DCRbNThICl0gKQwuaJYQN0wcfpgt9U90cAQa0xwm8GTsZAcfThh2vDQsLodQansxZQjlwh4GOhiQW4nSQge7fH3QUBETiNsFTLkzuBMnIQOABRAkDxTxqGMBpkKIFqQDgapeywqxstg6Au4UMQwIH76YN0/CqSJkhzZ5ZuLbvz4wBwAAEEFBgwQNpGYQkdSklXQIjDT6Oy6MNaw2WJuTsxAApSqgEQj/gKGDADIGpJghJMZD0zc12THrONREgk5NVf2h5YQLkKhGUJF6l7QQDQRkDhDMMcEoEbYi+4qqVILDHQaBeDBhoRrEOY8tbDRgsHu2haZHBdwQU07Wa9QeJ7GjQomjbhwADWUIvSEC3t/HjyJMrX868OfMIADs=);
  background-repeat: no-repeat;
  background-position : bottom center;
  padding-bottom : 30px;
  border-top : 1px solid #E3E3E3;
  text-align : center;
  line-height : 20px;
  font-size : 13px;
  color : #999;
  margin-top : 30px;
  padding-top : 10px;
}

.twitter-share-button {
  vertical-align: -7px;
}

blockquote {
  border : 0 none;
  background-image : url(data:image/gif;base64,R0lGODlhIwAeAJEAAODg4O/v7/////j4+CH5BAAAAAAALAAAAAAjAB4AAAKPlI+pyzcBogShBTipwlkONXRT5YijYkqkwaVJa5aplMwea0drmJOwufqJSLOB8XMQRo5IQar5Ai6eDOUKQV1Yp6lLAKqkXJq5ZbJMRJ/LhrIGx3aq4bn2XBDO2HvrupxPZ7NnE+Q2OFMY55bot9gn+Ef4OHPYNemCd5enYsCDGAXp4DU6tvBA6gXVsMqKUAAAOw==);
  background-repeat : no-repeat;
  background-position :  left 15px;
  padding : 26px 0 0 25px;
  margin : 16px 40px 16px 32px;
  font-size : 16px;
  color : #666;
}

header {
  max-width : 450px;
}

#header-img {
  max-width : 450px;
  margin : 0 auto;
  border-bottom : 10px solid #FFF;
}

#header-img {
  background: url(http://photager.com/storage/cache/images/000/127/20120930-IMG-2662-urbanbike,medium_large.jpg?1371055709) no-repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height : 200px;
  
}

header, aside > div {
  padding-top : 20px;
  padding-bottom : 20px;
}

.contents > header {
  padding-left : 0;
}

section > footer {
  padding : 30px 0;
  text-align : center;
  font-family : 'source_sans_prosemibold', Verdana, Arial, sans-serif;
}

/* ajout JC */ 
/* pour virer puces et retraits */ 
.sans {
	 list-style-type: none;
	 padding-left: 0px;
}

/* ajout JC */ 
/* test décollement Bord gauche de 4 */ 
ul.categories {
  font-size : 14px;
  margin-bottom : 30px;
  margin-left: 4px;
}

ul.categories li > a {
  padding-right : 5px;
  float : left;
}

ul.categories > li {
  padding-left : 0;
  color : #999;
}
ul.categories > li:after {
  content: '|';
}
ul.categories > li:last-child:after {
  content: ' ';
}

.col-logo {
  margin-bottom : 30px;
}

/* ajouts JC */ 
/* duplication précédent juste pour caler le premier logo et 10 px en tete */
.col-urb {
  margin-bottom : 30px;
  margin-top: 10px;
}

/* ajouts JC */ 
/* Tableau */ 
table {
	font-family: open-sans-condensed, verdana, serif;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-spacing: 0;
}
table th {
    padding: 3px 10px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
table tr {
}
table td {
    padding: 3px 10px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}



#search-form label {
  font-weight : normal;
}

#search-form {
  margin-bottom : 30px;
}

#main-page-header {
  font-size: 14px;
  margin : 0 auto;
}

#latest-entries {
  margin : 30px 0;
}

#latest-entries li {
  border-bottom : 1px solid #E3E3E3;
  padding: 5px 0;
}

#latest-entries li:last-child {
  border-bottom : 0 none;
}

.cat {
  color : silver;
}

aside > div, aside blockquote p {
  font-size : 14px;
}

.footnotes {
	font-size:13px;
}

section article p > img {
	cursor : zoom-in;
}

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .container {
    background-image: url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==);
    background-position: 0 top, 500px top, 100% top;
    background-repeat: repeat-y;
  }

  #header-img {
    max-width : 1000px;
    height : 375px;
  }

  #main-page-header {
    padding-left : 0;
    padding-right : 10px;
  }

  aside > div, #side-cols, section {
    padding-left : 10px !important;
    padding-right : 10px !important;
  }

  aside > div:last-child {
    padding-right :0 !important;
  }

  section {
    padding-left : 10px;
    padding-right : 10px;
  }

  section > article {
    padding-left : 0;
    padding-right : 0;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .container {
    background-image: url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==),url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==);
    background-position: 0 top, 484px top, 726px top, 100% top;
    background-repeat: repeat-y;
  }
  
  aside > div:first-child {
    padding-right:0 !important;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   .container {
    background-image: url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==), url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==),url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==),url(data:image/gif;base64,R0lGODlhAQAFAIAAAOHh4f///yH5BAAHAP8ALAAAAAABAAUAAAIChF0AOw==);
    background-position: 0 top, 486px top, 713px top, 939px top, 100% top;
    background-repeat: repeat-y;
  }

  #main-page-header {
    width : 216px !important;
  }

  aside > div.col-lg-4 {
    width : 226px !important;
  }

  aside > div:first-child {
    padding-right:10px !important;
  }

  aside > div:last-child {
    width : 215px !important;
  }
}