/* générique */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #FF0000;
}

hr {
 	background: none repeat scroll 0 0 #ff0000;
    border: 0 none;
    color: #ff0000;
    height: 3px;
    margin: 15px auto;
    padding: 0;
    width: 16px;
}


/* Liens */
a { color:#FF0000;}
a:hover, a:focus { color: black;text-decoration: none; }
a.title:hover, a.title:focus { color:#ff0000;}
a:focus { outline: medium none; outline-offset: 0;}
a.title.selected { color: black; }
a.archivelink { font-size:14px;line-height: 16px;}

/* decoration */
.bigdecorationlateral:before, .bigdecorationlateral:after { 
    display: inline;
    content: " — ";
    color: #F00;
    font-size: 48px;
}

.bigdecorationvertical:before, .bigdecorationvertical:after  { 
    display: block;
    content: "— ";
    color: #F00;
    font-size: 48px;
}
.bigdecorationbottom:after {
    display: block;
    content: "— ";
    color: #F00;
    font-size: 48px;
}
.decorationlateral:before, .decorationlateral:after { 
    display: inline;
    content: " — ";
    color: #F00;
    font-size: 24px;
    vertical-align: middle;
}

.decorationvertical:before, .decorationvertical:after  { 
    display: block;
    content: "— ";
    color: #F00;
    font-size: 24px;
    vertical-align: middle;
}


/* Titrailles */
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.bigbigtitle { 
    font-family: 'Anton', sans-serif;
    font-size: 48px;
    line-height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    color: red;
    font-style: normal;
}
.bigbigtitle.month { color:white;margin-top: 10px;}
.month.bigdecorationvertical:before,.month.bigdecorationvertical:after { color:white;}

.bigtitle, h1, .h1, .bigtitle a { 
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-style: normal;
}
#standardColGauche h1 {
    text-align: center;
    margin-bottom: 15px;
}
#standardColGauche h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}
#standardColGauche h2.panel-title {
    margin-top: 5px;
}
#standardColGauche h1:before, #standardColGauche h1:after {
     display: inline;
    content: " — ";
    color: #F00;
    font-size: 30px;
    vertical-align: top;
}
.title, h2, .h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}
.pratique, h3, .h3 { 
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 5px;
}
.link, a { 
    font-family: 'Anton', sans-serif;
    font-size: 14px;
    line-height: 19px;
    text-transform: normal;
    font-style: italic;
}

/* helper */
.nopadding { padding: 0 !important; margin: 0 !important;}
.nopaddingleft { padding-left: 0 !important; margin-left: 0 !important;}
.nopaddingright { padding-right: 0 !important; margin-right: 0 !important;}
.center { text-align:center; }
.nonVisible { display: none; }
.decoller { margin-top:15px;}
/*.video et image */
img { height: auto; width: 100%;}
.video-container { margin-top: 0;margin-bottom:15px;margin-left:0; }
div.video-container.decoller { margin-top:15px;margin-bottom: 0;} 
div.blocSaumon { background: #feebeb; padding: 10px;}
#coldroite div.blocSaumon { margin-bottom: 15px;}