/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.full {
    background: url('img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
} 

body {
	margin-top: 20px;
	background: none;
}

.row {
  margin-left: 0px;
}

.corps {
	height: 570px;
	background-color: white;
}

.form-group {
	width: 200px;
}


.carousel-control  { 
	width:  4%; 
}

.carousel-control.left,.carousel-control.right  {
	/*margin-left:15px;*/
	background-image:none;
}

@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.carousel { width: 100%; margin: 0 auto; background-color: white;}
	#content {
		/* des dimensions au hasard */
		width:69%;
		height:50%;	

		/* on le rend visible
		border: 2px solid blue;	*/
		margin-left: 14%;
		margin-right: 14%;
	}

}

@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
	.carousel { width: 100%; margin: 0 auto;}
	
	#content {
		/* des dimensions au hasard */
		width:59%;
		height:50%;	

		/* on le rend visible
		border: 2px solid blue;	*/
		margin-left: 20%;
		margin-right: 20%;
	}
}

@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		 { left: -33%; }
	.carousel { width: 100%; height:100%; margin: 0 auto;}
	#content {
		/* des dimensions au hasard */
		width:49%;
		height:50%;	

		/* on le rend visible
		border: 2px solid blue;	*/
		margin-left: 25%;
		margin-right: 25%;
	}
}
/*.centercontent {
	
	border: 2px solid blue;
	height: 600px;
	display:inline-block;
    vertical-align:middle;
	position: relative ; 
	width: 800px; margin: 0 auto;
	vertical-align: middle;
    display: inline-block;	
	padding-top: 30px;
}*/

/*.carousel {
    display: inline-block;
    vertical-align: middle;
}

.carousel-inner { text-align: center; }

.carousel .item > img { display: inline-block; }
*/

/*html,body {
    height:90%;
}*/


html, body {
    /* suppression des éventuels styles par défaut */
    /*margin:0;
    padding:0;*/
	
    /* on spécifie un repère pour le calcul des hauteurs */
    height:100%;
	background: none;
}

.strut, #content {
    /* on permet à ces éléments de s'aligner verticalement */
    display:inline-block;
    vertical-align:middle;
}

.strut {
    /* hauteur de la fenêtre, par rapport à laquelle les éléments vont être alignés */
    height:50%;/*ajuster l'hauteur*/
	/*border: 2px solid blue;*/
	/*margin-top: -6%;*/
}



h4 { /** Les sous-titres (titres de niveau 4) */
  color: #c00;             
  font-weight: bold;  
  font-size: 95%;
  
}

h5 { /** Les sous-titres (titres de niveau 5) */
  color: #555;               
  font-weight: bold;
  font-size: 95%;
}

h6 { /** Les sous-titres (titres de niveau 6) */
  color: #005EA8;               
  font-weight: bold
}