/*
Theme Name: SCSHO
Description: Le thème du blog de la SCSHO.
Version: 0.1 feuille de style commune à toutes les pages
Author: Breton Jacques
Author URI: http://www.scsho.fr
Tags: blue, custom header, fixed width, two columns, widgets 

test de liens
*/
.bodycommun {
	background-image: url('../../images/arpsho5.jpg'); 	
}

.ombre {
	box-shadow : 5px 5px 2px 0px #444;
  }

.rounded-circle25 {
  border-radius: 25% !important;
}

.rounded-circle10 {
  border-radius: 10% !important;
}

.rounded-circle5 {
  border-radius: 5% !important;
}
  
.visible {
    visibility : visible;
  }

.invisible {
    visibility : hidden;
  }

.op90 {opacity: 0.9;}
.op85 {opacity: 0.85;}
.op80 {opacity: 0.8;}

  
/* ------------------------ Couleur arriere-plan et texte --------------------------- */
.bg-header {	background-color: #98FB98; }
.bg-sousheader {background-color: #90EE90;}
.bg-cornsilk {background-color: #FFF8DC; }
.bg-cornsilk-footer {background-color:#F7F0D5 ; }
.bg-ivory {	background-color: #FFFFF0; }
.bg-oldlace {	background-color: #FDF5E6;}
.bg-mistyrose {	background-color: #FFE4E1;}
.bg-antiquewhite {	background-color: #FAEBD7;}
.bg-beige {	background-color: #F5F5DC;}
.bg-red {	background-color: #FF0000;} /* rouge incendie */
.bg-lightgrey {background-color: #D3D3D3;} /* gris clair */
.bg-gainsboro {	background-color: #DCDCDC;} /* gris trés clair */
.bg-actsho {background-color: #AAAAAA;} /* gris du fond actsho*/
.bg-lightblue {background-color: #ADD8E6;} /* bleu clair*/
.bg-lightsteelblue {background-color: lightsteelblue;} /* bleu clair*/
.bg-darkblue {background-color: darkblue;} /* bleu */
.bg-lavender {	background-color: #E6E6FA; } /* rose trés clair tirant sur le gris */
.bg-palegreen {	background-color: #98FB98; } /* vert clair */
.bg-salmon {	background-color: salmon; } 
.bg-lightsalmon {	background-color: lightsalmon; } 
.bg-test {	background-color: salmon; } 

.text-darkblue {color: darkblue;} /*bleu foncé visible sur fond gris*/
.text-darkgreen {color: darkgreen;} /* vert foncé visible sur fond gris*/

/* --------------- Style de texte ----------------------------------------------------------- */
.paragraphe {	text-indent: 2rem;	text-align: justify !important;}
.paragraphe0ind {text-align: justify !important;}

.h120 {font-size: 1.20rem;}
.h100 {	font-size: 1rem; }
.h095 {	font-size: 0.95rem; }
.h090 {	font-size: 0.90rem;}
.h085 {	font-size: 0.85rem;}
.h080 {	font-size: 0.80rem;}
.h7 {font-size: 0.75rem;}
.h8 {font-size: 0.50rem;}
.h120g {	font-size: 1.20rem; font-weight:bold; }
.h100g {	font-size: 1rem; font-weight:bold; }
.h095g {	font-size: 0.95rem; font-weight:bold; }
.h090g {	font-size: 0.90rem; font-weight:bold; }
.h085g {	font-size: 0.85rem; font-weight:bold; }
.h080g {	font-size: 0.80rem; font-weight:bold; }
.h7g {font-size: 0.75rem; font-weight:bold; }
.h8g {font-size: 0.50rem; font-weight:bold; }


/* --------------- Style badge ----------------------------------------------------------- */
.badge-mistyrose {background-color: #FFE4E1; color: black;}
.badge-oldlace {background-color: #FDF5E6; color: black;}
.badge-beige {	background-color: #F5F5DC; color: black;}
.badge-lavender {background-color: #E6E6FA; color: black;}
/* --------------- Style image ----------------------------------------------------------- */


.carousel-caption-index {
	background-color: palegreen;
	color: black;
	opacity: 0.7;
	border-radius: 10px;
}

/*-----------------------------Media query --------------------------------------*/
@media screen and (min-width:1200px) and (max-width: 8000px) {

}

@media screen and (min-width:992px) and (max-width: 1199px) {
	
}

@media screen and (min-width:768px) and (max-width: 991px) {

	
}

@media screen and (min-width:576px) and (max-width: 767px) {

		
}