/* =Reset default browser CSS. Based on work by Eric Meyer and thibaut noyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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,
 caption, tbody, tfoot, thead {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

a img {
	border: none;
}
:focus{outline:0;}


a {
	color: #008fc7;
	text-decoration: none;

}
/* Cacher les balises SKYPE */
body span.skype_pnh_print_container {
  display:inline !important;
}body span.skype_pnh_container{
  display:none !important;
}



/* =MISC STYLES
   ....................................... */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0%;
	padding: 0;
	margin: 0;
}

.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

.alignleft {
	text-align: left;

}.alignright {
	text-align: right;

}
.aligncenter {
	text-align: center;

}
body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #170901;
	background: url(../images/header-otl-avocats.jpg) repeat-x left top;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 540px;
}
#header #Logo {
	margin: 0px auto;
	padding: 0px;
	height: 250px;
	width: 960px;
	background: url(../images/Otl-avocats.png) no-repeat center 20px;
}

#header #Logo .homepage {
	margin: 40px 0px 0px;
	padding: 0px;
	height: 180px;
	width: 200px;
	float: left;
	display: block;
	}

#header #Logo a.homelink {
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 200px;
	display: block;
	text-indent: -10000px;
	}


#header #Logo #langues {
	margin: 0px;
	padding: 15px 0px 0px;
	height: 200px;
	width: 380px;
	float: left;
	}

a.france {
	background: url(../images/france.gif) no-repeat left top;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	padding-left: 25px;
	width: 60px;
	margin-bottom: 10px;
}
a.england {
	background: url(../images/england.gif) no-repeat left top;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	padding-left: 25px;
	width: 60px;
}
a.england:hover, a.france:hover, a.england.selected, a.france.selected {
	color: #f3bd1f;
}
ul#navigation1 {
	margin: 0px auto;
	padding: 0px;
	height: 41px;
	list-style: none;
	width: 960px;
	display: block;

}
ul#navigation1 li {
	display: block;
	float: left;
	width: 320px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
}
ul#navigation1 li.palmes {
	background: url(../images/palmes.png) no-repeat center top;
	height: 20px;
	padding-top: 5px;
}
ul#navigation1 li.bluepalmes {
	background: url(../images/blue-palmes.png) no-repeat center top;
	height: 20px;
	padding-top: 5px;
}
ul#navigation1 li.engpalmes{
	background: url(../images/eng-palmes.png) no-repeat center top;
	height: 20px;
	padding-top: 5px;
}
ul#navigation1 li.engbluepalmes {
	background: url(../images/eng-blue-palmes.png) no-repeat center top;
	height: 20px;
	padding-top: 5px;
}



ul#navigation1 li a:hover, ul#navigation1 li a.selected  {
	color: #FCD500;
}
#yellow-block {
	margin: 0px;
	padding: 0px;
	height: 249px;
	background: url(../images/block-jaune.gif) no-repeat center top;
}
.visuel {
	margin: 0px auto;
	padding: 0px;
	height: 179px;
	width: 936px;
}
.visuel-accueil {
	padding: 0px;
	width: 804px;
	height: 179px;
	margin-left: 63px;
}
/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width: 804px;
	height: 179px;
	margin-left: 63px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




.visuel-assister{
	padding: 0px;
	width: 804px;
	height: 179px;
	background: url(../images/assister.jpg) no-repeat left top;
	margin-left: 63px;
}
.visuel-communiquer{
	padding: 0px;
	width: 804px;
	height: 179px;
	background: url(../images/communiquer.jpg) no-repeat left top;
	margin-left: 63px;
}
.visuel-communicate {
	padding: 0px;
	width: 804px;
	height: 179px;
	background: url(../images/communicate.jpg) no-repeat left top;
	margin-left: 63px;
}
.visuel-assist {
	padding: 0px;
	width: 804px;
	height: 179px;
	background: url(../images/assist.jpg) no-repeat left top;
	margin-left: 63px;
}
#footer {
	padding: 10px 0px 20px;
	margin: 0px;
	text-align: center;
}
#footer  ul{
	margin: 0px;
	}
#footer  ul li{
	margin: 0px;
	display: inline;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	}
#footer  ul li a{
	margin: 0px;color: #002d4c;
	
	}
	#footer  ul li a:hover{
text-decoration: underline;
	}
	
#copyright {
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #7DBEDE;
	text-transform: uppercase;
	padding-top: 10px;
}	
#copyright a{
	color: #7DBEDE;
	}
	#copyright a:hover{
	color: #7DBEDE;
	text-decoration: underline;
	}	
		
#container {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
#Column-left {
	margin: 0px;
	padding: 0px;
	width: 220px;
	float: left;
}
#Column-right {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 185px;
	float: left;
	background: url(../images/actu-line.gif) no-repeat left top;
	height: 570px;
}
#content{
	margin: 0px;
	padding: 0px;
	width: 740px;
	float: left;
}
#content.content-type{
	margin: 0px;
	padding: 0px 0px 50px 40px;
	width: 700px;
	float: left;
	background: url(../images/balance-otl.gif) no-repeat center 40px;
	min-height:500px;
	height:auto !important;
	height:500px;
	
	
}
#content .Left-column{
	margin: 0px;
	padding: 0px;
	width: 338px;
	float: left;
}
#content .Right-column{
	margin: 0px;
	padding: 0px;
	width: 338px;
	float: right;
}
#content p{
	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #32444e;
	text-align: justify;
	padding-bottom: 15px;
}
#content h1{
	font: bold normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #062d4c;
	padding-bottom: 30px;
}
#content h2{
	font: bold normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #008fc7;
	padding: 0px;
	margin: 0px;
}
#content p span{
	color: #008fc7;
	font-size: 12px;
	
}


ul#navigation2 {
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style: none;
}

ul#navigation2 li{
	border-bottom: 1px solid #7dbede;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
}
ul#navigation2 li a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #002d4c;
}
ul#navigation2 li a.selected, ul#navigation2 li a:hover {
		color: #008fc7;
}

.texte-accueil {
	margin: 0px;
	padding: 0px 0px 150px;
	width: 540px;
	background: url(../images/balance-otl.gif) no-repeat center top;
	float: left;

}
.texte-accueil .column{
	margin: 0px;
	padding: 0px 30px 0px 0px;
	width: 240px;
	float: left;

}
.texte-accueil .column-right{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
}

/* Actualites ///////////////////////////////////*/

/* Actus accueil*/

.box-accueil {
	padding-bottom: 22px;
}
	
#content .box-accueil h1{
	color: #FFFFFF;
	margin: 0px 0px 15px;
	padding: 5px;
	background: #1a90c7;
	font: normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#content .box-accueil .actu, #MainContent #Fiche-Labo .box-actus .actu {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../images/line-h.gif) no-repeat center bottom;
}
.box-accueil .Allactu, .box-actus .Allactu, .box-zoom-actus-groupe .Allactu {
	margin : 0px;
	padding: 5px 0px 10px;
	background-image: url(../images/actualites/separator-actus.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
/* ************************************************************ */
/*
Actualites full
*/

.box-actus.actualite {

}
.retour-listing {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;

}
.retour-listing a:hover{
	text-decoration:underline;

}

#content .ContentActu {
	margin: 0px;
	padding: 0px;
	}
#content .ContentActu a{
	color: #008fc7;
	text-decoration: underline;
	}	
#content .ContentActu a:hover{
	text-decoration: none;
	}		
#content .ContentActu img {
	padding: 5px;
	background-color: #F7F7F7;
	border: 1px solid #e4d8c1;
	float: right;
	margin: 0px 0px 0px 30px;
	clear: right;
	}	
	
	
	
	
#content .ContentActu h1 {
	color: #32444e;
	margin: 0px;
	letter-spacing: 1px;
	padding: 0px 0px 10px;
	font: bold normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
#content .ContentActu h2 {
	color: #1a171b;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: justify;
	font: normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
#content .ContentActu h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1a171b;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	letter-spacing: normal;
	padding: 10px 0px 15px;
	clear: left;
}
#content .ContentActu h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1a171b;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
}
#content .ContentActu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #1a171b;
	padding-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: justify;
}

#content .ContentActu ul {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	height: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 20px;
	list-style-type: disc;
	clear: left;
	}
#content .ContentActu ul li {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	float: none;
	list-style-type: disc;
	list-style-position: inside;
	color: #666666;
	}




/* ************************************************************ */
/*
PAGINATION
*/
div.pagination{
	background-image: url(../images/Actualites-Bioactif/actualites-laboratoires.gif);
	background-repeat: repeat-x;
	background-position: -10px bottom;
	text-align:center;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	
}
.pagination a{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #EBE2C2;
	border: 1px solid #D6B89D;
	text-decoration: none; /* no underline */
	color: #531316;	
	
}
.pagination a:hover,
.pagination a:active {
	color: #831F24;
	background-color: #EBE2C2;
	border: 1px solid #531316;
	text-decoration: none;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	background-color: #571417;
	color: #FFFFFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #720B45;
	color: #DDD;
}
.retour a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	width: 80px;
	height: 15px;
	display: block;
	padding: 4px;
	margin-left: 600px;
	text-align: center;
}
.retour a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	width: 80px;
	height: 15px;
	display: block;
	padding: 4px;
	margin-left: 600px;
	text-align: center;
}
.retour a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	width: 80px;
	height: 15px;
	display: block;
	padding: 4px;
	margin-left: 600px;
	text-align: center;
	
}
.retour a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	width: 80px;
	height: 15px;
	display: block;
	padding: 4px;
	margin-left: 600px;
	text-align: center;
}



.box-accueil .Allactu a, .box-actus .Allactu a, .box-zoom-actus-groupe .Allactu a{
	color: #1a90c7;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/voir-actus.gif) no-repeat 8px 1px;
	font: small-caps normal 12px/normal Arial, Helvetica, sans-serif;
}
.box-accueil .Allactu a:hover, .box-actus .Allactu a:hover, .box-zoom-actus-groupe .Allactu a:hover  {

	text-decoration: underline;
	
}

#content .box-accueil .actu h2{
	color: #32444e;
	margin: 0px;
	letter-spacing: 0px;
	padding: 0px 0px 10px;
	font: bold normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
}


#content .box-accueil .actu h2 a, #content .box-actus .actu h2 a, .box-zoom-labo .zoom-fiche-labo .box-actus .actu h2 a, .box-zoom-actus-groupe .actu h2 a{
	color: #32444e;
}
#content .box-accueil .actu h2 a:hover, #content .box-actus .actu h2 a:hover, .box-zoom-labo .zoom-fiche-labo .box-actus .actu h2 a:hover, .box-zoom-actus-groupe .actu h2 a:hover {
	color: #1a90c7;
}

.box-accueil .actu .date, .ContentActu .date, .box-actus .actu .date{
	color: #32444e;
	padding-left: 10px;
	background: url(../images/equipe/li-square.gif) no-repeat left center;
	font: italic normal 10px/normal Arial, Helvetica, sans-serif;
}
#content .box-accueil .actu p {
	color: #1a171b;
	padding-bottom: 15px;
	font: normal 9px/normal Verdana, Arial, Helvetica, sans-serif;
	}
	
.box-actus {
	padding-bottom: 15px;
	}
.box-actus .actu {
	padding-bottom: 15px;
	background: url(../images/listing-blue-line.gif) no-repeat center bottom;
	margin-bottom: 15px;
	}		
#content .box-actus .actu h2{
	color: #32444e;
	margin: 0px;
	letter-spacing: 0px;
	padding: 10px 0px;
	font: bold normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
}		
	
.box-actus .actu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #7E827B;
	padding-bottom: 9px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: justify;
	}
.box-zoom-labo .zoom-fiche-labo .box-actus .actu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #757872;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	}	
/* ************************************************************ */
/*
Equipe
*/
.membre {
	margin: 0px;
	padding: 0px 0px 40px;
	width: 700px;
}
.visuel-membre {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 200px;
}
.descprition_equipe {
	padding: 0px;
	width: 540px;
	margin: -85px 0px 0px 160px;
	float: left;
}

.descprition_equipe ul{
	padding: 0px;
	margin: 0px;	
}
.descprition_equipe ul li{
	padding: 0px 0px 5px 10px;
	margin: 0px;
	background: url(../images/equipe/li-square.gif) no-repeat left 4px;
	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #062d4c;
}

a.titre-accordeon {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	float: left;
}

a.titre-accordeon .visuel-team{
	float: left;
	margin-right: 20px;
}
a.titre-accordeon .visuel-team img{
	margin: 0px;
	padding: 2px;	
}
a.titre-accordeon:hover .visuel-team img{
	background: #157fbf;
}

a.titre-accordeon:hover .visuel-team span{
	color:#157fbf;
	
}

a.titre-accordeon.selected .visuel-team img{
	background: #062d4c;
}

a.titre-accordeon.selected .visuel-team span{
	color:#fedd34;
	background: #062d4c;
}



a.titre-accordeon .visuel-team span{
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #062d4c;
	padding-top: 5px;
	text-align: center;
	padding-bottom: 5px;
}
a.titre-accordeon span.intro{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #062d4c;
	}
#content ul.telechargement {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	font: normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
}

#content ul.telechargement li {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	background: url(../images/listing-blue-line.gif) no-repeat left bottom;
		padding: 0px;
}

#content ul.telechargement li a{
	color: #393939;
	background: url(../images/pdf.png) no-repeat left top;
	font: bold normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px;
	padding-left: 40px;
	height: 40px;
	display: block;
	padding-top: 10px;
}
#content ul.telechargement li a:hover{
	text-decoration: underline;	
}
#content span.acrobat {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-style: italic;
}

#content .date-note{
	color: #32444e;
	padding-left: 10px;
	background: url(../images/equipe/li-square.gif) no-repeat left center;
	font: italic normal 10px/normal Arial, Helvetica, sans-serif;
}
.frame-contact {
	background: url(../images/frame-contact.png) no-repeat;
	margin: 50px auto 0px;
	padding: 70px 20px 20px;
	height: 102px;
	width: 368px;
}
.frame-contact .column{
	width: 184px;
	float: left;
}
.frame-contact .column a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #32444E;
}
.frame-contact .column a:hover{
	text-decoration: underline;	
}

.frame-contact .column2{
	width: 184px;
	float: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#content .frame-contact .column2 p{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #008FC7;
}
#content .frame-contact .column2 p.adresse{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #008FC7;
}