@font-face {
font-family: 'Gabriola';
font-style: normal;
font-weight: normal;
src: url('../font/gabriola Font Download.woff') format('woff');
}



#headerwrap {
	background: url(../img/header-crea.jpg) no-repeat center top;
	margin-top: 10px;
	padding-top:140px;
	text-align:center;
	background-attachment: relative;
	background-position: center;
	min-height: 500px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

.colorBlue {
	color: #2C3E50;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	-webkit-text-shadow: -1px 10 white, 0 1px white, 1px 0 white, 0 -1px white;
	}

.colorOrange {
	color: #F37021;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	}

.colorJaune {
	color: #ECD016;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	}
	
.colorCian, .colorCianDiv {
	background-color: #00A4A6;
}

.colorCianDiv {
	padding-top: 50px;
    margin-top: -29px;
    padding-bottom: 40px;
}

.TitreCrea {
	text-transform: none;
	font-size: 4em;
	}
	
.colorBlueLogo1 {
	color: #4189C7;
	}
	
	
.colorBlueLogo1Fond {
	background-color: #4189C7;
	}
	
.colorBlueLogo2 {
	color: #71bbff;
	}
	
.colorBlueLogo2Fond {
	background-color: #4189C7;
	/*background-color: #71bbff;*/
	}

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

.colorBlueClair {
	background-color: #21F0F3;
}

.colorWhite {
	color : white;
}

.backWhite {
	background-color: #FFFFFF;
}

.colorBlack {
	color: #000000;
	}

.colorRed {
	color: red;	
	}
input,
button,
select,
textarea {
	color : black;
}

.row {
	margin-top: 10px;
}

.marginB10 {
	margin-bottom: 10px;
	}


/*  Mise en place du logo */

.logo {
	margin: 0 0px 0px -15px;
	}
.navbar-brand >img {
	height : 50px;
	width : 93px;
	margin-top: -15px;
	margin-left: 15px;
}
	
@media (min-width: 992px) {
.row {
	margin-top: 45px;
	}
.logo {
	margin-top: -40px;
	margin-left: -50px;
	}
.navbar-brand >img {
	height : 92px;
	width : 170px;
	margin-top: 0px;
}
}

/*  Nav CREA */

.navCrea, h2 {
	margin-top: 10px;
	font-family: 'Gabriola';
	font-size: 19px;
}

@media (max-width: 992px) { /* Remplacez 123px par la taille de votre choix */
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
.navbar-collapse.collapse.in { 
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}

/*   LIEUX D INTERVENTION */

#backlieux {
	background: url(../img/lieux-intervention.jpg) no-repeat center top;
	margin-top: 60px;
	/*padding-top:140px;
	text-align:center;*/
	background-attachment: relative;
	background-position: center;
	min-height: 600px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

/*   INTERFACE D ADMINISTRATION */

.navbar-custom-admin {
	background:#4189C7;
	}
	
footer .footer-below-admin {
	background-color:#FFF;
	border-bottom: 1px solid #4189C7;
	border-top: 1px solid #4189C7;
	color : #4189C7;
}

.h2admin {
	font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif; 
}

.colorAdminBlue {
	background-color: #E4F0FA;
	color: black;
}

.fontsize90 {
	font-size: 90%;
}

.fontsize120{
	font-size: 120%;
}

#visionneuseAdmin form {
	width: 530px;
	margin-left: auto;
    margin-right: auto;
}

/* actualités */
.actualites {
	margin-top: 65px;
	font-size: 200%;
}

@media (max-width: 992px) { 
.actualites {
	margin-top: 100px;
}
}

@media (max-width: 768px) { 
#headerwrap {
	margin-top: -60px;
	}
.actualites {
	margin-top: -15px;
	}
}