@charset "utf-8";


/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,/*fieldset,form,label,legend,*/table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}


* {
	margin: 0;
	padding: 0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #000;
}
td{
font-size: 12px;
}

a {
	color: #33a668;
	text-decoration: none;
}

a:hover {
	color:#000000;
}

img {
border:none;
}

h1{
	font-size: 30px;
	text-align: left;
	/*color:#2ac4ee;*/
	margin-bottom:20px;
}

h2{
	font-size: 24px;
	text-align: left;
	color:#2ac4ee;
}
#header{
	 
}
#header-wrapper{
	width:1200px;
	margin: 0 auto;
	position: relative;
}
#menu{
	background-color: #70b664;
	padding:5px;
	height: 35px;
	font-size:20px;
	/*position:absolute;
	bottom:5px;
	*/
}
#menu ul{
	list-style:none;
	padding-right:5px;
}
#menu ul li{
	float:left;
	margin-right:10px;
}
#menu ul li a{
	color:#FFFFFF;
}
#menu ul li a:hover{
	color:#2ac4ee;
}
#menu ul li ul{
	list-style:none;
	z-index:100;
/*padding-top:10px;
	margin-left:10px;*/
}
#menu ul li ul li{
	float:none;
	margin-right:20px;
}
#menu ul li ul li a{
	color:#FFFFFF;
}
#menu ul li ul li a:hover{
	color:#2ac4ee;
}

#wrapper{
	width:1200px;
	margin: 0 auto;
}
#container{
	background-color:#FFFFFF;
	padding : 5px 0 10px 0;
	min-height: 420px;
}
#page{
	margin:20px;
}
#formActivite tr{
	margin:10px;
	padding:10px;
}
#formulaire{
	width:600px;
}

.colG{
width: 200px;
padding-left:20px;
vertical-align:middle;
}

.colD{
	width:250px;
	margin:7px;
	padding:7px;
}

.colD input{
	height:25px;
}

.w300{
	width:300px;
}
.w250{
	width:250px;
}
.h150{
	height:150px;
}
.col{
padding:5px 10px;
text-align:left;
vertical-align:middle;
}
.col1visu{
padding:5px 10px;
text-align:left;
vertical-align:middle;
width:150px;
}
.col2visu{
padding:5px 10px;
text-align:left;
vertical-align:middle;
width:200px;
}
.col3visu{
padding:5px 10px;
text-align:left;
vertical-align:middle;
width:150px;
}
.col4visu{
padding:5px 10px;
text-align:left;
vertical-align:middle;
width:300px;
}
.centrer{
	text-align:center;
}
.rouge{
	color:red;
}

.clr{
clear:both;
}
/* Formulaire paramétrage admin*/
#formParametrage label{
	font-size: 20px;
	margin-bottom:10px;
	display:block;
}
#formParametrageType, #formParametrageCategorie, #formParametrageNiveau{
float:left;
margin-right: 40px;
}
#formParametrage input{
	padding:5px;
}
#formParametrage input.ajout{
	background:#FAFF7C;
}

/* Formulaire Images */ 
#formImages th{
	font-weight:bold;
	text-align:center;
}
#formImages td{
  padding:5px;
}
#formImages .img_del{
	padding: 0 0 27px 20px;
}
#formImages input.ajout{
	background:#FAFF7C;
}
#formImages input{
	padding:5px;
	margin-bottom:10px;
}

a.bulle {
 position:relative;
}

a.bulle:hover {
  background: none;
  z-index: 50;
}

a.bulle span {
 display: none;
}

a.bulle:hover span {
  display: block;
  position: absolute;
  top: -150px;
  left: 120px;
}


/*  afficherActivite */
.afficherActivite{
	position:relative;
}
.afficherActivite h1{
	width:360px;
}
.afficherActivite #dt_example #demo{
	margin:0px auto;
}
.supp a{
	color:red;
	font-weight:bold;
	font-size:1.5em;
}
.afficherActivite #message_supp{
position:absolute;
right:0;
top:0;
}
.rouge2{
	color:red;
	font-weight:bold;
	font-size:1.5em;	
}
/* Page Activité add edit duplicate*/
.pageActivite{
	position:relative;
}
.pageActivite h1{
	width:360px;
}
.pageActivite #dt_example #demo{
	margin:0px auto;
}
.pageActivite .message_edit{
position:absolute;
right:0;
top:0;
}
.bouton2{
	margin:5px;
	padding:5px;
	border : solid 1px #000;
	background-color:#888;
}
.bouton2 a{		
	font-weight : bold;
	text-align:center;
	color:#fff
}
.bouton2 a:hover{	
	color:#96cb63;
	text-decoration: underline;
}
#afficheClient{
	float:right;
	width:500px;
}
#afficheClient tr{
	line-height:20px;
	border-bottom: 1px solid #999;
}
#aloa-informatique{
	margin:20px 0;
	color:#2ac4ee;
}
#aloa-informatique a{
	color:#2ac4ee;
}
#aloa-informatique a:hover{
	color:#2ac4ee;
	text-decoration:underline;
}