@charset "utf-8";

/*******************   GENERAL   *************************/
body {
	background-color:#fff;
	background-image:url(img/fond.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	height:100%;
	margin:0;
	}

div, td, p {
        font-family:Arial, Helvetica, sans-serif;
        color:#000;
        font-weight:normal;
        font-size:12px;
}
	
#bodyCongres  {
	background-color:#fff;
	background-image:url(img/fondCongres.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	height:100%;
	margin:0;
	}

#bodyMouvement {
	background-color:#fff;
	background-image:url(img/fondEnMouvement2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	height:100%;
	margin:0;
	}
	
a {
	color:#3b688d;
	text-decoration:none;
	}

a:hover {
	color:#3b688d;
	text-decoration:underline;
	}

#table {
	width:777px;
	}

#zonePrincipale {
	width:777px;
	background-color:#fff;
	background-image:url(img/filet.gif);
	background-repeat:repeat-y;
	background-position:left top;
	border-left:solid 1px #79a4c7;
	border-right:solid 1px #79a4c7;
	}
	
#zonePrincipaleRecherche {
	width:777px;
	background-color:#fff;
	border-left:solid 1px #79a4c7;
	border-right:solid 1px #79a4c7;
	}

.titre {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#bb1e23;
	font-weight:bold;
	font-size:16px;
	height:25px;
	}

ol {
	margin:0 20px 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	}
	
*html ol {
	margin:0 20px 20px 40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	}
	
*+html ol {
	margin:0 20px 20px 40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	}
	
li	{
	margin:0 20px 20px 0;
	}
	
h1, h2, h3, h4, h5 {
	margin:0 0 10px 0;
	}
h1 {
	font-size:18px;
	}
	
h2 {
	font-size:16px;
	}	
		
h3 {
	font-size:14px;
	}
		
h4 {
	font-size:12px;
	}
	
h5 {
	font-size:10px;
	}
	
.imgGauche {
	border:solid 1px #79a4c7;
	margin: 0 10px 0 0	
	}
	
.imgDroite {
	border:solid 1px #79a4c7;
	margin: 0 0 0 10px
	}

/***************************  BANNIERE    ******************************/
#banniere {
	width:777px;
	height:99px;
	}

#logo {
	position:absolute;
	top:0;
	float:left;
	width:202px;
	height:165px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/logo.png', sizingMethod='crop');
	background:url('img/logo.png') !important;
	background: none;
	}

*html #logo {
	position:absolute;
	float:left;
	width:202px;
	height:165px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/logo.png', sizingMethod='crop');
	background:url('img/logo.png') !important;
	background: none;
	}

#sloggan {
	margin:1px 0 1px 162px;
	height:29px;
	z-index:30;
	}

/******************************** VISAGES *********************************/
.visage1 {
	position:relative;
	margin-top:-20px;
	float:right;
	width:80px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/pic_perso1.png', sizingMethod='crop');
	background:url('img/pic_perso1.png') !important;
	background: none;
	}

.visage2 {
	position:relative;
	margin-top:-20px;
	float:right;
	width:80px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/pic_perso2.png', sizingMethod='crop');
	background:url('img/pic_perso2.png') !important;
	background: none;
	}

.visage3 {
	position:relative;
	margin-top:-20px;
	float:right;
	width:80px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/pic_perso3.png', sizingMethod='crop');
	background:url('img/pic_perso3.png') !important;
	background: none;
}

.visage4 {
	position:relative;
	margin-top:-20px;
	float:right;
	width:80px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/pic_perso4.png', sizingMethod='crop');
	background:url('img/pic_perso4.png') !important;
	background: none;
}

/***********************************   MENUS   *************************************/
#menuHaut {
	/* margin-left:420px; */
	height:20px;
	width:330px;
	padding:0 0 0 25px;
	background-image:url(img/fond_menu_haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	text-align:right;
}

#menuPrincipal {
	padding-top:3px;
	float:right;
	width:617px;
	height:17px;
	background-color:#5285b0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	vertical-align:middle;
	z-index:20;
}

#menu1 {
	padding:5px 10px;
	float:left;
	width:140px;
	background-image:url(img/fond_menu1.gif);
	background-repeat:repeat-y;
	background-position:left top;
	min-height:70px;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

#menu2 {
	padding:5px 10px;
	float:left;
	width:140px;
	background-image:url(img/fond_menu2.gif);
	background-repeat:repeat-y;
	background-position:left top;
	min-height:70px;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

#menu3 {
	padding:5px 10px;
	float:left;
	width:140px;
	background-image:url(img/fond_menu3.gif);
	background-repeat:repeat-y;
	background-position:left top;
	min-height:70px;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

#menu4 {
	padding:5px 10px;
	float:left;
	width:140px;
	background-image:url(img/fond_menu4.gif);
	background-repeat:repeat-y;
	background-position:left top;
	min-height:70px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

#menuCongres {
	float:left;
	width:160px;
	margin-bottom:1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

.menuLeft,.menuLeft a {
	color:#fff;
	text-decoration:none;
}

.menuLeft a:hover,#menu1 a:hover,#menu2 a:hover,#menu3 a:hover,#menu4 a:hover {
	color:#fff;
	text-decoration:underline;
}

/*********************  BANNIERE - MENUS ROLL-OVER   *************************/
ul.MenuBarHorizontal {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	cursor:default;
	width:auto;
}

ul.MenuBarActive {
	z-index:1000;
}

ul.MenuBarHorizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	position:relative;
	text-align:left;
	cursor:pointer;
	float:left;
	border-right:solid 1px #bb1e23;
}
ul.MenuBarHorizontal li.selectionne {
	background-color: #386993;
}

ul.MenuBarHorizontal ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	z-index:1020;
	cursor:default;
	position:absolute;
	left:-1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left:auto;
}

ul.MenuBarHorizontal ul ul {
	position:absolute;
}

ul.MenuBarHorizontal 
ul.MenuBarSubmenuVisible 
ul.MenuBarSubmenuVisible {
	left:auto;
	top:0;
}

ul.MenuBarHorizontal a {
	display:block;
	cursor:pointer;
	background-color:#5285b0;
	padding:0 8px;
	color:#fff;
	text-decoration:none;
}

ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus,
ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background-color:#386993;
	color:#FFF;
}
ul.MenuBarHorizontal li.selectionne a {
	background-color: #386993;
}

/***************************   ZONE PRINCIPALE     *********************************/
#enTete {
	background-color:#FFF;
	width:775px;
	height:67px;
	background-image:url(img/fond_degrade.gif);
	background-repeat:no-repeat;
	background-position:right top;
	border-left:solid 1px #79a4c7;
	border-top:solid 1px #79a4c7;
	border-right:solid 1px #79a4c7;
}

#fil {
	position:relative;
	margin:45px 0 0 165px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bb1e23;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	z-index:30;
}

#fil a {
	color:#bb1e23;
	text-decoration:none;
}

#fil a:hover {
	color:#bb1e23;
	text-decoration:underline;
}

#degrade,*+html #degrade {
	min-height:200px;
	background-image:url(img/fond_degrade.gif);
	background-repeat:no-repeat;
	background-position:right -67px;
}

*html #degrade {
	height:170px;
	background-image:url(img/fond_degrade.gif);
	background-repeat:no-repeat;
	background-position:right -67px;
}

#colonneGauche {
	float:left;
	width:160px;
}

#colonneCentre {
	margin:0 25px 20px 25px;
	float:left;
	width:405px;
	background-image:url(img/fond_centre.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
}

#colonneRecherche {
	float:left;
	width:615px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
}

#enMouvement {
	background-image:url(img/fond_enmouvement.gif);
	background-repeat:no-repeat;
	background-position:0px 50px;
}


#filetRouge {
	background-image:url(img/sous_titre_rouge.gif);
	background-repeat:no-repeat;
	background-position:0px 22px;
	padding: 0 10px 0 10px;
}

#colonneDroite {
	margin:0 10px 0 0;
	float:right;
	width:185px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3b688d;
	font-weight:normal;
	font-size:11px;
}

#colonneDroite p {
}

#filetBleu {
	background-image:url(img/sous_titre_bleu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.titreBleu {
	padding:6px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3b688d;
	font-weight:bold;
	font-size:14px;
	height:20px;
	}
	

#piedDePage {
	width:775px;
	height:20px;
	background-color:#fff;
	border:solid 1px #79a4c7;
	font-family:Arial, Helvetica, sans-serif;
	color:#3b688d;
	font-weight:normal;
	font-size:10px;
	text-align:center;
	padding-top:3px;
}

/***********  RECHERCHE  *************/
#recherche {
	margin:20px 0 25px 0;
}

.comboBox {
	width:144px;
	height:19px;
	border:solid 1px #006da6;
	font-family:Arial, Helvetica, sans-serif;
	color:#3b688d;
	font-weight:normal;
	font-size:11px;
	padding-left:3px;
}

.bouton,.bouton a {
	background-color:#006da6;
	padding:1px;
	border-left:solid 1px #86bad5;
	border-top:solid 1px #86bad5;
	border-right:solid 1px #001e34;
	border-bottom:solid 1px #001e34;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

.bouton a:hover {
	background-color:#006da6;
	padding:1px;
	border-right:solid 1px #86bad5;
	border-bottom:solid 1px #86bad5;
	border-left:solid 1px #001e34;
	border-top:solid 1px #001e34;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}