/*	-------------------------------------------------------------
	Nom du client
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	structure.css
	Version:		1.0
	Date:			29/07/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background-color: #073E5A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin:0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;

	color: #fff;
}
a { color:#fff; }

.clear {clear:both}

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container {
	display:block;
	background-color:#176E9B;
/*	background-image:url(../images/ttu-fond.gif);
	background-position:top;
	background-repeat:repeat-y; */
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
}

/*	-------------------------------------------------------------
	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#blockmenu {display:block; width:765px; float:left; background-color:#0A496A; height:90px; text-align:center}

#menu {height: 55px; padding:0; margin:0; text-align:left}
#menu li { position:relative; margin:0; padding:0; display:inline; }
#menu a { display:block; height: 55px;  float: left; }
#menu span { display:block; text-indent: -5000px; font-size:1px; }
#mn00 { width: 103px; background: url(../images/mn00.gif) no-repeat; }
#mn01 { width: 170px; background: url(../images/mn01.gif) no-repeat; }
#mn02 { width: 122px; background: url(../images/mn02.gif) no-repeat; }
#mn03 { width: 129px; background: url(../images/mn03.gif) no-repeat; }
#mn04 { width: 131px; background: url(../images/mn04.gif) no-repeat; }
#mn05 { width: 110px; background: url(../images/mn05.gif) no-repeat; }
#menu a:hover, #menu a.select { background-position: 0 -55px; }

/*	-------------------------------------------------------------
	Autres classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#acc01 {position:relative; width:960px;}
#acc02 {position:absolute; display:block; right:0px; top:10px;}
#acc03 {display:block; width:765px; float:left;}
#acc04 {display:block; width:195px; float:left; height:335px; background-color:#136793; text-align:left}
#acc05 {font-size:12px; margin:10px;}
#acc06 {display:block; width:100%; background:#0C577D; text-align:left}
#acc07 {display:block; position:relative; float:left; left:0px; top:0px; text-align:right;}
#acc08 {display:block; position:relative; float:left; width:751px; left:1px; top:15px; text-align:left}
#acc09 {float:left; display:block; width:33px;}
#acc10 { position:relative; float:left; display:block; width:685px; height:165px; overflow:hidden; }
#SlideVoyant { position:relative; width:15000px; height:165px; }
.blockvoyantslide { float:left; height:165px; }
.acc11 {margin:5px 13px 5px 13px; text-align:left; font-size:11px;}
#acc12 {float:left; display:block; width:33px;}
#acc13 {display:block; width:100%; background:#0A496A; text-align:center}
#acc14 {display:block; width:500px; padding-top:20px; padding-bottom:5px; margin:auto;}

#i2000b01 {display:block; width:685px; margin:auto; text-align:left;}
#i2000b02 {float:left; display:block; width:765px; min-height:630px; height:auto !important; height:630px; text-align:center}
#i2000b03 {display:block; margin:auto; width:300px;}

#i3000b01 {float:left; display:block; width:765px; background-image:url(../images/ttu-3000.gif); min-height:630px; height:auto !important; height:630px;}
#i3000b02 {display:block; width:425px; float:left; position:relative; left:25px; top:0px; text-align:left; font-size:12px}
#i3000b03 {display:block; width:245px; float:left; position:relative; left:80px; top:0px; text-align:left; font-size:12px}
#i3000b04 {display:block; width:960px; background-color:#176E9B; background-image:url(../images/ttu-3100.jpg); background-position:top; background-repeat:repeat-y; min-height:630px; height:auto !important; height:630px; text-align:center}
#i3000b05 {display:block; width:960px; background-color:#176E9B}

#i3100b01 {float:left; display:block; width:619px; text-align:left}
#i3100b02 {float:left; display:block; width:288px;}
#i3100b03 {display:block; width:288px; background-image:url(../images/3100a.gif); height:81px;}
#i3100b04 {float:left; display:block; width:203px; text-align:left; position:relative; left:15px; top:0px; font-size:16px;}
#i3100b05 {float:left; display:block; width:61px; text-align:left; position:relative; left:15px; top:0px;}
#i3100b06 {display:block; width:855px; font-size:12px; text-align:left; margin:auto}
#i3100b07 {display:block; width:289px; float:left; position:relative; left:44px; top:0px; text-align:left;}
#i3100b08 {display:block; width:481px; float:left; position:relative; left:133px; top:0px; text-align:left;}
#i3100b09 {}

#i4000b01 {float:left; display:block; width:765px; background-image:url(../images/ttu-4000.gif); min-height:630px; height:auto !important; height:630px;}
#i4000b02 {display:block; position:relative; width:205px; float:left; left:19px; top:0px; font-size:12px;}
#i4000b03 {display:block; position:relative; width:475px; float:left; left:59px; top:0px; font-size:12px;}

#int01 {float:left; display:block; width:195px}
#int02 {display:block; width:960px; background-color:#176E9B; background-image:url(../images/ttu-interne.gif); background-position:top; background-repeat:repeat-y}

.backvign1 {float:left; display:block; width:129px; height:165px; background-image:url(../images/backvign1.gif); background-position:top; background-repeat:no-repeat; text-align:center}
.backvign2 {float:left; display:block; width:129px; height:165px; background-image:url(../images/backvign2.gif); background-position:top; background-repeat:no-repeat; text-align:center}
.backvign3 {float:left; display:block; width:129px; height:165px; background-image:url(../images/backvign3.gif); background-position:top; background-repeat:no-repeat; text-align:center}

#blockconnect {display:block; width:195px; float:left; height:90px; background-color:#0D5C85; color:#FFFFFF; font-size:10px; text-align:center}
#blockbreves {display:block; width:725px; margin:auto; background-color:#2D637F; color:#00FFFF; text-align:left; padding:5px 0;}
.opacite50 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* PAGE TCHAT */

#contentTchat { background:#fff; color:#000; }
#StartConversation, #EndConversation { position:relative; padding:4px 7px; background: #ddd; color:red; text-decoration:none; }
a#StartConversation:hover, a#EndConversation:hover { background: #bbb; }
#tchat1 { position:relative;width:375px;float:left }
#FormChat { margin:0; padding:0; }
#ChatInput { margin:13px 0 0 9px;background:url(../images/tchat_barre.gif) no-repeat;width:360px;height:31px;line-height:31px; }
#ChatInput label { display:block;height:31px;width:315px;float:left; }
#ChatMsg { position:relative;top:0px;left:0px;background:none;border:none;font:12px verdana,arial;margin:0;padding:0;width:308px;height:20px;color:#0D5C85;padding:8px 0 0 5px; }
#ChatOk { margin:0;padding:0;border:0;height:31px; }

#tchat2 { position:relative;width:345px;float:left }
#ChatBox { border:2px solid #0D5C85;padding:7px;margin-right:10px;position:relative;overflow:hidden; }
#AskPrivateMsg { position:absolute;width:80%;left:50%;margin-left:-40%;height:110px;top:100px;background:#0D5C85; }
#AskPrivateMsg table { border:4px solid orange; }
#AskPrivateMsg td, #AskPrivateMsg td a { color: #fff; }
#AskPrivateMsg td a { font-variant:small-caps; font-size:13px; }
#AskPrivateMsgBack { position:absolute;top:0;left:0;width:350px;height:340px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:Alpha(Opacity=60); }
#MessageBox { padding:0 5px;height:321px;overflow:auto;font-size:12px;color:#b00; }
#MessageBox .member { color:#000; }
#MessageBox .notify { color:#666; font-style:italic; }
#IntroBox { border-bottom:1px solid grey;padding-bottom:2px;margin-bottom:4px; }
#PrivateZone { visibility:hidden; }
#FinishPrivate { text-align:right; margin-right:10px; margin-bottom:5px; }
#FinishPrivateBtn { cursor:pointer; }
#CommentChat { border:2px solid #0D5C85; height:70px; width:330px;  }
#PublicPrivate { position:absolute; top:-1px; right:10px; }
#PublicBtn { display:block; float:left; width:86px; height:33px; background:url(../images/tchat_btn_public.jpg) no-repeat; cursor:auto; }
#PrivateBtn { display:block; float:left; width:86px; height:33px; background:url(../images/tchat_btn_private.jpg) no-repeat; cursor:auto; }
#PublicPrivate span { position:relative; display:block; text-indent:-5000px; }
#PublicPrivate.select a { background-position:0 -33px; }

#tchat3 { position:relative;width:215px;float:left; }
#ChatList { border:2px solid #0D5C85;padding:7px; }
#ChatConnect { color:#000; }
#TempsRestant { margin-top:7px; }

#connectedPeople {
  position:absolute;
  right: 15px;
  top: 0;
  height:27px;
  line-height:27px;
  font-size:15px;
  color:#fff;
}
#connectedPeople strong { font-size:16px; text-decoration:underline; text-transform:capitalize; color:#3BC1E5 }
#connectedPeople span { font-size:10px; }
#connectedPeople a { color: #fff; font-weight:bold; text-decoration:none; }
#connectedPeople a:hover { text-decoration:underline; }

/* FORMULAIRES */
#PwdLost { display: none; font-size:10px; margin-top:25px; background: #073E5A; padding:5px 2px; }
#PwdLost #EmailLost { margin-bottom:5px; }
#FormInscri, #FormConnect2, #FormConnect, #FormCoord { margin:0; padding:0; }
#FormInscri td, #FormConnect2 td, #FormConnect td, #FormCoord td { text-align:left; font-size:12px; }
#PwdLost input, #PwdLost textarea, #FormInscri input, #FormInscri textarea, #FormConnect2 input, #FormConnect2 textarea, #FormConnect input, #FormConnect textarea, #FormCoord input, #FormCoord textarea { border: 2px solid #0B4B6C; width:180px; font:12px verdana,arial,helvetica; }
#FormCoord input, #FormCoord textarea { width: 140px; }
#FormInscri input.check, #FormInscri input.radio, #FormConnect2 input.check, #FormConnect2 input.radio, #FormConnect input.check, #FormConnect input.radio, #FormCoord input.check, #FormCoord input.radio { width: auto; border:0; }
#FormInscri textarea.large, #FormConnect2 textarea.large, #FormConnect textarea.large, #FormCoord textarea.large { width:100%; height:120px; }
#FormConnect { margin-top:15px; }
#ErrorMsg { color:red; }
.ErrorMsg {
  position:absolute;
  top:110px;
  left:50%;
  margin-left:-160px;
  width:320px;
  z-index:10000;
  color:red;
  text-align:left;
}
.ErrorMsg div.error { position:relative; border:2px solid red; background:#eee; padding: 5px; }
.ErrorMsg .CloseMsg { position:absolute; right:0; top: 0; _top:2px; _right:2px; font-weight:bold; cursor:pointer; color:#000; }
input.button { border:0 !important; width: auto !important; }
td.button { font-size:10px !important; line-height:25px; }
td.button a { position:relative; top:-8px; }
td.right { text-align:right !important; }
td.center { text-align:center !important; }