/*
  Auteur: Soufiane Bouchenak
  Dernière mise à jour le: Juillet 2018
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Raleway', sans-serif!important;*/
	font-size:12px;
	text-align:left;
	margin: 0px;
	scrollbar-base-color:#3399CC;
	background: url(../images/wallpaper/wallpaper_3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center top;

}
h1{font-size: 1.2em;}
h2{font-size: 1.1em;font-variant: small-caps;}
h3{font-size: 1.1em;font-variant: small-caps;margin-top:3px;margin-bottom:3px;}

h2 select{font-size:0.9em;}

.avatar{
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	background-color:#005ca5;
	width:70px;
	height:70px;
	color:#fff;
	text-align:center;
	line-height:70px;
	padding:0px;
	font-size:1.3em;
}
.formateur{background-color :#004891!important;}
.participant{background-color :#8ed6f6!important;}
.visiteur{background-color :#718d97!important;}
.administrateur{background-color :#ed1c24!important;}
.cvformateur a {color:#fff!important;text-decoration:none;}
.cvformateur a:hover {color:d8e2e7!important;text-decoration:none;}

.docs a, .docs a:hover {text-decoration:none;}

.image{
	text-align:center;
	z-index:1;
	width:300px;
	margin-top : -500px;
	float:right;
	padding:10px;
    border: solid 1px #333;
	margin-right:20px;
	border-radius: 10px;
}
input , select, textarea {
	margin-left: 5px;
	margin-top:5px;
	background-color: #F5F5F5;
	/*#f8e9c3;*/
	font-size: 1.2em;
	color: 0;
	border-width:1px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.th{
	/*font-style:italic;font-weight:bold;text-decoration:underline;*/
background-color:#004891!important;color:#fff;
padding-bottom:5px;}
#chargement{margin-left:40%;padding-left:15px;padding-right:15px;padding-top:5px;}
#tabs{background-color:white;}
#tabs ul{background-color:#99ccff!important;}
#tabs-2 th, #tabs-3 th,#tabs-4 th{background-color:#99ccff!important;color:#005ca5}
#tabs td,#tabs th{padding:5px; background-color:white;}
#tabs-1, #tabs-2, #tabs-3, #tabs-4 {padding:5px!important;border:solid 5px white;}
.minheight {min-height:500px;}
.preview {float:right;}
.falsebutton , .falsebutton:hover , .falsebutton:visited, .falsebutton:active{
	cursor:pointer;
	font-size:1em;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;background-color:#005ca5;
	color:#fff;margin-top:15px;text-transform: uppercase;color:#ccc!important;text-decoration:none;border-right:5px solid #cc3333;}
.falsebutton:hover{color:white!important;border-right:15px solid #cc3333;}	

.falsebutton2 , .falsebutton2:hover , .falsebutton2:visited, .falsebutton2:active{
	font-size:0.95em;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;background-color:#005ca5;
	color:#fff;margin-top:15px;text-transform: uppercase;color:#ccc!important;text-decoration:none;border-right:5px solid #cc3333;
	margin:2px;}
.falsebutton2:hover{color:white!important;}	

.menuselected{
	border: 1px solid #cccccc;
	background-color:#FFF;/*#039;*/
	color:#e31d2c;
}

.nodata{ text-align:center;font-weight:bold;padding:15px;}
input[type=submit],input[type=button], input[type=reset]{
	font-size:1.1em;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;
	background-color:#005ca5!important;color:#fff;margin-top:15px;text-transform: uppercase;
	border-right:5px solid #cc3333;
	border-left:5px solid #cc3333;
	border-top:none;border-bottom:none;
	margin-top:10px;
	margin-bottom:10px;
	}
input[type=button]{
	cursor:pointer;
}	
	
img{
	/*
	border: 1px solid #347E96;
	background-color:#FFFAEE;	
	*/
	padding: 2px;
}
label{
	font-size: 1em;
	color:#3366CC;
	padding:5px;
}

.fieldvalue{
	padding:5px;
	margin-left: 3px;
	background-color:#FFFAEE;
	width:65%;
	font-style:normal;
}
.comment{
   width : 100%;
   font-style:italic;
   font-size:0.9em;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:5px;
   padding-right:5px;
   background-color:#FFC44C;
   text-align: center;
   font-variant:small-caps;
}
table{
	font-size:1em;
	width:100%;
}

.form{ margin:5px;}
tr{
	background-color:#EBEBEB;
}

.trpair{background-color: #F7F7F7!important;}
.form table{}
.form tr{background-color:#FFFFFF;}
.form td{padding:0px;}
.form img{
margin:0px;
padding:0px;
}
th{text-align: left;font-size:0.9em;}
a:link, a:visited{
	text-decoration: none;
	color: #003399;
}
a:hover{
	text-decoration: underline;
	color:#3095fd;
}
#contentTd form a:link,#contentTd form a:visited{
	text-decoratio;n: none;
	color: #003399;
}
#contentTd form a:hover{
	text-decoration: underline;
	color: #ff3300;
}
#form br{line-height: 20px;}
/*-------------------------------------------------------------------------------------------------  
   menu gauche
--------------------------------------------------------------------------------------------------*/
#leftcol{
	width:130px;
	vertical-align: top;
	
}
.menu {
	text-align: center;
	background-repeat: no-repeat;
	margin-left:5px;
	line-height:20px;
	/*background:#EBEBEB;*/
}
.menu li{
	list-style-type: none;
	font-size:0.9em;
	text-align:left;
	margin-left:0px;
	list-style-position: inside;
}
.menu a, .menu a:hover, .menu a:visited{
	color:black;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 95px;
}
.menu a:hover{
	color: #FFFFFF;
	background:#4C61FF;
	border: 1px solid #666666;
}
.menu img{
	background : none;
	border:0px;
}
.menu .withHint:hover {background : none;} 
.menu .withHint div { 
	display: none;
	padding:5px;
	color: black;
	font-style: italic;
	text-align: center;	
	font-weight:normal;
	font-size:0.9em;
	margin-left:15px;	
	background: #FFFFCC;
	border: 1px solid #FFCC00;
	text-decoration:none;	
}

.menu .withHint:hover div {
	display: inline;
	position: absolute;
	width: 300px;
	text-decoration:none;
} 
#content{
	margin-top:0px;
	margin-left: 0px;
	float:right;
	padding-left:2px;
	padding-right:2px;
	background-color:#FFFFFF;
}
/*------------------------------------------------------------------------------------------------
	Header 
-------------------------------------------------------------------------------------------------*/
#header{
	height: 100px;
	background-image:  url(images/logo.jpg);
	background-repeat: no-repeat;
}
#header h1{
	margin-top: 5px;
	margin-left: 50px;
}
#header p{}
.Nav ul{
	list-style-type: none;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
	
}
.Nav li{
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	border-right: 1px solid #FFFFFF;
	list-style-type: none;
	height:22px;
	padding-top:2px;

}
.Nav div{
	padding-right: 10px;
	padding-left: 10px;
	padding-top:2px;
	color:#CCCCCC;
}
.Nav{
	background-color: #1E77D4;
	color : #F4F4F4;
	height:22px;
	padding:0px;
	width:100%;
	vertical-align: bottom;
}

.Nav a, .Nav a:hover , .Nav a:visited{
	text-decoration : none;
	color :#FFFFFF;
	display:block;
	padding: 2px 15px 2px 15px;
}

.Nav a:hover{
	background-color : #cc3333;/*FFD500;/*#3484D7;*/
	border: solid 1px #a1c6eb;
	padding: 2px 14px 2px 14px;
}

#searchbar{
	margin-left: 320px;
	margin-top:90;
	text-align: center
}

#infos{
	margin-left: 550px;
	margin-top:25px;
}

#date{
	margin-top:9px;
	margin-left:62px;
}

#date p{
	line-height:0px;
	margin-top:0px;
	font-weight:bold;
}

#date a, #date a :hover, #date a:visited{
	width:154px;
	height:69px;
}
/*------------------------------------------------------------------------------------------------
	footer : Bas de page.
-------------------------------------------------------------------------------------------------*/
#footer{
	text-align:center;
	font-size:0.9em;
}

#footer p{
	text-align: center;
	font-size: 0.8em;
}

#middle{
	padding-top: 5px;
	width:785px;
}

#page{
	width:785px;
	margin:2px;
	text-align:left;
	color:#333;
	background-color:#FFFFFF;
}

#fiche{
	width:500px;
	margin:0px;
	text-align:left;
	color:#333;
	background-color:#FFFFFF;
	border: 1px solid #347E96;
}
td{font-size: 100%;}
#NavTd{
border-right: 1px solid #999999;
/*background-color: #fff!important;*/ /*background:#CCE6EE*/
/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' ,endColorStr= '#cadef4' ,gradientType= '0' );*/
}
#Nav{
padding: 2px 0 10px 0px;
font-size: 0.95em;
line-height:1.4em;
}
#Nav .line{
border-top: solid 1px #999999;
margin: 5px 0 5px 0;
}
#Nav > .line{
margin: 6px 0 4px 0;
}
#Nav h4{
margin: 4px 0px 5px 5px;
font-size: 95%;
}
#Nav > h4{
margin: 4px 0px 4px 5px;
}
#Nav ul{
list-style: none;
margin: 0;
padding: 0;
}
#Nav li{
padding: 0;
margin: -4px 2px;
width: 98%;
list-style: none;
}
#Nav > ul > li{
margin: -3px 2px;
}
#Nav a{
cursor: pointer;
display: block;
color: #000;
padding: 2px 4px 4px 8px;
margin: 1px 0px;
}
#Nav > ul > li > a{
border: 1px solid transparent;
padding: 2px 4px 4px 7px;
}
#Nav a:visited{

}
#Nav a:hover{
border: 1px solid #cccccc;
margin: 0px;
padding: 2px 4px 4px 7px;
background-color:#FFF;/*#039;*/
color:#e31d2c;
text-decoration: none;
}
#Nav > ul > li > a:hover{
margin: 1px 0px;
}
#Nav .withHint div { 
	display: none;
	padding:5px;
	color: black;
	font-style: italic;
	text-align: center;	
	font-weight:normal;
	font-size:0.9em;
	margin-left:15px;	
	margin-top:20px;	
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-decoration:none;	
}

#Nav .withHint:hover div {
	display: inline;
	position: absolute;
	width: 300px;
	text-decoration:none;
}
#Nav img{border:0px;} 
#footerTd{
	border-bottom: 1px solid #999999;
	background-color: #cadef4;
	height : 35px;
}
#contentTd{
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	background-color: #ffffff;
}
.form tr{
	height:22px;
}
.bottomBorder{border-bottom: 1px solid #999999;}
.topBorder{	border-top: 1px solid #999999;}
.noPreview{
	background:none;
	background-color: #1E77D4;
	width:80px;
	height:80px;
}
#treeview img{background: none;border:0px;}
#treeview a:link, a:visited{
	text-decoration: none;
    color: black;
}
#treeview a:hover{
	text-decoration: none;
   	color: #0066CC;
	font-weight: bold;
}
#treeview table,#treeview tr,#treeview td{
	background:none;
	border:0px;
}
#treeview{border-right:1px solid #347E96;}
#fullpath{
	font-weight:bold;
	font-size:1.1em;
}
.nobg{	background : none!important;border:0px!important;}
.valign{vertical-align:middle;}
.jqte{margin:0px!important;margin-top:5px!important;margin-bottom:5px!important;}