html {
	margin: 0px;
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
}

.header {
	padding: 0;
	background-color: white;
}


#logo {
	width: 400px;
	height: 123px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.plan {
	margin-top: 50px;
}

.planb {
	height: 425px;
	background-color: #F1721C;
}


.plan_contenu {
	margin-top: 40px;
}

.plan_contenu h3 {
	color: #F1721C;
}

.mentions {
	color: #F1721C;
}

.planb h2 {
	text-align: center;
	color: white;
}

.planb p {
	text-align: center;
	color: white;
	font-size: 20px;
}

.mediatheque_contact {
	width: 104%;
	height: 427px;
}

.contactphp {
	height: 427px;
	background-color: #F1721C;
}

.contactphp a {
	color: white;
}

.contactphp h3 {
	color: white;
}

.contactphp p {
	color: white;
}

.contactphp a:hover {
	color: white;
	text-decoration: underline;
}

.contact12 {
	margin-top: 50px;
}

.planp {
	margin-top: 15px;
}

.barre12 {
	margin: auto;
    width: 100%;
    border-top: solid 2px;
    color: white;
    margin-top: 15px;
}

.plan iframe {
	width: 103%;
    height: 425px;
}

.ajactu {
	font-size: 18px;
	margin-top: 30px;
    text-align: center;
    color: white;
    background-color: #66CCFF;
}

.ajactu:hover {
    background-color: #66CCFF;
  color: white;
}


.ajactu1 {
	text-align: center;
}


.horaire12 {
	text-align: center;
	margin-bottom: 50px;
	font-size: 20px;
}

.horaire14 {
	margin-top : 50px;
} 

.jour15 {
	color: #F1721C;
}



#logo-trait {
	height: 1px;
	width: 200px;
	border: 0;
	color: black;
	background-color: black;
	margin-top: 10px;

	} 
 
.sous-titre {
	text-align: center;
	margin-top: 55px;
	color: #F1721C;
	margin-bottom: 50px;
}

#facebook {
 	margin-right: auto;
 	margin-left: auto;
 	width: 30px;
 	margin-top: -10px;
 	margin-bottom: 10px; 
 	display: block;
 	}

/* Partie carousel */
.carousel {
	padding: 0px;
}

.img-responsive {
	width: 100%;
	max-height: 200px;
}

/* Partie menu */
.menu {
	float: left;
	width: 100%;
	font-family: "Montserrat1";
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
} 

.couleur_menu {
	background-color: #66ccff;
	width: 100%;
	border-radius: 0px;
	border: none;
	margin: 0;
}



.navbar-default .navbar-nav>li>#maison {
border-left: none;
border-bottom: solid 2px #66ccff;
}

.navbar-default .navbar-nav>li>#maison:hover {
border-left: none;
border-bottom: solid 3px #FFA033;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-size: 27px;
    border-left: 1px solid white;
    border-bottom: solid 3px #66ccff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color: #66ccff;
    border-bottom: solid 3px #FFA033;
      -moz-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #66ccff;
	background-color: #f4f3f3;
    }

/* PARTIE CONTENU */

.contenu {
	float: left;
	font-family: "Montserrat1";
	width: 100%;}

.titre {
	margin-top: 40px;
	font-size: 60px;
	text-align: center;
	color: #F1721C;
	/*background-image: url(../images/titre.gif);
	background-repeat-x: repeat-x;
	background-repeat-y: repeat-y; */
}

.barre {
	margin: auto;
    width: 100%;
    border-top: solid 2px;
    color: #F1721C;
    margin-top: 30px;
}



.actu {
	margin-bottom: 50px;
}

.mentions1 {
	margin-bottom: 50px;
	text-align: justify;
}

.mentions1 a {
	color: #F1721C;
}

.presentation {
	margin-bottom: 50px;
}

.presentation2 img {
	margin-left: 5px;
	border: solid 1px;
}

.presentation2 strong {
	color: #F1721C;
}


.presentation2 {
	margin-top: 35px;
}

.servicespret {
	margin-top: 35px;
}

.servicespret h3 {
	color: #F1721C;
	margin-bottom: 20px;
}

.servicespret a {
	color: #F1721C;
}

.servicespret a:hover {
	color: #F1721C;
}



.img_theme {
	padding-top: 25px;
	padding-bottom: 20px;
}

.p_theme {
	padding-bottom: 20px;
	color:#f1721c;
}

.selection2 {
	margin-top: 35px;
}


.liste_theme {
	margin-top: 50px;
	text-align: center;
}

.liste_theme_bloc {
    border: solid 1px #f1721c;
    background-color: rgba(241, 233, 57, 0.23);
	height: 215px;
}

.actualite{
  	margin-top: 50px;
    float: left;
    border-bottom: solid #F1721C 2px;
    padding-bottom: 50px;
    width: 100%;
    color: #3b3a3a;
}

.actualite img{
float:left;
margin-right:20px;

}

.actualite strong {
	color: #F1721C;
}

.actualite h3{
font-family: "Montserrat2";
margin-top:0px;
margin-bottom:3px;
color: #F1721C;
}

.animations {
	margin-top: 40px;
    float: left;
    border-bottom: solid #F1721C 2px;
    padding-bottom: 40px;
    width: 100%;
    color: #3b3a3a;
}

.animations img{
float:left;
margin-right:20px;

}

.animations a{
color: #F1721C;

}

.animations strong{
color: #F1721C !important;

}

.animations a:hover{
color: #F1721C;
text-decoration: underline;

}

.animations h3{
font-family: "Montserrat1";
margin-top:0px;
margin-bottom:3px;
color: #F1721C;
}

.animations2 {
font-family: "Montserrat1"!important;
margin-top:30px;}


/* PARTIE DROITE */

.bloc1, .bloc2 {
	background-color: #66ccff;
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    color: white;
    font-family: "Montserrat1";
}

.bloc3 {
	background-color: #66ccff;
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    color: white;
    font-family: "Montserrat1";
    padding-top: 25px;
    padding-bottom: 1px;
    margin-bottom: 15px;

}

.horloge {
    width: 30px;
    vertical-align: middle;
    margin-top: -5px;
}

.bloc1 hr, .bloc2 hr, .bloc3 hr {
	width: 200px;
    margin-top: 5px;
    height: 1px;
    background-color: white;
}

.bloc_horaire1 {

	font-size: 15px;
    margin-bottom: 25px;
}

.bloc_contact2 {

	font-size: 15px;
    margin-bottom: 25px;
}

.bloc_lien3 {

	font-size: 15px;
    margin-bottom: 25px;
}

.jour {
	margin-bottom: 0px;
	margin-top: -8px;
}

.contact3 {
	margin-bottom: 0px;
	margin-top: -8px;
}

.horaire2, .contact2 {
padding-top: 21px;
padding-bottom: 1px;
}

.lien3 {
	margin-bottom: 0px;
	margin-top: -8px;
	list-style-type: none;
}

.lien3 a {
	color: white;
	text-decoration: underline;
}

.lien3 a:hover {
	color: white;
	text-decoration: underline;
	color: #F1721C;
}

.img_contact {
	width: 30px;
	margin-right: 10px;
}

/* PARTIE FOOTER */

#footer {
	border-top: solid #66ccff 5px ;
	font-family: "Montserrat1";
	background-color: #3b3a3a;
	float: left;
	width: 100%;
}

#footer h4 {
	text-transform: uppercase;
	font-size: 20px;
	color: #ffffff;
}

#footer li {
	list-style-type: none;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	color: #F1721C;
}

.footer_1 {
	margin-top: 15px;
}

.lien_contact {
	text-transform: uppercase;
	font-size: 20px;
}
.blason {
	width: 135px;
	height: 162px;
	margin: auto;
	margin-top: 22px;
}

.contact {
	border-right: solid white 2px;
}

.newsletter {
	color: white;
	font-weight: 100;
	margin-top: 5px;
}

#newsletter_form {
	margin-top: -8px;
}

.abonner {
	color: #ffffff;
	background-color: #66ccff;
	margin-bottom: 15px;
}

.abonner:hover {
    color: #ffffff;
    background-color: #F1721C;
    margin-bottom: 15px;
   -moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
}


/* MEDIA QUERIES */

/* > 768px */
@media screen and (min-width: 768px) {

.dropdown-menu li:hover {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

}

/* < 768px */
@media screen and (max-width: 768px) {
.carousel {
	display: none;
}

.carousel-inner {
	display: none;
}

.plan {
	margin-top: 50px;
}

.plan iframe {
	width: 100%;
}

.planb {
	height: 250px;
}

.planc {
	padding-top: 1px;
}

.contact13 {
	padding-top: 1px;
}

.contactphp {
	height: 395px;
	margin-top: 15px;
}

.navbar-default .navbar-nav>li>a {
    border-left: none;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #F1721C;
}

.contenu3 img {
	margin-top: 15px;
}


#footer {
	text-align: center;
}

.titre {
	font-size: 38px;
}

.contact {
	border: none;
}

.mediatheque_contact {
	width: 100%;
	height: 427px;
}

.presentation2 img {
	width: 100%;
	max-height: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.servicespret img {
	width: 100%;
}

.servicespret h3 {
	color: #F1721C;
	margin-bottom: 20px;
	text-align: center;
}
}

/* < 874 jusqu'a 769 */
@media screen and (max-width: 874px) and (min-width: 769px)  {
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-size: 22px;
    border-left: 1px solid white;
}

.mediatheque_contact {
	width: 100%;
	height: 427px;
}


}

/* CONTACT */
@media screen and (max-width: 1379px) and (min-width: 1278px)  {

.planc {
	margin-top: 39%;
}

.contact13 {
		margin-top: 38px;
}

}

@media screen and (max-width: 1277px) and (min-width: 1237px)  {

.planc {
	margin-top: 36%;
}

.contact13 {
		margin-top: 38px;
}

}


}

@media screen and (max-width: 1236px) and (min-width: 1193px)  {

.planc {
	margin-top: 31%;
}

}

@media screen and (max-width: 1192px) and (min-width: 1024px)  {

.planc {
	margin-top: 33%;
}


}

@media screen and (max-width: 375px) {


.planb  {
	height: 315px;
}

.contactphp {
	height: 410px;
	margin-top: 15px;
}

}

@media screen and (max-width: 320px) {


.planb  {
	height: 338px;
}

.mediatheque_contact {
	width: 100%;
	max-height: 150px!important;
}

.contactphp {
	height: 435px;
	margin-top: 15px;
}

}



@media screen and (max-width: 990px) {

.actualite {
	float: none;
	}

.animations {
	float: none;
	}
}

/*  */
@media screen and (min-width: 1380px) {
	body {
		width: 1280px;
		margin: auto;
	}

	.contenu {
			background-color: rgba(250, 250, 250, 1);
			}

	html {
		background-image: url(../images/background.jpg);
		background-repeat: repeat-x; 
	}

	.planc {
		margin-top: 42%;
	}

	.contact13 {
		margin-top: 30px;
	}

}

@media screen and (max-width: 337px) {

	.titre {
		font-size: 32px;
	}

}

@media screen and (max-width: 425px) {


.liste_theme_bloc {
	height: 230px;
}

.mediatheque_contact {
	width: 100%;
	max-height: 200px;
}

.plan iframe {
	width: 100%;
	max-height: 200px;
}


}