@charset "utf-8";
/* GENERALITES */
body{background:#fff;color:#323537;	font: 0.75em Arial, Helvetica, sans-serif;padding-top:0;}
hr{ clear:both; visibility:hidden;}
dl,dt,dd, ul, li{ margin:0; padding:0;}
.container_24 h1,
.container_24 h2,
.container_24 h3,
.container_24 h4,
.container_24 h5,
.container_24 h6{color:#468bb9;font-weight: bold;}
.container_24 h1{font-size:22px;}
.container_24 h2{font-size:20px;}
.container_24 h3{font-size:18px;margin-bottom:10px;}
.container_24 h4{font-size:16px;}
.container_24 h5{font-size:14px;}
.container_24 h6{font-size:12px;}

.container_24 a{ color:#468bb9; text-decoration:none;}
.container_24 a:hover{ color:#425968;text-decoration:underline;}
/*Mise en page des formulaires*/
#ZoneContenu form, .hackform {background:#f1f9ff; padding-top:10px; padding-bottom:10px; padding-top:10px;}
#ZoneContenu form hr, .hackform hr { margin-bottom:3px;}
#ZoneContenu form hr.separateur, .hackform hr.separateur { visibility:visible; color:#fff; display:block; height:1px;background:#fff; margin:0; margin-top:10px; margin-bottom:10px; border-color:transparent;}
#ZoneContenu form>* , .hackform >*{ margin-left:10px;}
#ZoneContenu label { font-weight:bold; margin-left:10px;}
#ZoneContenu input {}
#LeContenu ul{ margin-bottom:20px;}
.tos{font-size:11px;color:#FF0000;	padding:20px;background:#D9E7F0; margin:10px; border:2px solid #fff; text-align:center;}
#LeContenu p.tos{ text-align:center;}
/* HEADER */
#header{background: transparent url(../images/BG-Header.jpg) no-repeat right center;position: relative;	height:135px;border-bottom:5px solid #425968; margin-bottom:10px;}
#Global h1{	color:#425968;border-bottom:1px solid #425968;margin-bottom:0;height:26px;line-height:22px;margin-bottom:25px; padding-left:0px;}
.container_24 h5{ border-bottom: 1px dashed #BAE2FD;}
.hackform h5 { margin-top: 20px; }
/*NAVIGATION HAUTE*/
#header ul,#header li{ margin:0; padding:0;}
#header ul{ bottom:0; right:0; position: absolute; list-style-type: none; height:26px;}
#header li{ float:left;}
#header li a{display:block;	margin-right:5px;width:128px;height:26px;line-height:26px;text-align:center;color:#fff;font-weight: bold;text-transform: uppercase;	background: url(../images/BGTabs1.png) no-repeat center bottom;}
#header li a:hover{ text-decoration:none; color:#425968;}
 

/*NAVIGATION GAUCHE NIVEAU 2*/
dl#VertiNav { background:#425968 url(../images/BG_dl.png) no-repeat left bottom; padding-bottom:202px;}
div#VertiNav { background:#425968 url(../images/BG_dl.png) no-repeat left bottom; padding-bottom:202px;}
#VertiNav dt{ border-bottom:1px solid #fff;display:block;height:23px;line-height:23px;padding-left:30px;color:#fff;background:#fff url(../images/BG_dt.png) no-repeat left center;font-weight: bold;text-transform: uppercase;font-family: Geneva, Arial, Helvetica, sans-serif;}
#VertiNav dt a{color:#fff;font-weight:bold;}
#VertiNav dt a:hover,
#VertiNav dt a:active{ text-decoration:underline; color:#C9DFFD;}
#VertiNav dt#rub_139{background:url(../images/BG_dt_2.png) no-repeat left center; color:#fff;}
#VertiNav dd{padding-top:10px; padding-bottom:10px; color:#fff; border-bottom:4px solid #fff; border-bottom:5px solid #fff;}
#VertiNav ul{}
#VertiNav li{color: #fff; display:block;}
#VertiNav li a{color:#fff;display:block;padding:3px 3px 3px 17px; font-weight:bold;}
#VertiNav li a:hover,
#VertiNav li.active{ text-decoration:none; color:#BAE2FD; background:url(../images/arrow_fff_2.png) no-repeat left center;}
#VertiNav li.active a{color:#BAE2FD;}
#slogan{color:#bae2fd;font-size: 1.17em;font-weight: bold;text-transform: uppercase; padding:10px;}
/*NAVIGATION GAUCHE NIVEAU 3*/
ul#Nivo3{margin:25px 0 0;}
ul#Nivo3 li{ list-style-type:none;}
ul#Nivo3 li a{	display:block;background:#F1F9FF url(../images/IMG_li.png) no-repeat 2px center;padding:4px 4px 4px 14px;border-bottom:2px solid #fff;}
ul#Nivo3 li.active a,
ul#Nivo3 li a:hover{ color:#468BB9; font-weight:bold; text-decoration:none;}
ul#Nivo3 li ul{padding-left:12px;display:none;}
ul#Nivo3 li.active ul{padding-left:12px;display:block;}
ul#Nivo3 li li{ list-style-type:none;}
ul#Nivo3 li li a{	padding: 0px 0px 0px 14px}
ul#Nivo3 li.active li a {font-weight:normal;}
ul#Nivo3 li li.active a,
ul#Nivo3 li.active li a:hover{ font-weight:bold;}
/*NIVO 4 invisible*/
.Hidden{ display:none;}

/* CONTENU */
#LeContenu{height:auto !important; height:600px;} 
#LeContenu ul{ padding-left:20px;} 
#LeContenu ul.hack{ padding-left:0px;} 
#LeContenu li{ list-style-image:url(../images/IMG_li.png)}
#LeContenu ul.hack li{ list-style-image:none}
#LeContenu>dl{ margin-bottom:20px;}
#LeContenu>dl dt{ text-transform:uppercase; border-bottom:1px solid #00CCFF; margin-bottom:10px; font-size:14px;color:#425968;}
#LeContenu>dl dd{ margin-bottom:10px;}
#LeContenu p{ text-align:justify;}

#LeContenu div.searchTeamerBody { background:transparent url(../images/LinkUne.png) no-repeat scroll left 3px;padding-left:10px}
#LeContenu div.resultTeamerBody  {text-align:center;}
#LeContenu div.resultTeamerBody  h1{background:none;text-align:center;text-transform:uppercase; font-size:20pt;margin:10px 0px 10px 0px;border-bottom:0px; height: auto;}
#LeContenu div.resultTeamerBody  h2{font-size:12pt;margin:2px 0px 3px 0px;color:#425968;text-transform:uppercase; }
#LeContenu div.resultTeamerBody  h3{font-size:11pt;margin:2px 0px 3px 0px;color:#425968;}
#LeContenu div.resultTeamerBody  h4{font-size:8pt;margin:20px 0px 0px 0px;}
/*#LeContenu div.resultTeamerBody ul{text-align:left;margin-top:20px}*/
#LeContenu div.resultTeamerBody ul{text-align:center;margin-top:20px}

#DisplayGroupList {margin:10px;} 
#DisplayGroupList tr {} 
#DisplayGroupList tr td {padding:5px;} 
#DisplayGroupList tr td ul {margin-bottom:0px;}

.hello{	font-variant: normal;}
#MotPresident p{ text-indent: 0px; }
#LeContenu p.signature{ text-align:right; color:#468BB9;}
#EspacePrivee li {
	height:30px;
	line-height:30px;
	list-style: url(../images/LinkUne.png) inside;
}
#LeBureau li{ margin-bottom:8px;}
#LeBureau li strong{ color:#425968; font-size:13px;}
/* PORTLETS */
.EspPriV {display:block;height:22px;line-height:22px;border:1px solid #468BB9;padding-left:22px;background:#ECF0F3 url(../images/LinkUne.png) no-repeat 5px center;}
.portlet,.portlet2{min-height:260px; height:auto !important; height:260px; margin-bottom:25px; border:1px solid #468bb9; position:relative;}
.portlet dt, .agenda dt, h4.TchatTitre{	font: normal 14px/30px Arial, Helvetica, sans-serif;color:#468BB9;text-transform: none;height:30px;	background:#ecf0f3;	padding-left:15px;}
.portlet dd {font-size: 11px;color: #666;padding: 10px 5px 0px 10px; height:60px;}
.portlet dd.RecentBody { padding-right:55px;}
.portlet form{ display:none;}
a.LaSuite{ display:block; text-align:right; height:20px; line-height:20px; background:#ecf0f3; font-size:11px; color:#468bb9; padding-right:8px; font-weight:bold;}
a.LaSuite:hover{ text-decoration:none; color:#425968;}
.portlet a.nostyle { text-decoration:none; color: #666666; }
.portlet a.nostyle:hover { color: #468BB9; }
/*MESSAGE RESEAU*/
h6.LaDate{ text-align:right; font-weight:normal; font-size:11px; color:#425968; margin:0; padding:0;}
h5.LeNom{ color:#cacac8;  font-size:12px; margin:0; padding:0;}
.LeNom a{}
.LeNom a:hover{}
/*ACTU RESEAU*/
.ActuBody{}
.ActuBody img{ float:left; margin-right:10px;}
.ActuBody p{}
.ActuBody hr{ margin:0; padding:0;}
/*MESSAGE ENTRE AMI*/
#LeChat{}
#LeChat h4.TchatTitre{ margin-bottom:10px;}
#LeChat form{ background:#fff; text-align:center; padding:0; margin:0;}
#LeChat textarea{border:1px solid #468bb9; width:311px; height:120px; margin-left:0;}
/*Toutes les actus & Tous les Chats*/
#AllIsAll {}
#AllIsAll form{ display:none;}

/*Bloc Articles de presse*/
dl#PressReview { background:#eee;}
#LeContenu #PressReview dt{background:#d9d9d9 url(../images/PressDT.jpg) no-repeat right center;color:#fff;font-size: 14px;font-weight: bold;text-transform: uppercase;padding-top: 15px;	padding-bottom: 15px;padding-left: 8px; border-bottom:1px solid #fff;}
#PressReview dd{ padding:10px;}
#PressReview dd a.title{ display:block; margin-bottom:10px; padding-left:10px; background:url(../images/LinkUne.png) no-repeat left 3px; font-weight:bold;}
#PressReview dd p{ margin:0; text-align:justify; font-size:11px;}
#PressReview a {text-transform: uppercase;}
#PressReview a.title:hover { text-decoration:none; background:#425968; color:#fff;}
#PressReview a.ViewAll {}
/*Bloc à la Une*/
#ZoneUne{background:#eaeff2 url(../images/BGUne.jpg) repeat-y left; position:relative;}
#ZoneUne hr{ margin:0; padding:0;}
#ZoneUne ul { margin-left:15px;}
#ZoneUne .contour{ margin:2px; border:1px solid #fff; margin-left:110px; padding:5px;}
#TitreUne{text-transform: uppercase; font-size:14px;}
#SloganTeamer{font-size: 12px;text-transform: uppercase;color: #323537;}
#TitreUne,#SloganTeamer{ margin-bottom:6px;}
#ComplementPresentation{float:right; border-left:1px solid #ccc; padding-left:10px; padding-right:5px;}
#ComplementPresentation p{width:165px; margin-bottom:8px;text-align:left;}
#ComplementPresentation p.Azur{ color:#468bb9;}
#ComplementPresentation a{	display:block;float:right;padding-left:12px;background: url(../images/LinkUne.png) no-repeat left center;}
#ComplementPresentation a:hover{}
/*Accueil espace privé*/
ul#EspacePrivee{ margin: 40px 0px 0px; padding:0;}
ul#EspacePrivee li{ margin-bottom: 5px;}

/* FOOTER */
#footer{ margin-top:20px; border-top: solid 1px #22435b;}
#footer p{ text-align:right; height:24px; line-height:24px; margin-top:8px;}
/* ZONE MESSAGERIE */
.MessageSent{ border-top:1px solid #22435b; padding-top:5px;}
.MessageUsername{ text-align:center;}
.MessageDate{ text-align:center;}
.MessageSent hr{ margin:0; padding:0;}
.MessageSujet{font-variant: small-caps;text-align: center;background:#22435b;color:#E3EEF4;font-size:14px; font-weight:bold; margin-top:5px;}
.MessageBody{padding:20px;text-align:justify;border-top: 1px solid #22435b;border-right: 1px solid #22435b;	border-bottom: 5px solid #22435b;	border-left: 1px solid #22435b;}

.MessageReceived{ border-bottom:5px solid #425968;}
.MessageReceived hr{ margin:0; padding:0; font-weight:bold;}
.MsgDate,.MsgTopic{ text-align:center; font-weight:bold; color:#425968;}
.MsgTopic{background:#425968;font-variant: small-caps; color:#fff;}
.LeUser{ margin-top:10px; margin-bottom:5px; text-align:center; font-weight:bold; color:#425968;}
.ZoneBody{ text-align:justify; text-indent:15px; padding:10px;}
.NewMail,.MailRead{float:left; height:40px; width:46px; text-indent:-9999px;}
.NewMail{background: url(../images/UnreadMail.png) no-repeat center center;}
.MailRead{background: url(../images/Mail.png) no-repeat center center;}
.Bloc2{float:left; height:40px; width:200px; margin-right:10px;}
.Bloc2-1{height:20px; line-height:20px;}
a.Topic{float:left; display:block; height:40px; width:290px; line-height:40px;}
a.LinkMail{ text-align:right;display: block;padding: 1px 15px 1px 1px; background:#F1F9FF; border-bottom:1px solid #fff;}
a.LinkMail:hover{text-decoration: none; background:#22435b; color: #fff;}
a.Upload{display:block; height:40px; width:40px; float:right; background: url(../images/GetDocument.png) no-repeat center center; text-indent:-9999px;}
a.DeleteMail{display:block; height:40px; width:40px; float:right; background:url(../images/delete_24.png) no-repeat center center; text-indent:-9999px;}
a.DeleteMail2{display:block; height:40px; width:40px; float:left; background:url(../images/delete_24.png) no-repeat center center; text-indent:-9999px;}
#ZoneContenu>div.pagination form{ display:none;}
a.DeleteAllMail{
    display: block;
    font-weight: bold;
    text-align: right;	
}
/* Agenda */
div.agenda {
	height: 222px;
	width: 310px;
	border : 1px solid #7F9DB9;
	background-repeat : no-repeat;
}
.texte_agenda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #a19689; 
	text-align: left; 
	vertical-align: top; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-right: 15px; 
	padding-left: 15px; 
	height: 140px; 
	margin: 0 0 5px 0;
	overflow: hidden }	
.texte_agenda div#innerwrapper { height: 185px;}
.texte_agenda p {
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0px;
}
.texte_agenda a:active {
	text-decoration: none;
	color: #a19689;
}
.texte_agenda a:hover {
	text-decoration: none;
	color: #425968;
}
.fleche_haut {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;  
}
.fleche_bas {
	text-align: center;
	padding-bottom: 5px;
}
.pointilles_agenda {
	
	margin-bottom: 0px;
	vertical-align: middle;
}

/* ANNUAIRE */
div.wlpeUsersList table {background-color:#ECF0F3; width: 100%;}
div.wlpeUsersList tr {background-color:white; }
div.wlpeUsersList td {background-color:white; padding:2px;text-align:left;}
div.wlpeUsersList .FirstLine td {background-color:#ECF0F3; font-weight:bold;}
div.wlpeUsersList .photo { width: 25px; overflow: hidden; }
div.wlpeUsersList .nom { width: 125px; text-transform: uppercase; }
div.wlpeUsersList .prenom { width: 125px; text-transform: uppercase; }
div.wlpeUsersList .email {  }
div.wlpeUsersList .tel { width: 115px; }
div.wlpeUsersList .tac { vertical-align: baseline; }
div.wlpeUsersList img.tac { vertical-align: middle; } 

/* Formulaire AddNews */
#NewsFormAdd { display: none; }
.inputBox { 
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	float:left;
	height:16px;
	margin-right:5px;
	text-align:center;
	width:160px;
}

/*page contact */
.InputForm td{
	padding:2px;
}

/* page recherhce */
.recherche table{
	margin-bottom:0px;
}

/* cotisation */
#form-cotisation {
	
	padding:0px 15px ;
}

#form-cotisation  b, #form-cotisation  i, #form-cotisation  input, #form-cotisation  img, #form-cotisation  div{
	margin : 0px;
}

.cotisation{
	border:black 1px solid;
	padding:5px;
	font-size:18px;
	text-align:center;
}

@media print {
 #form-cotisation  input {display: none;}
}

/* Générale */
.display_info{ border : 1px solid #7F9DB9; padding : 3px; }
#error{color:red;font-weight:bold; padding:0px 0px 15px 0px}
#confirm{color:#468BB9;font-weight:bold; padding:0px 0px 15px 0px} 
fieldset#wlpeUserProfileInput { width: 100%; }

.ErrorMessage{color:red;font-weight:bold; padding:0px 0px 15px 0px;font-size:18px}