* {
    font-size: 100%;
    margin: 0px;
}
body {
    font: 14px/1.5 'Muli', sans-serif;
    color: #333;
    background: white;
}

#bandeaulog{
width:100%;
height:30px;
background-color: #2f2f2f;
color:white;
}
#login{
padding-top:5px;
text-align:right;
margin-right:10px;
}
#deconnecter{
padding-top:1px;
font-size:12px;
color:#747473;
text-align:right;
margin-right:10px;
float:right;
}
#deconnecter:hover{
color:white;
cursor:  pointer;
}
.titredossier{
font-size:18px;}
#dossiers{
position:absolute;
left:0px;
top:0px;
width:280px;
padding:5px;
background-color:#ededed;
border: 1px solid #d6d6d6;
-moz-box-shadow: 1px 1px 3px #d6d6d6; 
	-webkit-box-shadow: 1px 1px 3px #d6d6d6; 
	box-shadow: 1px 1px 3px #d6d6d6; 
}
#page{
border: 1px solid #d4d4d4;
padding:25px;
position:absolute;
left:290px;
top:0px;
width:100%;
background-color:transparent;
}
#contenu{
position: relative;
padding-top:20px;
margin:auto;
max-width:100%;
}

#connexion{
margin:auto;
margin-top:40px;
width:500px;
}
.table1{
border-spacing: 0px;
border-collapse: collapse;
margin-top:5px;
padding:20x;
border: 1px solid #aaa;	
width:100%;
background-color:white;
}

.dosid{background-color:#c3cce4;}
.dos{background-color:white;}
.titres{
width:100%;
height:25px;
font-size:24px;

color:#747473;
padding-bottom:10px;
}
.td1, .th1{
text-align:center;
border: 1px solid #aaa;
height:30px;
font-size:16px;
}
.tab2{width:100%;
background-color:white;
border: 1px solid #d4d4d4; 
border-spacing: 0px;
border-collapse: collapse;}
.tab2 td{border: 1px solid #d4d4d4;
vertical-align:top; 
height:30px;
padding:3px}
.tab2 thead{font-weight:bold; text-align:center;background-color:#e0e0e0;}

.th_actions{width:80px;background-image:linear-gradient(white , #eaeaea );text-align:center;
border: 1px solid #aaa;
height:40px;}
.th_titre{background-image:linear-gradient(white , #eaeaea );text-align:center;
border: 1px solid #aaa;
height:40px;}
.th_dossiers{width:80px;background-image:linear-gradient(white , #eaeaea );text-align:center;
border: 1px solid #aaa;
height:40px;}
.ic-remove, .ic-edite, .ic-view, .ic-rec, .ic-user{
float:left;
margin-left:2px;
margin-right:2px;
background-image: url("../images/pg-icons-color.png");
width: 16px;
height: 16px;

}
.ic-remove{
background-position: -1293px 0;
}
.ic-edite{
background-position: -255px 0;
}
.ic-view{
margin-left:10px;
background-position: -1501px 0;
}
.ic-user{
background-position: -1475px 0;
float: right;

}
.ic-rec{
background-position: 0 0;

padding-left:5px;
}
a:link{color:#3b74ff; text-decoration:none}
a:visited{color:#3b74ff;}
a:hover{color:#233665;}
.bouton{

padding-left:5px;
border: 1px solid #aaa;
-moz-border-Radius: 4px;
	-webkit-border-Radius: 4px;
	border-Radius: 4px;
width:100px;
height:30px;
background-image:linear-gradient(white , #eaeaea );
}
.minibouton{
padding-left:2px;
border: 1px solid #aaa;
-moz-border-Radius: 4px;
	-webkit-border-Radius: 4px;
	border-Radius: 4px;
width:80px;
height:20px;
background-image:linear-gradient(white , #eaeaea );
font-size:12px;
}
.bouton:hover,.minibouton:hover{background-image:linear-gradient(#eaeaea , #eaeaea );cursor:  pointer;}

#rec{
width:100%;

}
.zonetexte{overflow:scroll }
#voir_titre{
font-size:30px;
font-weight:bold;
border-spacing: 0px;
border-collapse: collapse;
margin-top:5px;
width:100%;
}
#voir_texte{

border-spacing: 0px;
border-collapse: collapse;
background-color:white;
padding:20px;
border: 1px solid #aaa;	

}