body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #AEC7D7;
}
input {
    border-radius: 4px;
}
select {
    border-radius: 4px;
}
#tableauprev {
    width: 100%;
   /* margin-left:auto;
	margin-right:auto;*/
    margin: 0 auto;
	border-collapse:separate;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#tableau, #demandes{
	margin-left:auto;
	margin-right:auto;
	border-collapse:separate;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#tableau th, tr, #tableauprev th, tr {
	font-size:12px;
	text-align:center;
	border-radius: 5px;
}
#tableau td, #tableauprev td {
	/*border:none;*/
	padding:5px;
	font-size:12px;
	text-align:center;
	border-radius: 5px;
}
#tableau tr:nth-child(2n+1), #tableauprev tr:nth-child(2n+1){
    background-color: #89afd0;
}
#tableau tr:nth-child(2n+2), #tableauprev tr:nth-child(2n+2){
    background-color: #e7d8c3;
}
#principal { 
	margin-left:auto;
	margin-right:auto;
 	width: 1024px;
	text-align:center;
}
#entete {
 	width: 1000px;
 	color: #5F6975;
 	padding: 10px;
	height: 35px;
	margin-left:auto;
	margin-right:auto;
 	background: #AEC7D7;
}
#soustitre {
	font-size:12px;
	width:250px;
	padding: 10px;
}
#contenu { 
 	width: 1000px;
 	color: #333;
 	background: #AEC7D7;
 	margin-left:auto;
	margin-right:auto;
 	padding: 10px;
	text-align:center;
}
h1, h2, h3, p, a {
	text-align: center;
	color: #5F6975;
}
#fenmodale,#fenmodale01,#fenmodale02,#fenmodale03,#fenmodale04,#fenmodale05,#fenmodale06,#fenmodale07,#fenmodale08,#fenmodale09,#fenmodale10,#fenmodale11,#fenmodale_msg,#fenmodale_msg1,#fenmodale_msg2 {
    display:none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
#fenmodale:target,#fenmodale01:target,#fenmodale02:target,#fenmodale03:target,#fenmodale04:target,#fenmodale05:target,#fenmodale06:target,#fenmodale07:target,#fenmodale08:target,#fenmodale09:target,#fenmodale10:target,#fenmodale11:target,#fenmodale_msg:target,#fenmodale_msg1:target,#fenmodale_msg2:target{
    display:block;
}
.popup_block{
    background: #AEC7D7;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin: 10% auto;
    width: 45%;
	height: auto;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
.popup_block img{
    margin: 0 auto;
}
.popup_auth{
    background: #AEC7D7;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin: 10% auto;
    width: 25%;
	height: auto;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
.popup_msg{
   background: #AEC7D7;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin: 10% auto;
    width: 600px;
    height: auto;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px; 
}
#menu_accueil, #menu_accueil ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu_accueil li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
#menu_accueil ul li{
display:inherit;
border-radius:0;
}
#menu_accueil ul li:hover{
border-radius:0;
}
#menu_accueil ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu_accueil ul{
position:absolute;
max-height:0;
width:100%;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu_accueil li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu_accueil li:first-child{
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu_accueil li:nth-child(2){
background-color: #729EBF;
background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu_accueil li:last-child{
background-color:#FF0000;
background-image:-webkit-linear-gradient(top, #FF0000 0%, #990000 100%);
background-image:linear-gradient(to bottom, #FF0000 0%, #990000 100%);
}
/* background des liens sous menus */
#menu_accueil li:first-child li{
background:#2A2333;
}
#menu_accueil li:nth-child(2) li{
background:#333A40;
}
#menu_accueil li:last-child li{
background:#990000;
}
/* background des liens menus et sous menus au survol */
#menu_accueil li:first-child:hover, #menu_accueil li:first-child li:hover{
background:#65537A;
}
#menu_accueil li:nth-child(2):hover, #menu_accueil li:nth-child(2) li:hover{
background:#729EBF;
}
#menu_accueil li:last-child:hover, #menu_accueil li:last-child li:hover{
background:#FF0000;
}
/* les a href */
#menu_accueil a{
text-decoration:none;
display:block;
padding:8px 24px;
color:#fff;
font-family:arial;
}
#menu_accueil ul a{
padding:8px 0;
}
#menu_accueil li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu_accueil li:hover a, #menu_accueil li li:hover a{
color:#000;
}
#corps_aide{
    width:1000px;
    margin: 0 auto;
}
#corps_aide ul li{
    text-align:left; 
}
#contact {
	width:600px;
	margin:auto;
	background-color:#7291B0;
	border-radius:14px;
	margin-left:auto;
	margin-right:auto;
}
#contact .texterror { 
	color: black; 
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif; 
	width:580px;
}
#contact label, #fenmodale label {
	color:#5F6975;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
	padding-left:5px;
	line-height:14px;
	margin-bottom:5px;
	width :160px;
}
#contact textarea {
	color:black;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F7F7F7;
	width:580px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:8px;
	border:1px solid #AAA;
	padding:5px;
}
#contact input:focus, textarea:focus, #fenmodale:focus {
	background:#D9DADC;
}
#contact input, #fenmodale input {
	color:black;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F7F7F7;
	height:24px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:8px;
	border:1px solid #AAAAAA;
	padding:5px;
}
#fenmodale input {
    width 160px;
}
#contact input {
    width 280px;
}
#boutons {
	margin-left:auto;
	margin-right:auto;
}
a .clic{
    width:100px;
    height:60px;
}
a .agrandir{
    width: 667px;
    height: 400px;
}
a .clic, a .agrandir{
    position:absolute;
    left:50%;
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    text-align:center;
    font-size:12px;
    opacity:0;
    background:rgba(0,0,0,.6);
    transition:opacity .3s linear
}
a:hover .clic, a:hover .agrandir{
    opacity:.8
}
a .clic:before , a .agrandir:before{
    position:relative;
    top:50%;
    content:'Cliquer pour agrandir';
    color: #fff
}
.clic {
	font-family: Arial,sans-serif;
    font-size: 12px;
	text-decoration : none;
    width: auto;
    height: auto;
	margin: 5px 5px 5px 5px;
    padding-top: 6px; 
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
    text-align: center;
    color : #5F6975;
    background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 8px;
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);	
}	
.bouton2, .bouton, .bouton3, #contact .bouton, #fenmodale .bouton {
	font-family: Arial,sans-serif;
    font-size: 12px;
	text-decoration : none;
    width: auto;
    height: auto;
	margin: 5px 5px 5px 5px;
    padding-top: 6px; 
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
    text-align: center;
    color : #5F6975;
    background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 8px;
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
}	 
.bouton:hover, .clic:hover , #contact .bouton:hover, #fenmodale .bouton:hover, #fenmodale_msg .bouton:hover {
	color:#222;
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
.bouton2:hover {
	color: #222;
	background: #b4ddb4;
	background: -moz-radial-gradient(center, ellipse cover, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400));
	background: -webkit-radial-gradient(center, ellipse cover, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
	background: -o-radial-gradient(center, ellipse cover, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
	background: -ms-radial-gradient(center, ellipse cover, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
	background: radial-gradient(ellipse at center, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 );
}
.btnsupp2, #fenmodale .btnsupp2 {
	font-family: Arial,sans-serif;
    font-size: 12px;
	text-decoration : none;
    width: 35px;
    height: 35px;
    padding-top: 1px; 
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
    text-align: center;
    color: #5F6975;
    background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 50px;
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
}
.btnsupp2:hover, .bouton3:hover, #fenmodale .btnsupp2:hover {
	color: #222;
	background: #a90329;
	background: -moz-radial-gradient(center, ellipse cover, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
	background: -webkit-radial-gradient(center, ellipse cover, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -o-radial-gradient(center, ellipse cover, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -ms-radial-gradient(center, ellipse cover, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: radial-gradient(ellipse at center, #a90329 0%,#8f0222 44%,#6d0019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
}
table td.att_ca {
	background-color:#CC6600;
}
table td.acc_ca {
	background-color:#008000;
}
table td.att_rp {
	background-color:#FFCC33;
}
table td.acc_rp {
	background-color:#4682B4;
}
table td.refus_dde {
	background-color:#990000;
}
#calendrier {
	border:none;
	border-collapse:collapse;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

#calendrier td {
	border:none;
	padding:5px;
	text-align:center;
	font-size:12px;
}

#calendrier td button.btn {
	font-weight:bold;
	text-align:center;
}
#planning td {
	border:none;
	padding:5px;
	text-align:center;
	font-size:12px;
}
#personnels td {
	border:none;
	padding:5px;
	text-align:center;
	font-size:12px;
	border-radius: 5px;
}
#personnels td.we {
	background-color:#999999;
}
#personnels td.ferie {
	background-color:#666666;
}
#personnels td.acc_ca {
	background-color:#008000;
}
#personnels td.acc_rp {
	background-color:#4682B4;
}
#legende th, td {
	text-align:center;
	border-radius: 5px;
}
#legende td.att_ca, #demandes td.att_ca {
	background-color:#CC6600;
}
#legende td.acc_ca, #demandes td.acc_ca {
	background-color:#008000;
}
#legende td.att_rp, #demandes td.att_rp {
	background-color:#FF9933;
}
#legende td.acc_rp, #demandes td.acc_rp {
	background-color:#4682B4;
}
#legende th.refus_dde, #demandes td.refus_dde{
	background-color:#990000;
}
#legende td.absences, #demandes td.absences {
	background-color:#993366;
}
#legende td.conges, #demandes td.conges {
	background-color:#CC6699;
}
#legende td.formations, #demandes td.formations {
	background-color:#6699FF;
}
#legende td.rdv, #demandes td.rdv {
	background-color:#CC9933;
}
#legende td.reunions, #demandes td.reunions {
	background-color:#CC9966;
}
#legende td.att_absences , #demandes td.att_absences {
	background-color:#660066;
}
#legende td.att_conges, #demandes td.att_conges {
	background-color:#CC0099;
}
#legende td.att_formations, #demandes td.att_formations {
	background-color:#0066CC;
}
#legende td.att_rdv,#demandes td.att_rdv {
	background-color:#996633;
}
#legende td.att_reunions, #demandes td.att_reunions {
	background-color:#663300;
}