/* ======================================================
Minatec
---------------------------------------------------------
Auteur : Nodule.com
Date : 30 Avril
========================================================= */

/* ======================================================
Font Reset
========================================================= */


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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

:focus { outline:0; }

ol, ul { list-style:none; }

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:400;
}

blockquote:before, blockquote:after, q:before, q:after { content:""; }

.lirelasuite a {
	color: #02a7dc;
	margin-left: 12px;
	padding-left: 10px;
	font-size: .9em;
	text-decoration: none;
	background: url(../i/ico-arrow-small.png) no-repeat 0 50%;
}

span.lirelasuite  {

}

/* ======================================================
Body
========================================================= */

body {
	font:76% arial, sans-serif;
	text-align:center;
	background: #FFFFFF url(../i/bg-body.png) repeat-x top left;
}




/* ======================================================
Linkologie
========================================================= */

a {
	color: #286da6;
	text-decoration: underline;
}

a:hover {
	color: #222;
	text-decoration: none;
}

strong {
	font-weight: 700 !important;
}

/* ======================================================
Layout
========================================================= */

div#wrapper {
	float:left;
	width:100%;
}

div#container, div#container-fr, div#container-en {
	text-align:left;
	width:1000px;
	margin: 0 auto;
	background: transparent url(../i/bg-container-shadow.png) no-repeat 0 18px;
}

div#container-ja {
	text-align:left;
	width:1000px;
	margin: 0 auto;
	background: transparent url(../i/bg-container-shadow-jp.png) no-repeat 0 18px;
}

/*
div#container-ja table {
	border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	width: 685px;
	margin: 10px 0 10px 15px;
}

div#container-ja td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;

}
*/

div#container-home {
	text-align:left;
	width:1000px;
	margin: 0 auto;
	background: transparent url(../i/bg-container-home-shadow.png) no-repeat 0 18px;
}

div#gutter {
	text-align:left;
	width:970px;
	padding: 0 5px 0 15px;
	min-height: 650px;
	height: auto !important;
	height: 650px;
}

/* ======================================================
CSS Léti
========================================================= */

div#leti {
	text-align:left;
	width:760px;
	margin: 0 ;
	background-color: #fff;
}

div#gutter-leti {
	text-align:left;
	width:760px;
}

div#colleft-leti {
	float:left;
	width:205px;
	margin-left:-760px;
}

div#content-leti {
	margin: 0 0 0 205px;
}


/* ======================================================
Header Top
========================================================= */

#header-top {
	height: 20px;
	padding: 10px;
}

#header-top ul {
	float: right;
}

#header-top li {
	display: inline;
	font-size: .8em;
	padding: 3px 5px 3px 5px;
}

#header-top li.en {
	background: url(../i/bg-li-en.png) no-repeat 0 0;
	padding: 3px 5px 3px 34px;
}

#header-top li.fr {
	background: url(../i/bg-li-fr.png) no-repeat 0 0;
	padding: 3px 5px 3px 34px;
}

#header-top li.ja {
	background: url(../i/bg-li-jp.png) no-repeat 0 0;
	padding: 3px 5px 3px 34px;
}

#header-top #header-li-annexe li {
	display: inline;
	font-size: .8em;
	padding: 3px 5px 3px 20px;
	background:url(../i/bg-li-headertop.png) no-repeat 0 50%;
}

#header-top li a {
	color: #fff;
	text-decoration: none;
}

#header-top .active a {
	color: #fff;
	text-decoration: underline !important;
	font-weight: 700; 

}

/* ======================================================
Header
========================================================= */

div#header {
	position:relative;
	height: 140px;
	/*background: url(../i/bg-header-1.jpg) no-repeat top left;*/
}

/* ======================================================
Header bg variation 
========================================================= */

/* FR */
.base-fr { background: #000 url(../i/fr/bg-header-1.jpg) no-repeat left top; }
.header_education-fr { background: #000 url(../i/fr/bg-header-education.jpg) no-repeat left top; }
.header_recherche-fr { background: #000000 url(../i/fr/bg-header-recherche.jpg) no-repeat left top; }
.header_ressources-fr { background: #000000 url(../i/fr/bg-header-ressources.jpg) no-repeat left top; }
.header_industrie-fr { background: #000000 url(../i/fr/bg-header-industrie.jpg) no-repeat left top; }
.header_offre-services-fr { background: #000000 url(../i/fr/bg-header-offreservice.jpg) no-repeat left top; }
.header_innovation-fr { background: #000000 url(../i/fr/bg-header-innovation.jpg) no-repeat left top; }

/* EN */
.base-en { background: #000 url(../i/en/bg-header-1.jpg) no-repeat left top; }
.header_education-en { background: #000 url(../i/en/bg-header-education.jpg) no-repeat left top; }
.header_recherche-en { background: #000000 url(../i/en/bg-header-recherche.jpg) no-repeat left top; }
.header_ressources-en { background: #000000 url(../i/en/bg-header-ressources.jpg) no-repeat left top; }
.header_industrie-en { background: #000000 url(../i/en/bg-header-industrie.jpg) no-repeat left top; }
.header_offre-services-en { background: #000000 url(../i/en/bg-header-offreservice.jpg) no-repeat left top; }
.header_innovation-en { background: #000000 url(../i/en/bg-header-innovation.jpg) no-repeat left top; }

/* JA */
.base-ja { background: #000 url(../i/jp/bg-header-1.jpg) no-repeat left top; }
.header_education-ja { background: #000 url(../i/jp/bg-header-education.jpg) no-repeat left top; }
.header_recherche-ja { background: #000000 url(../i/jp/bg-header-recherche.jpg) no-repeat left top; }
.header_ressources-ja { background: #000000 url(../i/jp/bg-header-ressources.jpg) no-repeat left top; }
.header_industrie-ja { background: #000000 url(../i/jp/bg-header-industrie.jpg) no-repeat left top; }
.header_offre-services-ja { background: #000000 url(../i/jp/bg-header-offreservice.jpg) no-repeat left top; }
.header_innovation-ja { background: #000000 url(../i/jp/bg-header-innovation.jpg) no-repeat left top; }


/* ======================================================
Header structure 
========================================================= */

div#header h1 {
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}

div#header h1 a:link, div#header h1 a:visited {
	position: absolute;
	top: 22px;
	left: 22px;
	display: block;
	width: 200px;
	height: 100px;
	border: none;
	background: url(../i/logo.png) no-repeat left top;
}

div#header h1 a:hover {
	border: none;
	background: url(../i/logo.png) no-repeat left top;
}

/* ======================================================
Navigation
========================================================= */


/*#navigation {
	height: 48px;
	position: relative;
	padding: 0;
}*/

#navigation .french {
	height: 48px;
	position: relative;
	padding: 0;
	background: url(../i/bg-nav.png) no-repeat left top;
}

#navigation .english {
	height: 48px;
	position: relative;
	padding: 0;
	background: url(../i/en/bg-nav.png) no-repeat left top;
}

#navigation .japanese {
	height: 1px;
	position: relative;
	padding: 0;
	background-color: #000 !important;

}


#navigation li { display: inline; }

#navigation li a:link, #navigation li a:visited {
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9000px;
	text-decoration: none;
	border: none;
}

/* Message d'alerte */

.noresultats {
	border: 1px solid #ddd;
	padding: 2px 5px 5px 15px !important;
	background-color: #FFFF99;
	margin: 10px 15px 10px 10px;
}

.noresultats p {
	padding: 5px 5px 5px 15px !important;
	font-size: .8em;
	font-weight: 700;
	background: url(../i/exclamation_octagon_fram.png) no-repeat 0 3px;
}

/* ======================================================
Header french > li > a
========================================================= */
#navigation .french li.accueil a:link, #navigation .french li.accueil a:visited {left: 0px;width: 107px;height: 48px;}
#navigation .french li.minatec a:link, #navigation .french li.minatec a:visited {left: 107px;width: 94px;height: 48px;}
#navigation .french li.education a:link, #navigation .french li.education a:visited {left: 201px;width: 108px;height: 48px;}
#navigation .french li.recherche a:link, #navigation .french li.recherche a:visited {left: 309px;width: 110px;height: 48px;}
#navigation .french li.industrie a:link, #navigation .french li.industrie a:visited {left: 419px;width: 104px;height: 48px;}
#navigation .french li.innovation_-amp-_soci-t- a:link, #navigation .french li.innovation_-amp-_soci-t- a:visited {left: 523px;width: 176px;height: 48px;}
#navigation .french li.offre-services a:link, #navigation .french li.offre-services a:visited {left: 699px;width: 154px;height: 48px;}
#navigation .french li.ressources a:link, #navigation .french li.ressources a:visited {left: 853px;width: 117px;height: 48px;}

/* ======================================================
Header french > li > a:hover
========================================================= */
#navigation .french li.accueil a:hover { background: url(../i/bg-nav.png) no-repeat 0 -48px; }
#navigation .french li.minatec a:hover { background: url(../i/bg-nav.png) no-repeat -107px -48px; }
#navigation .french li.education a:hover { background: url(../i/bg-nav.png) no-repeat -201px -48px; }
#navigation .french li.recherche a:hover { background: url(../i/bg-nav.png) no-repeat -309px -48px; }
#navigation .french li.industrie a:hover { background: url(../i/bg-nav.png) no-repeat -419px -48px; }
#navigation .french li.innovation_-amp-_soci-t- a:hover { background: url(../i/bg-nav.png) no-repeat -523px -48px; }
#navigation .french li.offre-services a:hover { background: url(../i/bg-nav.png) no-repeat -699px -48px; }
#navigation .french li.ressources a:hover { background: url(../i/bg-nav.png) no-repeat -853px -48px; }

/* ======================================================
Header french > li > a:on
========================================================= */
#navigation  .french li.accueil a.active, #navigation  .french li.accueil a.active-trail  { background: url(../i/bg-nav.png) no-repeat 0 -96px;}
#navigation  .french li.minatec a.active, #navigation  .french li.minatec a.active-trail  { background: url(../i/bg-nav.png) no-repeat -107px -96px;}
#navigation  .french li.education a.active, #navigation  .french li.education a.active-trail  { background: url(../i/bg-nav.png) no-repeat -201px -96px;}
#navigation  .french li.recherche a.active, #navigation  .french li.recherche a.active-trail   { background: url(../i/bg-nav.png) no-repeat -309px -96px;}
#navigation  .french li.industrie a.active, #navigation  .french li.industrie a.active-trail  { background: url(../i/bg-nav.png) no-repeat -419px -96px;}
#navigation  .french li.innovation_-amp-_soci-t- a.active, #navigation  .french li.innovation_-amp-_soci-t- a.active-trail  { background: url(../i/bg-nav.png) no-repeat -523px -96px;}
#navigation  .french li.offre_de_services a.active, #navigation  .french li.offre_de_services a.active-trail  { background: url(../i/bg-nav.png) no-repeat -699px -96px;}
#navigation  .french li.ressources a.active, #navigation  .french li.ressources a.active-trail   { background: url(../i/bg-nav.png) no-repeat -853px -96px;}


/* ======================================================
Header en > li > a
========================================================= */
#navigation .english li.accueil a:link, #navigation .english li.accueil a:visited {left: 0px;width: 107px;height: 48px;}
#navigation .english li.minatec a:link, #navigation .english li.minatec a:visited {left: 107px;width: 94px;height: 48px;}
#navigation .english li.education a:link, #navigation .english li.education a:visited {left: 201px;width: 108px;height: 48px;}
#navigation .english li.research a:link, #navigation .english li.research a:visited {left: 309px;width: 110px;height: 48px;}
#navigation .english li.industrie a:link, #navigation .english li.industrie a:visited {left: 419px;width: 104px;height: 48px;}
#navigation .english li.innovation_-amp-_soci-t- a:link, #navigation .english li.innovation_-amp-_soci-t- a:visited {left: 523px;width: 176px;height: 48px;}
#navigation .english li.offre-services a:link, #navigation .english li.offre-services a:visited {left: 699px;width: 154px;height: 48px;}
#navigation .english li.ressources a:link, #navigation .english li.ressources a:visited {left: 853px;width: 117px;height: 48px;}

/* ======================================================
Header en > li > a:hover
========================================================= */
#navigation .english li.accueil a:hover { background: url(../i/en/bg-nav.png) no-repeat 0 -48px; }
#navigation .english li.minatec a:hover { background: url(../i/en/bg-nav.png) no-repeat -107px -48px; }
#navigation .english li.education a:hover { background: url(../i/en/bg-nav.png) no-repeat -201px -48px; }
#navigation .english li.research a:hover { background: url(../i/en/bg-nav.png) no-repeat -309px -48px; }
#navigation .english li.industrie a:hover { background: url(../i/en/bg-nav.png) no-repeat -419px -48px; }
#navigation .english li.innovation_-amp-_soci-t- a:hover { background: url(../i/en/bg-nav.png) no-repeat -523px -48px; }
#navigation .english li.offre-services a:hover { background: url(../i/en/bg-nav.png) no-repeat -699px -48px; }
#navigation .english li.ressources a:hover { background: url(../i/en/bg-nav.png) no-repeat -853px -48px; }

/* ======================================================
Header en > li > a:on
========================================================= */
#navigation  .english li.accueil a.active, #navigation  .english li.accueil a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat 0 -96px;}
#navigation  .english li.minatec a.active, #navigation  .english li.minatec a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat -107px -96px;}
#navigation  .english li.education a.active, #navigation  .english li.education a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat -201px -96px;}
#navigation  .english li.research a.active, #navigation  .english li.research a.active-trail   { background: url(../i/en/bg-nav.png) no-repeat -309px -96px;}
#navigation  .english li.industrie a.active, #navigation  .english li.industrie a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat -419px -96px;}
#navigation  .english li.innovation_-amp-_soci-t- a.active, #navigation  .english li.innovation_-amp-_soci-t- a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat -523px -96px;}
#navigation  .english li.offre_de_services a.active, #navigation  .english li.offre_de_services a.active-trail  { background: url(../i/en/bg-nav.png) no-repeat -699px -96px;}
#navigation  .english li.ressources a.active, #navigation  .english li.ressources a.active-trail   { background: url(../i/en/bg-nav.png) no-repeat -853px -96px;}


/* ======================================================
Content / home
========================================================= */

div#content-home {
	margin: 5px 512px 0 0;
}

/*div#content-home p {
	padding: 10px;
}*/



#player-vid-home {
	height: 372px;
	width: 459px;
	margin-bottom: 5px;
}

#content-home-two-col {
	height: 167px;
}

/* ======================================================
Content / Actualites
========================================================= */

#content-home-two-col #content-home-act-fr {
	position: relative;
	background:url(../i/fr/bloc-actu-locale.png) no-repeat top left;
	width: 250px;
	float: left;
	height: 167px;	
}

#content-home-two-col #content-home-act-en {
	position: relative;
	background:url(../i/en/bloc-actu-locale.png) no-repeat top left;
	width: 250px;
	float: left;
	height: 167px;	
}

#content-home-two-col #content-home-act-ja {
	position: relative;
	background:url(../i/js/bloc-actu-locale.png) no-repeat top left;
	width: 250px;
	float: left;
	height: 167px;	
}

#content-home-two-col #content-home-act-fr h2, #content-home-two-col #content-home-act-en h2, #content-home-two-col #content-home-act-ja h2 {
	position: absolute;
	top: 40px;
	left: 7px;
	color: #5e6061;
	font-size: .9em;
	font-weight: 700;
	margin-bottom: 15px;
	
}

#content-home-two-col #content-home-act-fr p, #content-home-two-col #content-home-act-ja p, #content-home-two-col #content-home-act-en p {
	margin-top: 50px;
	padding: 10px 7px;
	color: #000;
	font-size: .8em;
	
}

.views-field-field-actualite-image-fid img {
	float: left;
	padding: 3px;
	margin: 0 4px 3px 0;
	
}


#content-home-two-col #content-home-alt {
	width: 202px;
	float: left;
	margin-left: 5px;
	height: 167px;	
}



/* ======================================================
Content
========================================================= */

div#content {
	margin:0 208px 0 205px;
}

div#content form{
	margin: 10px;
}

.sub-content {
	position: relative;
	display: block;
	margin-top: 5px;
	background-color: #fff;
}


.pager li {
	background-image: none !important;
	padding: 2px !important;
	border: 1px solid #ddd;
	margin: 3px !important;
	font-size: 10px !important;
}

.pager li a {
	text-decoration: none !important;
}

.pager li.pager-current {
	background-color: #45a5cd !important;
	border: 1px solid #45a5cd !important;	
	color: #fff !important;
}

/*#tabset1 {
	background-color: red;
}*/

.taxonomy {
	border-top:1px solid #ddd;
	padding: 10px;
	margin: 10px 15px 10px 10px;
}

.taxonomy ul li {
	background:url(../i/ico-tags.png) no-repeat top 50% !important;
}





/* ======================================================
Content > Typographie
========================================================= */



div#content p {
	padding: 5px 10px !important;
	margin-top: 5px !important;
}

div#content p img {
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}


div#content ul {
	margin: 10px 0;
	padding: 0 5px;
}

div#content li {
	color: #747474;
	margin-left: 12px;
	padding-left: 10px;
	font-size: 1em;
	text-decoration: none;
	background: url(../i/ico-arrow-small.png) no-repeat 0 6px;
}

div#content img {
	/*border: 1px solid #666666;*/
	margin: 5px 5px 1px 5px;
}



div#content h2 {
	font-size: 1.2em;
	padding: 5px 10px;
	color: #008fee;
	font-weight: 700;
}

div#content h3 {
	font-size: 1.0em;
	padding: 5px 10px 0 10px;
	margin: 7px 0 !important;
	color: #008fee;
	font-weight: 700;
}

div#content h3 a {
	line-height: 15px;
	color: #5a829c;
	text-decoration: none;
	background: url(../i/puce-a-url.png) ;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}

div#content h3 a:hover {
	line-height: 15px;
	color: #008fee;
	text-decoration: none;
	background: url(../i/puce-a-url-hover.png) ;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}

div#content h4 {
	font-size: .9em;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 0 10px;
	margin: 7px 12px 7px 7px !important;
	color: #5a829c;
	font-weight: 700;
}

div#content h4 a {
	line-height: 15px;
	color: #5a829c;
	text-decoration: none;
	background: url(../i/puce-a-url.png) ;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;	
}

div#content h4 a:hover {
	line-height: 15px;
	color: #008fee;
	text-decoration: none;
	background: url(../i/puce-a-url-hover.png) ;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;	
}


div#content h5 {
	font-size: 1.0em;
	padding: 5px;
	color: #222;
	font-weight: 400;
}

div#content hr {
	 border:none;
	 border-top:1px dotted #ddd;
	 display: block;
	 clear: both;
	 margin: 10px 15px 10px 10px;
	 content: ".";
	 height: 0;
}

div#content hr.hr {
	 border:none;
	 border-top:1px dotted #ddd;
	 display: block;
	 clear: both;
	 margin: 10px 15px 10px 10px; 
	 content: ".";
	 height: 0;
}

div#content div#content-title {
	background-color: #c0b6aa;
	height: 48px;
	margin: 10px 5px 13px 0 !important;
	display: block;
}

div#content div#content-title h2 {
	color: #fff;
	padding: 16px 12px 12px 12px;	
	font-size: 1.3em;
	line-height: 0.8em;
}

div#content div#content-title h2 a {
	color: #fff !important;
	text-decoration:none;
}

div#content .content-subtitle {
	background-color: #dbd6d2;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

div#content .content-subtitle h3{
	color: #0091f6;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(../i/puce-h3.png) no-repeat 0 50% !important;
	padding-left: 15px !important;
}

div#content .content-subtitle h3 a {
	text-decoration: none !important;
	color: #0091f6 !important;	
}

div#content .content-subtitle h4 {
	color: #0091f6;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(/sites/default/files/ico_liste.gif) no-repeat 0 50% !important;
	padding-left: 15px !important;
}



div#content .content-subtitle-bis {
	background-color: #dbd6d2;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

div#content .content-subtitle-bis h3{
	color: #0091f6;
	font-size: 1.0em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(../i/puce-h3.png) no-repeat 0 3px;
	padding-left: 15px;
}

div#content .content-subtitle-bis h3 a {
	text-decoration: none !important;
	color: #0091f6 !important;	
}


.content-title-nano {
	padding: 5px;
	margin-right: 5px;

}

.content-title-nano h4 {
	padding: 1px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 1.0em;
}

.content-title-nano h4 a {
	text-decoration: none;
	font-weight: 700 !important;
}

.content-title-nano h4 a:hover {
	text-decoration: underline;
}

.h3date {
	float: right;
	padding-right:5px;
	font-size: 11px;
	color: #222;
}

div#content .subsubtitle {
	background-color: #fff;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

div#content .subsubtitle h4{
	color: #0091f6;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(../i/puce-h3.png) no-repeat 0 3px;
	padding-left: 15px;
}

div#content .subsubtitle h4 a {
	color: #0091f6 !important;
	text-decoration: none;
}


div#content .content-title-file {
	background-color: #fff;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

div#content .content-title-file h4{
	color: #222;
	font-size: 1.0em;
	font-weight: 700;
	text-decoration:none;
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
}



.views_contentbottom {
	clear: both;
	background-color: #dbd6d2;
	padding: 5px;
	margin: 15px 10px 5px 5px;
}

.views_contentbottom h3 {
	color: #0091f6;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(../i/puce-h3.png) no-repeat 0 7px;
	padding-left: 17px !important;
}

.pdf {
	border-top: 1px dashed #ddd;
	padding: 5px 0;
	clear: both;
}

/* */

.pdf-ico {
	padding: 6px 32px !important;
	font-size: .9em;	
	background: transparent url(../i/ico-pdf.png) no-repeat 0 3px;
	border-top: 1px dashed #ddd;
	clear: both;	
}

.url-ico {
	padding: 6px 32px !important;
	font-size: .9em;	
	background: transparent url(../i/ico-lien.png) no-repeat 0 2px;
	border-top: 1px dashed #ddd;
	clear: both;	
}

/* */

li.ico-pdf {
	padding: 3px 32px;
	font-size: .9em;	
	background: transparent url(../i/ico-pdf.png) no-repeat 0 0;
}

a.ico-pdf {
	padding: 3px 32px;
	font-size: .9em;	
	background: transparent url(../i/ico-pdf.png) no-repeat 0 0;
}

li.ico-pdf {
	padding: 3px 32px;
	font-size: .9em;	
	background: transparent url(../i/ico-pdf.png) no-repeat 0 0;
}

li.ico-pdf a {
 	color: #222;
	text-decoration: none;
}

li.ico-pdf a:hover {
 	color: #222;
	text-decoration: underline;
}


li.ico-lien {
	padding: 3px 32px;
	font-size: .9em;
	background: transparent url(../i/ico-lien.png) no-repeat 0 0;
}

li.ico-lien a{
	color: #008fee;
	text-decoration: none;
}

li.ico-lien a:hover{
	color: #222;
	text-decoration: underline;
}


/* ======================================================
Minanews
========================================================= */

.box-minanews {
	width: 520px;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 15px 15px 15px 10px;
}

.box-minanews h2 {
	border-bottom: 1px solid #f1f1f1;
	margin-left: 3px;
	width: 290px;
	font-size: .9em;
}

.box-minanews ul {
	float: left;
	width: 320px;
}

.content-subtitle-minanews {
	background-color: #eeeeee;
	padding: 10px 5px;
	margin:  5px;
}

.content-subtitle-minanews h3 {
	clear: left;
	color: #0183bd;
	font-size: 1.3em;
	font-weight: 700;
	text-transform:uppercase;
	text-decoration:none;
	padding-left: 10px;
}

.minanew_image {
	float: right;
	margin-right: 5px;
}

.mininanew_image_container {
	float: right;
	margin-left: 10px;
	width: 180px;
}

.mininanew_image_container img {
	/*border: 1px solid #9c9c9c;*/
}


/* ======================================================
Bloc Accroche
========================================================= */
#accroche {
	margin: 0 5px;
}

.accroche-page-full {
	width: 542px;
	color: #fff;
	margin-bottom: 10px;
	background: #1869a0 url(../i/bg-citation-bottom.png) no-repeat bottom right;	
}


.accroche-page-media h2, .accroche-page-full h2 {
	font-size: 1.6em !important;
	padding: 16px 0 10px 15px !important;
	color: #fff !important;
}


.media {
	display: inline;	
	background-color:#000;
	color: #fff;
	text-align: center;
	float: right;
	width: 272px;
	font-size: .8em;
	margin-right: 5px;

}


.accroche-page-full p {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px 30px 10px 30px !important;

	color: #73c7ff;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 700 !important;
}

/* Accroche contenu cent */

.accroche-page-media {
	position:relative;
	float: left;
	display: inline;
	width: 265px;
	height: 253px;
	background-color: #1869a0;	
	color: #fff;
	
}

.accroche-page-media-container {
	background: #1869a0 url(../i/bg-citation-bottom.png) no-repeat bottom right;
}

.accroche-page-media-container  p {
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px 10px 10px 20px !important;
	background:url(../i/bg-citation-top.png) no-repeat 0 0!important;
	color: #73c7ff;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: 700 !important;
	
}

.accroche-page-media-container  p a {
	color: #73c7ff;
	text-decoration: underline;	
}

.accroche-page-media-container  p a:hover {
	color: #73c7ff;
	text-decoration: none;	
}

.pics {
 	float: left;
	margin-left: 20px !important;
	margin-bottom: 15px;
}

.nanotheque {


}

.nanotheque p {
	font-size: 1.1em !important;
	font-weight: 700 !important;

}

/* ======================================================
Colonne de gauche
========================================================= */

div#colleft {
	float:left;
	width:205px;
	margin-left:-970px;
}



div#colleft .menu {
	margin: 0 !important;
	padding: 0 !important;

}



.menu-name-menu-main {
	margin: 0 !important;
	padding: 0 !important;

}

/* Menu premier niveau */

div#colleft .menu  li {
	border-bottom: 1px dotted #d0cdc8 !important;
	margin: 0 12px;
	padding: 4px 4px 4px 10px;
	font-size: 1em;
	text-decoration: none;
	background: url(../i/bg-li-leftnav.png) no-repeat 0 8px;
	list-style:none !important;
}


div#colleft .menu  li a {
	color: #222;
	text-decoration: none !important;
}

div#colleft .menu  li .active-trail {
	color: #0091f6 !important;
}

/* Meme menu mais deuxieme niveau */

div#colleft .menu li ul  {
	margin-top: 7px !important;
}

div#colleft .menu li ul li {
	border-bottom: none !important;
	margin: 0;
	padding: 2px 4px 2px 6px;
	font-size: .8em !important;
	text-decoration: none;
	background: url(../i/ico-arrow-small.png) no-repeat 0 9px;
	list-style:none !important;
}


div#colleft .menu li ul li a {
	color: #5f5e64;
	text-decoration: none !important;
}

div#colleft .menu  li ul li .active-trail {
	color: #0091f6 !important;
}

.bg-tri-fr {
	background: url(../i/fr/bg-tri-theme.png) no-repeat top left;
}

.bg-tri-en {
	background-color: green;
}

/* ======================================================
Bloc /+/
========================================================= */

.menu_block_left {
	background-color: #c0b6aa;
	padding: 11px 10px 12px 10px;
	*padding: 13px 10px 13px 10px;
	margin: 10px 5px;
}

.menu_block_left h3 {
	color: #0095ef;
	font-size: 1.7em;	
	*font-size: 1.6em;
	/*font-weight: 700;*/
	letter-spacing: -0.10em;
}

 

/* ======================================================
Colonne de droite / home
========================================================= */

div#colright-home {
	float:left;
	width:506px;
	margin-left:-506px;
}

#colright-home-agenda {
	background-color: #000;
	margin-top: 5px;
	color: #fff;
	height: 194px;
	margin-bottom: 5px;
}

#colright-home-offers {
	background: url(../i/bg-offresstages.png) no-repeat top left;
	color: #fff;
	height: 245px;
	margin-bottom: 5px;
}

/* ======================================================
Témoignages fr
========================================================= */

#colright-home-temoignages-fr {
	position: relative;
	background:url(../i/fr/bg-block-temoignage.jpg) no-repeat top left;
	color: #fff;
	height: 95px;
	width: 508px;	
}

#colright-home-temoignages-fr h2 {
	position: absolute;
	top: 10px;
	left: 15px;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: 700 !important;
	color: #fff;
}

#colright-home-temoignages-fr h3 {
	position: absolute;
	top: 44px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
	width: 90px;
}

#colright-home-temoignages-fr h4 {
	position: absolute;
	top: 65px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}

#colright-home-temoignages-fr img {
	position: absolute;
	/*top: 10px;*/
	/*left: 110px*/
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}

#colright-home-temoignages-fr p {
	position: absolute;
	top: 8px;
	left: 200px;
	line-height: 1.1em;
	font-size: .8em;
	color: #fff;
	padding-right: 10px;
}

/* en anglais */

#colright-home-temoignages-en {
	position: relative;
	background:url(../i/en/bg-block-temoignage.jpg) no-repeat top left;
	color: #fff;
	height: 95px;
	width: 508px;
}

#colright-home-temoignages-en h2 {
	position: absolute;
	top: 10px;
	left: 15px;
	line-height: 1em;
	font-size: 1.0em;
	font-weight: 700 !important;
	color: #fff;
}

#colright-home-temoignages-en h3 {
	position: absolute;
	top: 44px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
	width: 90px;
}

#colright-home-temoignages-en h4 {
	position: absolute;
	top: 65px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}

#colright-home-temoignages-en img {
	position: absolute;
	/*top: 10px;
	left: 110px;*/
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}

#colright-home-temoignages-en p {
	position: absolute;
	top: 8px;
	left: 200px;
	line-height: 1.1em;
	font-size: .8em;
	color: #fff;
	padding-right: 10px;
}

.field-field-temoignage-type .field-item {
	display: none;

}

/* ======================================================
Témoignages en
========================================================= */
/*
#colright-home-temoignages-en {
	position: relative;
	background:url(../i/en/bg-block-temoignage.jpg) no-repeat top left;
	color: #fff;
	height: 95px;
}

#colright-home-temoignages-en h2 {
	position: absolute;
	top: 32px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}

#colright-home-temoignages-en h3 {
	position: absolute;
	top: 44px;
	left: 15px;
	line-height: 1em;
	font-size: .9em;
	color: #fff;
}


#colright-home-temoignages-en p {
	position: absolute;
	top: 8px;
	left: 205px;
	line-height: 1.1em;
	font-size: .8em;
	color: #fff;
}
*/

/* ======================================================
Colonne BG
========================================================= */

.colleft-bg {
	background: transparent url(../i/bg-colonne-gauche.png) no-repeat top left;
	min-height: 315px;
	height: auto !important;
	height: 315px;
	padding-bottom: 10px;

}

/* ======================================================
Colonne de droite
========================================================= */

div#colright {
	float:left;
	width:202px;
	margin-left:-202px;
	padding: 5px 0;
}

/* ======================================================
Footer
========================================================= */

div#footer {
	color:#FFF;
	clear:left;
	width:100%;
	height: 50px;
	color: #222;
	background: url(../i/bg-footer.png) no-repeat top left;
}

div#footer-home {
	color:#FFF;
	clear:left;
	width:100%;
	height: 50px;
	color: #222;
	background: url(../i/bg-footer-home.png) no-repeat top left;
}

div#footer p, div#footer-home p {
	margin:0;
	padding: 32px 0 0 15px;
	font-size: .8em;
}

div#footer a, div#footer-home a {
	color:#222;
	padding:0;
	text-decoration:none;
}

div#footer a:hover, div#footer-home a:hover {
	color:#000;
	padding:0;
	text-decoration:underline;
}

/* ======================================================
Elements des formulaires
========================================================= */

/*input[type="button"], input[type="submit"] {
	font-family: Verdana, Sans-Serif;
	margin: 5px;
	font-size: 10px;
	color: #4a4a4a;
	font-weight: 700;
	letter-spacing: .1em;
	padding: 5px 7px !important;
	background: #fdfdfd url(../i/btn-form-input.png) repeat-x top left;
	border: 1px solid #dad5c9;
}


input[type="text"], input[type="file"] {
	font-family: Verdana, Sans-Serif;
	margin: 5px;
	font-size: 10px;
	color: #4a4a4a;
	font-weight: 100;
	letter-spacing: .1em;
	padding: 5px 7px !important;
	background-color: #fff;
	border: 1px solid #dad5c9;
}


*/




/* ======================================================
Phototèque
========================================================= */

div.views-field-field-phototheque-images-fid {
	width: 490px;
	margin-left: 35px;
	margin-top: 25px;

}

div.view-phototheque div.field-item {
	float: left;

}

.content-subtitle {
	background-color: #dbd6d2;
	padding: 5px;
	margin: 5px 10px 5px 5px;
}

.content-subtitle h3 {
	clear: left;
	color: #0091f6;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration:none;
	background: transparent url(../i/puce-h3.png) no-repeat 0 3px;
	padding-left: 15px;
}



.launchSlideshow {
	clear: left;
	margin: 0 0 0 170px !important;
}


/* offres */

div#titre-panier_content {
	background: transparent url(../i/block-offres.jpg) no-repeat top center;
	height: 120px;
}

div#titre-panier_content h2 {
	color: #fff;
	padding: 7px 0 0 30px;
}


div#panier_content {

}


.offre-type {
	height: 45px;	
	float: left;
	width: 89px;
	/*font-size: 1.4em;*/
}

.offre-title {
	float: left;
	height: 45px;	
	width: 339px;
	font-size: .8em;	
}

.offre-numero {
	float: left;
	height: 45px;	
	width: 90px;
	font-size: .9em;
	color: #5a7681;
	font-weight: 700;
}

div#panier_content ul {
	padding: 10px 0 5px 15px;
	color : #fff !important;	
}

div#panier_content  li a {
	color : #fff !important;
}

p.ico-pdf {
	color : #fff !important;
	padding: 2px 0 0 15px !important;	
}

.offre-block-container {
	border: 1px solid #d7d7d7;
	margin: 15px 15px 40px 10px;
}

.offre-block-container p {
	padding: 5px;
}

.offre-type h2 {
	padding: 10px 5px 5px 5px !important;
	font-size: 1.4em !important;
}


.offre-block-container-title {
	background: #d9f6ff url(../i/bg-title-offres.png) repeat-y top center;	
	height: 45px;
}

.offre-block-container-option {
	background-color: #f6f6f6;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 6px 0;
}

.offre-block-container-option ul li strong {
	color: #222 !important;
}

.addtomyoffer {
	padding: 5px 10px;
	float :right;
	font-weight: 700;	
}

.addtomyoffer img{
	padding: 0 !important;
	margin: 0 !important;	
	border: none !important;
}


.addtomyoffer a {
	color: #45b5cb;
	font-weight: 700;
	text-decoration: none !important;
}

.openoffer, .closeoffer {
	padding: 5px 10px;
	
}

.openoffer img, .closeoffer img{
	padding: 0 !important;
	margin: 0 !important;	
	border: none !important;
}

.openoffer a, .closeoffer a {
	color: #45b5cb;
	font-weight: 700;
	text-decoration: none !important;
}


/* ======================================================
Carousel Accueil
========================================================= */

#carousel-offres {
	margin-left: 7px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-list li span.li-carousel-right {
	width: 120px !important;
	float: right !important;
	padding-top: 7px;
	color: #00c1ff;
	display: block !important;	

}

.jcarousel-list li span.li-carousel-right strong {
	font-weight: bold;
	color: #00c1ff;
}

.jcarousel-list li span.li-carousel-left { 
	float: left !important;
	width: 310px !important;
	display: block !important;

	
}

.jcarousel-list li a { 
	color: #000;
	text-decoration: none;
}

.jcarousel-list li a:hover { 
	color: #000;
	text-decoration: underline;
}


/* ======================================================
Carousel les boutons
========================================================= */

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* ======================================================
Carousel Container
========================================================= */

.jcarousel-skin-minatec .jcarousel-container {
 color: #000000;
}

/* ======================================================
Carousel Container details
========================================================= */

.jcarousel-skin-minatec .jcarousel-container-vertical {
    width:  490px;
    height: 106px;
    padding: 20px 0;
}

.jcarousel-skin-minatec .jcarousel-clip-vertical {
    width:  490px;
    height: 106px;

}

/* ======================================================
Carousel Details item
========================================================= */

.jcarousel-skin-minatec .jcarousel-item {
    width: 490px;
    height: 24px;
	font-size: .8em;
	line-height: 1em;
	background: url(../i/bg-li-carrousel.png) no-repeat top left;
	padding-left: 5px;
}

.jcarousel-skin-minatec .jcarousel-item span {
text-indent: 5px;
}

.jcarousel-skin-minatec .jcarousel-item-vertical {
    margin-bottom: 3px;
}

.jcarousel-skin-minatec .jcarousel-item-placeholder {
    color: #000;
}

/* ======================================================
Carousel Boutons
========================================================= */

.jcarousel-skin-minatec .jcarousel-next-vertical {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 490px;
	height: 16px;
	cursor: pointer;
	background: transparent url(../i/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-minatec .jcarousel-next-vertical:hover {
    background-position: 0 -16px;
}

.jcarousel-skin-minatec .jcarousel-next-vertical:active {
    background-position: 0 -32px;
}

.jcarousel-skin-minatec .jcarousel-next-disabled-vertical,
.jcarousel-skin-minatec .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-minatec .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -48px;
}

.jcarousel-skin-minatec .jcarousel-prev-vertical {
	position: absolute;
	top: 0;
	left: 0px;
	width: 490px;
	height: 16px;
	cursor: pointer;
	background: transparent url(../i/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-minatec .jcarousel-prev-vertical:hover {
    background-position: 0 -16px;
}

.jcarousel-skin-minatec .jcarousel-prev-vertical:active {
    background-position: 0 -32px;
}

.jcarousel-skin-minatec .jcarousel-prev-disabled-vertical,
.jcarousel-skin-minatec .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-minatec .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -48px;
}


/* ======================================================
Midis Minatec
========================================================= */



.event-midi-minatec{
	border:1px solid #ccc;
	margin:10px 20px 10px 10px !important;
	padding:10px;
	min-height: 140px;
	height: auto !important;
	height: 140px;

}

.event-midi-minatec .event-image {

	float: right;

}

.event-midi-minatec .infos {
	background: url("../i/midis_bg.jpg") repeat-x top left;
	float:left;
	padding:10px;
	width: 465px; !important;	

}

.event-midi-minatec .infosFull{
	float:left;
	width: 96%;
}

.event-midi-minatec .infos h3{
	clear: both;
	color: #45b0d2;
	font-size: 1.0em;
	font-weight: bold;
	padding: 1px 0px 6px 0 !important;
	margin: 0 !important;
	text-transform: uppercase;
}

.event-midi-minatec .infos h4.date{
	font-weight: bold;
	font-size: .9em;
	float: left;
}

.event-midi-minatec .infos p {
	font-weight: 100;
	font-size: .9em;
	padding: 0 !important;
}

.event-midi-minatec .infos h4.place{
	float: right;
	font-weight: bold;
	font-size: .8em;
	font-style: italic;
}

.event-midi-minatec .infos h5{
	/*border-top: 1px solid #cccccc;*/
}

.event-midi-minatec .infos div._inscription{
	font-size: 1em;
	text-transform: none !important;
}



.event-midi-minatec .infos div.on{

	cursor: pointer;
}

.event-midi-minatec .infos div.subscribeoff{
	color: #008fee;
	font-weight: bold;
	font-size: 1.1em;
}

.event-midi-minatec .infos div.subscribeon {
	font-size: .8em;
	color: #45adf3;
	background: url("../i/open_bg.png") no-repeat 0 5px;
	padding: 2px 0 2px 16px !important;
	font-weight: bold;
}

.event-midi-minatec .infos div.subscribeoff {
	display: none;
}

.event-midi-minatec .infos div.closeoff{
	display: none;
}

.event-midi-minatec .infos div.closeon {
	font-size: .8em;
	color: #45adf3;
	background: url("../i/close_bg.png") no-repeat 0 5px;
	padding: 2px 0 2px 16px !important;
	font-weight: bold;
}
/*
div#content .event-midi-minatec .infos p.description{
	padding: 0;
}
*/

input._submitEvent {
	margin: 10px 0 0 0 !important;
	border: 0px solid #ddd;
	padding: 3px;
}

.event-midi-minatec .infos .inscriptionForm{

}

.event-midi-minatec .infos .inscriptionForm .inscriptionFormContent{
	margin: 10px 0 !important;

	
}

.event-midi-minatec .infos .inscriptionForm .inscriptionFormContent label{
	font-size: .8em;
}

.event-midi-minatec .infos .inscriptionForm .inscriptionFormContent input[type="text"]{
	border: 1px solid #ddd;
	padding: 3px;
	font-size: 1em;
	width: 250px;
	background-color: #fbfbfb;
}


.event-midi-minatec .infos .inscriptionForm .inscriptionFormContent input[type="checkbox"]{
	float: left;
	clear: left;
}

.event-midi-minatec .infos .inscriptionForm .inscriptionFormContent span{
	position: relative;
	top:2px;
	left: 5px;
	font-weight: bold;
	color: #45adf3;
}

#contentMidi .contentbottom{
	float: left;
	width: 100%;
}

div#content #contentMidi p{
	padding: 0;
}


._ajax-return {
	font-size: 1.2em !important;
	font-weight: 700 !important;
	color: #ff0000 !important;
}

/* ======================================================
Bloc avec les onglets les offres
========================================================= */

.ico-rss {

}

.ico-rss p {
	padding: 2px 5px 5px 35px;
	background: url("../i/ico-rss.png") no-repeat 15px 1px;
	font-size: .8em;
}

.ico-rss p a {
	color: #fff !important;
	text-decoration: none !important;
}


div#tabcontainer {
	font-size: .9em;
	color: #fff !important;	
	background: transparent url("../i/bg-tab-offres.png") no-repeat 0 26px;
	height: 690px;

}

div#tabcontainer  h2{
	font-size: 1.3em !important;
	font-weight: 700 !important;
	margin: 5px 0 !important;
	color: #fff !important;	
}

div#tabcontainer  h2.borderlabo {
	padding: 5px 0;
	border-top: 1px solid #3d97c9;
	border-bottom: 1px solid #3d97c9;
	width: 180px;
}

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}

@media print {
	.tabs-nav {
		display: none;
	}
	
	
	
	
}

.tabs-nav {
	list-style:none;
	list-style-type:none;
	display: inline-block;
	margin: 0;
	padding: 0 0 0 2px;

	
}
.tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 50px;
	display: inline;
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 5px;
	background: url(../i/tab.png) no-repeat;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: .9em;
	color: #fff !important;	
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.tabs-nav .tabs-selected a {
	color: #fff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	width: 52px;
	min-width: 52px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 7px;
	padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}

.tabs-container {
	padding: 1em 8px;
	width: 180px;
}

#tabset1 {
	margin-left: 5px;
}

.tabs-container li {
	list-style: none;
	list-style-image: none !important;
	font-size: 1em;
	margin: 0 !important;
	padding: 4px 0 !important;
	color: #fff !important;
}

#slideCycle{
	margin: auto;

}


/* CSS v.jp*/

div#header.base-ja{
	background:url("../i/bg-header-jp.jpg");
}

div#header.base-ja h1 a{
	left:24px;
}

div#gutter.gutter-jp{
	margin:0 15px;
	width:auto;
	background:#f7eedf;
	padding:0;
	min-height:540px;
}


div#menu-ja .menu li a{
	color:#000000;
	text-decoration:none;
}

div#menu-ja .menu li {
	background:transparent url(../i/bg-li-leftnav.png) no-repeat scroll 0 8px;
	border-bottom:1px dotted #D0CDC8 !important;
	font-size:1em;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
	margin:0 12px;
	padding:4px 4px 4px 10px;
	text-decoration:none;
}

div#menu-ja {
	width:195px;
	float:left;
	background:transparent url(../i/bg-colonne-gauche-ja.png) repeat-x 5px 0;
	height:auto !important;
	padding-bottom:10px;
	margin:10px 5px;
}

div#menu-ja .colleft-bg{
	min-height:55px;
	background:none;
}

div#menu-ja .menu {
	margin:0 !important;
	padding:0 !important;
}

div#wrapper.japaneseWrap {
	background-color:#FFFFFF;
	margin-top:5px;
	padding:5px;
	width:745px;
}

div#wrapper.japaneseWrap #content-home{
	margin:0;
}

div#wrapper.japaneseWrap #player-vid-home{
	float:left;
}

div#content-home-ja-two-col{
	background-color:#E2E2E2;
	float:right;
	padding:10px;
	width:260px;
	height:352px;
}

div#content-home-ja-two-col div.h2{
	background:transparent url("../i/bg-titre-home.png") repeat-x;
	height:29px;
	font-size:1.0em !important;	
	overflow:hidden;
	width:260px;
}

div#content-home-ja-two-col div h2{
	background:transparent url("../i/puce-home-jp.png") no-repeat 8px 8px;
	font-size:1.0em;
	padding:5px 0 0 30px;
	font-weight:700;
	color:#5e6061;
}

div#content-home-ja-two-col p.content{
	margin:20px 0 10px 0;
	float:left;
	max-height:275px;
	overflow:hidden;
}

div#content-home-ja-two-col p img{
	float:left;
	margin:20px 20px 10px 0;
}

div#content-home-ja-two-col div.home-link-jp{
	background:transparent url("../i/bg-titre-home.png") repeat-x;
	clear:both;
	float:left;
	height:20px;
	width:100%;
}

div#content-home-ja-two-col div.home-link-jp a.home-link-jp{
	background:transparent url("../i/bg-link-home-jp.png") no-repeat 5px 8px;
	color:#00C1FF;
	text-decoration:none;
	padding:2px 20px 0 15px;
	float:left;
	cursor:pointer;
}

/* salle de presse */

.views-content-bottom .views-field-title {
	padding: 5px 5px 3px 5px;
	font-size: .9em;
	font-weight: 700;
	border-top: 1px solid #eee;
	margin: 3px 10px 3px 10px;
	clear: both;
}

.views-content-bottom .views-field-body {
	padding: 0px 5px 0px 5px;
	font-size: .9em;
	font-weight: 100;
}




.views-content-bottom .filefield-file {
	margin-left: 15px;
	font-size: .8em;
	font-weight: 100;
}