/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
.grid{
max-width:1600px;
}

h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#efefef url(css/img/gray_jean.png);
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

/* RT */
h2{font-size:2.5em;}
h3{font-size:1.8em;}
h4{font-size:1.5em;}

.conteneur{
border:1px solid #efefef;
border:1px solid #e5e5e5;
background:#fff;
clear:both;
padding:20px;
margin:0 0 0 0;
min-height:300px;
}
.conteneur.top{
border-bottom:none;
}
.conteneur.bottom{
border-top:none;
}

.notice2{
border:1px solid gold;
padding:8px 8px 8px 8px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
line-height:120%;
vertical-align: center;
position:relative;
top:0;
left:0;
clear:both;
}
.notice2.success{border:1px solid green;background:lightgreen;color:green;}

.noitem {
	color:#999999;
	font-style:italic;
}

.spacer {
	height:1px;
	width:100%;
	float:left;
	clear:both;
}

/* bug pour déplier le menu sur les écrans tactiles (remplacer a par div au 1er niveau de menu) */
.menu li div {
	margin:0;
	padding:0;
	display:block;
	display:inline;
	display:inline-block;
	position:relative;
	zoom:1;
	line-height:100%;
	top:0;left:0;
	text-shadow:0px 1px 1px #fff;
	padding:15px 20px;
	text-decoration:none;
	font-size:0.9em;
	color: #777;
}
	.menu li.has-menu div{padding-right:25px;}


/* blocs dans le planning */
.planning {
	font-size: 1.1em;
	padding:8px 8px 8px 8px;
	margin:10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height:120%;
	vertical-align: center;
	position:relative;
	top:0;
	left:0;
	clear:both;
}
.planning a {
	color:#666666;
}
.planning .details {
	margin-top:5px;
	font-size:0.8em;
}
/* vert ATELIER */
.vert-1 {
	background:#368f59;
	border:1px solid #368f59;
}
.vert-2 {
	background:#49BA76;
	border:1px solid #368f59;
}
.vert-3 {
	background:#84D0A3;
	border:1px solid #49BA76;
}
.vert-4 {
	background:#B6E4C9;
	border:1px solid #84D0A3;
}
/* rouge LAB (ex bleu) */
.bleu-1 {
	background:#c23079;
	border:1px solid #c23079;
}
.bleu-2 {
	background:#D85F9B;
	border:1px solid #c23079;
}
.bleu-3 {
	background:#E38AB7;
	border:1px solid #D85F9B;
}
.bleu-4 {
	background:#EBABCB;
	border:1px solid #E38AB7;
}

/* beige LCDM */
.beige-1 {
	background:#c9c7a5;
	border:1px solid #BBB98E;
}
.beige-2 {
	background:#DAD9C0;
	border:1px solid #c9c7a5;
}
.beige-3 {
	background:#E0DFCD;
	border:1px solid #DAD9C0;
}
.beige-4 {
	background:#EEEEE3;
	border:1px solid #E0DFCD;
}

.rouge {
	border:1px solid #B70000;
	background:#FF0000;
}
.orange {
	border:1px solid #D54500;
	background:#FF854A;
}
	.orange .details {
		font-size:0.7em; border-bottom:1px dotted #D54500; margin-bottom:8px; padding-top:0; margin-top:0;
	}
.jaune {
	border:1px solid #C6C600;
	background:#FFFF00;
}
.gris {
	border:1px solid #999999;
	background:#E9E9E9;
}
.neutre {
	border:1px solid #999999;
	background:#E9E9E9;
}

.espace i {
	margin-right:5px;
}

/* calendrier annuel */
.cal-head {
	border-bottom:2px dotted #bbb;
}
.cal-head td {
	text-align:center;
}
.cal-sem td {
	padding:1px;
	margin:0;
}
.cal-occupation {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
.cal-occupation td {
	padding:0;
	height:8px;
	width:8px;
	text-align:center;
}
.cal-occupation td.head {
	font-size:0.7em;
	text-align:center;
}
.cal {
	text-align:center;
	border:1px solid #FFFFFF;
	background-color:#E8E8E8;
	padding:1px;
}
.cal td {
	border:1px solid #CCCCCC;
}
.cal.di {
	background-color:#CCCCCC;
}
.cal.memo {
	background-color:#999999;
}

/* affichage jour */
.tab {
	vertical-align:top;
	height:180px;
	border-bottom:1px dotted #000000;
}
.creneau {
	font-weight:bold;
}