.cabinsketch {
	font-family: 'Cabin Sketch', Verdana, Arial, Helvetica;
	font-weight: bold;
}
.cabin {
	font-family: 'Cabin', Verdana, Arial, Helvetica;
}

body {
	background-color: #252525;
}	
a {
    color: #000;
}
body, td {
	font-family: 'Cabin', Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #444;
	margin: 0;
	padding: 0;
}
img
{
	border:0;
}

div.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.bande_1_1, .bande_1_2
{
	display:none;
}

div.bande_1 {
	text-align: center;
	background-color: #000;
	height: 60px;
	font-family: 'Anton', Verdana, Arial, Helvetica;
	font-size: 18px;
	line-height: 60px;
}

div.float_left {
	float: left;
}
div.float_right {
	float: right;
}
div.bande_1 input[type=text], div.bande_1 input[type=password] {
	width: 90px;
	height: 12px;
	border: solid 1px #666;
	color: #444;
	padding: 5px;
	font-size: 10px;
	text-transform: uppercase;
}
#email_address {
	display: none;
	text-transform: none!important;
}
#password {
	display: none;
	text-transform: non!important;
}
div.bande_1 input {
	vertical-align: middle;
}
div.bande_1 input[type=image] {
	position: relative;
	top: -1px;
}
div.bande_1 div.menu {
	float: left;
	height: 100%;
	padding: 0 10px;
	text-transform: uppercase;
}
div.bande_1 div.menu a {
	text-decoration: none;
	color: #fff;
	height: 60px;
	display: block;
}
div.bande_1 div.menuon, div.bande_1 div.menu:hover {
	background-color: #fff;
}
div.bande_1 div.menuon a, div.bande_1 div.menu:hover a {
	color: #000;
}
div.bande_1 div.menuconf a {
	text-decoration: none;
	//color: #fac12e !important;
	height: 60px;
	display: block;
}


div.bande_2 {
	position: relative;
	z-index: 10;
	text-align: center;
	height: 405px;
	font-family: 'Cabin Sketch', Verdana, Arial, Helvetica;
}
div.bande_2 div.container {
	height: 405px;
}

div.bganim {
	width: 100%;
	height: 100%;
	z-index: 1;
	position: relative;
}

div.bande_2 div.container div.menu {
	width: 302px;
	padding-top: 25px;
}
div.bande_2 div.container div.menu div {
	height: 33px;
	line-height: 33px;
	text-align: right;
}
div.bande_2 div.container div.menu div.menuon, div.bande_2 div.container div.menu div:hover {
	background-image: url('../images/transparent30.png');
}
div.bande_2 div.container div.menu div a {
	display: block;
	font-family: 'Cabin Sketch', Verdana, Arial, Helvetica;
	font-size: 24px;
	text-transform: uppercase;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
div.bande_2 div.container div.menu div.separateur {
	width: 100%;
	height: 1px;
	background-image: url('../images/transparent.png');
}

	div.bande_mauve {
		background-color: #a1278d;
	}
	div.bande_mauve div.container {
		background-image: url('../images/header/mauve_1.png');
	}
	div.bande_mauve a {
		color: #a1278d;
		font-weight: bold;
	}
	div.bande_jaune {
		background-color: #fac12e;
	}
	div.bande_jaune div.container {
		background-image: url('../images/header/jaune_1.png');
	}
	div.bande_jaune a {
		color: #fac12e;
		font-weight: bold;
	}
	div.bande_bleu {
		background-color: #00afed;
	}
	div.bande_bleu div.container {
		background-image: url('../images/header/bleu_1.png');
	}
	div.bande_bleu a {
		color: #00afed;
		font-weight: bold;
	}
	div.bande_orange {
		background-color: #ffc10e;
	}
	div.bande_orange div.container {
		background-image: url('../images/header/orange_1.png');
	}
	div.bande_vert {
		background-color: #a6cd44;
		font-weight: bold;
	}
	div.bande_vert div.container {
		background-image: url('../images/header/vert_1.png');
	}
	div.bande_vert a {
		color: #a6cd44;
		font-weight: bold;
	}


div.bande_3 {
	position: relative;
	z-index: 9;
	background-color: #fff;
}
div.bande_3 div.container div.gauche {
	width: 302px;
	height: 100%;
	position: relative;
}
div.bande_3 div.container div.float_left div.kid {
	position: absolute;
	bottom: 0;
}
form.rech {
	margin: 0 0 36px 0;
	padding: 0;
}
form.rech input[type=text] {
	width: 170px;
	height: 11px;
	border: solid 1px #666;
	color: #444;
	padding: 5px;
	font-size: 10px;
	text-transform: uppercase;
}
form.rech input {
	vertical-align: middle;
}

div.bande_4 {
	background-color: #252525;
	//min-height: 191px;
}

span.titre, div.contenutexte h1 {
	font-family: 'Cabin Sketch', Verdana, Arial, Helvetica;
	font-size: 48px;
	color: #444;
	text-transform: uppercase;
	margin:0; padding:0;
	text-align: left;
	font-weight: bold;
}

.bande_3.home ul {
	font-family: 'Cabin', Verdana, Arial, Helvetica;
	font-size: 12px;
	text-align: justify;
	margin-top: 20px;	
}
.bande_3.home ul, .bande_3.home li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bande_3.home li {
	overflow:hidden;
}
.bande_3.home .titre img {
	display:inline-block;
}
.bande_3.home .bx-wrapper
{
	margin:0;
}

div.contenuaccueil {
	text-align: justify;
}
div.contenuaccueil div.titre {
	font-family: 'Cabin', Verdana, Arial, Helvetica;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom:10px;
	text-align: left;
}
div.contenuaccueil ul li.bleu div.titre {
	color: #01aef0;
}
div.contenuaccueil ul li.jaune div.titre {
	color: #ffc30d;
}
div.contenuaccueil ul li.mauve div.titre {
	color: #a5238f;
}
div.contenuaccueil ul li.orange div.titre {
	color: #ffc10e;
}
div.contenuaccueil ul li.vert div.titre {
	color: #a6cd44;
}
ol#controls, ol#controlspe {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 0;
}
ol#controls li, ol#controlspe li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 21px;
	height: 19px;
	margin-right:5px;
	cursor: pointer;
	text-align: center;
}
ol#controls li a, ol#controlspe li a {
	display: none;
	color: #000;
	text-decoration: none;
}
ol#controls li.current a, ol#controlspe li.current a {
	color: #000;
	font-weight: bold;
}
ol#controls li#controls1, ol#controlspe li#controlspe1, ol#controls li#controls6, ol#controlspe li#controlspe6 {
	background-image: url('../images/icons/bleu.jpg');
	background-repeat: no-repeat;
}
ol#controls li#controls2, ol#controlspe li#controlspe2, ol#controls li#controls7, ol#controlspe li#controlspe7 {
	background-image: url('../images/icons/jaune.jpg');
	background-repeat: no-repeat;
}
ol#controls li#controls3, ol#controlspe li#controlspe3, ol#controls li#controls8, ol#controlspe li#controlspe8 {
	background-image: url('../images/icons/mauve.jpg');
	background-repeat: no-repeat;
}
ol#controls li#controls4, ol#controlspe li#controlspe4, ol#controls li#controls9, ol#controlspe li#controlspe9 {
	background-image: url('../images/icons/orange.jpg');
	background-repeat: no-repeat;
}
ol#controls li#controls5, ol#controlspe li#controlspe5, ol#controls li#controls10, ol#controlspe li#controlspe10 {
	background-image: url('../images/icons/vert.jpg');
	background-repeat: no-repeat;
}

/*
ol#controls li.current {
	background-image: url(/images/icons/gris.jpg)!important;
}
*/

div.bande_4 table tr td {
	background-color: transparent;
}
table#garderies {
	margin-bottom: 20px;
	background-color: #252525;
}
table#garderies tr td {
	background-color: #252525;
	font-family: 'Cabin Sketch', Verdana, Arial, Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 25px;
	text-align: center;
}
table#garderies tr td a {
	display: block;
	color: #fff;
	text-decoration: none;
}
table#garderies tr td.bleu {
		background-color: #01aef0;
}
table#garderies tr td.mauve {
	background-color: #a5238f;
}
table#garderies tr td.jaune {
	background-color: #ffc30d;
}
table#garderies tr td.orange {
	background-color: #ffc10e;
}
table#garderies tr td.vert {
	background-color: #a6cd44;
}
table#garderies tr td.vertfonce {
	background-color: #00a553;
}
table#garderies tr td.rouge {
	background-color: #ea1d2c;
}
table#garderies tr td.copyright {
	font-family: 'Cabin', Verdana, Arial, Helvetica;
	font-size: 12px;
}
div.contenu {
	width: 658px;
	right: 0;
	top: 0;
	background-color: #fff;
	position: absolute;
	z-index: 10;
}
div.contenutexte {
	min-height: 944px;
	margin: 20px 20px;
	font-family: 'Cabin', Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #444;
	text-align: justify;
}

        			/* Couleurs pour utilisateurs */
        			.user-1, .user-1 .fc-event-skin { background-color: #D96666; border-color: #C33!important; }
        			.user-2, .user-2 .fc-event-skin { background-color: #E67399; border-color: #D47!important; }
        			.user-3, .user-3 .fc-event-skin { background-color: #B373B3; border-color: #949!important; }
        			.user-4, .user-4 .fc-event-skin { background-color: #8C66D9; border-color: #63C!important; }
        			.user-5, .user-5 .fc-event-skin  { background-color: #668CB3; border-color: #369!important; }
        			.user-6, .user-6 .fc-event-skin { background-color: #668CD9; border-color: #36C!important; }
        			.user-7, .user-7 .fc-event-skin { background-color: #59BFB3; border-color: #2A9!important; }
        			.user-8, .user-8 .fc-event-skin { background-color: #65AD89; border-color: #329262!important; }
        			.user-9, .user-9 .fc-event-skin { background-color: #4CB052; border-color: #109618!important; }
        			.user-10, .user-10 .fc-event-skin { background-color: #8CBF40; border-color: #6A0!important; }
        			.user-11, .user-11 .fc-event-skin { background-color: #BFBF4D; border-color: #AA1!important; }
        			.user-12, .user-12 .fc-event-skin { background-color: #E0C240; border-color: #D6AE00!important; }
        			.user-13, .user-13 .fc-event-skin { background-color: #F2A640; border-color: #E80!important; }
        			.user-14, .user-14 .fc-event-skin { background-color: #E6804D; border-color: #D51!important; }
        			.user-15, .user-15 .fc-event-skin { background-color: #BE9494; border-color: #A87070!important; }
        			.user-16, .user-16 .fc-event-skin { background-color: #A992A9; border-color: #8C6D8C!important; }
        			.user-17, .user-17 .fc-event-skin { background-color: #8997A5; border-color: #627487!important; }
        			.user-18, .user-18 .fc-event-skin { background-color: #94A2BE; border-color: #7083A8!important; }
        			.user-19, .user-19 .fc-event-skin { background-color: #85AAA5; border-color: #5C8D87!important; }
        			.user-20, .user-20 .fc-event-skin { background-color: #A7A77D; border-color: #898951!important; }
        			.user-21, .user-21 .fc-event-skin { background-color: #C4A883; border-color: #B08B59!important; }
        			.user-22, .user-22.fc-event-skin { background-color: #C7561E; border-color: #9F3501!important; }
        			.user-23, .user-23 .fc-event-skin { background-color: #B5515D; border-color: #8A2D38!important; }
        			.user-24, .user-24 .fc-event-skin { background-color: #C244AB; border-color: #962181!important; }
        			.user-25, .user-25 .fc-event-skin { background-color: #603F99; border-color: #402175!important; }
        			.user-26, .user-26 .fc-event-skin { background-color: #536CA6; border-color: #30487E!important; }
        			.user-27, .user-27 .fc-event-skin { background-color: #3640AD; border-color: #182186!important; }
        			.user-28, .user-28 .fc-event-skin { background-color: #3C995B; border-color: #1F753C!important; }
        			.user-29, .user-29 .fc-event-skin { background-color: #5CA632; border-color: #3D8215!important; }
        			.user-30, .user-30 .fc-event-skin { background-color: #7EC225; border-color: #5A9A08!important; }
        			.user-31, .user-31 .fc-event-skin { background-color: #A7B828; border-color: #81910B!important; }
        			.user-32, .user-32 .fc-event-skin { background-color: #CF9911; border-color: #9D7000!important; }
        			.user-33, .user-33 .fc-event-skin { background-color: #D47F1E; border-color: #AA5A00!important; }
        			.user-34, .user-34 .fc-event-skin { background-color: #B56414; border-color: #8D4500!important; }
        			.user-35, .user-35 .fc-event-skin { background-color: #914D14; border-color: #743500!important; }
        			.user-36, .user-36 .fc-event-skin { background-color: #AB2671; border-color: #870B50!important; }
        			.user-37, .user-37 .fc-event-skin { background-color: #9643A5; border-color: #70237F!important; }
        			.user-38, .user-38 .fc-event-skin { background-color: #4585A3; border-color: #25617D!important; }
        			.user-39, .user-39 .fc-event-skin { background-color: #737373; border-color: #515151!important; }
        			.user-40, .user-40 .fc-event-skin { background-color: #41A587; border-color: #227F63!important; }
        			.user-41, .user-41 .fc-event-skin { background-color: #D1BC36; border-color: #A59114!important; }
        			.user-42, .user-42 .fc-event-skin { background-color: #AD2D2D; border-color: #871111!important; }

blockquote {
	margin: 0;
	color: #fff;
}
blockquote p {
	margin: 0 20px;
}
blockquote ul, div.contenutexte ul {
	list-style-type: none;
	padding: 0;
	margin: 0 20px;
}
blockquote ul li, div.contenutexte ul li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin: 10px 0;
}
blockquote a {
	color: #000!important;
}

div.bande_jaune div.ressource {
	border: solid 1px #FAC12E;
}
div.bande_bleu div.ressource {
	border: solid 1px #01aef0;
}
div.bande_mauve div.ressource {
	border: solid 1px #a5238f;
}
div.bande_orange div.ressource {
	border: solid 1px #ffc10e;
}
div.bande_vert div.ressource {
	border: solid 1px #a6cd44;
}
div.bande_vertfonce div.ressource {
	border: solid 1px #00a553;
}
div.bande_rouge div.ressource {
	border: solid 1px #ea1d2c;
}

span.fc-event-title {
	display: inline-block;
}
div.userlink {
	width: 10px;
	height: 10px;
	margin: 1px 1px 0 0;
	display: inline-block;
	border: solid 1px #fff;
}

.fc-event {
	min-height:18px;
}
.fc-event-skin {
	min-height: 16px;
}
div.calligne {
	height:1px;
	border-top: solid 1px #BBBBBB;
}
#message_path_row {
	display: none;
}

.badge {
    background:             radial-gradient( center -9px, circle closest-side, white 0, red 26px );
        background:    -moz-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
        background:     -ms-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
        background:      -o-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
        background: -webkit-radial-gradient( center -9px, circle, white 0, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 50%; 
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 17px/13px Helvetica, Verdana, Tahoma;
    height: 17px; /* height + padding-top must equal width */
    padding-top: 3px; /* height + padding-top must equal width */
    text-align: center;
    width: 20px;
    
    position:absolute;
    top:0;
    right:0;
}

/** Menu responsive **/
div#menu_small ul
{
	margin:0;
	padding:0;
} 
div#menu_small
{
	display:none;
	background-color:white;
	height:60px;
	width:100%;
	z-index:100;	
	overflow:visible;	
	text-align:center;
	position:relative;	
	border-bottom:1px solid black;
}
#show-menu
{
	cursor:pointer;
	height:60px;
	position:absolute;
	left:0;
	top:0;
}
div#menu_small .logo
{	
	height:46px;	
	padding:7px 0;
}
div#menu_small > ul
{	
	display:none;
	width:100%;		
	position:absolute;
	top:60px;
	left:0;
	border-bottom:1px solid #3e3e3e;
	text-align:left;
}
div#menu_small ul > li
{
	width:100%;	
	box-sizing: border-box;
	border-top:1px solid #252424;
	background-color:black;
	line-height:19px;
}
div#menu_small ul > li a
{	
	padding:22px 0;
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:white;
	box-sizing:border-box;	
	width:100%;
	display:block;
}
div#menu_small ul.mauve li:hover > a
{		
	color:#a1278d;	
}
div#menu_small ul.bleu li:hover > a
{		
	color:#00afed;	
}
div#menu_small ul.jaune li:hover > a
{		
	color:#fac12e;	
}
div#menu_small ul.vert li:hover > a
{		
	color:#a6cd44;	
}

/** Portail responsive **/
.bande_1_1 .container > div
{
	padding:7px 20px;
}
.bande_1_1 {
	background-color:black;
	text-align:center;
	font-family:'Anton', Verdana, Arial, Helvetica;
	font-size:18px;
}
.bande_1_1 input[type=text], .bande_1_1 input[type=password] {
	width: 90px;
	height: 12px;
	border: solid 1px #666;
	color: #444;
	padding: 5px;
	font-size: 10px;
	text-transform: uppercase;
}
.email_address {
	display: none;
	text-transform: none!important;
}
.password {
	display: none;
	text-transform: non!important;
}
.bande_1_1 input {
	vertical-align: middle;
}
.bande_1_1 input[type=image] {
	position: relative;
	top: -1px;
}
.bande_1_1  .mdp_oublie
{
	display:inline-block;
	margin-left:20px;
}
/** Barre de recherche **/
.bande_1_2 .container > div
 {
	padding:7px 20px;
}
.bande_1_2 form.rech
{
	margin:0;
	float:right;
}

div.contenutexte
{
	min-height:406px;
}
#footer_garderies #garderies td.copyright
{
	padding-top:15px;
	line-height:13px;
}
#footer_garderies
{
	padding:25px 0;
}
div.bande_2, div.bande_2 div.container
{
	height:auto;
}
div.bande_2.home div.container
{
	height:405px;
}
.img_header_responsive
{
	display:none;
}
.img_header_responsive img
{
	max-width:100%;
	margin-left:-30%;
}
.bande_3 .container table
{
	table-layout:fixed;
}

#mobile-indicator 
{
    display:none;
}
.bande_2 .map 
{
    height: 300px;
}

/** Responsive **/
/*** width <= 1010px ***/
@media screen and (max-width: 1010px){
	#mobile-indicator {
        display: block;
    }
	body 
	{
		background-color:#fff;
	}	
	div.container
	{
		width:100%;
	}
	div.contenutexte
	{
		min-height:0;
	}
	div#menu_small, .bande_1_1, .bande_1_2
	{
		display:block;
	}
	.bande_1 
	{
		display:none;
	}
	.bande_2 .container .menu
	{
		display:none;
	}
	div.contenu
	{
		width:100%;
		position:static;
	}
	
	div.contenutexte blockquote
	{
		padding:20px 0;
		margin-bottom:30px;
		border-radius:10px;
	}
	div.contenutexte blockquote img
	{
		display:none;
	}
	
	.bande_3.home .container > div
	{
		padding:0 20px;
	}
	.bande_3 .container table > tbody > tr > td:first-child
	{
		display:none;
	}
	.bande_3.home .container table > tbody > tr > td:not(:first-child)
	{
		padding:0!important;
	}	
	
	#footer_garderies
	{
		padding:20px;
	}	
	#footer_garderies .left
	{
		display:none;
	}	
	#footer_garderies > table 
	{
		max-width:700px;
		margin:0 auto;
	}
		
	.img_header_responsive
	{
		display:block;
	}
	
	div.bande_2.home div.container
	{
		height:auto;
		background-image:none!important;
	}
	
	#fleche_edu
	{
		display:none;
	}
}

/*** width <= 768px ***/
@media screen and (max-width: 768px) {
	body 
	{ 
		-webkit-text-size-adjust: none; /*bug iphone*/
	}
}
/*** width <= 700px ***/
@media screen and (max-width: 700px){
	#footer_garderies #garderies td:not(.copyright)
	{
		display:none;
	}
	#footer_garderies #garderies td.copyright
	{
		padding-top:0;
	}
	#footer_garderies
	{
		padding:10px 20px;
	}
}

/*** width <= 480px ***/
@media screen and (max-width: 480px) 
{
	/** menu **/	
	div#menu_small,#show-menu
	{	
		height:45px;		
	}
	div#menu_small .logo
	{	
		height:35px;	
		padding:5px 0;
	}	
	div#menu_small > ul
	{	
		top:45px;
		font-size:14px;
	}
	div#menu_small ul > li a
	{
		padding:16px 0 16px 20px;
	}
	
	.bande_1_1  .mdp_oublie
	{
		display:block;
		margin-left:0;
	}
	
	.bande_2 .map 
	{
		height:200px;
	}
	
	/** Banner home**/
	div.bande_2.home
	{
		display:none;
	}
	
}
/*** width <= 350px ***/
@media screen and (max-width: 350px) 
{
	.bande_1_2 form.rech input[type=text]
	{
		display:block;
		margin-bottom:3px;
	}
	.bande_1_2 form.rech
	{
		float:none;
	}
}