@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Rationale);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.pretty-link {
	color: #e35e25;font-size: 16px;
}

.title-red{
	color: #e35e25;
	font-size: 24px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.title-red48{
	color: #e35e25;
	font-size: 48px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.title-red24{
	color: #e35e25;
	font-size: 24px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.title-red36{
	color: #e35e25;
	font-size: 36px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.title-red18{
	color: #e35e25;
	//font-size: 18px;
	font-size: 16px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.title-white16{
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}
.title-green18{
	color: #008ea6;
	font-size: 18px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}
.title-green24{
	color: #008ea6;
	font-size: 24px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.donate{
	 //background-color: #008ea6;//#00bfff;
	 //color: #ffffff;
         margin: auto;
	 //    width: 50%;	 
	    // border: 3px solid green;
    padding: 10px;
	font-size: 14px;	
	font-family: "Open Sans", sans-serif;
}

.donateTel{
	 //background-color: #008ea6;//#00bfff;
	 //color: #ffffff;
         padding: 10px;  
        // border: 3px solid green;
        width: auto;
	font-size: 14px;	
	font-family: "Open Sans", sans-serif;
}

.rappel{
	 background-color: #008ea6;
	 color: #ffffff;
         padding: 10px; 
        width: auto;
	font-size: 14px;	
	font-family: "Open Sans", sans-serif;
}

.title-black {
	color:#5f5e5d;
	font-size: 18px;
	font-family: "Roboto Mono, ", sans-serif;
}

.title-blackright {
	color:#5f5e5d;
	font-size: 18px;
	font-family: "Roboto Mono, ", sans-serif;
	text-align: right;
}

.title-black16Bold{
	color: #5f5e5d;
	font-size: 16px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}
.button[type=reset] {
  background-color: #e35e25;
  color: #ffffff;
  margin: 10px 0 20px;
  border-width: 2px; }
  button[type=reset]:hover {
    color: #e35e25;
    border-color: #e35e25;
    border-width: 2px;
    background-color: #ffffff; }

.btn-default {
  color: #ffffff;
  background-color: #e35e25;
  border-color: #e35e25; }
  .btn-default:hover {
    color: #e35e25;
    border-color: #e35e25;
    border-width: 2px;
    background-color: #ffffff; }

.site-of-the-day .col-md-4 { height: 0px; }


.site-of-the-day .col-md-8.col-fluid { display: table; height: 550px;}

.site-of-the-month .col-md-5.col-fluid { display: table; height: 350px;}
.site-of-the-month .col-md-7.site-details { height: 0px;}

.right {
    position: absolute;
    right: 100px;
   
}

.success-text {
	font-family: "Roboto Mono", sans-serif;
	color: green;
	font-size: 16px;
}

.error-text {
	font-family: "Roboto Mono", sans-serif;
	color: #E24A37;
	font-size: 16px;
}
   

.listTitle {
	font-family: "Open Sans", sans-serif;
	font-size: 23px;
	color: #e35e25;
	font-weight: bold;
}

.listHeader {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	background-color: #e35e25;
	color: white;
	font-weight: bold;
	
}

.listEvenRow {
	font-family: 'Rationale', sans-serif;
	font-size: 23px;
	background-color: #F5F4F9;
	color: black;
}

.listEvenRowBold {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	background-color: #F5F4F9;
	color: black;
	font-weight: bold;
}

.listOddRow {
	font-family: 'Rationale', sans-serif;
	font-size: 23px;
	background-color: #f7dcd0;
	color: black;
}
 
.listOddRowBold {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	background-color: #f7dcd0;
	color: black;
	font-weight: bold
}


.listGreenRow {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	background-color: #005A31;
	color: white;
	
}

.listRedRow {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	background-color: #DE1B1B;
	color: white;
	
}

.listDiff {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	color: white;
	
}



  
/*padding-top, padding-right, padding-bottom, and padding-left. */
table.padded-table-1{
	width:100%}
	td { padding:0px 4px 0px 3px; }
   
table.padded-table-2{
	background-color:#e24a37;
	width:100%}
	td { padding:0px 4px 0px 3px; }
  
 
/* bouton 1 */
.listOddRowButton-1-1 {
	/* display: inline-block; */
	font-family: 'Rationale', sans-serif;
	font-size: 25px;
        background-color: #A2CD5A;
	color: black;
	/*border-top-left-radius:2em;*/
	/*border-top-right-radius:2em;*/
	border-bottom-right-radius: 0.6em;
	border-bottom-left-radius: 0.6em;
	/* border: solid #f7dcd0 5px;*/ 
	box-shadow: 2px 2px 2px #f7dcd0;
	/* clear: right; */
	/* float: right; */
	/* width: 100%; */
	/* height: 100%; */
	/* margin-bottom: 2em; */
	/* padding-top: .6em; */
	/* padding-bottom: .2em; */
}

.listOddRowButton-1-2 {
	/* display: inline-block; */
	font-family: 'Rationale', sans-serif;
	font-size: 25px;
	background-color: #F08080;
	color: black;
	/*border-top-left-radius:2em;*/
	/*border-top-right-radius:2em;*/
	border-bottom-right-radius:0.6em;
	border-bottom-left-radius:0.6em;
	/* border: solid #f7dcd0 5px;*/ 
	box-shadow: 2px 2px 2px #f7dcd0;
	/* clear: right; */
	/* float: right; */
	/* width: 100%; */
	/* height: 100%; */
	/* margin-bottom: 2em; */
	/* padding-top: .6em; */
	/* padding-bottom: .2em; */
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}