/* ------------ */
/* MIKADENT  GENERAL LAYOUT    */
/* ------------ */

/* Feuille de style pour le FOOTER */
@import url(footer.css);


body {
	background: url(../images/bg_1.jpg) left top repeat-x #fff;

}
html, body {
	margin: 0;
	padding: 0;
	font:11px Arial, Helvetica, sans-serif;
}
.star {color: #FF3300}

#page {
	width: 780px;
	overflow:hidden;
	margin: 0px auto;
	background: transparent url(../images/bg_mikadent.jpg) no-repeat left top;
	padding:0;
}
.content{
	clear: both;
	width: 700px;
	height:300px;
	padding-top:0;
	margin-top:0;
}
.content1{
	clear: both;
	width: 700px;
	padding-top:0;
	margin-top:50px;
}

.header {
	margin:0;
	padding:0;
}

.navG{
	height: 117px;
	margin: 162px 0 0 0;
	padding:0;
	background: url(../images/z.jpg) no-repeat left top;
}


.logo{
	height: 78px;
	margin: 59px 0 0 0;
	padding:0;
	background: url(../images/mikadent-mikadn.gif) no-repeat left top;
}
.mikadent{
	height: 117px;
	margin: 25px 0 0 0;
	padding:0;
	background: url(../images/z-accroche.jpg) no-repeat left top;
}
p.main{
	margin: 0;
	text-align:right;
	padding:0 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	color:#778899;
}

img {border:none;}


.clear { clear: both;  height: 0;  width: 0;  line-height: 0;  font-size: .1px; }


/* 
----------------------------------------------------------------------------- 
Mise en page paragraphes et elements
-----------------------------------------------------------------------------*/
p.partenaires {
	margin: 0;
	padding: 0;
}
p.rubriques1 {
	margin: 10px 0 0 0;
	padding: 0;
}


/* 
----------------------------------------------------------------------------- 
center0
-----------------------------------------------------------------------------*/
.center0 {
	width:572px;
	float:left;
	margin: 0;
	padding: 0;	
}
/* 
----------------------------------------------------------------------------- 
center
-----------------------------------------------------------------------------*/
.center {
	width:454px;
	float:left;
	margin: 0;
	padding: 0;
}
.center  li.squar { 
	color:#2F4F4F; font-size: 12px;
	list-style-type:square;
	margin: 0 0 0 25px;
	padding: 0;
}
.center  li.squar a, .center  li.squar a:link, .center  li.squar a:visited  { 
text-decoration:none; color:#3366FF; border-bottom:1px solid #B0C4DE;
}
.center  li.squar a:hover  { text-decoration:none; color:#2F4F4F; border-bottom:1px solid #B22222; background-color:#F5F5F5;
}
.center p.texte{
	color:#2F4F4F;
		font-size: 12px;
}
.center p.texte a, .center p.texte a:link, .center p.texte a:visited{
text-decoration:none; color:#3366FF; border-bottom:1px solid #B0C4DE;
}
.center p.texte a:hover{
text-decoration:none; color:#2F4F4F; border-bottom:1px solid #B22222; background-color:#F5F5F5; 
}
.infoNews {
	width: 426px;
}
h5.internet{
	background: url(../images/bg_news.gif) no-repeat left top;
	font-size: 12px;
	line-height:30px;
	font-weight:normal; 
	padding: 0 13px 0 10px;
	color: #333;
	margin: 20px 0 3px 0;
}
h5.internet a, h5.internet a:link, h5.internet a:visited { text-decoration:none; color:#3366FF; border-bottom:1px solid #B0C4DE; }

h5.internet a:hover { text-decoration:none; color:#2F4F4F; border-bottom:1px solid #B22222; background-color:#F5F5F5; }

p.sites{ font-size: 12px; font-weight:normal; padding: 2px 0 0 20px;  margin:0; color: #333; }
p.sites a, p.sites a:link, p.sites a:visited { text-decoration:underline; color:#41607B; }
p.sites a:hover { text-decoration:none; background-color:#F3F4F6; color:#41607B; }

p.sites_internet{ font-size: 12px; font-weight:normal; padding: 2px 0 0 45px;  margin:0; color: #333; }
p.sites_internet a, p.sites_internet a:link, p.sites_internet a:visited { text-decoration:underline; color:#41607B; }
p.sites_internet a:hover { text-decoration:none; background-color:#F3F4F6; color:#41607B; }


h6.nea{
	background: url(../images/nea.gif) no-repeat left top;
	width:433px;
	height:347px;
	margin: 50px 0 0 5px;
}



h3.informations { margin: 0 0 15px 0; height:34px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#336699; }

.informationsRouge { color:#FF4500; }
	

h5.informations5 {
	margin: 0 0 15px 0;
	height:34px; font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	color:#336699; font-weight:normal;
}
h5.informations5 a, h5.informations5 a:link, h5.informations5 a:visited  {
color:#4682B4; text-decoration:underline; 
}
h5.informations5 a:hover{
color:#000; text-decoration:underline; background-color:#F5F5F5; 
}

h5.dot5 {
	background: url(../images/pointilles.gif) repeat-x left top; line-height:20px;
}

p.tops a, p.tops a:link, p.tops a:visited {
	background: url(../images/top.gif) no-repeat left top;
	font-size: 12px;
	font-weight:normal;
	line-height:28px; 
	padding: 2px 20px;
	color: #4682B4;
	margin: 0 0 13px 0;
}
/* 
----------------------------------------------------------------------------- 
right
-----------------------------------------------------------------------------*/
.right {
	float:left;
	width:117px;
	margin: 0;
	padding: 0;
}
.navD{
	margin: 50px 0 0 0;
	padding:0;
	height:200px;
	background: url(../images/z-1.png) repeat-x left top;
}
/* 
----------------------------------------------------------------------------- 
left
-----------------------------------------------------------------------------*/
.left {
	float:left;
	width:128px;
	margin: 0;
	padding: 0;
}
.left1 {
	float:left;
	width:128px;
	margin: 0;
	padding: 0;
}
.left1 img {
	border:1px dashed #A4C4E4;
	padding:6px;
	background:#E0EBF7;
	margin:0 0 10px 0;

}

/* 
----------------------------------------------------------------------------- 
Navigation left
-----------------------------------------------------------------------------*/

.left ul,li {list-style-type:none;}
.left  ul {
	margin:0 0 0 0;
	padding-right: 10px; padding-left: 0; padding-bottom: 0;  padding-top: 0;
	}
.left  ul li {
	display:inline;
	color:#000;
	padding-top:1px;
	margin:0;
	}
	
.left ul li a {
	display:block;
	border:0;
	padding:0;
	}

.left  ul li a:link, .left  ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color:#293838;
	text-decoration:none;
	margin:0;
	padding:5px 0 4px 1px;
	background:transparent url(../images/bg-liens.jpg) no-repeat top left;
	}

.left  ul li a:hover {
	color:#fff;
	margin:0;
	padding:5px 0 4px 1px;
	background:#4682B4 url(../images/bg-liens.jpg) no-repeat 0px -80px;
	}

	
	
/* 
----------------------------------------------------------------------------- 
Navigation dr UL
-----------------------------------------------------------------------------*/
h3.informationsExpo {
	margin: 30px 0 0 0;
	height:20px; font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	color:#336699;
}

.exposants {list-style-type:none;
	width:115px;
	border:1px solid #E6E6FA;
	background:#F5F5F5;
	margin:0;
	padding:0;
	color:#36648B;
	font-size:11px;

}
.exposants p {
	margin:0;
	padding:11px 0;
}
.exposants ul {
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	width:115px;
	overflow:hidden
	}

.exposants ul li a, .exposants  ul li a:link, .exposants  ul li a:visited {
	background:url(../../images/fleche.gif) no-repeat 0 4px;
	color:#36648B;
	width:115px;
	overflow:hidden;
	margin-left:2px;
	padding-left:13px;
	line-height:18px;
	text-decoration:none;
	}
.exposants  ul li a:hover {
	color:red;
	}
	
/* 
----------------------------------------------------------------------------- 
Navigation Rubriques
-----------------------------------------------------------------------------*/
#search {
	margin:0 0 20px 0;
	background:  transparent url(../images/bg-search1.png) no-repeat top left;
	width:115px;
	height:120px;
	}
#search input {
  margin-left:5px;
}
	
#search .txt {
	border:1px solid #b6b3b3;
	width:100px;
	margin-right:5px;
	}
#search h4 {
	text-indent:-9999px;
	display:block;
	height:15px;
	margin:0;
	padding:0;
	width:100px;
	}
#search div {
	background: url(../images/bg-search-bottom.gif) no-repeat bottom left;
	}
#search p {
	padding:1px 1px 0 0;
	margin:0;
	font-size:10px;
	color:#708090;
	}
#search a:link,
#search a:visited {
	color:#708090;
	text-decoration:none;
	}
#search a:hover {
	color:#e45a49;
	}
#search .btn {
	vertical-align:top;
	padding-top:3px;
	padding-left:3px;
	}
#search span {
	padding-left:14px;
	background:url(../images/icon-star.gif) no-repeat left center;
	}	
	
	
/* Formulaires 
------------------------------------------------------------------*/
.txt {
	border:1px solid #b6b3b3;
	width:100px;
	margin:2px 0;
	padding:2px;
	}
.dropdown {
	border:1px solid #b6b3b3;
	padding:2px;
	}
.bg {
	background-color:#2f3e3e;
	padding:3px;
	width:100px;
	}
#contact-form p {
	margin-bottom:1px;
	}	
/******************************************** BOTTOM ET FOOTER ********************************************/

.footer {
	clear: both; 
	width:100%;
	background: transparent url(../images/blanc-bleu.png) top left repeat-x;
	padding:0;
	margin:0;
	min-width:800px;
}

#page_bottom{
	width: 780px;
	overflow:hidden;
	margin: 0px auto;
	padding:0;
}

.bottom1 {
	clear: both;
	width: 700px;
	padding-top:0;
	margin-top:0;
	text-align: left;
	min-height: 200px;
	background: transparent url(../images/blanc-bleu1.png) top left repeat-x;	
}
.bottom1 H3{
	margin:0 0 0 0;
	padding:0;
	line-height:41px;
	text-align: left;
	color:#426B88;
}
.content_bottom{
	width: 700px;
	margin:0 0 0 0;
	padding:0;
}


/* 
Labocast
-----------------------------------------------------------------------------*/

#sherlockcontent {margin: 80px 0 0 170px; background: transparent; height:688px; padding: 0; z-index: 1;  }

#cadreaoutfla{height:600px; width: 120px;  margin: 0 0 0 100px; background: transparent; z-index: 0; }



/* 
bas GAUCHE
-----------------------------------------------------------------------------*/
.width25_cal {
	width: 24.7%
}
.width25_cal h3{
	line-height:30px;
	margin: 0;
	padding: 10px 10px 10px 0;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8BA9BE;
}
.width25_cal ul {
	padding:20px 10px 0 0;
	margin:0;
	list-style:none;
}
.width25_cal ul li {
	display:block;
	background:url(../images/pointilles.gif) repeat-x top left;
	line-height:20px;
}
.width25_cal ul li.active {color:red;}
.width25_cal ul li a, .width25_cal ul li a:link, .width25_cal ul li a:visited {text-decoration:none; color:#36648B;}
.width25_cal ul li a:hover {color:#B0C4DE; text-decoration:none;}
/* 
bas DROITE
-----------------------------------------------------------------------------*/
.width75_cal {
	width: 74%;
	text-align:left;
}
.width75_cal h3{
	line-height:30px;
	margin: 0;
	padding: 10px 10px 10px 0;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8BA9BE;
}


/* 
----------------------------------------------------------------------------- 
elements
-----------------------------------------------------------------------------*/

.width100 {
	width: 100%
}
.width75 {
	width: 74%;
}
.width50 {
	width: 49.7%
}
.width33 {
	width: 32.7%
}
.width25 {
	width: 24.7%
}
.floatLeft {
	float: left
}
.floatRight {
	float: right
}
.justify {
	text-align: justify
}
.alignLeft {
	text-align: left
}
.alignRight {
	TEXT-ALIGN: right
}
.clear {
	CLEAR: both
}
.block {
	DISPLAY: block
}