/* CSS Document */

body {
	background-color: #fff;
	font-family: ubuntu;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	/*max-width: 100%;*/
	/*overflow-x: hidden;*/
	/*align-content: center;*/
}

td {
	vertical-align: top;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-family: overlock;
	color: #97151b;
}

h1 {
	font-size: 2.5em;
}


h2 {
	/*color: #5e5e5e;*/
	font-size: 30px;
}
h3 {
	font-size: 24px;
}

hr {
	height: 1px;
	background-color: #898989;
	border: 0;
}

/* Paragraph & Typographic */
p {
}

.centered {
	text-align: center;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #97151b;
	margin: 1em 0;
	padding: 0;
}


/************************************************************************************************************************************/
/******************************************************** E N T E T E ***************************************************************/

#header-logo {
	width: 409px;
	height:83px;
	display: block;
	margin-top:12px;
	float:left;
	background-color: white;
	border-top: solid #5e5e5e 2px;
	padding-left: 10px;
	padding-top: 5px;
}


#header-logo img {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/logo.png) no-repeat;
	width: 400px; /* Width of new image */
	height: 75px; /* Height of new image */
}

#header-slogan {
	position: absolute;
	left: 69.3877551%;
	line-height: 110px;
	top: 19px;
}

#entete {
	background-image: url(../images/Fond_Accueil.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1030;
	width: 100%;
	padding: inherit;
}

#entete {
	/*color: white;*/
	/*font-weight: bold;*/
	width: 100%
	/*letter-spacing: 1px;*/
}

#entete .container {
	/*width: 1152px; /!*980px;*!/*/
	width: 100%
}

/******* MENU PRINCIPAL *******/
#menu_principal {
	margin-top:-27px;
	margin-left:430px;
	background-color: white;
	border-top: solid #5e5e5e 2px;
	height: 24px;
}

@-moz-document url-prefix() {
	#menu_principal{
		/*margin-top:-35px;*/
		/*margin-left:430px;*/
	}
}

#menu_principal ul {
	list-style: none;
	margin-left: -30px;
	height: 14px;
}

@-moz-document url-prefix() {
	#menu_principal ul{
		margin-top: -8px;
		padding-top: 11px;
	}
}

#menu_principal ul li {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
}

@-moz-document url-prefix() {
	#menu_principal ul li {
		line-height: 14px;
	}
}

#menu_principal li.active a {
	background-color: #97151b;
	color: #fff;
}

#menu_principal li:hover {
}

#menu_principal {
	font-size: 18px;
}

#menu_principal a {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font-weight: bold;
}

#menu_principal a:hover {
	background-color: #97151b;
	color: #fff;
}

#menu_principal a:active {
	color: #fff;
	background-color: #898989;
	/*background: #efefef;*/
	border-left: 1px solid #898989;
	border-right: 1px solid #898989;
}

/******* MANCHETTE *******/
#manchette {
	/*font-family: 'Open Sans',  sans-serif;*/
	background-color: white;
	border-top: solid #5e5e5e 2px;
	margin-top: 10px;
	font-size: small;
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
}


#manchette a {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: inherit;
	margin-bottom: inherit;
	/*font-weight: normal;*/
}

#manchette .row {
	padding: 5px;
}


/******* LIGNE ESPACE *******/
#row_espace{
	height: 15px;
}


/************************************************************************************************************************************/
/**************************************************** C O N T E N U   P A G E *******************************************************/

#contenu_page {
	background : white url(../images/Fond_bande_rouge.jpg) top repeat-x;
	background-color: #FFF;
	/*margin-top: 180px;*/
	position: relative;
}

.bloc_texte {
	text-align: justify;
	color: #5e5e5e;
	padding-top: 10px;
}

.bloc_texte h1{
	/*font-size: 24px;*/
	/*font-weight: bold;*/
	/*text-align: inherit;*/
}

.bloc_texte h2{
	/*font-size: 18px;*/
	/*text-align: inherit;*/
	/*color: #5e5e5e;*/
	/*font-weight: bold;*/
}

.bloc_texte h3{
	/*font-size: 14px;*/
	/*text-align: inherit;*/
	/*font-weight: bold;*/
}

.bloc_texte h4{
	/*font-size: 13px;*/
	/*text-align: inherit;*/
	/*font-style: italic;*/
}

.manuscrit{
	font-family: kalam;
}

.intro{
	font-size: 1.05em;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
}


.div-a-droite{
	float: right;
	margin: 10px;
}

.div-a-gauche{
	float: left;
	margin: 10px;
}

.div-au-centre{
	margin-left: 220px;
	/*margin-right: 260px;*/
	padding-left: 5px;
	padding-right: 5px;
}

.image-a-droite{
	float: right;
	margin: 10px;
	border: 1px solid #5e5e5e;
	width: 200px;
	height: 200px;
	overflow: hidden;
	top : -50%;           /* la moitié de la hauteur du bloc qui la contient  */
	left : -50%;           /* la moitié de la hauteur du bloc qui la contient  */
}


.image-a-gauche{
	float: left;
	margin: 10px;
	border: 1px solid #5e5e5e;
	width: 200px;
	height: 200px;
	overflow: hidden;
	/*margin-top : -30%;           /!* la moitié de la hauteur du bloc qui la contient  *!/*/
	/*left : -50%;           /!* la moitié de la hauteur du bloc qui la contient  *!/*/
}


#table_horaires_matiere {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #5e5e5e;

}
#table_horaires_matiere  ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*font-family: ubuntu condensed;*/
	/*vertical-align: top;*/
}

#table_horaires_matiere  ul  li{
	list-style: none;
}


#table_horaires_matiere li.journee {
	vertical-align: top;
	/*display: inline-block;*/
}

#table_horaires_matiere li.journee > ul > li {
	display: inline-block;
	/*font-size: 12px;*/
	/*margin-right: 10px;*/
}

#table_horaires_matiere .jour {
	background: #97151b;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 80px;
	/*font-weight: bold;*/
}

#table_horaires_matiere .horaires {
	color: #97151b;
	padding-left: 2px;
	padding-right: 2px;
}


/************************************************************************************************************************************/
/****************************************************** B A S   D E   P A G E *******************************************************/

#footer{
	border-top:  solid 1px #97151b;
	background: white;
	background-color: #F0F0F0;

}

.reseaux-sociaux {
	width: 110px;
	height:50px;
	display: block;
	margin-top:10px;
	/*float:right;*/
	padding-right: 10px;
	padding-top: 0px;
	width: 50px;
}

.reseaux-sociaux ul li{
	display: inline-block;
	text-align: right;
}

.reseaux-sociaux ul li img{
	padding: 5px;
}

.menu_bas {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;

}

.menu_bas img{
	padding: 0px 10px 0px 10px;
	width: 50px;
}

.menu_bas h1 {
	font-size: 9px;
	color: #898989;
	text-align: justify;
	/*text-transform: lowercase;*/
	font-variant: inherit
}

.menu_bas h1 a {
	color: #898989;
}

.menu_bas h1 a:hover{
	color: #b87a7d;
}
/* Définition des blocs */

#contenant_principal {
	width: 1152px;
	background-color: #FFF;
}
#contenant_principal_calendrier {
	width: auto;
	background-color: #FFF;
}





#entete_calendrier {
	background-image: url(../images/Fond_Accueil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 1152px;
	height: 411px;
}

#menu_principal_calendrier {
	position: absolute;
	float: right;
	margin-top: 72px;
	margin-left: 440px;
	color: #FFF;
	text-align: justify;
}


#bloc_texte_admin {
	text-align: justify;
	margin: 0px 8px 0px 8px;
	color: #5e5e5e;
	font-size: 0.8em;
}

/************************************************************************************************************************************/
/* Définitions des fonds */

.fond_transparent {
	opacity: 0.75;
	filter: alpha(opacity=75);
	background-color: #FFF;
}
.fond_body {
	background-color: #503f62;
	color: #FFF;
	border-top: #898989 solid 2px;
}
.fond_gris,
.fond_gris_soft {
	background-color: #F0F0F0;
	background-image: url(../images/Fond_bande_rouge.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: #898989 solid 1px;
	color: #97151b;
	border-left: #FFF solid 0px;
	border-right: #FFF solid 0px;
}
/*f58413  */

.fond_blog {
	background-color: #706763;
	background-image: url(../images/Fond_bande_rouge.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: #333 solid 1px;
	border-left: #FFF solid 0px;
	border-right: #FFF solid 0px;
}
.fond_blanc {
	background-color: #FFF;
	border-top: #333 solid 2px;
	border-left: #CCC solid 1px;
	border-right: #EEE solid 1px;
}

/************************************************************************************************************************************/
/* Définition des liens */

.fond_body a {
	color: #FFF;
	text-decoration: none;
}
.fond_body a:hover {
	text-decoration: none;
}
.fond_blanc a {
	color: #5e5e5e;
	text-decoration: none;
}
.fond_blanc a {
	text-decoration: none;
}

/* Links */
p.intro a {
	color: #97151b;
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

p.intro a:hover, p.intro a:focus {
	color: #7f7679;
	text-decoration: none;
	outline: 0;
}

p.intro a:before, p.intro a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a {
	color: #7f7679;
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
	color: #7f7679;
	text-decoration: none;
	outline: 0;
}

a:before,
a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}


/************************************************************************************************************************************/
/* Définition tableaux */

.planning_cours {
	/*border-collapse: collapse;*/
	/*white-space: nowrap;*/
}
.planning_cours td {
	/*border: #898989 solid 1px;*/
	/*padding: 5px;*/
	/*text-align: center;*/
}
.tableau_ligne {
	border-collapse: collapse;
	background-color: #FFF;
	font-size: 0.9em;
	color: #5e5e5e;
}
.ligne_sombre {
	background-color: #FFF3E8;
}
/************************************************************************************************************************************/
/* Définition tableaux calendrier */

#calendrier {
	border-collapse: collapse;
	background-color: #FFF;
	font-size: 0.9em;
	color: #898989;
}
#calendrier a,
.calendrier a:hover,
.calendrier a:visited {
	text-decoration: none;
	color: #898989;
}

/************************************************************************************************************************************/
/* Définition champs formulaire */

#bloc_texte input,
#bloc_texte textarea,
#bloc_texte select {
	color: #5e5e5e;
	border-bottom: #F0F0F0 solid 1px;
	border-left: #898989 solid 1px;
	border-top: #898989 solid 1px;
	border-right: #F0F0F0 solid 1px;
	background-color: #F0F0F0
}
#bloc_texte .bouton {
	color: #97151b;
	font-weight: bold;
	background-color: #D0CCC9;
	border-radius: 8px;
	border: solid 1px #898989;
}
#bloc_texte .inscription {
	color: #FFF;
	text-align: right;
	font-weight: bold;
	background-color: #97151b;
	border-radius: 5px;
	border: solid 1px #898989;
	width: 250px;
}
#bloc_texte .detail {
	font-size: 1em;
	color: #97151b;
}
/************************************************************************************************************************************/
/* Définition champs formulaire */

#email_validation,
#name_validation {
	display: none;
}
label.required:after {
	content: '*';
	color: red;
}
span.error {
	background-color: #FFDFDF;
	color: red;
}
.row {

	/*margin: 5px;*/
}
/************************************************************************************************************************************/
/* Systeme d'onglets */

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
/************************************************************************************************************************************/

.cadre {
	border: #5e5e5e 1px solid;
}
.titre_sur_image {
	font-weight: bold;
	color: #FFF;
	background: #503f62;
	line-height: 1.5em;
	border-top: #333 solid 2px;
}
.fond_gris ul,
.fond_body ul,
.fond_blanc ul {
	line-height: 1em;
}
.fond_gris li,
.fond_body li,
.fond_blanc li {
	list-style: square;
	list-style-position: inside;
	margin-left: -20px;
	line-height: 2em;
}

/* Bootstrap Override */
/*****************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************/


/*@media (min-width: 768px) {*/
/*.container {*/
	/*width: 100%;*/
	/*/!*width: 750px;*!/*/
	/*}*/
/*}*/


/*@media (min-width: 992px) {*/
	/*.container {*/
		/*width: 100%; /!*980px;*!/*/
	/*}*/
/*}*/

/*@media (min-width: 1152px) {*/
	/*.container {*/
	/*width: 100%; /!*980px;*!/*/
	/*}*/


/*}*/
/*@media (max-width: 1000px) {*/

	/*#table_horaires_matiere li.journee {*/
		/*vertical-align: top;*/
		/*display: inline-block;*/
	/*}*/

	/*#table_horaires_matiere li.journee > ul > li {*/
		/*display: inherit;*/
		/*/!*margin-right: 10px;*!/*/
	/*}*/

/*}*/

/*@media (max-width: 991px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%;*/
		/*background-color: #fff;*/
	/*}*/

	/*#menu_principal{*/
		/*/!*float: left;*!/*/
		/*margin-top:15px;*/
		/*margin-left: 0px;*/
		/*background-color: white;*/
		/*border-top: solid #5e5e5e 2px;*/
		/*height: 26px;*/
	/*}*/

	/*#manchette{*/
		/*/!*margin-top: -260px;*!/*/
	/*}*/

	/*.item-list .block-item {*/
		/*margin: 0 21px 20px 21px;*/
	/*}*/
	/*#header-slogan {*/
		/*left: 77%;*/
	/*}*/
	/*.navbar-default .navbar-brand {*/
		/*letter-spacing: normal;*/
	/*}*/

/*}*/
/*@media (max-width: 779px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%; /!*740px;*!/*/
	/*}*/
/*}*/

/*@media (max-width: 759px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%;*/
	/*}*/
/*}*/
/*@media (max-width: 739px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%;*/
		/*/!*width: 560px;*!/*/
	/*}*/
/*}*/

/*@media (max-width: 569px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%;*/
		/*/!*width: 480px;*!/*/
	/*}*/

	/*#menu_principal{*/
		/*white-space: nowrap;*/
		/*overflow-x: auto;*/
		/*-webkit-overflow-scrolling: touch;*/
		/*-ms-overflow-style: -ms-autohidding-scrollbar;*/
	/*}*/
	/**/
	/*#manchette{*/
		/*display: none;*/
	/*}*/


	/*#header-slogan {*/
		/*display: none;*/
	/*}*/
	/*#header-logo {*/
		/*/!*background: #fff url('../img/logo_xs.png') no-repeat center center;*!/*/
	/*}*/

	/*#header-reseaux-sociaux li{*/
		/*display: block;*/
	/*}*/

	/*#header-reseaux-sociaux li img{*/
		/*padding: 5px;*/
		/*width: 40px;*/
	/*}*/

	/*#header-reseaux-sociaux {*/
		/*padding-right: 5px;*/
		/*padding-top: 0px;*/
	/*}*/


/*}*/

/*@media (max-width: 470px) {*/
	/*#entete .container,.navbar .container, .container {*/
		/*width: 100%;*/
		/*/!*width: 240px;*!/*/
		/*margin-right: auto;*/
		/*margin-left: auto;*/
	/*}*/

	/*#header-logo {*/
		/*width: 279px;*/
		/*height:99px;*/
		/*padding-left: 5px;*/
		/*padding-top: 5px;*/
	/*}*/

	/*#header-logo img {*/
		/*background: url(../images/logo-carre.png) no-repeat;*/
		/*width: 269px; /!* Width of new image *!/*/
		/*height: 89px; /!* Height of new image *!/*/
	/*}*/

	/*#pied_de_page{*/
		/*display: none;*/
	/*}*/

/*}*/

/*@media (max-width: 400px) {*/
	/*#table_horaires_matiere .jour {*/
		/*/!*padding-left: 2px;*!/*/
		/*/!*padding-right: 2px;*!/*/
		/*/!*width: 70px;*!/*/
	/*}*/

	/*#table_horaires_matiere .horaires {*/
		/*/!*padding-left: 5px;*!/*/
		/*/!*padding-right: 2px;*!/*/
		/*/!*font-weight: normal;*!/*/
		/*/!*font-size: 0.9em;*!/*/
	/*}*/

	/*.div-au-centre{*/
		/*/!*float: inherit;*!/*/
	/*}*/

	/*.image-a-droite{*/
		/*float: inherit;*/
	/*}*/


/*}*/