@charset "utf-8";

/* 



CSS



Juillet 2009



Développé par Damien Goubeau Développement http://www.damien-goubeau-developpement.fr

pour CLS InfoceanDesk



Couleurs Textes

	Brun					#615247

	Orange					#e7511e

	Blanc					#fff

	Bleu					#00969e



Couleurs Fonds

	Brun clair				#9c978d

	Gris clair				#ebeae8

	Gris anthracite			#9c978d

	Gris lavis				#f5f5f4

	Blanc					#fff

	Orange					#e7511e

	Bleu turquoise			#00969e

	Bleu lavis				#ebf7f7



Couleurs Bordures



	Gris 1 (ventre & table)	#cecbc6

	Gris 2 (table headers)	#b5b1aa



*/





/* CSS RESET */



* { margin:0; padding:0; border:0; }



html, body {

	height: 100%;

}



body {

	background:#fff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}



#container {

	position:relative;

	min-height:100%; 

	height:100%; 

    voice-family: "\"}\"";

    voice-family: inherit;

    height: auto;

}



html>body #container {

    height: auto;

}



img { border:0; }



a { text-decoration:none; cursor:pointer; }



.clearboth { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }



.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



.clearfix { display:inline-block; }



/*hides from IE mac \*/

* html .clearfix { height:1%; }

.clearfix { display:block; }

/*end hides from IE mac*/



/* GLOBAL */



body {

	cursor:default;

	background:url(../images/bg_page.png) top repeat-y #9c978d;

}



#container {

	width:877px !important;

	width:876px;

	margin:0 auto;

	background:url(../images/bg_container.png) #ebeae8 top repeat-x;

	padding:0 29px;

}



p {

	cursor:text;

}



input.bt_ok {

	border:0;

	height:17px;

	width:17px;

	background:url(../images/bt_ok.png) center no-repeat;

	text-indent:-1000em;

	font-size:11px;

	padding:0;

}



/* MAIN */

	

	/* HEADER */

	

	#header {

		padding:78px 0 9px 0;

		position:relative;

		background:url(../images/bg_liseret.png) bottom repeat-x;

	}

	

		#header #logo {

			position:absolute;

			top:21px;

			left:0;

			z-index:1000

		}

	

		#header #baseline {

			position:absolute;

			top:60px;

			right:0 !important;

			right:29px;

			z-index:1000

		}

	

		#header #bandeau {

			position:relative;

		}

	

	/* MENU */



	#menu {

		margin:26px 0 0 0;

		margin:0;

		padding:0;

		padding:26px 0 0 0;

	}



		#menu #menu_tools {

			height:22px;

			padding:0 0 10px 0;

		}



		#menu #login {

			float:left;

			width:500px;

		}





			#menu #login label {

				font-size:11px;

				color:#615247;

			}



			#menu #login input {

				border-bottom:#f7f7f6 1px solid;

				border-right:#f7f7f6 1px solid;

				border-left:#9c978d 1px solid;

				border-top:#9c978d 1px solid;

				height:13px;

				width:134px;

				font-size:11px;

				padding:1px;

				margin:0 27px 0 0;

			}



			#menu #login input.bt_ok {

				border:0;

				margin:0 0 0 -20px;

				height:17px;

				width:17px;

				vertical-align:middle;

			}

			

		#menu #boutons {

			width:300px;

			float:right;

			padding:5px 0 0 0;

		}



			#menu div#boutons ul {

				list-style:none;

			}



			#menu div#boutons ul li {

				margin:0 0 0 8px;

				float:right;

			}

		

		#menu #menubar {

			clear:both;

			padding:10px 0 9px 0;

			padding:0 0 9px 0;

			background:url(../images/bg_liseret.png) bottom repeat-x;

		}

		

			#menu #menubar ul {

				list-style:none;

				height:37px;

			}

		

				#menu #menubar ul li {

					float:left;

					font-size:12px;

					position:relative;

				}

		

				#menu #menubar ul li a span {

					display:block;

					background:url(../images/bg_menu.png) 0 -36px no-repeat;

					color:#fff;

					/* A modifier pour la version anglaise */

					padding:10px 17px 10px 16px !important;

					padding:20px 20px 20px 20px;

					/***************************************/

				}

		

				#menu #menubar ul li:first-child a span {

					width:15px;

					height:14px;

					text-indent:-1000em;

					background:url(../images/bg_menu_home.png) -2px 0 no-repeat;

					/* A modifier pour la version anglaise */

					padding:10px 15px 10px 14px !important;

					padding:10px 16px 10px 16px;

					/***************************************/

				}

		

				#menu #menubar ul li a:hover span, #menu #menubar ul li a.active:hover span, #menu #menubar ul li:hover a span, #menu #menubar ul li:hover a.active span {

					background:url(../images/bg_menu.png) 0 -72px no-repeat;

					background:url(../images/bg_menu.png) 0 0 no-repeat;

					color:#615247;

					color:#fff;

				}

		

				#menu #menubar ul li:first-child a:hover span, #menu #menubar ul li:first-child a.active:hover span {

					background:url(../images/bg_menu_home.png) -2px -72px no-repeat;

					background:url(../images/bg_menu_home.png) -2px -36px no-repeat;

				}

		

				#menu #menubar ul li a.active span {

					background:url(../images/bg_menu.png) 0 0 no-repeat;

					color:#fff;

				}

		

				#menu #menubar ul li:first-child a.active span {

					background:url(../images/bg_menu_home.png) -2px 0 no-repeat;

				}

				

					/* SOUS-MENU */

				

					#menu #menubar ul li ul {

						list-style:none;

						position:absolute;

						width:295px;

						top:34px;

						left:-19px;

						display:none;

						z-index:10000;

					}

				

					#menu #menubar ul li:hover ul {

						display:block;

					}

				

						#menu #menubar ul li ul li {

							float:none;

							font-size:12px;

							width:255px;

							background:url(../images/bg_ombre.png) center no-repeat;

							padding:0 19px 0 19px;

						}

				

						#menu #menubar ul li ul li:first-child {

							background:url(../images/bg_ombre.png) top no-repeat;

							padding:0 19px 0 19px;

						}

				

						#menu #menubar ul li ul li:last-child {

							float:none;

							font-size:12px;

							background:url(../images/bg_ombre.png) bottom no-repeat;

							padding:0 19px 19px 19px;

						}

						

						#menu #menubar ul li ul li.last-child {

							float:none;

							font-size:12px;

							background:url(../images/bg_ombre.png) bottom no-repeat;

							padding:0 19px 19px 19px;

						}

				

						#menu #menubar ul li ul li:last-child a span {

							border-bottom:#cecbc6 1px solid;

						}

				

						#menu #menubar ul li ul li.last-child a span {

							border-bottom:#cecbc6 1px solid;

						}

				

						#menu #menubar ul li:hover ul li a span, #menu #menubar ul li:hover ul li:first-child a span, #menu #menubar ul li ul li a span, #menu #menubar ul li ul li:first-child a span {

							display:block;

							background:#fff;

							color:#615247;

							border-left:#cecbc6 1px solid;

							border-right:#cecbc6 1px solid;

							border-top:#cecbc6 1px solid;

							width:236px;

							padding:10px 5px 10px 14px !important;

							text-indent:inherit;

							height:auto;

						}

				

						#menu #menubar ul li ul li a:hover span, #menu #menubar ul li ul li:first-child a:hover span {

							background:#00969e;

							color:#fff;

							border-left:#377573 1px solid;

							border-right:#00969e 1px solid;						

						}

				

						#menu #menubar ul li ul li:last-child a:hover span {

							border-bottom:#00969e 1px solid;

						}





#menubar ul li ul li ul li {

	display: none;

}



	

	/* NAVIGATION */

	

	#navigation {

		height:20px;

		margin:28px 0 0 0;

		z-index:0;

	}	

	

		#navigation #titre {

			float:left;

			height:20px;

			margin:0 0 0 25px;

			font-size:11px;

			font-weight:bold;

			color:#615247;

		}	

	

		#navigation #recherche {

			float:right;

			height:20px;

			top:0;

			right:0;

			font-size:11px;

			color:#615247;

			width:400px;

			text-align:right;

		}	

	

		#navigation #recherche input {

			border-bottom:#f7f7f6 1px solid;

			border-right:#f7f7f6 1px solid;

			border-left:#9c978d 1px solid;

			border-top:#9c978d 1px solid;

			height:13px;

			width:134px;

			font-size:11px;

			padding:1px;

			margin:0 27px 0 0;

		}	



		#navigation #recherche input.bt_ok {

			border:0;

			margin:0 0 0 -20px;

			height:17px;

			width:17px;

			vertical-align:middle;

		}

	

	/* CONTENT */



	#content {

		background:#fff;

		border:1px solid #cecbc6;

		padding:25px;

		margin:10px 0 20px 0;

	}



		/* MAIN CONTENT */



		/* HOME PAGE */



		.home #content .main_content {

			width:100%;

		}



		.page #content .main_content {

			width:593px;

			float:left;

		}

		

		/* BLOC */

		

			#content .main_content .col_droite {

				width:210px;

				margin:0 0 0 25px;

				padding:0;

				float:right;

			}

			

			#content .main_content .liens_top {

				margin:0 0 25px 0;

				color:#e7511e;

				font-size:10px;

				text-transform:uppercase;

				border-bottom:1px solid #615247;

				padding:0 0 10px 0;

			}

			

				#content .main_content .liens_top a {

					color:#615247;

				}



		/* COLONNE GAUCHE */

		

		.page #content .left_content {

			width:207px;

			margin:0 25px 0 0;

			float:left;

		}

		

			.page #content .left_content .entete {

				margin:0 0 5px 0;

				padding:9px;

				background:#f0efee;

				color:#615247;

				font-size:12px;

			}

			

			/* MENU GAUCHE */

			

			#content .left_content .menu_left h2 {

				background:#e7511e;

				padding:9px;

				color:#fff;

				font-size:12px;

				text-transform:none;

			}

			

			#content .left_content .menu_left ul {

				padding:0;

				margin:0;

				list-style:none;

				list-style-image:none;

				border-bottom:1px solid #e6e5e2;

			}

			

			#content .left_content .menu_left ul li {

				list-style:none;

				list-style-image:none;

				text-indent:15px;

				border-top:1px solid #e6e5e2;

				line-height:24px;

			}

			

				#content .left_content .menu_left ul li a {

					color:#615247;

					background:url(../images/bg_fleche_brun.png) no-repeat 0 3px;

					padding:0 0 0 15px;

				}

			

				#content .left_content .menu_left ul li.active a {

					color:#e7511e;

					background:url(../images/bg_fleche_orange.png) no-repeat 0 3px;

				}

			

			#content .left_content .menu_left ul li:first-child {

				border-top:0;

			}

			

			#content .left_content .menu_left ul ul li:first-child {

				border-top:1px solid #e6e5e2;

			}

			

			#content .left_content .menu_left ul ul {

				border-bottom:0;

			}

			

			#content .left_content .menu_left ul ul li {

				text-indent:30px;

			}

			

			#content .left_content .menu_left ul ul ul li {

				text-indent:45px;

			}

	

	/* MISE EN FORME DES CONTENUS */

	

	#content a {

		color:#e7511e;

	}

	

	#content a:hover {

		text-decoration:underline;

	}

	

	.home #content h1 {

		padding:10px 15px;

		background:#e7511e;

		margin:0 0 24px 0;

	}

	

	.home #content h1 img {

		padding:0;

		margin:0;

	}

	

	.page #content h1 {

		padding:0;

		color:#e7511e;

		font-size:20px;

		font-weight:bold;

		margin:0 0 30px 0;

	}

	

	#content h2 {

		margin:0;

		padding:10px 15px;

		font-size:14px;

		font-weight:bold;

		text-transform:uppercase;

		color:#615247;

	}

	

	.home #content .main_content .col_droite h2 {

		font-size:14px;

		font-weight:bold;

		color:#615247;

		background:url(../images/bg_fleche_bleue.png) 0 4px no-repeat;

		padding:0 0 0 18px;

		text-transform:none;

	}

	

	#content h3 {

		margin:0;

		padding:10px 15px;

		font-size:14px;

		color:#e7511e;

	}

	

	#content h4 {

		color:#615247;

		font-size:12px;

		font-weight:bold;

		padding:10px 15px;

	}

	

	#content h5 {

		color:#00969e;

		font-size:12px;

		font-weight:normal;

		font-style:italic;

	}

	

	#content p.legend {

		color: black;

		font-size:9px;

		font-weight:normal;

		font-style:italic;

	}

	

	#content p {

		font-size:12px;

		color:#615247;

		margin:0 0 15px 0;

		line-height:1.3em;

		text-align:justify;

	}

	

	#content ul {

		margin:0 0 15px 27px;

	}

	

	#content ul li {

		font-size:12px;

		color:#615247;

		list-style-image:url(../images/bg_puce_1.png);

	}

	

	#content ul.list_3 li {

		font-size:12px;

		color:#615247;

		list-style-image:url(../images/bg_puce_3.png);

	}

	

		#content ul ul {

			margin:0 0 0 20px;

		}

		

		#content ul ul li {

			list-style-image:url(../images/bg_puce_2.png);

		}

	

	#content .main_content img {

		margin:0 20px;

	}

	

	#content .main_content img.left {

		margin:0 20px 10px 0;

		float:left;

	}

	

	#content .main_content img.right {

		margin:0 0 10px 20px;

		float:right;

	}

	

	#content table {

		border:0;

		border-collapse:collapse;

		margin:10px 0 23px 0;

	}

	

	#content table td {

		border:1px solid #cecbc6;

		color:#615247;

		font-size:12px;

		padding:7px 14px;

	}

	

	#content table td.color1 {

		background:#f5f5f4;

	}

	

	#content table th {

		border:1px solid #b5b1aa;

		background:#9c978d;

		color:#fff;

		font-size:11px;

		text-transform:uppercase;

		padding:7px 14px;

		text-align:left;

	}

	

	#content table th.empty {

		border:0;

		background:#fff;

	}

	

	#content table.bleu {

		border:2px solid #fff;

		border-spacing:2px;

		margin:10px 0 23px 0;

	}

	

	#content table.bleu td {

		border:1px solid #cecbc6;

		background:#ebf7f7;

		font-size:12px;

		padding:7px 14px;

		border:2px solid #fff;

		border-spacing:2px;

	}

	

	#content table.bleu td.color1 {

		background:#ebf7f7;

	}

	

	#content table.bleu th {

		border:2px solid #fff;

		border-spacing:2px;

		background:#00969e;

		color:#fff;

		font-size:11px;

		text-transform:uppercase;

		padding:7px 14px;

		text-align:left;

	}

	

	#content table.bleu th.empty {

		border:0;

		background:#fff;

	}

	

/* FOOTER */



#footer {

	padding:0 0 20px 0;

	font-size:11px;

	color:#615247;

}



	#footer a {

		color:#615247;

		text-decoration:underline;

	}



	#footer img {

		vertical-align:middle;

		margin:0 16px;

	}