/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	couleur :rose 
  color: #D8005F;
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/

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

/*---------------------------------
	OVERRIDES
-----------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Trebuchet Ms', arial, verdana, sans-serif;
  color: #D8005F;
  -moz-box-shadow: 5px 5px 5px -5px #888;
  -webkit-box-shadow: 5px 5px 5px -5px #888;
  box-shadow: 5px 5px 5px -5px #888;
}

thead th,
tbody th {
  font-family: 'Trebuchet Ms', arial, verdana, sans-serif;
}

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

/*---------------------------------
	LAYOUT
-----------------------------------*/

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

#wrap {
  background: #fff;
  border: 1px solid #ccc;
  margin: 30px auto 30px auto;
  padding: 0;
  width: 960px;/*960*/
}

.menu {
  margin: -1px -1px 0 -1px;
  z-index: 1;
}

.menu li.has-menu a {
  padding-right:20px;
}

.menu li a{
  padding:15px;
  text-decoration:none;
  font-size:0.9em;
  color: #777;
}

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

	#link-top{
	background: #e5e5e5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #666;
	display: inline-block;
	left: auto;
	line-height: 100%;
	padding: 5px 10px;
	position: absolute;
	right: 10px;
	*right: 25px;/*IE 7 ONLY*/
	text-decoration: none;
	top: 10px;
	}

/*---------------------------------
	CUSTOM AGIRE
-----------------------------------*/

nav {
  margin-top: 4px;
}

header select {
  max-width: 31%;
  width: 29%;
}

.well {
  background-color: rgba(200,200,200,0.3);
  padding: 5px
}

.relative{
  position: relative !important;
}
/*---------------------------------
	Titre de page
-----------------------------------*/

.headline h1 {
	margin-bottom: 0;
}

span.maj_titre {
  font-size: 130%;
  color: #000000;
}

h1 {
  text-align: center;
}
h2,h3,h4,h5,h6 {
  padding-left: 25px;
}

.msj {
  color: #D8005F;
}

h1.green {
  color: #8FC400;
}

/*---------------------------------
	table
-----------------------------------*/

tr.blue {
  background-color: rgba(51, 102, 255, 0.2);
}

tr.green {
  background-color: rgba(51, 204, 0, 0.2);
}

tr.yellow {
  background-color: rgba(255, 255, 51, 0.2);
}

tr.darkgreen {
  background-color: rgba(0, 100, 0, 0.2);
}

tr.grey {
  background-color: rgba(105, 105, 105, 0.2);
}

/*---------------------------------
	formulaires
	Donne l'équivalent des propriétés col_x dans un formulaire lambda aux textarea et select.
-----------------------------------*/

form {
  margin: 8px 0px;
}

textarea {
  height: 45px;
  margin: 8px 0.833333% 0px 0px;
  width: 31.6667%;
}

select {
  margin: 8px 0.833333% 0px 0px;
  width: 31.6667%;
}

button,
input[type='submit'] {
  margin: 9px 0px 4px 0px;
}

span.obligatoire {
  color: red;
} 

/*---------------------------------
	Custom Code page Administratif
	Permet de placer le div de la photo d'identité en float right pour contrer le float left attribué aux class col_x
-----------------------------------*/

.childphoto {
  text-align: right;
}

ul.tabs li a {
  font-weight: bold;
}

.vigilances {
  list-style-type: none;
}

 
.recapenfantbtn button {
  margin: 0px;
}

.recapenfantbtn{
  float: right;
}

/*---------------------------------
  Custom Code page Login
  Centrer le login
-----------------------------------*/

div.centre {
  text-align: left;
  width: 50%;
  margin: auto;
  padding-left: 60px;
}

/*---------------------------------
	Générique
-----------------------------------*/

span.bold {
  font-weight: bold;
}

ul.formerrors{
  display: none;
  position: absolute;
  color: red;
  list-style: none;
}

input.col_4,
select,
/*.chzn-container,*/
label.col_2{
  margin-bottom: 15px;
}


/*-------------------------------
  People/location 
--------------------------------*/
.modenouveau, .modeedition {
  padding : 8px;
}

.modenouveau{
  background-color: rgba(51, 204, 0, 0.2);
}

.modeedition{
  background-color:  rgba(255, 255, 51, 0.2)
}

span.align-right{
  float:right;
  margin: 0 3%;
}

/*th, td{
  min-width: 7%;
}*/

/*.infolocation, .infopeople {
  min-height: 100px;
}
*/

/*-------------------------------
  Appels
--------------------------------*/

.groupcalltd {
  cursor: pointer;
}

.groupcalltd:hover {
  background-color: LightCyan;
  transition: box-shadow 0.5s, border 0.5s, background 0.5s;
  -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
  -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
  -o-transition:  -o-box-shadow 0.5s, border 0.5s, background 0.5s;
}

.callnotdone{
  color : #D8005F;
}

.calldone{
  color : #669E00;
}

table#calltable th,
table#calltable td{
  text-align: center;
}

table.callrecord td,
table.callrecord th{
  min-width: 50px;
  padding: 3px;
  background: #fff;
}

table.callrecord th{
  font-weight: bold;
}

.groupcallform ul li{
  list-style-image: none;
}
/*----------------------------
        Planning
-----------------------------*/

table.planning td,
table.planning th{
  min-width: 4%;
  padding: 0px;
  background: #fff;
}

table.planning td{
  vertical-align: top;
}

div.planningcell{
  height:20px;
}

div.full{
  height: 40px;
}

.planningform{
  margin: 0;
  padding: 0;
}

.planninghover{
  display: none;
  background-color: Lightgray;
  padding: 8px;
}

.planningcell:hover .planninghover{
  display: block;
  position: absolute;
}

table.planning a{
  color: white;
  text-decoration: none;
}


.listevacancesnomenfant{
  text-align: center;
  background: #cecece;
}
/*----------------------------
        Dialog
-----------------------------*/

.ui-dialog,
.ui-dialog .ui-dialog-content {
  overflow: visible;
}

.boldtr{
  font-weight: bold;
}

.messagenonlu{
  background-color: pink;
}