﻿@import url("controlesSharepoint.css");
@import url("webpart.css");
@import url("layouts.css");


/* ===== Caractéristiques structurelles =============================================================================================== */

/* Défilement masqué de la balise Body  */
body {/*height:100%;*/overflow:hidden;width:100%;font-size:13px}
	body, body * {font-family:Arial}/* MODFIS */

p, div, span, a , td , input, select {font-family:Arial !important}
		
a:link {color:#58595B}	
a img{border-width:0px}	
/* Gestion du défilement pour les listes */

 /* use this if there's NO background image advertising */
 /* #s4-bodyContainer {position: relative;min-width:760px;background:#ccc url('/Design/img/bg.png') repeat-x 0 0} */

 /* use this if there IS background image advertising */ 
#s4-bodyContainer {position: relative;min-width:760px;background-color: #f4f6f8; background-image:url('/Design/img/IATS2016_website-background-promo.png'); background-repeat:no-repeat; background-position:center top;}

#ICAOcontainer{background:#fff url('/Design/img/flag.png') repeat-x 0 0}/* MODFIS */
				
/* Taille de la colonne gauche incluant le menu de navigation latérale - par défaut 155px dans corev4.css
   Si vous attribuez une largeur, attribuez la même valeur comme marge gauche à la classe .s4-ca */
   

   
.nightandday #s4-leftpanel {/* width:155px; */}		
		
/* Gestion de la zone de contenu <=> Colonne droite - si la largeur de la colonne droite est modifiée, modifiez margin-left ici */
html .nightandday .s4-ca {background:transparent none repeat scroll 0 0;margin-left:10px;/*min-width:709px*/width:699px;padding:8px 10px 20px 0}	
/*hack IE7*/ *+html .nightandday .s4-ca {width:681px}	

html[lang="ar-sa"] .nightandday .s4-ca {margin-left:0px;margin-right:0;padding:8px 0px 20px 0}

/* Gestion de la taille fixe de l'espace de travail */	
#s4-bodyContainer > div {float: none;margin: 0 auto;min-width:980px;width:980px}

/* Gestion de la taille fixe du ruban */	
/*.ms-cui-ribbonTopBars > div {float: none;margin:1px auto -1px auto;width: 990px}*/

/*Pour pallier aux problèmes du contenu de la page trop large, notamment les listes affichant de nombreuses colonnes - Ne fonctionne pas sous IE7*/
#ctl00_MSO_ContentDiv {display:table}

/* MainContainer */
#MainContainer{/*background-color:#fff;*/margin:0}/* MODFIS */
#ctl00_MSO_ContentDiv{border-left:1px #bbb solid;border-right:1px #bbb solid;width:979px}
/* TOOLS */
/*#Tools{height:25px;vertical-align:bottom;padding:0 0 8px 0}*/

/* BANNER */
#Banner{/*background:url('../img/ICAO_banner_bkg.png') left top*/height:129px;margin:0 10px;}/* MODFIS */
	/*#Banner a{height:114px;margin:0;padding:0;font-size:0px}*/

/*#LogoBanner{height:114px;}
	#LogoBanner a img{border:0px}*/

#Logo{/*padding-top:20px;*/padding-left:8px}/* MODFIS */	

#header-section-1 {/*float:right; width:auto;margin:-10px 20px 10px 0*/width:auto;margin:0px 0px 10px 0;position:absolute;top:-10px;right:20px}
	.ie7 #header-section-1 {margin:0px 0px 10px 0;position:relative;top:-10px}
#header-section-2 {float:right; width: auto; text-align: right;/*margin-top: 15px;*/position:absolute;top:0px;z-index:10;right:130px}
#header-section-3 {/*clear:right; float: right; margin-right: 20px; width: auto;*/position:absolute;right:20px;top:35px}
	
	#header-section-3a {padding-left: 2px;}
	#header-section-3a a{text-decoration: none;font-size:11px;color: #14639a;}
	#header-section-3a a:hover{text-decoration: underline;}
	
	#searchcenterindex .s4-wpTopTable{width:auto}
/* TOP NAVIGATION */
#TopNavigation{/*height:58px*/}

/* LeftColumn */
#LeftColumn{padding:0 0 0 10px;width:260px;position:relative}
.ie7 #LeftColumn{padding-top:10px}
html[lang="ar-sa"] #LeftColumn {padding:0 10px 0 0}


#left{padding:0;position:relative;border-top:5px #227dbc  solid;background-color:#cce0f1;margin-top: 0px;width:250px}


.CornerLeftMenu{/*padding:5px 10px 22px 10px;*/background-color:#fff;/*border: 1px #003D78 solid;*/position:relative;width:250px}
/*#StrategicObjectives .CornerLeftMenu{padding-bottom:32px}*/

/* Pied de page */
#Footer{}
#BottomElements{background-color:#f3f4f4;border-top:5px #666 solid;margin:0 10px}
#Rights{width:108px;height:108px;}
	#Rights a{color:#003D78}
		#Rights a:hover{color:#003D78;text-decoration:underline}


	#foot1 {float: left; margin-top: 10px; margin-left: 20px; margin-right: 20px;}
	#foot1-head {font-size:13px; font-weight: bold;color: #666666;}
	/*#foot1 ul {margin-left: -40px;}*/
	#foot1 li {list-style-type: none;}
	#foot1 a {text-decoration: none;font-size:12px;color: #666666;}
	#foot1 a:hover {text-decoration: underline;}
	
	#foot2 {float: left; margin-top: 10px; margin-left: 20px; margin-right: 20px;}
	#foot2-head {font-size:13px; font-weight: bold;color: #666666;}
	/*#foot2 ul {margin-left: -40px;}*/
	#foot2 li {list-style-type: none;}
	#foot2 a {text-decoration: none;font-size:12px;color: #666666;}
	#foot2 a:hover {text-decoration: underline;}
	
	#foot3 {float: left;margin:10px 20px 0 20px;max-width:480px}
	#foot3-head {font-size:13px; font-weight: bold;color: #666666;}
	/*#foot3 ul {margin-left: -40px;}*/
	#foot3 li {list-style-type: none;}
	#foot3 a {text-decoration: none;font-size:12px;color: #666666;}
	#foot3 a:hover {text-decoration: underline;}
	
#BottomLinks .ms-WPHeader td{background:#f3f4f4;border-top-width:0}
#BottomLinks .ms-WPTitle{font-size:13px; font-weight: bold;color: #666;padding-left:0;padding-bottom:17px}	
#BottomLinks .ms-WPBody{margin:0}
#BottomLinks .item, #BottomLinks .item a{padding:0;font-family:Arial}	


#copy > div{background-color:#f3f4f4;margin:0 10px;padding:10px 0;text-align:right}

#copy, #copy a {color: #666666;font-size:11px;text-decoration:none; margin-right: 3px;}
	#copy a:hover {text-decoration:underline; font-size:11px}
	
/* ===== / Caractéristiques structurelles ===== */

/***** Global Classes *****/ 
.clear {clear:both;height:0px}
.clearRight {clear:right}
.floatL {float:left}
.floatR {float:right}
.textL {text-align:left}
.textR {text-align:right}
.textC {text-align:center}
.textJ {text-align:justify}
.bold{ font-weight:bold}
.italic {font-style:italic}
.underline {border-bottom:1px solid}
.highlight {background:#ffc}
.imgL {float:left;margin:4px 10px 4px 0}
.imgR {float:right;margin:4px 0 4px 10px}
.nopadding {padding:0}
.nomargin {margin:0}
.label {font-weight:bold}
.paddingMargin0{margin:0;padding:0}
.padding10{padding:10px}
.cpcs{border-collapse:collapse} /* remplace le cellpadding et cellspacing nuls d'une table */
.noindent{ margin-left:0;padding-left:0}
.nobullet{list-style:none;list-style-image:none}
.visibilityH{visibility:hidden}
.noDisplay{ display:none}
.inline{display:inline}
.width100{width: 100%}
.height100{height: 100%}
.positionR{position:relative}
.positionA{position:absolute}
.ValignTop{vertical-align:top}
.ValignM{vertical-align:middle}
.ValignB{vertical-align:bottom}
.noTableBorder{border-width:0px}
.padding12px0{margin:12px 0px}
	.noTableBorder th, .noTableBorder td{border-width:0px}
/* FIN des classes spécifiques utilisées plusieurs fois */ 

/* Gestion de l'impression  - Toujours à la fin du fichier CSS ======================================================================== */

@media print { 
/* Liste des éléments invisible à l'impression*/	
.s4-ribbonrow{display:none}

/* Liste des éléments visible à l'impression*/	
.s4-ca {margin:0px}	
}
/* / Gestion de l'impression */

#video_link {
border-bottom: 0px dotted #278ED6 !important;
}

#homeImage {
	BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 674px; PADDING-RIGHT: 0px; BACKGROUND: #fff; HEIGHT: 204px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0px
}
.panel {
	POSITION: relative; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 670px; PADDING-RIGHT: 2px; BACKGROUND: #fff; HEIGHT: 200px; PADDING-TOP: 2px
}
#homeImage .panel .info {
	position:absolute; 
	top:151px; left:2px; width: 665px;
	height:50px;
	padding-left: 5px;
	background: url('/Design/img/transparent-bg.png'); 
}
#homeImage .info H2 {
	PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 4px; FONT-FAMILY: Arial; COLOR: #fff; FONT-SIZE: 18px; OVERFLOW: hidden; PADDING-TOP: 4px
}
#homeImage .info P {
	LINE-HEIGHT: 15px; MARGIN: 0px 5px; FONT-FAMILY: Arial; COLOR: #f0f0f0; FONT-SIZE: 11px
}
#homeImage .info A {
	COLOR: #fff; TEXT-DECORATION: none
}
#homeImage .info A:hover {
	TEXT-DECORATION: underline
} 

/* Horizontal sub-menus too long in RU and ES - START */
.s4-tn ul.static {
    white-space: normal;
}

.s4-tn li.dynamic > .menu-item {
    white-space: normal;
}

.menu-horizontal .menu-item-text {
    white-space: normal;
}
/* END */