/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------------------------------------------------*/

/* Structure du site */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size : 11px;
		background-color: #EDECEC;
		text-align: center;
		height: auto;
		color:#000;
		margin:0 auto;
		padding:0;
}

objet {
			margin: 0 auto; padding: 0;
}

#container {
	display:inline-block;
	width: 1042px;
	height: auto;		
	border:0;
	margin:0 auto;
	padding:0;
	background-color:#ffFF00;
	/*border:1px solid #3C3C3C;*/
}

#telecommande{
	display:inline-block;
	vertical-align:top;
	width:160px;
	height:auto;
	margin-left:20px;
}

#top {
		width:1042px;
		height:136px;/* dam le 27.12.2013 : height:191px;*/
		background-color:#FFFFFF;
}

#corps {
		margin: 0px;
		padding: 0;
		border-top: 1px solid #C0C0C0;
		width: 1042px;
		height: 690px;
		background-color:#fff;
		float:right;
		text-align: left;
}

#corps_general {
		margin: 0px;
		padding: 0;
		border: 0;
		width: 1042px;
		height: 612px;
		background-color:#fff;
		float:right;
		text-align: left;
}

#footer {
			width: 1042px;
			height: 34px;
			padding: 0;
			margin: 0 auto;
			background: url(../images/fond_footer.jpg) repeat-x top left;
			font-weight: normal;
			color: #ffffff;
			clear:both;
}

/*--------------------------------------------------------*/

#top_top{
			width:1042px;
			height:57px;
			margin: 0;
			padding: 0;
			background-image:url(../images/fond_top_admin.jpg);
			background-color:#000;
			background-repeat:no-repeat;
			background-position:top left;      
}

#nom_admin {
				width:262px;
				height:57px;
				margin-left:26px;
				float:left;
				text-align:left;
				background-image:url(../images/img_admin.jpg);
				background-repeat:no-repeat;
				background-position:top left;
}

#nom_admin p {
				margin-top:29px;
				margin-left:50px;
				color:#000;
				font-size:14px;
				font-weight:bold;
}

#btn_fermer{
				width:119px;
				height:46px;
				margin-top:5px;
				margin-right:26px;
				float:right;
}

#top_middle{
				width:1042px;
				height:80px;/* dam le 27.12.2013 : 102px;*/
				background: url(../images/img_colisland.jpg) no-repeat top left;
}

#b2b{
				width:200px;
				height:102px;
				background: url(../images/b2b.jpg) no-repeat top right; 
				float:right;
}

#b2c{
				width:200px;
				height:102px;
				background: url(../images/b2c.jpg) no-repeat top right; 
				float:right;
}

#commande{
				width:200px;
				height:102px;
				background: url(../images/commande.jpg) no-repeat top right; 
				float:right;
}

#legzskin {
				width:185px;
				height:102px;
				background: url(../images/legz_logo_menu.jpg) no-repeat top right; 
				float:right;
}

#top_middle .fond_logo{
						width:292px;
						height:70px;/*90*/
						float:right;
						background: url(../images/logo_HD.jpg) no-repeat right;
}

#top_middle_login{
						width:350px;
						height:95px;
						background: url(../images/img_colisland2.jpg) no-repeat top left;						
						margin-top:200px;  
}

#fond_logo_login{
					width:350px;
					height:94px;
					margin-left:0px;
					float:left;
					text-align:center;
					background: url(../images/logo_beautechic.jpg) no-repeat top right;      
}

#container_login {
					width: 350px;
					height: auto;		
					padding:0;
					margin-left:auto;
					margin-right:auto;
					margin-top:0px;		
					border:0;
					background-color:#C0C0C0;
}
/*--------------------------------*/

.img_barre_left{
					width:6px;  
					height:32px;
					margin-left:6px;
					float:left;
					background: url(../images/img_left_table.jpg) no-repeat top left;
}

.barre_titre {
				margin-left:10px;
				width:1020px;  
				height:32px;
				float:left;
				background: url(../images/fond_table.jpg) repeat-x top left;
}

.barre_titre table {
					width:1020px;
					height:32px;
					line-height:27px;
					text-align:center;
					font-weight:bold;
					font-size:12px;
					color:#fff;
}

.barre_titre table tr td {
    /*  width:163px;
      line-height:27px;
      height:27px;*/
}

.barre_titre table tr td a{
						text-decoration:none;color:#fff;
}


.barre_titre3 {
				margin-left:0px;
				width:1039px;  
				height:23px;
				//float:left;
				background: url(../images/fond_table.jpg) repeat-x top left;
}

.barre_titre3 table {
					width:1038px;
					height:23px;
					line-height:23px;
					text-align:center;
					font-weight:bold;
					font-size:12px;
					color:#fff;
}

.barre_titre3 table tr td {
    /*  width:163px;
      line-height:27px;
      height:27px;*/
}

.barre_titre3 table tr td a{
						text-decoration:none;color:#fff;
}

.barre_titrecde {
				margin-left:0px;
				width:1022px;  
				height:23px;
				//float:left;
				background: url(../images/fond_table.jpg) repeat-x top left;
}

.barre_titrecde table {
					width:1021px;
					height:23px;
					line-height:23px;
					text-align:center;
					font-weight:bold;
					font-size:12px;
					color:#fff;
}

.barre_titrecde table tr td {
    /*  width:163px;
      line-height:27px;
      height:27px;*/
}

.barre_titrecde table tr td a{
						text-decoration:none;color:#fff;
}
.barre_titrequery {
				margin-left:0px;
				width:1039px;  
				height:23px;
				//float:left;
				background: url(../images/fond_table.jpg) repeat-x top left;
}

.barre_titrequery table {
					width:1037px;
					height:23px;
					line-height:23px;
					text-align:center;
					font-weight:bold;
					font-size:12px;
					color:#fff;
}

.barre_titrequery table tr td {
    /*  width:163px;
      line-height:27px;
      height:27px;*/
}

.barre_titrequery table tr td a{
						text-decoration:none;color:#fff;
}


.img_barre_right{
					width:8px;  
					height:32px;
					float:left;
					background: url(../images/img_right_table.jpg) no-repeat top left;
}

.barre_titre2 {
					margin-left:5px;
					width:1000px;  
					height:32px;
					float:left;
					background: url(../images/fond_table.jpg) repeat-x top left;
}

.barre_titre2 table {
					width:1000px;
					height:32px;
					line-height:27px;
					text-align:center;
					font-weight:bold;
					font-size:12px;
					color:#fff;
}

.barre_titre2 table tr td {
    /*  width:163px;
      line-height:27px;
      height:27px;*/
}

.barre_titre2 table tr td a{
						text-decoration:none;color:#fff;
}


#login {
		width:350px;
		height:57px;
		margin-left:0px;
		float:left;
		text-align:center;
		background-image:url(../images/login.jpg);
		background-repeat:no-repeat;
		background-position:top center;
}

#login p {
			margin-top:25px;
			margin-left:0px;
			color:#000;
			font-size:14px;
			font-weight:bold;
}

#password {
			width:350px;
			height:57px;
			margin-top:0px;
			float:left;
			text-align:center;
			background-image:url(../images/password.jpg);
			background-repeat:no-repeat;
			background-position:top center;
}

#password p {
			margin-top:25px;
			margin-left:0px;
			color:#000;
			font-size:14px;
			font-weight:bold;
}

#subpass{
			width:350px;
			height:30px;
			float:left;
			text-align:center;      
}

.button {
			width:130px;
}

.bor {
		border:0px solid black;
}

.texte {margin:0 0 5px 10px;text-align:left;font-weight:bold;}

.ascen table {width:1000px;height:auto;margin:0 0 10px 5px;text-align:center;font-weight:bold;}

.ascen table tr {width:1000px;line-height:27px;}

.ascen table tr1 {width:1000px;line-height:10px;}

.ascen table tr td {width:127px;}

.ascen table tr .td_1 {width:100px;}

.ascen table tr .td_2 {width:200px;}

.ascen1 {width:50px;}

.ascen1 table tr td a img {vertical-align:-4px;margin-left:30px;margin-right:20px;}

.fond_bleu {background-color:#E3EFFB;}
.fond_bleu_clair {background-color:#F0FAFA;}

.fond_rouge {background-color:#ff8200};/*#990000;}*/

.font_rouge {color:#EE0000;}

.fond_rouge td_1 {width:50px;}

.fond_blanc {background-color:#000;}

.tr_bleu {height:7px;background-color:#0F73B6;}



.ascen {width:1030px;height:350px;overflow:auto;margin:7px 0 7px 6px;}



.ascen2 {width:1030px;height:408px;overflow:auto;margin:7px 0 2px 6px;}

.ascen2 table {width:1000px;height:auto;margin:0 0 10px 5px;text-align:center;font-weight:bold;}

.ascen2 table tr {width:1000px;line-height:27px;}

.ascen2 table tr1 {width:1000px;line-height:10px;}

.ascen2 table tr .td_1 {width:100px;}

.ascen2 table tr .td_2 {width:200px;}


.ascenatt {width:1040px;height:408px;overflow:auto;margin:0px 0px 0px 0px;}

.ascenatt table {width:1040px;height:auto;margin:0 0 0px 0px;text-align:center;font-weight:bold;}

.ascenatt table tr {width:1040px;line-height:22px;}

.ascenatt table tr1 {width:1020px;line-height:10px;}

.ascenatt table tr .td_1 {width:100px;}

.ascenatt table tr .td_2 {width:200px;}


/************************************************************************************************/
.ascen3 {width:1030px;height:353px;overflow:auto;margin:7px 0 7px 6px;}

.ascen3 table {width:1000px;height:auto;margin:0 0 10px 5px;text-align:center;font-weight:bold;}

.ascen3 table tr {width:1000px;line-height:27px;}

.ascen3 table tr1 {width:1000px;line-height:10px;}

.ascen3 table tr td {width:127px;}

.ascen3 table tr .td_1 {width:100px;}

.ascen3 table tr .td_2 {width:200px;}

/***********************************************************************************************/
.ascen4 {width:1030px;height:353px;overflow:auto;margin:7px 0 7px 6px;}

.ascen4 table {width:1000px;height:auto;margin:0 0 10px 5px;text-align:center;font-weight:bold;}

.ascen4 table tr {width:1000px;line-height:27px;}

.ascen4 table tr1 {width:1000px;line-height:10px;}

.ascen4 table tr td {width:127px;}

.ascen4 table tr .td_1 {width:100px;}

.ascen4 table tr .td_2 {width:200px;}

/***********************************************************************************************/
.ascen5 {width:1040px;height:353px;overflow:auto;margin:0px 0 0px 0px;}

.ascen5 table {width:1022px;height:auto;margin:0 0 0px 0px;text-align:center;font-weight:bold;}

.ascen5 table tr {width:1022px;line-height:24px;}

.formulaire {width:600px; height:auto;margin:0 0 0 250px;font-size:14px;font-weight:bold;}

.formulaire table {text-align:left;}

.formulaire table tr {width:300px;height:30px;}

.formulaire table tr .td_1 {width:150px;height:30px;}

.formulaire table tr .td_2 {width:150px;height:50px;vertical-align:top;padding-top:5px;}

.formulaire form{width:600px; height:auto;margin:0 0 0 0px;font-weight:bold;}

.formulaire form table {text-align:left;font-weight:bold;}

.formulaire form table tr {width:600px;height:30px;}

.formulaire form table tr .td_1 {width:150px;height:30px;}

.formulaire form table tr .td_2 {width:150px;height:50px;vertical-align:top;padding-top:5px;font-weight:bold;}

.formulaire form table tr .td_3 {horizontal-align:center;}

/*------------------------RECHERCHE-------------------*/
.recherche  {width:auto; height:auto;margin:0 0 0 0px;font-weight:none;color:black;background-color:#FFFFFF}

.recherche form table {text-align:center;font-weight:bold;}

.recherche form table tr {width:600px;}

.recherche form table tr .td_1 {width:150px;}

.recherche form table tr .td_2 {width:150px;height:50px;vertical-align:top;padding-top:5px;font-weight:bold;}

.recherche form table tr .td_3 {horizontal-align:center;}

.recherche form table tr .td_4 {width:225px;}

.recherche form table tr .td_5 {width:250px;}

.recherche form table tr .td_6 {width:50px;}

.recherche form table tr td a {text-decoration:none;color:#000;}

/*------------------------FOOTER---------------------*/
#footer .img_colisland {
						width:124px;  
						height:34px;
						margin-left:20px;
						float:left;
						background: url(../images/logo_colisland.jpg) no-repeat center left;
}

.sep {float:right;width:150px;height:auto;margin:15px 0 0 0;}

.sep a {text-decoration:none;color:#0F73B6;}
/*--------------------------------------------------*/


h1 {font-size:26px;color:#000000;text-align:center;margin-top:20px;}

h2 {font-size:20px;color:#000000;text-align:center;margin-top:10px;}

.ligne_grise{border-bottom:1px solid #ccc; width:400px; margin:10px auto 20px auto;}

.ligne_bleu {width:856px;border-top:7px solid #0F73B6;margin:6px 0 5px 8px;}

.text_right {text-align:right;}

.text_left {text-align:left;}

.text_center {text-align:center;}

.cachediv {
			visibility: hidden;
			display: none;
			overflow: hidden;
			height: 1px;
			margin-top: -1px;
			position: absolute;
}

.clear {clear:both;}