@charset "utf-8";
/**
 * Fichier : global.css
 * Description : generic styles of the website
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Reset
 ******************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video
{
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
 




html, body { height: 100%; }
a img, fieldset { border: 0; }
a *, label, button, input[type=image], input[type=button], input[type=submit] { cursor: pointer; }
ol { list-style-position: inside; }
ul { list-style: none; }
strong { font-weight: bold; }
em { color: #212121; font-style: italic; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

article, aside, figure, footer, header,
hgroup, nav, section { display: block; }

/**
 * Eléments génériques
 ******************************************/
html
{
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}

body
{
	background: #f0f0f0;
	color: #212121;
	font-family: "Calibri", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.2;
}

a { color: #008c8c; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

textarea, input, select { font: 13px "Calibri", "Lucida Sans", "Lucida Grande", Arial, sans-serif; }

input[type="radio"] { height: 14px; vertical-align: text-bottom; width: 14px; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

button { background: 0; border: 0; font-family: "Calibri", "Lucida Sans", "Lucida Grande", Arial, sans-serif; margin: 0; outline: 0; overflow: visible; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
button span { position: relative; !margin: -1px 0 -2px; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre
{
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/**
 * Classes génériques
 ******************************************/
/* Buttons */
.btn_main,
.btn_secondary,.btn_default,.btn_transfer
{
	color: #5a5959;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}

.btn_main
{
	background: url(../images/buttons/btn_main.png) 0 -459px repeat-x;
}

.btn_main span,
.btn_secondary span,.btn_default span,.btn_transfer span
{
	background-color:#C1F0C7;
	display:inline-block;
}

.btn_main span
{
	background-image:url(../images/buttons/btn_main.png);
	background-position:0 -490px;
	background-repeat:repeat-x;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}


.btn_main span span
{
	background-repeat: no-repeat;
	/*padding:0;/**/
}

.webkit .btn_main span {line-height: 35px;}

.btn_default
{
	background: url(../images/buttons/btn_main.png) 0 -459px repeat-x;
}


.btn_default span {
  	background-image:url(../images/buttons/btn_main.png);
	background-position:0 -490px;
	background-repeat:repeat-x;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}

.btn_default span span
{
	background-repeat: no-repeat;
	background-position: 0 -362px !important;
	/*padding:0;/**/
}



.btn_transfer
{
	background: url(../images/buttons/btn_main.png) 0 -459px repeat-x;
}

.btn_row .btn_transfer {
    margin: 0 12px 0 0;
}

.btn_transfer span {
  	background-image:url(../images/buttons/btn_main.png);
	background-position:0 -490px;
	background-repeat:repeat-x;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}

.btn_transfer span span
{
	background-repeat: no-repeat;
	/*padding:0;/**/
}




.btn_cancel
{
	background: url(../images/buttons/btn_main.png) 0 0 repeat-x;
}

.btn_cancel span
{
	background-image:url(../images/buttons/btn_main.png);
	background-position:0 -32px;
	background-repeat:repeat-x;
}

.btn_revert span {
	padding: 0 15px 0 10px
}

.btn_cancel span span { background-position: 0 -62px; padding: 0 0 0 20px; background-color:#F0F0F0;}
.btn_save span span { background-position: 0 -92px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_add span span { background-position: 0 -243px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_pdf span span { background-position: 0 -122px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_accept span span { background-position: 0 -122px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_transfer span span { background-position: 0 -543px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_print span span { background-position: 0 -122px; padding: 0 0 0 24px; background-color:#C1F0C7;}
.btn_remove span span { background-position: 0 -302px; padding: 0 0 0 26px; background-color:#C1F0C7;}
.btn_delete span span { background-position: 0 -302px; padding: 0 0 0 26px; background-color:#C1F0C7;}
.btn_mail span span { background-position: 0 -333px; padding: 0 0 0 27px; background-color:#C1F0C7;}
.btn_watch span span { background-position: 0 -363px; padding: 0 0 0 23px; background-color:#C1F0C7;}
.btn_download span span { background-position: 0 -423px; padding: 0 0 0 20px; background-color:#C1F0C7;}
.btn_revert span span { background-position: 0 -521px; padding: 0 0 0 24px; background-color:#C1F0C7;}
.btn_submit,
.btn_register span span { background-position: -1000 px -1000px; padding: 0; background-color:#C1F0C7;}

.btn_secondary
{
	background:url(../images/buttons/btn_secondary.png) repeat-x 0 bottom;
}

.btn_secondary span
{
	background-image:url(../images/buttons/btn_secondary.png);
	background-position:0 0;
	background-repeat:no-repeat;
	height:20px;
	line-height:20px;
	padding: 0 15px 0 35px;
}

/* Texts */
.highlight
{
	color: #A7CE00;
	font-weight: bold;
}

.underline { text-decoration: underline; }

/* Divers */
.invisible
{
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.masque
{
    background: 0 !important;
    border: 0 !important;
    display: block !important;
    float: none !important;
    height: 1px !important;
    list-style: none !important;
    margin: -1px 0 0 -1px !important;
    position: absolute !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
}

.clear { clear: both; }
.center { text-align: center; }
.f_left { display: inline; float: left; }
.f_right { display: inline; float: right; }

.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after
{
	content: "\0020";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:after { clear: both; }

.title-search {
text-decoration:underline;
}

/**
 * Structure générique
 ******************************************/
#global { padding: 0 0 20px; }

#toolbar
{
	background: #212121;
	left: 0;
	padding: 10px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
}

.has-admin-menu #toolbar {
	top:21px;
}

#toolbar_content,
#header,
#content
{
	margin: 0 auto;
	width: 995px;
}

#toolbar_content .switch_language{ display : none; }

#header
{
	color: #5e7400;
	margin: 42px auto 7px;
}

.has-admin-menu #header {
	margin-top:63px;
}

#content
{
	background: #fff;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0px 1px 3px #bebebe;
	   -moz-box-shadow: 0px 1px 3px #bebebe;
	        box-shadow: 0px 1px 3px #bebebe;
	margin-bottom: 30px;
	behavior: url(/sites/all/themes/iussp/pie.htc);
}

.html #content { background: #fff url(../images/backgrounds/bg_content.png) 0 0 repeat-y; }

#main,
.column { padding: 30px 20px; }

.html #main
{
	background: #fff;
	float: left;
	width: 623px;
}

.html .column
{
	width: 292px;
}

.html #column_left
{
	float: left;
}

.html #column_right
{
	float: right;
}

#footer
{
	background: #fff;
  	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0px 1px 3px #bebebe;
	   -moz-box-shadow: 0px 1px 3px #bebebe;
	        box-shadow: 0px 1px 3px #bebebe;
	font-size: 14px;
	line-height: 21px;
	margin: 0 auto;
	padding: 5px 25px;
	width: 945px;
	behavior: url(/sites/all/themes/iussp/pie.htc);
}

/**
 * Toolbar
 ******************************************/
#toolbar a.switch_language
{
	background: url(../images/bullets/arrow_green.png) 0 center no-repeat;
	float: left;
	line-height: 21px;
	padding: 0 0 0 10px;
}

#toolbar #search_header
{
	float: right;
	position: relative;
	width: 150px;
}

.ielt8 #toolbar #search_header { width: 185px; }

#toolbar #search_header input { float: left; }

#toolbar #search_header input[type=search]
{
	border: 0;
  	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
	color: #888;
	font-style: italic;
	padding: 2px 8px 0;
	height: 19px;
	position: relative;
	vertical-align: middle;
	width: 114px;
	behavior: url(/sites/all/themes/iussp/pie.htc);
	-webkit-appearance: none;
}

.webkit #toolbar #search_header input[type=search] { height: 21px; }

#toolbar #search_header input.btn { }



/**
 * Header
 ******************************************/
#header_top
{
	background: url(../images/backgrounds/bg_header.png) right 0 no-repeat;
	height: 77px;
	margin-top: 42px;
	padding: 22px 0 0;
}

/* Logo */
#header_top #logo
{
	float: left;
	width: 555px;


    
}
 

#header_top #logo a
{
	background: url(../images/pictures/logo_iussp.png) no-repeat 0 0;
	color: #212121;
	display: block;
	font-size: 21px;
	font-weight: normal;
	padding: 44px 0 0 60px;

}

#header_top #logo a:hover { text-decoration: none; }


/* Login - Register */
#header_top #welcome { text-align: right; color:#222;}
#header_top #login_register
{
	float: right;
	margin: 30px 0 0;
}

#login_register .ajax-progress {
	vertical-align:text-bottom;
}

#login_register .ajax-progress .throbber {
	margin-top:0;
}

#login_register #become_member
{
	background: url(../images/bullets/arrow_black.png) 0 center no-repeat;
	color: #000;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	text-decoration: underline;
}

#login_register #login
{
	background: url(../images/backgrounds/bg_login.png) 0 0 no-repeat;
	color: #fff;
	display: inline-block;
	line-height: 27px;
	padding: 0 8px;
	text-transform: uppercase;
}

#login_register #logout
{
  color: #fff;
  display: inline-block;
  line-height: 27px;
  padding: 0 8px;
  text-transform: uppercase;
}

.log_out_en{background: url(../images/backgrounds/bg_logout.png) 0 0 no-repeat;}
.log_out_fr{background: url(../images/backgrounds/bg_logout_fr.png) 0 0 no-repeat;}

#login_register a:hover { text-decoration: none; }

/* Navigation */
#navigation  { background: #212121; clear:left;}
#navigation ul#superfish-1 > li
{
	float: left;
  margin: 0;
}
#navigation ul#superfish-6 > li { float: left; }
#navigation ul#superfish-1 > li > a
{
	background: #212121 url(../images/backgrounds/bg_navigation.png) right 0 no-repeat;
	border: solid #464646;
	border-width: 1px 0 0 1px;
	color: #fff;
	display: block;
	line-height: 39px;
	padding: 0 27px 0 16px;
	text-transform: uppercase;
}
#navigation ul#superfish-6 > li > a
{
	background: #212121 url(../images/backgrounds/bg_navigation.png) right 0 no-repeat;
	border: solid #464646;
	border-width: 1px 0 0 1px;
	color: #fff;
	display: block;
	line-height: 39px;
	padding: 0 27px 0 16px;
	text-transform: uppercase;
}
.ielt8 #navigation ul#superfish-1 > li > a{background-position:right 1px;}
.ielt8 #navigation ul#superfish-6 > li > a{background-position:right 1px;}

.ie9 #navigation ul#superfish-1 > li:first-child > a { padding: 0 25px 0 15px; }
.ie9 #navigation ul#superfish-6 > li:first-child > a { padding: 0 25px 0 15px; }

#navigation ul#superfish-1 > li:hover > a,
#navigation ul#superfish-1 > li.selected > a
{
	background-color: #00b3b3;
	background-position: right -39px;
	border-color: #008c8c;
	border-right-color: #809b0a;
	border-width: 1px 1px 0 0;
	color: #212121;
	text-decoration: none;
}
#navigation ul#superfish-6 > li:hover > a,
#navigation ul#superfish-6 > li.selected > a
{
	background-color: #00b3b3;
	background-position: right -39px;
	border-color: #008c8c;
	border-right-color: #809b0a;
	border-width: 1px 1px 0 0;
	color: #212121;
	text-decoration: none;
}
#navigation ul > li ul
{
	background: #212121;
	display: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
	padding: 10px 13px;
	position: absolute;
	z-index: 10;
}

#navigation ul > li:hover ul { display: block; }
#navigation ul ul li { margin: 3px 0; }
#navigation ul ul li a { color: #fff; }
#navigation ul ul li a:hover { color: #00b3b3; }

/**
 * Content
 ******************************************/
/* Breadcrumb */
#breadcrumb { margin: -10px 0 20px -5px; }

#breadcrumb a
{
	color: #474747;
	text-decoration: underline;
}

#breadcrumb strong { font-weight: normal; }

#content h2
{
	font-size: 22px;
	margin: 0 0 20px;
}

address
{
	border:1px solid #E2E2E2;
	font-style:normal;
	margin:20px auto;
	padding:5px 0;
	text-align:center;
	width:45%;
}

/**
 * Principal
 ******************************************/


/**
 * Column
 ******************************************/





/**
 * Footer
 ******************************************/
#footer .copyright,
#footer #social_links,
#footer ul li { float: left; }

#footer #footer_sitemap { float: right; }

#footer ul li a
{
	color: #212121;
	margin: 0 5px;
}

#footer img { vertical-align: middle; }


/**
 * Boutons extérieurs Tournées à 90 dégrés
 ******************************************/
#btn_languages_english_only,
#btn_languages,
#btn_donate
{
	font-size: 14px;
	position: fixed;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

@media screen and (max-width: 1080px)
{
	#btn_languages_english_only,
	#btn_languages,
	#btn_donate
	{
		display: none;
	}
}


.ielt9 #btn_languages,
.ielt9 #btn_languages_english_only
{ left: 0; }

.ielt9 #btn_donate{ right: -35px; }
.ielt8 #btn_donate{ right: 0; }

.ielt9 #btn_languages_english_only,
.ielt9 #btn_languages,
.ielt9 #btn_donate
{ top: 180px; }

#btn_languages
{
	left: -35px;
	top: 238px;
}

#btn_languages_english_only
{
	left:-43px;
	top: 238px;
}

.ielt9 #btn_languages_english_only,
.ielt9 #btn_languages,
.ielt9 #btn_donate
{
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand'); /*rotation pour IE7 et IE8*/
}

#btn_donate
{
	right: -17px;
	top: 198px;
}

#btn_languages a,
#btn_languages_english_only span,
#btn_donate a
{
	background: #212121;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 10px;

	text-transform: uppercase;
}


#block-locale-language {
	
margin-left: auto;
  margin-right: auto;
  width: 150px;




}
.language-switcher-locale-url li { float:left; margin: 2px;  }
#btn_donate a:hover,
#btn_languages a:hover,
#btn_languages a.active,
#btn_languages_english_only .active
{

background: #008c8c;
	color: #212121;
	text-decoration: none;
}

/**
 * Fancybox
 ******************************************/
form.popup-login-form { width: 300px; }

form.popup-login-form h3,
form.popup-login-form .form_row .form-item {margin-bottom: 15px;}

form.popup-login-form a{text-decoration: underline;}

form.popup-login-form .msg_error p { margin: 0 0 15px;}

form.popup-login-form .form_row .form-item { float:left; margin:0 2px 10px; }
form.popup-login-form .form_row .form-item input.form-text
{
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;

	border     : 1px solid #e0e0e0;
	color      : #888;
	padding    : 1px 4px;
	width      : 105px;
	line-height: 23px;
	behavior   : url(/sites/all/themes/iussp/pie.htc);
}

.popups-box form.popup-login-form input[type="text"]:focus, .popups-box input[type="password"]:focus, .popups-box textarea:focus
{
  background: none;
  outline: none;
}

form.popup-login-form .msg_error { display: none; }

form.popup-login-form .form_row input.login_error,
form.popup-login-form .login_error { color: #d40203; }
form.popup-login-form .form_row input.login_error { border: 1px solid #d40203; }

form.popup-login-form .btn { margin: 0 0 10px; }

form.popup-login-form .ajax-progress {vertical-align: middle;}
form.popup-login-form .ajax-progress .throbber {margin: 0 0 0 3px;}

#tip_back
{
	margin: 40px auto 0;
	width: 190px;

}

.popup-message {
	font-size:20px;
	line-height:40px;
	background:#ececec;
	display: block;
	width:100%;
	text-align: center;
}

.popup-highlight {
	font-weight: bold;
	color: #A7CE00;
}

.ajax-progress {white-space: nowrap;}
.ajax-progress .message {line-height: 19px; margin: 2px;}

.titre_2{ font-size:18px; border-bottom:1px solid #6C6C6C; width:100%; font-weight:bold; }
.list_puce{ list-style-type: disc; margin-left:25px }

/** View listing panel*/
#views-exposed-form-panels-page-2 .views-widget-sort-by{ display:none; }
#views-exposed-form-panels-page-2 .views-widget-sort-order{ float:left; }
#views-exposed-form-panels-page-2 .views-submit-button{ float:right; width:440px; padding-top: 0px; }
#views-exposed-form-panels-page-2 .views-submit-button #edit-submit-panels{ margin-top: 4px; }
#views-exposed-form-panels-page-2 .views-widget-sort-order label{ width:50px; }

.view-panels .view-content .item-list li { margin-left:0; }

.view-panels .view-content .bloc-theme{ width:310px;float:left;margin-top:20px; }

/** Webform **/

.node-webform .meta, .node-webform .link-wrapper{ display:none; }

/** Views included in Page **/
#page_view_list_item { margin-top:50px; }
#page_view_list_item ul li { margin-bottom:30px; margin-left:0px; }
#page_view_list_item ul li img{ float:left; margin-right:30px; padding-top:2px; padding-bottom:10px; }
#page_view_list_item ul li p{ padding-bottom:5px; }

.subtitle_page{ font-size:18px; padding-bottom:10px; }

.has-left-column #content section#main h1.title{ text-align:left; margin-bottom: 20px; }
.field-name-field-subtitle-basic { margin-bottom:15px;}
.node-type-list-page .translation_fr, .node-type-list-page .translation_en{ display:none; }




/** Iussp Node  Map **/

#node-1461 h3, #node-1462 h3 { border:none; }
#node-1461 .map, #node-1462 .map{ float:left; }
#node-1461 .adress, #node-1462 .adress{ float:right;border:1px solid;width:180px;padding:2px; }
#node-1461 .clear, #node-1462 .clear{ clear:both; }

/** pour la liste à puces du wysiwyg **/
.node ul { margin-left: 14px; }
.node ul li { list-style: disc; }
.node p { margin-left :0; }

#info_member_perso{width:180px;float:left;border-right: 1px solid; border-bottom: 1px solid;padding:0 10px 10px 20px;}
#info_member_profile{margin-left:221px;}*/

#memberdirectory{ clear:both; }
#memberdirectory .separator{ border-bottom:1px solid; margin: 20px 0 20px 240px;/*width:670px;*/ }
#memberdirectory .label{font-weight:bold;}
.page-membership-member-directory #membership_registration_steps{display:none;}
.page-membership-directory-search #membership_registration_steps{display:none;}
.page-membership-directory-search .pager{margin-top:20px;}

.page-membership-directory-search #block-system-main table tbody {background-color: transparent;}
.page-membership-directory-search #block-system-main table tbody tr{background-color: transparent;border-bottom: 2px solid #fff;}

.page-membership-directory-search #block-system-main table tbody tr.odd{background-color: #EEEEEE;}
.page-membership-directory-search #block-system-main table tbody tr.even{background-color: #E3E3E3;}

.page-membership-directory-search #block-system-main table tbody td{border-right:2px solid #fff;border-left:1px solid #fff;}
.page-membership-directory-search #block-system-main table thead tr{background-color: #A7CE00;}
.page-membership-directory-search #block-system-main table thead tr th{border-right:2px solid #fff;border-left:1px solid #fff;}

.page-membership-directory-search .anonymous{text-decoration: none;}

#info_member_profile h2{margin-bottom: 0px;}

#iussp-directory-search-form-directory-search{margin-bottom:20px;}
#iussp-directory-search-form-directory-search input.form-submit{  color: #5A5959;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  background: url("../images/buttons/btn_main.png") repeat-x scroll 0 -459px transparent;}
#iussp-directory-search-form-directory-search label{width:250px;}
#iussp-directory-search-form-directory-search table{width:963px;}

#iussp-directory-search-form-directory-search select.multiselect{height:100px;}

#ui-datepicker-div {
		z-index  : 9999 !important;
		font-size: 12px !important;
		border   : 1px solid #DFD9C3 !important;
		clip     : auto !important;

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
       -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
         -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
}

#ui-datepicker-div label,
#ui-datepicker-div select {
    font-weight: normal !important;
}

div#section-buttons{
  float:right;
}

#section-buttons *{
  font-size: 14px;
  line-height: 16px;
  vertical-align: text-top;
}