.floatbox { overflow:hidden; }

.ie_fix_floats { 
	width: 100%;
	padding: 0 1px 0 1px;   
	margin: 0 -1px 0 -1px;  
	overflow: hidden;
}


/* --- moncompte de thelia 1.4.0 --- */
/* --- il faut virer tout #monCompte dans styles.css de la version 1.4.0 --- */
#monCompte {
	float: right;
	width: 300px;
	margin: 0;
	border-left: 1px dotted #FFFFFF;
	padding: 0 2px 0 0px;
	height: 78px;/*72px;*/
	color: black; /* #FFFFFF;*/ /* --- écriture par default de monCompte donc du texte Mon compte --- */
	/*border: 1px solid red;*/
}

#top {
	float: left;
	width: 990px;
	background-color:#FFFFFF;/*#515053;*/
	margin: 0;
	padding: 0 0 0px 0;
	color: #FFFFFF;
	z-index:1000;
	background: url(images/photos_telinject_11_1.jpg);
	
}
#cadre_entete_gauche {
    float: left;
	padding:0 0 0 10px;
	width: 390px; /* défini la largeur du premier carré dans le top */
	display:block;
	height: 78px; /*72px;*/ /* 76 = hauteur de l image logo */
	background: url(images/logo.png) no-repeat; 
	/*border: 1px solid black;*/
}
#cadre_entete_gauche h1 a {
	float: left;
	padding:0 0 0 100px;
	display:block;
	font-size:18px;
}

#cadre_entete_gauche h3 {
    float: left;
	color: #B6B4B2;/*#EC8000;*/
	font-size:10px;
	padding:0 0 0 105px;
	margin:0 0 2px 0px;
}

#cadre_entete_gauche a, #cadre_entete_gauche a:visited  {
	color: #c7c9ca;
	text-decoration: none;
}
#cadre_entete_gauche a:hover {
	color: #EC8000;/*#fff;*/
	text-decoration: none;
}





/* (C) 2007 YOOtheme.com */

a:focus { outline: none; }
/*
span.yoo-login,
span.yoo-login span {
	display: block;
}
*/
/* (C) 2007 YOOtheme.com */

/* login */
span.login {
	width: 135px;
	margin: auto;
	padding-top:5px;
	padding-bottom:5px;
	/*border:1px solid black;*/
}

span.default span.login span.username,
span.default span.login span.usersearch,
span.default span.login span.usermail,
span.default span.login span.password {
	margin-bottom: 3px;
	width: 120px; /* 108px;*/
	height: 16px;
	padding: 4px 2px 0px 20px;
	overflow: hidden;
	display: block;
	margin-left:2px; /* --- a revoir diff entre mozilla et ie --- */
	/*border:1px solid red;*/
}
span.quick span.login span.username, 
span.quick span.login span.usermail,
span.quick span.login span.password,
span.quick span.login span.login-button-text,
span.quick  span.login span.login-button-icon,
span.quick  span.login span.lostpassword, 
span.quick  span.login span.lostusername,
span.quick  span.login span.registration,
span.quick  span.logout span.greeting,
span.quick  span.logout span.logout-button-text,
span.quick  span.logout span.logout-button-icon {
	margin-right: 5px;
	float: left;
	overflow: hidden;
}
span.quick span.login span.username,
span.quick span.login span.usermail,
span.quick span.login span.password {
	width: 92px; /* 73px;*/
	height: 16px;
	padding: 4px 0px 0px 25px;
	float: left;
	overflow: hidden;
}


/* --- communs default et quick --- */
span.login span.username {	background: url(images/username_bg.png) 0 0 no-repeat;}
span.login span.usersearch {	background: url(images/usersearch_bg.png) 0 0 no-repeat;}
span.login span.usermail {	background: url(images/usermail_bg.png) 0 0 no-repeat;}
span.login span.password {	background: url(images/password_bg.png) 0 0 no-repeat;}
span.login span.username:hover{	background: url(images/username_bg.png) 0 -20px no-repeat;}
span.login span.usersearch:hover{background: url(images/usersearch_bg.png) 0 -20px no-repeat;}
span.login span.usermail:hover{	background: url(images/usermail_bg.png) 0 -20px no-repeat;}
span.login span.password:hover {	background: url(images/password_bg.png) 0 -20px no-repeat;}

span.login span.username input,
span.login span.usermail input,
span.login span.usersearch input,
span.login span.password input {
	padding: 0px;	width: 100%;	background: none;	border: none;	outline: none;
	float: left;	color: #646464; font-size: 11px;}
	

	
/* --- on redéfini pour que ça ressemble a mon compte --- */
#contenu form p span.usermail input,
#contenu form p span.password input
{	margin-left: 0px; /* à revoir pas pareil ie et mz */
	padding: 0px 0 0 2px;	
	width: 100%;	background: none;	border: none;	outline: none;
	float: left;	color: #646464; font-size: 11px;
	font-weight:normal;}	
	

span.login span.username input:hover,
span.login span.usersearch input:hover,
span.login span.usermail input:hover,
span.login span.password input:hover,
span.login span.username input:focus,
span.login span.password input:focus {
	color: #000000;
}
/* --- fins des communs default et quick --- */


/* --- le bouton login avec le cadenas --- */
/* ---  todo le .login-button-container n est jamais appelé ? --- */
span.default span.login span.login-button-container {
	margin-bottom: 6px;
	width: 135px;
	overflow: hidden;
}

span.default span.login span.login-button-icon {
	margin-left:65px;
	width: 21px;
	height: 20px;
	background: url(images/login_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
	/*float: right;*/
}

span.default span.login span.login-button-icon:hover {
	background: url(images/login_button_bg.png) 0 -20px no-repeat;
}

span.default span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}

span.default span.login span.login-button-icon button:hover {
	color: #000000;
}

span.default span.login span.login-button-text button {
	float: right;
	cursor: pointer;
}
/* --- fin du bouton login avec le cadenas --- */

/* --- le bouton login avec le cadenas --- */
span.quick span.login .login-button-text button {
	cursor: pointer;
}
span.quick span.login span.login-button-icon {
	width: 21px;
	height: 20px;
	background: url(images/login_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
span.quick span.login span.login-button-icon:hover {
	background: url(images/login_button_bg.png) 0 -20px no-repeat;
}
span.quick span.login span.login-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
}
span.quick span.login span.login-button button:hover {
	color: #000000;
}




/* --- on va tenter de faire le bouton search avec ok --- */

/* ---  todo le .search-button-container n est jamais appelé ? --- */
span.default span.login span.search-button-container {
	margin-bottom: 6px;
	width: 135px;
	overflow: hidden;
}
span.default span.login span.search-button-icon {
	margin-left:0px;
	width: 21px;
	height: 20px;
	background: url(images/search_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
	/* float: right;*/
}
span.default span.login span.search-button-icon:hover {
	background: url(images/search_button_bg.png) 0 -20px no-repeat;
}
span.default span.login span.search-button-icon button {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	font-size: 11px;
	color: #646464;
	text-transform: lowercase;
}
span.default span.yoo-login span.login span.search-button-icon button:hover {
	color: #000000;
}
span.default span.login span.search-button-text button {
	float: right;
	cursor: pointer;
}
/* --- fin du bouton search avec ok --- */


span.default span.login span.lostpassword,
span.default span.login span.lostusername,
span.default span.login span.registration {
	height: 20px;
	line-height: 20px;
}

/* --- logout --- */
span.default span.logout { width: auto; margin: auto;}
span.quick span.logout {	height: 20px;}

span.default span.logout span.greeting {}
span.quick span.logout span.greeting {	line-height: 20px;}

span.default span.logout span.logout-button-icon {
	margin: auto;
	width: 21px;
	height: 20px;
	background: url(images/logout_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
span.quick span.logout span.logout-button-icon {
	width: 21px;
	height: 20px;
	background: url(images/logout_button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}
/* --- communs default et quick de logout --- */
span.logout span.logout-button-icon:hover {
	background: url(images/logout_button_bg.png) 0 -20px no-repeat;
}
span.logout span.logout-button-icon button {
	display: block;	padding: 0px 0px 0px 0px; width: 100%;	height: 20px;
	border: none;		background: none;			cursor: pointer;	overflow: hidden;
	font-size: 11px;	color: #646464;			text-transform: lowercase;
}
span.logout span.logout-button-icon button:hover { color: #000000; }

/* --- fin des communs default et quick de logout --- */


span.default span.logout span.logout-button-text button {
	margin: auto;
	display: block;
	cursor: pointer;
}
span.quick span.logout span.logout-button-text button { cursor: pointer; }

span.default span.login span.lostpassword,
span.default span.login span.lostusername,
span.default span.login span.registration {
	margin-top:2px;
	margin-right:5px;
	float:left;
	width: 25px;
}

span.quick span.login span.lostpassword,
span.quick span.login span.lostusername,
span.quick span.login span.registration {
	width: 25px;
}

span.default span.login span.lostpassword { background: url(images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */}
span.default span.login span.lostusername { background: url(images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */}
span.default span.login span.registration { background: url(images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */}
span.quick span.login span.lostpassword {	 background: url(images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */}

span.quick span.login span.lostusername {	background: url(images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */}
span.quick span.login span.registration {	background: url(images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */}


span.default span.login span.lostpassword a,
span.default span.login span.lostusername a,
span.default span.login span.registration a {
	display: block;	width: 100%;	height: 20px;
}
span.quick span.login span.lostpassword a,
span.quick span.login span.lostusername a,
span.quick span.login span.registration a {
	display: block;	width: 100%;	height: 20px;
}

/* (C) 2007 YOOtheme.com */
/* login */


/* logout */



/*
 * module: rounded transparent
 */

div.mod-roundedtrans div.box-t1 {
	background: url(./images/module_roundedtrans_tl.png) 0 0 no-repeat;
}

div.mod-roundedtrans div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(./images/module_roundedtrans_tr.png) 100% 0 no-repeat;
}

div.mod-roundedtrans div.box-t3 {
	height: 10px;
	background: url(./images/module_roundedtrans_t.png) 0 0 repeat-x;
}

div.mod-roundedtrans div.box-1 {
	background: url(./images/module_roundedtrans_l.png) 0 0 repeat-y;
}

div.mod-roundedtrans div.box-2 {
	padding: 0px 10px 0px 10px;
	background: url(./images/module_roundedtrans_r.png) 100% 0 repeat-y;
	
	
	
	
}

div.mod-roundedtrans div.box-3 {
	padding: 0px 5px 0px 5px;
	background: url(./images/module_roundedtrans_bg.png) 0 0 repeat;
	overflow: hidden;
}

div.mod-roundedtrans div.box-b1 {
	background: url(./images/module_roundedtrans_bl.png) 0 0 no-repeat;
}

div.mod-roundedtrans div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(./images/module_roundedtrans_br.png) 100% 0 no-repeat;
}

div.mod-roundedtrans div.box-b3 {
	height: 10px;
	background: url(./images/module_roundedtrans_b.png) 0 0 repeat-x;
}

div.mod-roundedtrans h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-roundedtrans h3.header span.color {
	color: #141414;
}


/*
 * module: rounded transparent (only for header position)
 */
 
div.mod-roundedtrans-header div.module {
	margin: 5px 5px 0px 0px;
}

div.mod-roundedtrans-header div.box-1 {
 float: left;
	background: url(./images/module_headerposition_l.png) 0 0 no-repeat;
}

div.mod-roundedtrans-header div.box-2 {
    float: right;
	padding: 0px 10px 0px 10px;
	background: url(./images/module_headerposition_r.png) 100% 0 no-repeat;
}

div.mod-roundedtrans-header div.box-3 {
	height: 61px;
	padding: 5px 0px 5px 0px;
	background: url(./images/module_headerposition_m.png) 0 0 repeat-x;
	overflow: hidden;	
}