﻿/**
 * style agile-pages.css
 *
 * appliqué par défaut au module sur toutes les pages du site
 */

.hrclear10 {
	border:medium none;
	clear:both;
	display:block;
	height:20px;
	margin:0;
	padding:0;
}

.marker, .form-required {
    color:#f00;
}

p.large {
    font-size:19px;
    line-height:1.33;
	margin-top:1em;
}


/**
 * style column css
 */
* { box-sizing: border-box; }

.grid::after {
	content: "";
	clear: both;
	display: table;
}
[class*="column-"] {
	float: left;
	padding: 0;
}
.column-1 {width: 8.33%;}
.column-2 {width: 16.66%;}
.column-3 {width: 25%;}
.column-4 {width: 33.33%;}
.column-5 {width: 41.66%;}
.column-6 {width: 50%;}
.column-7 {width: 58.33%;}
.column-8 {width: 66.66%;}
.column-9 {width: 75%;}
.column-10 {width: 83.33%;}
.column-11 {width: 91.66%;}
.column-12 {width: 100%;}

@media screen and (max-width: 1000px) {
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
		width: 100%;
	}
	img {
		margin: auto;
	}
}

@media print {
	.no_print { display: none; }
}


/**
 * style .alert-notes css
 */
.alert-notes {
    border:1px solid transparent;
    margin: 6px 0px;
    /*padding: 10px 3px 10px 3px;*/
	padding: 10px 15px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.alert-notes h4 {
    margin-top:0;
    color:inherit
}
.alert-notes > p,
.alert-notes > ul {
    margin-bottom:0
}	
.alert-notes > p + p {
    margin-top:5px
}
.alert-notes-heading {
  color: inherit;
}
.alert-notes .alert-notes-link {
    font-weight:normal
}
.alert-notes-bootstrap,
.alert-notes-bootstrap {
    padding:15px;
    margin-bottom:20px;
}

.alert-notes-primary {
    color: #792c11;
    background-color: #fbddd2;
    border-color: #f9cfc1;
}
.alert-notes-primary hr {
    border-top-color:#f7bdaa
}
.alert-notes-primary .alert-notes-link {
    color: #4c1c0b;
    text-decoration: underline;
}

.alert-notes-secondary {
    color: #3e152b;
    background-color: #e4d4dd;
    border-color: #d9c3cf;
}
.alert-notes-secondary hr {
    border-top-color:#cfb3c3
}
.alert-notes-secondary .alert-notes-link {
    color: #180811;
    text-decoration: underline;
}

.alert-notes-success {
    color: #1d5e26;
    background-color: #d7f0db;
    border-color: #c7eacc;
}
.alert-notes-success hr {
    border-top-color:#b4e3bb
}
.alert-notes-success .alert-notes-link {
    color: #113716;
    text-decoration: underline;
}

.alert-notes-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-notes-info hr {
    border-top-color:#abdde5
}
.alert-notes-info .alert-notes-link {
    color: #062c33;
    text-decoration: underline;
}

.alert-notes-warning {
    color: #7c5f20;
    background-color: #fcf1d8;
    border-color: #fbebc9;
}
.alert-notes-warning hr {
    border-top-color:#f9e2b1
}
.alert-notes-warning .alert-notes-link {
    color: #534016;
    text-decoration: underline;
}

.alert-notes-danger {
    color: #741d17;
    background-color: #f9d7d5;
    border-color: #f6c7c4;
}
.alert-notes-danger hr {
    border-top-color:#f3b2ae
}
.alert-notes-danger .alert-notes-link {
    color: #49120f;
    text-decoration: underline;
}

.alert-notes-light {
    color: #797b7c;
    background-color: #fbfbfc;
    border-color: #f9fafb;
}
.alert-notes-light hr {
    border-top-color:#eaedf1
}
.alert-notes-light .alert-notes-link {
    color: #606162;
    text-decoration: underline;
}

.alert-notes-medium {
    color: #5a5753;
    background-color: #efedec;
    border-color: #e8e6e4;
}
.alert-notes-medium hr {
    border-top-color:#dcd9d6
}
.alert-notes-medium .alert-notes-link {
    color: #3f3d3b;
    text-decoration: underline;
}

.alert-notes-dark {
    color: white;
    background-color: #8E8C84;
    border-color: #dfdfdd;
}
.alert-notes-dark hr {
    border-top-color: #d3d3d0;
}
.alert-notes-dark .alert-notes-link {
    color: white;
    text-decoration: underline;
}


/**
 * M essages
 */
div.messages-left-border {
	margin: 6px 0;
	padding: 10px 15px;
}
.border-left-primary {
    color: #792c11;
    background-color: #f1f1f1;
    border-left: 5px solid #f9cfc1;
}
.border-left-secondary {
    color: #3e152b;
    background-color: #f1f1f1;
    border-left: 5px solid #d9c3cf;
}
.border-left-success {
    color: #1d5e26;
    background-color: #f1f1f1;
    border-left: 5px solid #c7eacc;
}
.border-left-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-left: 5px solid #bee5eb;
}
.border-left-warning {
    color: #7c5f20;
    background-color: #fcf1d8;
    border-left: 5px solid #fbebc9;
}
.border-left-danger {
    color: #741d17;
    background-color: #f9d7d5;
    border-left: 5px solid #f6c7c4;
}
.border-left-light {
    color: #797b7c;
    background-color: #fbfbfc;
    border-left: 5px solid #f9fafb;
}
.border-left-medium {
    color: #5a5753;
    background-color: #efedec;
    border-left: 5px solid #e8e6e4;
}
.border-left-dark {
    color: white;
    background-color: #8E8C84;
    border-left: 5px solid #dfdfdd;
}


/**
 * Puces
 */
ul.list-style-none {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
ul.list-style-none li {
	list-style: none !important;
	margin: 0 !important;
}

.list-inline {
	padding-left: 0 !important;
	list-style-type: none !important;
	margin-left: -5px !important
}
.list-inline > li {
	display:inline-block !important;
	padding-left:5px !important;
	padding-right:5px !important
}

ul.list-bordered {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ddd !important;
}
ul.list-bordered li {
  list-style: none !important;
  padding: 8px 16px !important;
  border-bottom: 1px solid #ddd !important;
}
ul.list-bordered li:last-child {
  border-bottom: none !important
}
.border-left-primary {
    color: #792c11;
    background-color: #fbddd2;
    border-color: #f9cfc1;
}
.bordered-secondary {
    color: #3e152b;
    background-color: #e4d4dd;
    border-color: #d9c3cf;
}
.bordered-success {
    color: #1d5e26;
    background-color: #d7f0db;
    border-color: #c7eacc;
}
.bordered-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.bordered-warning {
    color: #7c5f20;
    background-color: #fcf1d8;
    border-color: #fbebc9;
}
.bordered-danger {
    color: #741d17;
    background-color: #f9d7d5;
    border-color: #f6c7c4;
}
.bordered-light {
    color: #797b7c;
    background-color: #fbfbfc;
    border-color: #f9fafb;
}
.bordered-medium {
    color: #5a5753;
    background-color: #efedec;
    border-color: #e8e6e4;
}
.bordered-dark {
    color: white;
    background-color: #8E8C84;
    border-color: #dfdfdd;
}

ul.list-left-border {
	margin: 6px 0 !important;
	padding: 1em 0 !important;
}
ul.list-left-border li {
    padding: 2px 20px !important;
    list-style: none !important;
}
.list-left-border-primary {
    color: #792c11;
    background-color: #f1f1f1;
    border-left: 5px solid #f9cfc1 !important;
}
.list-left-border-secondary {
    color: #3e152b;
    background-color: #f1f1f1;
    border-left: 5px solid #d9c3cf !important;
}
.list-left-border-success {
    color: #1d5e26;
    background-color: #f1f1f1;
    border-left: 5px solid #c7eacc !important;
}
.list-left-border-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-left: 5px solid #bee5eb !important;
}
.list-left-border-warning {
    color: #7c5f20;
    background-color: #fcf1d8;
    border-left: 5px solid #fbebc9 !important;
}
.list-left-border-danger {
    color: #741d17;
    background-color: #f9d7d5;
    border-left: 5px solid #f6c7c4 !important;
}
.list-left-border-light {
    color: #797b7c;
    background-color: #fbfbfc;
    border-left: 5px solid #f9fafb !important;
}
.list-left-border-medium {
    color: #5a5753;
    background-color: #efedec;
    border-left: 5px solid #e8e6e4 !important;
}
.list-left-border-dark {
    color: white;
    background-color: #8E8C84;
    border-left: 5px solid #dfdfdd !important;
}


/**
 * style links css
 */
a.mail:link    { color:#0000ff; font-weight:normal; font-style:normal; text-decoration:underline}
a.mail:visited { color:#0000ff; font-weight:normal; font-style:normal; text-decoration:underline}
a.mail:hover   { color:#0000ff; font-weight:normal; font-style:normal; text-decoration:none}

a.url:link    { color:#c84e03; font-weight:normal; font-style:normal; text-decoration:underline}
a.url:visited { color:#c84e03; font-weight:normal; font-style:normal; text-decoration:underline}
a.url:hover   { color:#c84e03; font-weight:normal; font-style:normal; text-decoration:none}

a.link {color:#606574; text-decoration:underline; border:underline;}
a.link:link, li a.link.active {color:#606574; text-decoration:underline; border:underline;}
a.link:hover {color:#606574; text-decoration:none; border:none;}

a.link_promo:link    { color:#ff3300; font-weight: bold; text-decoration:underline}
a.link_promo:visited { color:#ff3300; font-weight: bold; text-decoration:underline}
a.link_promo:hover   { color:#ff6600; font-weight: bold; text-decoration:none}

a.link_mod:link    { color:#ff6600; text-decoration:underline}
a.link_mod:visited { color:#ff6600; text-decoration:underline}
a.link_mod:hover   { color:#ff6600; text-decoration:none}
/***************************************/
a.link_muted:link    { color:#aea79f; text-decoration:none}
a.link_muted:visited { color:#aea79f; text-decoration:none}
a.link_muted:hover   { color:#aea79f; text-decoration:underline}

a.link_primary:link    { color:#0078e7; text-decoration:none}
a.link_primary:visited { color:#0078e7; text-decoration:none}
a.link_primary:hover   { color:#0078e7; text-decoration:underline}

a.link_secondary:link    { color:#42b8dd; text-decoration:none}
a.link_secondary:visited { color:#42b8dd; text-decoration:none}
a.link_secondary:hover   { color:#42b8dd; text-decoration:underline}

a.link_success:link    { color:green; text-decoration:none}
a.link_success:visited { color:green; text-decoration:none}
a.link_success:hover   { color:darkgreen; text-decoration:underline}

a.link_info:link    { color:#3a87ad; text-decoration:none}
a.link_info:visited { color:#3a87ad; text-decoration:none}
a.link_info:hover   { color:#2d6987; text-decoration:underline}

a.link_warning:link    { color:#DF7514; text-decoration:none}
a.link_warning:visited { color:#DF7514; text-decoration:none}
a.link_warning:hover   { color:darkorange; text-decoration:underline}

a.link_error:link    { color:#CA3C3C; text-decoration:none}
a.link_error:visited { color:#CA3C3C; text-decoration:none}
a.link_error:hover   { color:darkred; text-decoration:underline}
/***************************************/

a.link_muted_inverse:link    { color:#aea79f; text-decoration:underline}
a.link_muted_inverse:visited { color:#aea79f; text-decoration:underline}
a.link_muted_inverse:hover   { color:#aea79f; text-decoration:none}

a.link_primary_inverse:link    { color:#0078e7; text-decoration:underline}
a.link_primary_inverse:visited { color:#0078e7; text-decoration:underline}
a.link_primary_inverse:hover   { color:#0078e7; text-decoration:none}

a.link_secondary_inverse:link    { color:#42b8dd; text-decoration:underline}
a.link_secondary_inverse:visited { color:#42b8dd; text-decoration:underline}
a.link_secondary_inverse:hover   { color:#42b8dd; text-decoration:none}

a.link_success_inverse:link    { color:green; text-decoration:underline}
a.link_success_inverse:visited { color:green; text-decoration:underline}
a.link_success_inverse:hover   { color:darkgreen; text-decoration:none}

a.link_info_inverse:link    { color:#3a87ad; text-decoration:underline}
a.link_info_inverse:visited { color:#3a87ad; text-decoration:underline}
a.link_info_inverse:hover   { color:#2d6987; text-decoration:none}

a.link_warning_inverse:link    { color:#DF7514; text-decoration:underline}
a.link_warning_inverse:visited { color:#DF7514; text-decoration:underline}
a.link_warning_inverse:hover   { color:darkorange; text-decoration:none}

a.link_error_inverse:link    { color:#CA3C3C; text-decoration:underline}
a.link_error_inverse:visited { color:#CA3C3C; text-decoration:underline}
a.link_error_inverse:hover   { color:darkred; text-decoration:none}
/***************************************/
a.link_black:link    { color:black; text-decoration:underline}
a.link_black:visited { color:black; text-decoration:underline}
a.link_black:hover   { color:black; text-decoration:none}

a.link_blue:link    { color:blue; text-decoration:underline}
a.link_blue:visited { color:blue; text-decoration:underline}
a.link_blue:hover   { color:blue; text-decoration:none}

a.link_gray:link    { color:gray; text-decoration:underline}
a.link_gray:visited { color:gray; text-decoration:underline}
a.link_gray:hover   { color:gray; text-decoration:none}

a.link_green:link    { color:green; text-decoration:underline}
a.link_green:visited { color:green; text-decoration:underline}
a.link_green:hover   { color:green; text-decoration:none}

a.link_orange:link    { color:orange; text-decoration:underline}
a.link_orange:visited { color:orange; text-decoration:underline}
a.link_orange:hover   { color:orange; text-decoration:none}

a.link_red:link    { color:red; text-decoration:underline}
a.link_red:visited { color:red; text-decoration:underline}
a.link_red:hover   { color:red; text-decoration:none}

a.link_white:link    { color:white; text-decoration:underline}
a.link_white:visited { color:white; text-decoration:underline}
a.link_white:hover   { color:white; text-decoration:none}
/***************************************/
a.link_black_hex:link    { color:#000; text-decoration:none}
a.link_black_hex:visited { color:#00; text-decoration:none}
a.link_black_hex:hover   { color:#000; text-decoration:underline}

a.link_blue_hex:link    { color:#000099; text-decoration:none}
a.link_blue_hex:visited { color:#000099; text-decoration:none}
a.link_blue_hex:hover   { color:#000099; text-decoration:underline}

a.link_gray_hex:link    { color:#898989; text-decoration:none}
a.link_gray_hex:visited { color:#898989; text-decoration:none}
a.link_gray_hex:hover   { color:#898989; text-decoration:underline}

a.link_green_hex:link    { color:#33a333; text-decoration:none}
a.link_green_hex:visited { color:#33a333; text-decoration:none}
a.link_green_hex:hover   { color:#009900; text-decoration:underline}

a.link_orange_hex:link    { color:#ff9900; text-decoration:none}
a.link_orange_hex:visited { color:#ff9900; text-decoration:none}
a.link_orange_hex:hover   { color:#ff6600; text-decoration:underline}

a.link_red_hex:link    { color:#ff0000; text-decoration:none}
a.link_red_hex:visited { color:#ff0000; text-decoration:none}
a.link_red_hex:hover   { color:#ff0000; text-decoration:underline}


/**
 * style Social Media Buttons
 */
.fa-btn {
  padding: 20px;
  font-size: 30px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.fa-btn:hover {
    opacity: 0.7;
}
.btn-facebook {
  background: #3B5998;
  color: white;
}
.btn-twitter {
  background: #55ACEE;
  color: white;
}
.btn-googleplus {
  background: #dd4b39;
  color: white;
}
.btn-linkedin {
  background: #007bb5;
  color: white;
}
.btn-youtube {
  background: #bb0000;
  color: white;
}
.btn-instagram {
  background: #125688;
  color: white;
}
.btn-pinterest {
  background: #cb2027;
  color: white;
}
.btn-snapchat {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.btn-skype {
  background: #00aff0;
  color: white;
}
.btn-android {
  background: #a4c639;
  color: white;
}
.btn-dribbble {
  background: #ea4c89;
  color: white;
}
.btn-vimeo {
  background: #45bbff;
  color: white;
}
.btn-tumblr {
  background: #2c4762;
  color: white;
}
.btn-vine {
  background: #00b489;
  color: white;
}
.btn-foursquare {
  background: #45bbff;
  color: white;
}
.btn-stumbleupon {
  background: #eb4924;
  color: white;
}
.btn-flickr {
  background: #f40083;
  color: white;
}
.btn-yahoo {
  background: #430297;
  color: white;
}
.btn-soundcloud {
  background: #ff5500;
  color: white;
}
.btn-reddit, .btn-reddit {
  background: #ff5700;
  color: white;
}
.btn-rss {
  background: #ff6600;
  color: white;
}
