.bodywrapper .header,
.bodywrapper .content,
.bodywrapper .menu,
.bodywrapper .highlight
{
	background:url(../../icons/common/bkg_ombrage-site.gif) repeat-y;
	width: 1015px;
	margin:0px auto 0px auto;
}
.bodywrapper .header .main,
.bodywrapper .menu .main,
.bodywrapper .highlight .main{
	width:1001px;
	margin:0px 8px 0px 7px;
}


/****************************/
/***** PAGE REDIRECTION *****/
/****************************/

.bodywrapper .centrage{
	width:400px;
	margin:200px auto 0px auto;
	text-align:center;
}
.bodywrapper .centrage ul{
	margin:0; /* -> Surcharge basics.css */
	margin-top:40px;
}
.bodywrapper .centrage ul li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	margin:0px 20px;
}
.bodywrapper .centrage ul li a{
	color:#009088;
	font-size:1.3em;
	font-weight:bold;
	/*text-shadow:1px 2px 5px #999;*/
	text-decoration:none;
}
.bodywrapper .centrage ul li a:hover{
	text-decoration:underline;
}


/******************/
/***** HEADER *****/
/******************/

.bodywrapper .header .main{
	background:url(../../icons/common/bkg_header.png) no-repeat center top;
	height:118px;
}
.bodywrapper .header .main .logo{
	float:left;
	margin:22px 0px 0px 15px;
}
.bodywrapper .header .main .slogan{
	float:left;
	margin:50px 0px 0px 25px;
}
.bodywrapper .header .main .accessTropimed{
	float:right;
	margin:44px 15px 0px 0px;
}
.bodywrapper .header .main .menu-small-screen{
	display:none;
}
.bodywrapper .header .main .accessTropimed-small-screen{
	display:none;
}


/*******************************/
/*****  MENU et SOUS-MENU  *****/
/*******************************/

.bodywrapper .menu .main{
	background:url(../../icons/common/bkg_menu-horizontal.jpg) repeat-x center top;
	height:40px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}
.bodywrapper .menu .main ul{ /* -> Surcharge basics.css */
	display:block;
	margin:0;
}
.bodywrapper .menu .main ul.horizontal{
	float:left;
	margin-left:20px;
}
.bodywrapper .menu .main ul.outils{
	float:right;
	margin-right:20px;
}
.bodywrapper .menu .main ul li{ /* -> Surcharge basics.css */
	display:inline;
	float:left;
	margin:0;
	list-style:none;
	line-height:1.0em;
}
.bodywrapper .menu .main ul li a{
	display:inline-block;
	height:26px;
	padding:14px 15px 0px;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:#000 2px 2px 1px;
	border-left:solid 1px #666;
	border-right:solid 1px #989898;
}
.bodywrapper .menu .main ul li a:hover,
.bodywrapper .menu .main ul li a.selected{
	background:url(../../icons/common/bkg_menu-horizontal-selected.jpg) repeat-x center top;
	color:#333;
	text-shadow:#FFF 1px 1px 1px;
}
.bodywrapper .menu .main ul li ul.sousMenu{
	display:none;
	position:absolute;
	background:url(../../icons/common/bkg_sousMenu.jpg) no-repeat left center;
	width:200px;
	z-index:99;
	margin-top:40px;
	border:solid 1px #d7d7d7;
	border-top:solid 1px #FFF;
	box-shadow:2px 2px 4px #666666;
	z-index:999;
}
.bodywrapper .menu .main ul li ul.sousMenu li{
	display:list-item;
	clear:both;
}
.bodywrapper .menu .main ul li ul.sousMenu li a{
	height:auto; /* surcharge .bodywrapper .menu .main ul li a */
	padding:0px; /* surcharge .bodywrapper .menu .main ul li a */
	font-size:1.0em; /* surcharge .bodywrapper .menu .main ul li a */
	font-weight:normal; /* surcharge .bodywrapper .menu .main ul li a */
	text-transform:none; /* surcharge .bodywrapper .menu .main ul li a */
	text-decoration:none; /* surcharge .bodywrapper .menu .main ul li a */
	text-shadow:none; /* surcharge .bodywrapper .menu .main ul li a */
	border:none; /* surcharge .bodywrapper .menu .main ul li a */
	display:block;
	width:176px;
	padding:7px 12px;
	color:#333;
	font-size:1.2em;
	line-height:1.3em;
	border-top:solid 1px #d7d7d7;
}
.bodywrapper .menu .main ul li ul.sousMenu li:first-child a{
	border-top:none;
}
.bodywrapper .menu .main ul li ul.sousMenu li a:hover{
	text-shadow:none; /* surcharge .bodywrapper .menu .main ul li a:hover */
	background:#EEE;
}


/******************************/
/*****  HOME : Highlight  *****/
/******************************/

.bodywrapper .highlight .main{
	background:url(../../icons/common/bkg_highlight-home.jpg) no-repeat center center;
	/*background-color:#7db2ff;*/
	background-color:rgba(0,144,136,0.2);
	height:380px;
	border-bottom:solid 1px #FFF;
}
.bodywrapper .highlight .main ul{
	margin:0; /* -> Surcharge basics.css */
}
.bodywrapper .highlight .main ul li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.0em; /* -> Surcharge basics.css */
}
.bodywrapper .highlight .main ul li .slide{
	background:url(../../icons/common/img_slide-ombre.png) no-repeat 110px 320px;
}
.bodywrapper .highlight .main ul li .slide img,
.bodywrapper .highlight .main ul li .slide .texte{
	margin:40px 0px 0px 110px;
	float:left;
}
.bodywrapper .highlight .main ul li .slide .texte{
	/*background:#e9ebeb;*/ 
	background:#FFF; 
	filter:alpha(opacity=90);
	width:400px;
	height:260px;
	margin-left:60px;
	padding:20px;
	opacity:0.9;
	border-radius:7px;
	-webkit-border-radius:7px;
}
.bodywrapper .highlight .main ul li .texte h2{
	padding:0px 0px 15px 0px;
	font-size:1.6em;
	font-weight:bold;
	color:#009088;
	/*color:#4C9ED9; couleur bleu style logo rouge*/
	line-height:1.2em;
}
.bodywrapper .highlight .main ul li .texte p{
	font-size:1.3em;
	font-weight:normal;
	color:#333;
	line-height:1.4em;
}
.bodywrapper .highlight .main ul li .texte p.more{
	text-align:right;
}
.bodywrapper .highlight .main ul li .texte p.more a{
	background:url(../../icons/common/bullet_more-infos.png) no-repeat right center;
	padding-right:20px;
}


/************************/
/*****  BREADCRUMB  *****/
/************************/
.bodywrapper #breadcrumb{
	margin:0; /* -> Surcharge basics.css */
	margin-bottom:25px;
}
.bodywrapper #breadcrumb li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	margin-left:20px;
}
.bodywrapper #breadcrumb li:first-child{
	margin-left:0px;
}
.bodywrapper #breadcrumb li a{
	color:#333;
	font-size:1.0em;
}
.bodywrapper #breadcrumb li a.selected{
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.bodywrapper #breadcrumb li a:hover{
	text-decoration:none;
}


/*********************/
/*****  CONTENT  *****/
/*********************/

.bodywrapper .content .border{
	width:1001px;
	height:25px;
	margin:0px 8px 0px 7px;
	padding:0px;
	border-top:solid 1px #666;
}
.bodywrapper .content .main,
.bodywrapper .content .home{
	width:961px;
	min-height:400px;
	margin:0px 8px 0px 7px;
}
.bodywrapper .content .main{
	background:url(../../icons/common/bkg_content.gif) repeat-y 665px top;
	padding:0px 20px 0px;
}
.bodywrapper .content .main .leftColumn,
.bodywrapper .content .main .rightColumn{
	float:left;
}
.bodywrapper .content .main .leftColumn{
	width:630px;
	margin-right:15px;
}
.bodywrapper .content .main .rightColumn{
	width:300px;
	margin-left:15px;
}
.bodywrapper .content .main .rightColumn ul{
	margin:0; /* -> Surcharge basics.css */
}
.bodywrapper .content .main .rightColumn ul li{
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	border-top:solid 1px #d1d1d1;
	padding:20px 0px;
}
.bodywrapper .content .main .rightColumn ul li:first-child{
	border-top:none;
	padding-top:0px;
}
.bodywrapper .content .main .rightColumn ul li img{
	float:left;
	margin-right:7px;
}
.bodywrapper .content .main .rightColumn ul li .more{
	float:right;
}
.bodywrapper .content .main table{
	width:100%;
}
.bodywrapper .content .main table th{
	border-bottom:solid 1px #333;
	text-align:center;
}
.bodywrapper .content .main table th,
.bodywrapper .content .main table td{
	padding:7px;
	border-left:solid 1px #FFF;
}
.bodywrapper .content .main table tr:nth-child(odd){
	background:#EBEBEB;
}
.bodywrapper .content .main table tr th{
	background:#FFF;
}
.bodywrapper .content .main table tr:hover{
	/*background:#dff5d2;*/
	background-color:rgba(0,144,136,0.2);
}
.bodywrapper .content .main .btnRetourListe{
	display:block;
	float:right;
}


/****************************/
/*****  CONTENT : HOME  *****/
/****************************/
.bodywrapper .content .home{
	background:url(../../icons/common/bkg_contentHome.gif) repeat-y center top;
	width:991px;
	padding:0px 5px 0px;
}
.bodywrapper .content .home ul{
	margin:0; /* -> Surcharge basics.css */
}
.bodywrapper .content .home ul li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	float:left;
	width:300px;
	margin:0px 15px;
}
.bodywrapper .content .home ul li h1{
	font-size:1.6em;
}
.bodywrapper .content .home ul li h2{
	color:#009088;
	/*color:#4C9ED9; couleur bleu style logo rouge*/
}
.bodywrapper .content .home ul li p.more{
	text-align:right;
}
.bodywrapper .content .home ul li ul.rightColumnList li{
	display:list-item;
	width:auto;
	margin:0px;
	border-top:solid 1px #d1d1d1;
	/*padding:20px 0px; tsz 13.08.2015 quote steffen*/
	padding:10px 0px;
}
.bodywrapper .content .home ul li ul.rightColumnList li:first-child{
	border-top:none;
	padding-top:0px;
}
.bodywrapper .content .home ul li ul.rightColumnList li img{
	float:left;
	margin-right:7px;
}
.bodywrapper .content .home ul li ul.rightColumnList li .more{
	float:right;
}


/************************************/
/*****  CONTENT : PRESENTATION  *****/
/************************************/

/* Liste */
.bodywrapper #presentation-tropimed{
	margin:20px 0px;
}
.bodywrapper #presentation-tropimed li{
	list-style:none;
	margin-top:10px;
	margin-left:0px;
}
.bodywrapper #presentation-tropimed li .zoom{
	float:left;
	margin:0px 10px 0px 20px;
}
.bodywrapper #presentation-tropimed li .title{
	float:left;
	width:580px;
	margin-bottom:20px;
}
.bodywrapper #presentation-tropimed li .title a{
	font-size:110%;
	font-weight:bold;
	color:#009088; 
	/*color:#4C9ED9;couleur bleu style logo rouge*/
	text-decoration:none;
}
.bodywrapper #presentation-tropimed li .title a:hover{
	text-decoration:underline;
}

/* Détail */
.bodywrapper #presentation-tropimed-detail{
	/* non utilisé */
}
.bodywrapper #presentation-tropimed-detail h2{
	float:left;
	width:545px;
	margin-top:5px;
	padding-bottom:30px;
}
.bodywrapper #presentation-tropimed-detail ul.navigation{
	float:right;
	margin:0px;
}
.bodywrapper #presentation-tropimed-detail ul.navigation li{
	display:inline;
	list-style:none;
	margin:0px;
}
.bodywrapper #presentation-tropimed-detail ul.navigation li img{
	cursor:pointer;
}
.bodywrapper #presentation-tropimed-detail .image-for-zoom{
	padding-top:20px;
	text-align:center;
}
.bodywrapper #presentation-tropimed-detail .image-for-zoom img{
	box-shadow:0px 0px 10px #CCC;
	border:solid 1px #CCC;
}
.bodywrapper #presentation-tropimed-detail .image-for-zoom .zoom-layer{
	position:absolute;
	width:630px;
	height:245px;
	background:url(../../icons/common/bkg_zoom.png) 560px 188px no-repeat;
	cursor:pointer;
}

/* Nouveautés */
.bodywrapper ul.newsList{
	margin:30px 0px 20px;
}
.bodywrapper ul.newsList li{
	list-style:none;
	margin:0px;
	padding:10px 5px;
}
.bodywrapper ul.newsList li:nth-child(odd){
	background-color:#E4E4E4;
}
.bodywrapper ul.newsList li:hover{
	/*background:#dff5d2;*/
	background-color:rgba(0,144,136,0.2);
}
.bodywrapper ul.newsList li .date{
	font-weight:bold;
}
.bodywrapper ul.newsList li .texte{
	line-height:1.2em;
	padding:3px 0px;
}
/* Quotes */
.bodywrapper .quote{
	margin-bottom:0px;
	text-align:left;
	font-style:italic;
	line-height:1.4em;
	word-spacing:0.4em;
}
.bodywrapper .right-align{
	text-align:right;
}
.bodywrapper img.quote-img, .bodywrapper .content .home ul li ul.rightColumnList li img.quote-img{
	border:solid 1px #009088;
	margin-right:10px; 
}
.bodywrapper .quote-signature{
	color:#009088; 
	font-weight:bold;
}
.bodywrapper .quote img, .bodywrapper .content .home ul li ul.rightColumnList li .quote img{
	vertical-align:text-top;
	float:none;
}
.bodywrapper .quote img:first-child, .bodywrapper .content .home ul li ul.rightColumnList li .quote img:first-child{
	vertical-align:text-bottom;
}

/*******************************/
/*****  CONTENT : SUPPORT  *****/
/*******************************/
.bodywrapper .content .main .leftColumn ul.tableauDeBord{
	margin:0; /* -> Surcharge basics.css */
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	float:left;
	width:285px;
	height:130px;
	background:url(../../icons/common/bkg_boxSupport.png) no-repeat left top;
	margin:0px 5px 20px;
	padding:10px;
	cursor:pointer;
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li img,
.bodywrapper .content .main .leftColumn ul.tableauDeBord li .texte{
	float:left;
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li img{
	margin-right:5px;
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li .texte li{
	display:list-item;
	float:none;
	width:auto;
	height:auto;
	background:none;
	cursor:default;
	list-style:disc;
	margin-bottom:0px;
	padding:0px;
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li .texte{
	width: 180px;
	margin-right: 0px;
	font-size: 1.1em;
}
.bodywrapper .content .main .leftColumn ul.tableauDeBord li .texte h3{
	font-size:1.2em;
	color:#333;
	margin:10px 0px 5px;
}
.bodywrapper .content .main h2 a.faqBreadcrumb{
	text-decoration:none;
	color:#000;
}
.bodywrapper .content .main h2 a.faqBreadcrumb:hover{
	text-decoration:underline;
}
.bodywrapper .content .main ol.faq{
	margin-top:30px;
}
.bodywrapper .content .main ol.faq li{
	margin-bottom:20px;
}
.bodywrapper .content .main ol.faq li .question{
	cursor:pointer;
	font-size:110%;
	text-decoration:underline;
}
.bodywrapper .content .main ol.faq li .question:hover{
	text-decoration:none;
}
.bodywrapper .content .main ol.faq li .reponse{
	display:none;
	margin-top:15px;
}

.bodywrapper #mapcontainer table{ /* surcharge pour un bon affichage du plan de localisation*/
	width:auto;
}


/**********************/
/*****  RSS FEED  *****/
/**********************/

.bodywrapper #tropimedRSSFeed{
	/* non utilisé */
}
.bodywrapper #tropimedRSSFeed li{
	display:list-item; /* surcharge .bodywrapper .content .home ul li */
	clear:both;  /* surcharge .bodywrapper .content .home ul li : float */
	width:300px;  /* surcharge .bodywrapper .content .home ul li */
	margin:0px;  /* surcharge .bodywrapper .content .home ul li */
	margin-bottom:10px;
}
.bodywrapper #tropimedRSSFeed li h1{
	padding:0px; /* surcharge basics.css */
	margin-bottom:3px; /* surcharge basics.css */
	font-size:1.0em; /* surcharge .bodywrapper .content .home ul li h1 */
	line-height:1.4em;
	color:#000; /* surcharge .bodywrapper .content .home ul li h1 */
}
.bodywrapper #tropimedRSSFeed li .date{
	font-size:0.85em;
	font-weight:normal;
	color:#666;
	padding-left:5px;
}
.bodywrapper #tropimedRSSFeed li p{
	margin-bottom:10px;
}

/* Compléments pour les pages intérieures */
.bodywrapper .content .main .rightColumn #tropimedRSSFeed li{
	margin-bottom:0px; /* surcharge .bodywrapper #tropimedRSSFeed li */
	border-top:none; /* surcharge .bodywrapper .content .main .rightColumn ul li */
	padding:0px 0px 5px; /* surcharge .bodywrapper .content .main .rightColumn ul li */
}

/********************/
/*****  FOOTER  *****/
/********************/

.bodywrapper .footer{
	background:url(../../icons/common/bkg_footer.png) no-repeat center bottom;
	width: 975px;
	height:42px;
	margin:0px auto 30px auto;
	padding:38px 20px 0px;
}
.bodywrapper .footer ul{
	margin:0; /* -> Surcharge basics.css */
}
.bodywrapper .footer ul li{
	display:inline; /* -> Surcharge basics.css */
	margin:0; /* -> Surcharge basics.css */
	list-style:none; /* -> Surcharge basics.css */
	line-height:1.5em; /* -> Surcharge basics.css */
	padding:0px 5px 0px 7px;
	color:#666;
	border-left:solid 1px #666;
}
.bodywrapper .footer ul li:first-child{
	padding-left:0px;
	border-left:none;
}
.bodywrapper .footer ul li a{
	color:#666;
}
.bodywrapper .footer img[src*=twitter]{
	vertical-align:top;
	margin-top:-4px;
}