html, body {
	height: 100%;
}
body {
	color: #888888;
    font: 14px/23px 'Source Sans Pro', sans-serif;
    font-weight: 400;
    margin:0;
text-align:justify;
 }

span.nom {
text-transform:none !important; 
}
span.job {
text-transform:none !important; 
color: #181818;
font-style:italic;
font-weight:400;;
}


.vcard2 .org {
font-weight:600; 
color: #d41d23;}

.vcard2 i {
  color: #d41d23;
  margin-right: 5px;
margin-top: 10px;
}
/************* STYLE ************/
p.titre-album {
  color: #181818;
  font-family: "Oswald",sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
margin-bottom:0;
  text-align: center;
  text-transform: uppercase;
}
div.img a:hover p.titre-album {
color: #d41d23;
}

#retour a{
  background: none repeat scroll 0 0 #d41d23;
  color: white;
  float: right;
  font-family: "Oswald",sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 12px;
  padding: 5px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
#retour a:hover{
background:#181818;
}
.date-post {
  color: #d41d23;
  font-family: oswald;
  font-size: 12px;
  margin-top: 3px;
  text-transform: uppercase;
}
#contenu .titre-post {
margin-bottom: 0;
}
div.post {
  border-bottom: 1px solid lightgray;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
a {
	text-decoration: none;
	color: #d41d23;
}
a:hover {
	text-decoration: none;
	color: #181818;
}
.titre-post a {
color: #181818;
}
.titre-post a:hover {
color: #d41d23;
}
.center {
	text-align: center;
}
.italic {
	font-style: italic;
}
strong,.strong 		{	font-weight: 600;}

.more {
  font-family: 'Oswald', sans-serif;
  color: white;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px;
  text-decoration: none;
  text-transform: uppercase;
  background: #a79468;
}
.more:hover {
	background: #d41d23;
  color: white;
}
/************* SLIDESHOW ************/

#slideshow {
  height: 500px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
 
#slideshow img {       
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;   
} 
#slideshow .slide {       
	height: 500px;
    min-width: 100%;
	background-size: cover;
	 background-position: center center;
} 
#visuel.ecole {
background: url(http://www.cpr-standard-herve.be/uploads/cpr/visuels/visuel1.jpg) !important;
background-size: cover !important;
background-position: center center !important;
}
#visuel.stages {
background: url(http://www.cpr-standard-herve.be/uploads/cpr/visuels/stages.jpg) !important;
background-size: cover !important;
background-position: center center !important;
}

#visuel {
  height: 300px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
background: url(http://www.cpr-standard-herve.be/uploads/cpr/visuels/visuel1.jpg);
background-size: cover;
background-position: center center;
}

/************* SQUELETTE ************/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -500px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 500px; /* '.push' must be the same height as 'footer' */
}
footer {
	background: #222222;
}


/********** HEADER **********/

.rouge {
	color: #d41d23 !important;
}
.or {
	color: #a79468 !important;
}
.noir {
	color: #181818 !important;
}
/********** LOGO **********/

header {
  background: #181818;
  height: 70px;
  position: relative;
  z-index: 1520;
}

body.in header {
	margin-bottom: 200px;
}

header h1 {
  background: url("http://www.cpr-standard-herve.be/uploads/cpr/interface/logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 137px;
  left: -77px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 352px;
}
header h1 span {
  display: none;
}

nav#nav {
	float:right;
	}

nav#nav ul {
	list-style: none outside none;
	margin: 0;
	overflow: auto;
	padding: 0;
}
nav#nav ul li {
	float: left;
}
nav#nav ul li + li {
	margin: 0;
	padding: 0;
}
nav#nav ul li a {
  color: #FFF;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  height: 70px;
  line-height: 70px;
  text-decoration: none;
  border-left: 1px solid #333333;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Oswald', sans-serif;
  }
  
nav#nav ul li.last a{
  border-right: 1px solid #333333;

}
nav#nav ul li a.is-selected,
nav#nav ul li a:hover {
  background:#d41d23;
}
nav#nav .fa-home{
	color: white;
}

/*********** LEGENDE *************/

.slide-bg {
	background: url(http://www.cpr-standard-herve.be/uploads/cpr/visuels/motif.png);
	position: absolute;
	width: 100%;
	height: 500px;
}

.pave {
	margin-top: 245px;
}
.pave h1 {
  background: none repeat scroll 0 0 #d41d23;
  color: white;
  font-family: "Oswald",sans-serif;
  font-size: 44px;
  padding: 0px 80px 0px 10px;
  text-transform: uppercase;
  font-weight: 400;
  display: inline;

}
.pave h2 {
  background: none repeat scroll 0 0 #181818;
  color: white;
  font-family: "Oswald",sans-serif;
  font-size: 17px;
  padding: 2px 40px 2px 10px;  
  text-transform: uppercase;
  font-weight: 400;
  display: inline;
}
.pave .titre {
  margin-bottom: 45px;
  margin-top: 28px;
}
.pave a {
	text-transform: uppercase;
	font-weight: 400;
	background: none repeat scroll 0 0 #a79468;
	color: white;
	font-family: "Oswald",sans-serif;
	font-size: 19px;
	padding: 10px 30px;	
}
.pave a:hover {
	  background: none repeat scroll 0 0 #d41d23;
	 }



/*********** SERVICES ***********/

#contenu {
  margin-bottom: 40px;
  margin-top: 60px;
}
section.home{
  margin-bottom: 60px !important;
  margin-top: 60px;
}
#contenu h1 {
	text-transform: uppercase;
  font-family: "Oswald",sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #181818;
}
h1.home {
	font-size: 20px !important;
}
#contenu h2 {
	text-transform: uppercase;
  font-family: "Oswald",sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #a79468;
}
#contenu h3 {
	text-transform: uppercase;
  font-family: "Oswald",sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.nomargin {
	margin-top: 0;
}

p.texte,
p.post {
	margin-bottom: 25px;
}



#actualite {
	height: 340px;
	background: #f5f5f5;
	padding-top: 40px;
	border-bottom: 10px solid white;
}
#actualite h1 {
	text-transform: uppercase;
	font-family: "Oswald",sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #181818;	
	float: left;
}
.titre-post {
	text-transform: uppercase;
	font-family: "Oswald",sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #181818;	
}
.lire {
  background: none repeat scroll 0 0 #d41d23;
  color: white;
  display: block;
  font-family: "Oswald",sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  padding: 5px 20px;
  text-decoration: none;
  text-transform: uppercase;
  width: 24px;
}
.lire:hover {
	background:  #a79468;
  color: white;
}
.more-actu {
  font-family: 'Oswald', sans-serif;
  color: white;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px;
  text-decoration: none;
  text-transform: uppercase;
  background:#181818;
  float: right;
  margin-top: 12px;
}
.more-actu:hover {
	background: #d41d23;
	color: white;
	}
.vcard {
  background: url("http://www.cpr-standard-herve.be/uploads/cpr/interface/logo-footer.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  height: 60px;
  margin-top: 22px;
  padding-top: 9px;
  text-align: right;
  width: 100%;
}
.vcard .org {
	color: white
}
.vcard i {
	margin-right: 5px;
	color:#d41d23;
	margin-left: 10px;
}


aside ul {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
aside ul a {
	display: block;
	border-bottom: 1px solid #a79468;
	line-height: 40px;font-family: 'Oswald', sans-serif;
	color: #181818;
	font-size: 14px;
  	text-transform: uppercase;
}
aside ul a:hover,
aside ul a.is-selected {
	border-bottom: 1px solid #d41d23;
}


ul li span {
  font-weight: 600;
  text-transform: uppercase;
  color: #d41d23;
}

#contenu ul {
  list-style: outside none none;
  margin-left:25px;
  padding: 0;
}
#contenu ul li{
  margin-top: 10px;
  padding: 0;
}
/* Stylesheet: cpr Modified On 2015-05-20 12:11:19 */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 972px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:51px;
}

.container_12 .grid_2 {
	width:132px;
}

.container_12 .grid_3 {
	width:213px;
}

.container_12 .grid_4 {
	width:294px;
}

.container_12 .grid_5 {
	width:375px;
}

.container_12 .grid_6 {
	width:456px;
}

.container_12 .grid_7 {
	width:537px;
}

.container_12 .grid_8 {
	width:618px;
}

.container_12 .grid_9 {
	width:699px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:861px;
}

.container_12 .grid_12 {
	width:942px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:81px;
}

.container_12 .prefix_2 {
	padding-left:162px;
}

.container_12 .prefix_3 {
	padding-left:243px;
}

.container_12 .prefix_4 {
	padding-left:324px;
}

.container_12 .prefix_5 {
	padding-left:405px;
}

.container_12 .prefix_6 {
	padding-left:486px;
}

.container_12 .prefix_7 {
	padding-left:567px;
}

.container_12 .prefix_8 {
	padding-left:648px;
}

.container_12 .prefix_9 {
	padding-left:729px;
}

.container_12 .prefix_10 {
	padding-left:810px;
}

.container_12 .prefix_11 {
	padding-left:891px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:81px;
}

.container_12 .suffix_2 {
	padding-right:162px;
}

.container_12 .suffix_3 {
	padding-right:243px;
}

.container_12 .suffix_4 {
	padding-right:324px;
}

.container_12 .suffix_5 {
	padding-right:405px;
}

.container_12 .suffix_6 {
	padding-right:486px;
}

.container_12 .suffix_7 {
	padding-right:567px;
}

.container_12 .suffix_8 {
	padding-right:648px;
}

.container_12 .suffix_9 {
	padding-right:729px;
}

.container_12 .suffix_10 {
	padding-right:810px;
}

.container_12 .suffix_11 {
	padding-right:891px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:81px;
}

.container_12 .push_2 {
	left:162px;
}

.container_12 .push_3 {
	left:243px;
}

.container_12 .push_4 {
	left:324px;
}

.container_12 .push_5 {
	left:405px;
}

.container_12 .push_6 {
	left:486px;
}

.container_12 .push_7 {
	left:567px;
}

.container_12 .push_8 {
	left:648px;
}

.container_12 .push_9 {
	left:729px;
}

.container_12 .push_10 {
	left:810px;
}

.container_12 .push_11 {
	left:891px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-81px;
}

.container_12 .pull_2 {
	left:-162px;
}

.container_12 .pull_3 {
	left:-243px;
}

.container_12 .pull_4 {
	left:-324px;
}

.container_12 .pull_5 {
	left:-405px;
}

.container_12 .pull_6 {
	left:-486px;
}

.container_12 .pull_7 {
	left:-567px;
}

.container_12 .pull_8 {
	left:-648px;
}

.container_12 .pull_9 {
	left:-729px;
}

.container_12 .pull_10 {
	left:-810px;
}

.container_12 .pull_11 {
	left:-891px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/* Stylesheet: grid Modified On 2015-05-13 11:25:43 */