﻿body { background-color:#666; margin : 0px; }
a button *, a input {
    text-decoration : none;
	font-size:10px;
    }
#container{
 	width: 100%;
 	background-color: #fff;
 	color: #333;
 	line-height: 130%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow: hidden;
 }
#top{ padding-right: .1em; border-bottom: 1px solid gray; position : relative; }
#top .header-container { min-width : 600px; }
#languages {
	position : absolute;
	top : 5px;
	right : 5px;
}
h1 { font-size : 34px; }
h2 { font-size : 21px; }
h3 { font-size : 18px ; }
a h3 { color : #555 ; }
a:hover { text-decoration : none ; }
#languages img { border : none; }
#languages a { text-decoration : none; margin : 0px 3px; opacity : 0.4; }
#languages a:hover { opacity : 0.7 !important; }
#languages a.selected { opacity : 1 !important; }
#languages .others { display : inline;  display : none; }
#header-text {
	font-family: "Times New Roman", Times, serif;
	font-style : italic;
	font-weight : bold;
	color : #3f91bc;
	line-height : normal;
	position : absolute;
	top : 20px;
	left : 50%;
	margin-left : -350px;
	width : 800px;
}
#header-text .title { font-size : 130px; }
#header-text .subtitle { font-size : 30px; }
#leftnav{
 	float: left;
 	width: 130px;
 	padding: 15px 10px;
	border-right : 1px solid gray;
}
#menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5a9cbf;
	text-decoration:none;
	font-weight:bold;
}	
#content{
 	margin-left: 150px;
 	border-left: 1px solid gray;
 	padding: 1em;
 	max-width: 90%;
	text-align:justify;
	position : relative;
}
#footer{
 	clear: both;
 	margin: 0;
 	padding: .5em;
 	color: #333;
	text-align:right;
 	background-color: #ffdb4f;
 	border-top: 1px solid gray;
}
#leftnav p { margin: 0 0 1em 0; }
#content h2 { 
	margin-top: 5px;
	/*margin-left: 8px; */
	font-size:24px; 
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
	font-weight:bold;
} 
a img { border : none; }
.search-action a, .advancedSearch a { text-decoration : none; }
.a2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-decoration:underline;
	font-weight:normal;
} 
.a3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
} 
.page_link{ text-align:center; }
.img_list { margin-right: 5px; margin-top: 3px; }
.txt_list {
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 0px;
}
.textmiddle {vertical-align:middle;}
#bib_form label {
	display: inline-block;
	width: 150px;
	float: left;
}
.boutonsoumettre {
    border: 1px solid #006;
    background: lightgrey;
    background:url(Images/rechercher.gif) no-repeat 100% 50%;
}
.boutonsoumettre:hover {
    border: 1px solid #97B546;
    background: #eef;
	background:url(Images/rechercher-hover.gif) no-repeat 100% 50%;
}
.highlight {
	background-color : yellow;
}


/* Show-hide */
.show-hide { cursor : pointer; }
.show-hide:hover { text-decoration : underline; }
.hidden-informations { display : none; }

/* Style of map display (with lightbox) */
.legend-map {
	float : right; 
	text-align:center; 
	font-size:10px; 
	margin : 0px 0px 10px 10px;
}
.legend-map a { font-weight : normal; font-size:10px;  }
.legend-map a:hover { text-decoration : none; }
.map_btn { text-decoration : none; }
.map_btn img { border : none; }
.map_lightbox { display : none; }
.map_lightbox div{
	width : 200px;
	height : 200px;
	background-color : #fff;
	position : absolute;
	z-index : 1000;
	cursor : pointer;
	opacity : 0;
}
.map_lightbox div:hover{ opacity : 0.15; }
.map_lightbox .hg {  top:0px; left:0px; border-radius: 0px 0px 200px 0px; }
.map_lightbox .hd {  top:0px; right:0px; border-radius: 0px 0px 0px 200px; }
.map_lightbox .bd {  bottom:0px; right:0px; border-radius: 200px 0px 0px 0px; }
.map_lightbox .bg {  bottom:0px; left:0px; border-radius: 0px 200px 0px 0px; }
.map_etiquette {
	position : absolute; z-index : 1010; display : none;
}
.link-img {
	position : absolute; z-index : 900; display : none; width : 100%; height : 100%; top : 0px; cursor : pointer;
}

/* Appearance of vignette */
div.obj_vign {
	display : inline-block;
	margin : 5px 15px;
	text-align:center;       
	zoom:1; 
	border : 1px solid #888; 
	*display: inline;
}
div.obj_vign p {
	text-align:center; 
	margin : 0px auto 0px auto;
	display: table;
	#position: relative; 
	overflow: hidden;
}
div.obj_vign img {
	position: relative; 
	top: 0px;
	margin:5px;
	opacity : 0.9;
}
div.obj_vign:hover img { opacity : 1; }
div.obj_vign span {color : #000;}
div.obj_vign span a {text-decoration : none;}
#tooltip {
	padding: 5px 10px;
	background: #fafafa;
	border: 1px solid #b2b2b2;
	opacity: 0.95;
	max-width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.hoverbox { display : none ; }

.button {
	padding: 2px 10px;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #333;
	background-color: #E6E6E6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #F4F4F4, #E6E6E6);
	background-image: -ms-linear-gradient(top, #F4F4F4, #E6E6E6);
	background-image: -webkit-linear-gradient(top, #F4F4F4, #E6E6E6);
	background-image: -o-linear-gradient(top, #F4F4F4, #E6E6E6);
	background-image: linear-gradient(top, #F4F4F4, #E6E6E6);
	border: 1px solid #D2D2D2;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.button:hover {
	color: #222;
	background-color: #EBEBEB;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #F9F9F9, #EBEBEB);
	background-image: -ms-linear-gradient(top, #F9F9F9, #EBEBEB);
	background-image: -webkit-linear-gradient(top, #F9F9F9, #EBEBEB);
	background-image: -o-linear-gradient(top, #F9F9F9, #EBEBEB);
	background-image: linear-gradient(top, #F9F9F9, #EBEBEB);
}
/* Liens */
.links_page .link {
	padding : 0px 10px 15px 5px;
	font-style : italic;
}
.links_page .desc {
	font-family: monospace
}
.links_page .title {
}

/* Validation */
.infos-ok {
	box-shadow: 1px 1px 4px #daf4d1;
	background-color: #f0ffeb;
	color: #4e8e39;
	border: 1px solid #8bdb70;
	padding : 10px; 
	margin : 5px 0px 15px 0px;
}
/* Register */
.customform .input-text { width : 250px; }
.customform table.data { margin : auto; text-align : left; }
.customform table.data .label { padding-right : 20px; }
.customform form { text-align : center; }
.customform form { text-align : center; }
.customform .submit { height : 30px; }

/*.extend-form table.data { margin-top : 30px; margin-bottom : 20px; }*/
.extend-form input[type='text'], .extend-form input[type='password'] { width : 190px }
.extend-form td, .extend-form select , .extend-form input{ padding : 5px; }
.extend-form select { width : 204px; }
.extend-form .label, .extend-form .help  { vertical-align : middle !important ; }
.extend-form .value, .extend-form .label { padding : 0px 5px ;}
.extend-form { text-align : left ; }
.extend-form table , .extend-form td, .extend-form tr { margin : 0px ; padding : 0px ; }
.extend-form textarea, .extend-form input, .extend-form button { font-family:Arial, Helvetica, sans-serif; }
.extend-form textarea{ margin : 0px ;  padding : 5px ; }
.block-center { margin-left : auto !important ; margin-right : auto !important ; }
.extend-form .section-title div { 
	font-weight : bold ; 
	font-size : 14px ;
	border-bottom : 1px solid #ccc ;
	padding : 5px 0px 10px 0px ;
	margin : 15px 0px 6px 0px ;
}

/* Erreur*/
.infos-ok , .error{
	border-radius : 3px;
	padding : 5px;
	margin : 5px !important;
	cursor : pointer;
}
.error {
	box-shadow : 1px 1px 4px #f4d1d1;
	background-color : #fff0f0;
	color : #dc7171;
	border : 1px solid #dc7171;
	vertical-align : middle ;
}
.infos-ok {
	box-shadow : 1px 1px 4px #daf4d1;
	background-color : #f0ffeb;
	color : #5fac45;
	border : 1px solid #8bdb70;
}

/* Profile */
div.textAction {
	margin-top: 1px;
	background-color: #555555;
	padding: 3px 5px 3px 5px;
	text-align : center ;
}
a.buttonAction:hover div { background-color: #000; }
a.buttonAction div {
	margin-top: 1px;
	background-image: url('images/fleche_right.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color: #555555;
	padding: 3px 20px 3px 5px;
}
div.textAction, a.buttonAction {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
table.user_profile { width : 100% }
table.user_profile .links { padding-right : 50px ; width : 150px ;}
table.user_profile tr td {
	vertical-align : top ;
}
/*.infos-main { width : 100% ; }*/
.infos-fields table { 
	background-color : #f8f8f8 ;
	border : 2px solid #eee ;
	padding : 10px ;
	border-collapse:collapse ;
}
.infos-fields td { padding : 8px 3px ; border-top : 1px solid #eee ; }
.infos-fields .label { text-align : right; padding-left : 30px ; }
.infos-fields .value { padding-right : 30px ; }
.account_infos { margin : auto ; }
.infos-stats { margin-left : 20px ; }
.infos-stats table { border-bottom : 2px solid #eee ; }
.infos-stats  td { border-top : 2px solid #eee ; padding : 10px 20px ; }
.infos-stats  .stats-nb { font-size : 24px ; font-weight : bold ; }
.infos-stats  .stats-lab { margin-top : 8px ; font-size : 12px ; color : #888 ; }
.user_profile .link-biblio { margin-bottom : 10px ; }

/* Administration */
.admin-actions .action {
	display : inline-block ;
	margin : 20px ;
}
.admin-actions .action .text { margin-top : 15px; width : 128px ; text-align : center ; }
.admin-actions .action .text a {
	text-decoration : none ;
	font-size : 14px ;
	color : #000 ;
}
.admin-actions .action { opacity : 0.75 ; }
.admin-actions .action:hover { opacity : 1 ; }

/* Admin users */
.user-management td { vertical-align : top ; text-align : left ; }
/*
.user-management .user {
	padding : 5px;
	display : inline-block ;
	margin : 10px ;
	opacity : 0.75 ;
	background-color : #eee ;
	vertical-align:top;
}
.user-management a { text-decoration : none ; border : none ; font-weight : normal }
.user-management .user:hover { opacity : 1 ; }
.user-management .user .pic { height : 90px ; display : block ; margin : auto ; margin-bottom : 5px ;}
.user-management .user .infos { text-align : center ; }
.user-management .user .infos .name { font-weight : bold ; font-size : 14px ; }*/
.user-management .user td , .user-management .user th { vertical-align : middle ; padding : 2px 15px ; }
.user-management .user img { height : 30px ; }
.user-management .user a { text-decoration : none ; }

/* Admin user */
.admin-user { margin : auto ; }
.admin-user form { margin-left : 30px; }
.admin-user .submit { text-align : right ; }
.admin-user form  .label{ padding-right : 50px; }
.admin-user .block-infos { width : 186px ; }
.admin-user .infos { vertical-align : top ;  }

/* Block infos */
.block-infos { 
	vertical-align : top ; 
	text-align : left ; 
	padding : 5px ;
}
.block-infos .title { 
	font-size : 16px ; 
	font-weight : bold ; 
	/*color : #1A3380 ; */
	background-image : url('images/icons/infos.png') ;
	background-repeat : no-repeat ;
	background-position : 0px center ;
	padding-left : 24px ;
}
.block-infos div { padding : 4px 5px 4px 20px ; font-size : 12px ; }
.block-infos p { padding : 0px ; margin : 0px ; margin-bottom : 3px ; }
.block-infos .label { font-weight : bold ; }

/* Bread crumb */
.breadcrumb { margin-bottom : 10px ; }
.breadcrumb, .breadcrumb a { text-decoration : none ; color : #555 ; font-size : 11px ; }

/* User account */
#user_infos td {
	vertical-align : top ;
}
.user_box .avatar { display : block ; margin : auto ; }
.buttonAction { text-align : left ; }
#user_infos #updatePicBlock { display : none ; }
#dropfile {
	margin-top : 1px ;
	padding : 50px ;
	width : 160px ;	
	border: 5px dashed ;
	border-color : #BBBBBB ;
	line-height:20px;
	text-align: center;
	font-size : 16px ;
}

.fakeInputFile { position : relative ; }
.fakeInputFile .fake {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fakeInputFile .realInput {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
#user_infos .left-pannel { width : 270px; text-align : right ; padding-top : 25px ; padding-right : 20px ; }	
#user_infos .pic-block { width : 150px; text-align : center ; margin-left : auto ; }	
#user_infos .container { margin-left : right ; display : inline-block ;}
#user_infos .buttonAction div { margin-left : auto ; }
#user_infos input[type=text], #user_infos input[type=password] { width : 250px ; }
#user_infos select { width : 264px; }
#user_infos .label { text-align : right ; }
#user_infos .label:after { content: " :"; }
#user_infos td.value { padding-top : 2px ; padding-bottom : 2px ; }
#user_infos  .submit-box { text-align : right ; }
#user_infos  .submit-box input { padding : 5px 10px ; }
#user_infos textarea { width : 252px; height : 60px ; }
#user_infos .input-study-lvl, #user_infos .input-prof, #user_infos .input-subject { display : none ; }

/* Bibliography form */
.biblio-form td { vertical-align : top ; }
.biblio-form input[type=text], .biblio-form select { width : 300px !important ; }
.biblio-form textarea { width : 302px !important ; }

/* Connected users */
.superbox-index {
	position : absolute ;
	display : none ;
	top : 45px ;
	right : 10px ;
	border : 1px solid #bbb ;
	padding : 10px ;
	background-color : #f8f8f8 ;
	z-index : 100 ;
}
.superbox-index a { text-decoration : none ; }
.connected-users img { width : 25px; height : 25px ; margin-right : 10px ; }
.connected-users a { color : #777; font-weight : bold ; text-decoration : none ; }
#connect-users-box  { width : 250px ; top : 45px ; }
#connect-users-box h3 { margin : 0px 0px 10px 0px ; color : #777 ;text-decoration : none ; }
#register-users-box { top : 30px }


/* Form fiche */
#form_fiche td { vertical-align : top ; }
/*#form_fiche select { width : 314px ; }
#form_fiche textarea { width : 302px ; height : 80px ; }
*/
#form_fiche select { width : 257px ; }
#form_fiche textarea { width : 502px ; height : 80px ; }

/*#form_fiche input[type=text] { width : 300px ; }*/
#form_fiche .submit-box  { text-align : right ; }
#tpaq { width : 615px ; }
#taq { width : 80px ; }
#tpq { width : 80px ; }
#definition { width : 500px ; }
#nvelle_fiche {font-size : 25px ;font-weight : bold;width : 70px ;font-family:Arial, Helvetica, sans-serif;}
#place_img
{
    text-align: center;
    border: 3px solid #5E9ABF;
}
.boite_lg
{
text-align : center;
text-decoration : none;
font-weight : normal;
width: 300px;
}
/*
.imageRow .sur_boite_lg a {
  float: center;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  margin-left: 50px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}*/

/*
.imageRow .sur_boite_lg a img {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  margin-left: 50px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);

}
*/
.imageRow .sur_boite_lg a:hover { background-color: #5a9cbf;}


// border: 1px solid black;

//text-align : center;
//text-decoration : ;
//font-weight : normal;
//awidth: 300px;
//}
