/* 
OPTIM-FeuilleStyleCommune
RESET
--------------------------------------------------------------------------------------------------------------------------------------*/

html{font-size: 100%} /* Fix bug d'IE 6-7 */

html, body.csioptim, .csioptim form, .csioptim fieldset, .csioptim dl, .csioptim dd{
	margin:0;
	padding:0;
}

.csioptim p, .csioptim select, .csioptim input, .csioptim caption, .csioptim label, .csioptim tr, .csioptim td, .csioptim table, .csioptim textarea{
	font-size:1em;
	text-align:left;
	line-height:1.5;
}

.csioptim h1, .csioptim h2, .csioptim h3, .csioptim h4, .csioptim h5, .csioptim h6, .csioptim span{
	line-height:1;
	margin:0;
}

.csioptim img, .csioptim fieldset, .csioptim table{border:none}

.csioptim form, .csioptim p, .csioptim ul, .csioptim li, .csioptim fieldset, .csioptim input{
   margin:0;
   padding:0;
   line-height:1.5;
}

/*ul, li{list-style:none}*/
/*ol li{	list-style:decimal inside}*/
.csioptim address{font-style: normal}
.csioptim img{vertical-align:middle}

/* augmente le focus
a:focus, input:focus {
  border:2px solid #FFFF00;
}*/

/* new csiclearfix */
.csioptim .csiclearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .csiclearfix             { zoom: 1; } /* IE6 */
*:first-child+html .csiclearfix { zoom: 1; } /* IE7 */

/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body.csioptim{
	color:#000;
	font-size:62.5%;	/* 1em = 10px */
	font-family: sans-serif;/*Arial, Helvetica, sans-serif;*/
}
.csioptim .need-js {
  display:none;
}

.csioptim #wrapper{
	width:97.2em;/* em for font zoom 972px;*/
	margin:auto;
}

.csioptim a:hover, .csioptim a:focus{text-decoration:none;}

.csioptim #header ul, .csioptim #header li, .csioptim #footer ul, .csioptim #footer li, .csioptim  .footer-links ul, .csioptim .footer-links li, .csioptim .nav ul, .csioptim .nav li {list-style:none}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
/********** MENU D EVITEMENT ********/
.csioptim #skiplinks {
    float: left;
    height:1px;
}
.csioptim #skiplinks li {
  list-style: none outside none;
}
.csioptim #skiplinks a {
  background-color:#000000;
  color:#FFFFFF;
  position:absolute;
  left:-9999em; /* move the text outside rather than hidding it */
  display:block;
  height:1px;
  overflow:hidden;
}
.csioptim #skiplinks a:hover, .csioptim #skiplinks a:focus {
  position:static;
  width:auto;
  height:1.4em;
}
/********** TOP NAV **********/

/* Univers */

.csioptim #main-nav{
	position:relative;
	z-index:100;
	padding-right:4px;
	background:url(../mediacs/optim/img/bg-topnav.png) right top no-repeat;
}

.csioptim #main-nav li{
	float:left;
	position:relative;
}

.csioptim #main-nav li a{
	color:#c10015;
	display:block;
	font-weight:bold;
	font-size:1.2em;
	line-height:28px;
	padding:0 12px 0 13px;
	margin-right:1px;
	text-decoration:none;
}
.csioptim #main-nav li a:hover, .csioptim #main-nav li a:focus, .csioptim #main-nav .main-entities a.active {
	color:#ffffff;
	background:url(../mediacs/optim/img/sprite-topnav.png) right top repeat-x;
}

.csioptim #main-nav .main-entities li.home-universcience{
	padding:0;
	width:12em;/*120px;*/
	background-image:none;
	background-color:transparent;
}
.csioptim #main-nav .main-entities li.home-universcience a {
	color:#21a7c4;
	padding-left:22px;
	margin-right:0;
	background:transparent url(../mediacs/optim/img/sprite-topnav-us.png) bottom right no-repeat;
}
.csioptim #main-nav .main-entities li.home-universcience a:hover, .csioptim #main-nav li.home-universcience a:focus, .csioptim #main-nav li.home-universcience a.active {
	color:#ffffff;
	background-position:bottom left;
	margin-right:0;
}
.csioptim #main-nav > ul > li.last a {
	margin-right:0px;
}
.csioptim #main-nav .main-entities > li {
	background:#FFFFFF url(../mediacs/optim/img/sprite-topnav.png) left -168px no-repeat;
	padding:0;
}
.csioptim #main-nav .main-entities .last {
	border-right:1px solid #9b978f;
}
/* top pages */
.csioptim #main-nav > ul > li {
	background:transparent url(../mediacs/optim/img/sprite-topnav.png) right -168px no-repeat;
}

.csioptim #main-nav .main-pages > li > a {
	background:none;
	color:#ffffff;
}

.csioptim #main-nav .main-pages a:hover, .csioptim #main-nav .main-pages a:focus, .csioptim #main-nav .main-pages a.active {
	background:transparent url(../mediacs/optim/img/sprite-topnav.png) left -112px repeat-x;
}

.csioptim #main-nav .main-pages .first{
	border-left:1px solid #ffffff;
}

.csioptim #main-nav .main-pages ul{
	border-color:#1ea2c1;
}

.csioptim #main-nav .main-pages ul a:hover, .csioptim #main-nav .main-pages ul a:focus{
	background-color:#1ea2c1;
}

.csioptim #main-nav .main-pages .last {
	background:none;
	margin-right:0;
}

/* Sous menu */
.csioptim #main-nav ul ul{
	width:173px;
	position:absolute;
	top:2.8em;
	z-index:100;
	border:1px solid #c10015;
	padding:1px;
	background-color:#ffffff;
}
 
.no-js.csioptim #main-nav ul ul{
	left:-9999em; /* sort le bloc de la zone d'affichage */
}
 
.no-js.csioptim #main-nav li:hover ul{
	left:0; /* au lieu de -9999em : remet le bloc dans la zone d'affichage */
}

.csioptim #main-nav ul ul li{
	float:left;
	width:100%;
	padding:0;
	background:none;
	border-top:1px solid #ccc;
}

.csioptim #main-nav ul ul li:first-child{
	border:0;
}

.csioptim #main-nav .main-pages ul a{
	color:#333;
	line-height:28px;
	display:block;
	padding:0 10px;
}

.csioptim #main-nav ul ul a:hover, .csioptim #main-nav ul ul a:focus{
	color:#ffffff;
	background:#cc0000;
}

.csioptim #main-nav ul ul .cite a{
	background:url(../mediacs/optim/img/topnav-cite.png) 5em 3px no-repeat;/* 60px 3px*/
}

.csioptim #main-nav ul ul .cite a:hover, .csioptim #main-nav ul ul .cite a:focus {
	color:#ffffff;
	background:#cc0000 url(../mediacs/optim/img/topnav-cite.png) 5em -27px no-repeat;/*60px -> 5em*/
}

/* Form search */

.csioptim .search-box {
  float:right;
}
.csioptim #main-nav form {
	float:right;
	padding-top:4px;
	padding-right:4px;
	font-size:1.1em;
	height:2.2em;
}

.csioptim #main-nav form .input-text{
	/*width:113px;*/
	width:100px; /* smaller because sans serif */
	height:1.2em;
	line-height:1;
	padding:4px;
	float:left;
	border:none;
	background:url(../mediacs/optim/img/bg-input-search.png) right top no-repeat;
}

.csioptim #main-nav form .btn-search{
	float:left;
}
.csioptim #main-nav form .lbl-search {
  position:absolute;
  left:-9999em; /* move the text outside rather than hidding it */
  display:block;
  overflow:hidden;
}
/********** TOP BANNER **********/

.csioptim #main-banner{
	position:relative;
	min-height:128px;
}
.csioptim #main-banner img {
	position:absolute;
	z-index:-1;
}
/* Lang */

.csioptim .header-lang{
	float:right;
	margin:3px 2px 0 0;
}

.csioptim .header-lang ul{
	float:left;
}

.csioptim .header-lang li{
	float:left;
	padding:0 8px;
	font-size:1.1em;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.csioptim .header-lang a{
	color:#ffffff;
}

.csioptim .header-lang img{
	float:left;
}

/* opts */

.csioptim .header-opts{
	padding-bottom:3px;
}
.csioptim .header-opts a {
	color:#FFFFFF;
}
.csioptim .header-opts .plus, .csioptim .header-opts .less {
  text-decoration:none;
  line-height:11px;
  vertical-align:top;
}
.csioptim .header-opts .plus {
  font-size:15px;
  font-weight:bold;
}
.csioptim .header-opts .plus span, .csioptim .header-opts .less {
  font-size:10px;
  vertical-align:top;
}
.csioptim .header-opts .less span {
  font-size:9px;
  vertical-align:top;
}

.csioptim .header-opts .breadcrumbs{
	float:left;
	color:#ffffff;
	margin-left:2px;
}

.csioptim .header-opts .breadcrumbs a, .csioptim .header-opts .breadcrumbs h1{
	color:#ffffff;
	margin:0 2px;
}
.csioptim .header-opts .breadcrumbs h1 {
  display:inline;
  font-size:1em;
  font-weight:normal;
}

.csioptim .header-opts ul{
	float:right;
	display:block;
}

.csioptim .header-opts li{
	float:left;
	margin-right:5px;
}

.csioptim .header-opts img{
	vertical-align:top;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

.csioptim #content{
	background:url(../mediacs/optim/img/bg-inner.png) left top repeat;
}

.csioptim .left-content{
	width:76.4em;
	float:left;
}

/********** SIDEBAR ***********/

.csioptim #content .std-sidebar{
	width:20.5em;/* em for font zoom 205px;*/
	float:left;
	margin-right:0.3em;
}

.csioptim #content .std-sidebar.sidebar-right{
	margin:0;
	float:right;
}

/* basic-container */

.csioptim #content .basic-container{
	margin-bottom:3px;
	border:3px solid #b2c2c7;/* fallback css pour vieux navigateurs */
	border:3px solid rgba(204,204,204, 0.6);
	background-color:#FFFFFF;
	margin-right:1px;
}

/* main title */

.csioptim #content .std-sidebar > h2 {
	font-size:1.8em;
	color:#ffffff;
	padding-left:18px;
	text-align:center;
	line-height:1.5;
	min-height:28px;
	background:#06739B url(../mediacs/optim/img/universcience/bg-main-title.png) left top no-repeat;
}

/* Main menu */

.csioptim #main-menu{
	border:1px solid #ffffff;
	background:#8E979D url(../mediacs/optim/img/bg-main-menu.png) left top repeat-x;
}

.csioptim #main-menu li{
	line-height:1;
	padding-bottom:2px;
	background:url(../mediacs/optim/img/spacer-main-menu.png) center bottom no-repeat;
	overflow:hidden;
}

.csioptim #main-menu a{
	color:#ffffff;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.1;
	padding:6px 0 6px 23px;
	text-decoration:none;
	background:url(../mediacs/optim/img/ico-arr-menu.png) 5px center no-repeat;
}

.csioptim #main-menu .active > a.expand, .csioptim #main-menu a.expand, .csioptim #main-menu a.expand:hover, .csioptim #main-menu a.expand:focus {
	background:none;
	display:block;
	position:absolute;
	cursor:pointer;
	padding:6px 0;
	width:20px;
	text-decoration:none;
}

.csioptim #main-menu a:hover, .csioptim #main-menu a:focus{
	background-color:#1f9bb6;
	text-decoration:underline;
}
.csioptim #main-menu .active{
	background:none;
}

.csioptim #main-menu li ul{
	padding:1px 0;
	background:transparent url(../mediacs/optim/img/spacer-main-menu.png) left top no-repeat;
}

.csioptim #main-menu .active ul {
	background:#48c5df url(../mediacs/optim/img/bg-main-menu-sub.png) left top no-repeat;
}

.csioptim #main-menu .active .active ul {
	background:none repeat scroll 0 0 #1F9BB6;
}

.csioptim #main-menu ul li{
	padding:0;
	margin:6px 0;
	background:none;
}

.csioptim #main-menu ul li a{
	line-height:1.25;
	font-weight:normal;
	padding:0 5px 0 25px;
	background:transparent url(../mediacs/optim/img/ico-square.png) 15px center no-repeat;
}

/* Form news */
.csioptim .basic-container.news form {
	color:#ffffff;
	padding:5px 5px 15px;
	background:#21a8c6 url(../mediacs/optim/img/bg-form-news.png) left top no-repeat;
}

.csioptim .basic-container.news form h2 {
	font-size:1.2em;
	padding:5px 0 11px 35px;
	margin-bottom:3px;
	background:url(../mediacs/optim/img/ico-mail.png) left top no-repeat;
}

.csioptim .basic-container.news form p{
	font-size:1.1em;
	line-height:1.2;
	margin-bottom:8px;
}

.csioptim .basic-container.news .input-text{
	width:14.4em;
	font-size:1.3em;
	display:block;
	margin:0 auto 2px;
}

.csioptim .basic-container.news .btn-ok{
	display:block;
	margin:0 auto;
	overflow:visible;
	color:#ffffff;
	height:25px;
	width:80px;
	cursor:pointer;
	text-align:center;
	border:0;
	line-height:2em;
	font-size:1.3em;
	background:url(../mediacs/optim/img/btn-ok.png) left top no-repeat;
}
.csioptim .basic-container.news .error {
  color:#FFFF00;
  text-align:center;
  width:190px;
}
/* menu type */

.csioptim .menu-type{
	background:#eaeaea url(../mediacs/optim/img/bg-menu-type.png) left top no-repeat;
}

.csioptim .menu-type li{
	line-height:1;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.csioptim .menu-type a{
	display:block;
	padding:6px 0 9px 24px;
	text-align:center;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	background:url(../mediacs/optim/img/spacer-menu-type.png) left bottom no-repeat;
}

.csioptim .menu-type a:hover, .csioptim .menu-type a:focus{
	color:#ffffff;
	background-color:#21a7c4;
}

.csioptim .menu-type img{
	display:block;
	position:absolute;
	left:1px;
	top:1px;
}

/* box share */

.csioptim .box-share{
	margin-bottom:3px;
}

/* std box */

.csioptim #content .std-sidebar .std-box h2 {
	color:#ffffff;
	font-size:1.5em;
	padding:6px 5px 6px 10px;
	min-height:17px;
	background:#06739B url(../mediacs/optim/img/bg-title-sidebar.png) left top no-repeat;
}

.csioptim #content .std-box .std-content{
	background-color:#ffffff;
}

/********** INNER ***********/

.csioptim #inner{
	float:left;
}

.csioptim #inner.layout3{
	width:55.6em;/* em for font zoom 556px;*/
}

.csioptim #inner.layout2{
	width:76.4em;/* em for font zoom 764px;*/
}

/* std box */

.csioptim #inner .std-box > h2 {
	padding:4px 5px 4px 20px;
	font-size:1.8em;
	font-style:italic;
	color:#ffffff;
	min-height:22px;
	line-height:1;
	background:#333333 url(../mediacs/optim/img/bg-std-title.png) left top no-repeat;
}

.csioptim #inner .color-title{
	padding:5px;
	color:#ffffff;
	font-size:2em;
	background-color:#a7c2ce;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.csioptim #inner .float-title{
	padding-right:5px;
	background:#05719a url(../mediacs/optim/img/bg-large-title.png) left top no-repeat;
}

.csioptim #inner .float-title > h2 {
	float:left;
	padding:5px;
	font-size:2em;
	color:#ffffff;
}

.csioptim #inner .float-title .arr{
	float:right;
	color:#ffffff;
	font-size:1.1em;
	margin-top:6px;
	padding-left:10px;
	background:url(../mediacs/optim/img/ico-arr.png) left center no-repeat;
}

/* Dual boxes */

.csioptim #inner .dual-boxes{
	margin-bottom:3px;
}

.csioptim #inner .dual-boxes .std-box{
	margin:0;
	float:left;
	width:26.95em;
}

.csioptim #inner .dual-boxes div:first-child{
	margin-right:4px;
}

.csioptim #inner .dual-boxes .std-box > h2 {
	background-position:left top;
	border-right:1px solid #ffffff;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

.csioptim #footer{
	color:#333;
	padding:20px 0;
	margin:4px 0 6px;
	border:1px solid #ffffff;
	border-bottom-color:#bacde7;
	background:url(../mediacs/optim/img/bg-footer.png) left top repeat;
}

.csioptim #footer .logo{
	float:left;
}

.csioptim #footer .box{
	float:left;
	min-height:149px;
	width:158px;
	padding:0 10px 0 30px;
	border-left:1px solid #ffffff;
}
.csioptim #footer .culture_logo {
	float:left;
	margin:20px 0;
}

.csioptim #footer .lang{
	font-size:1.1em;
	display:block;
	line-height:1.6em;
}

.csioptim #footer .box li{
	font-size:1.1em;
	line-height:1.6;
}

.csioptim #footer .box a{
	color:#333;
	text-decoration:none;
}

.csioptim #footer .box a:hover, .csioptim #footer .box a:focus{
	text-decoration:underline;
}

.csioptim #footer .universcience a{
	color:#21a7c4;
}

/* Skin select */

.csioptim select.skin-select{
	width:112px;
	height:2.5em;
}

.csioptim select.skin-select option{
	font-size:1.2em;
}

.csioptim .cmf-skinned-select{
	float:left;
	background:transparent url(../mediacs/optim/img/bg_select.jpg) left top no-repeat;
}

.csioptim .cmf-skinned-text{
	font-size:1.2em;
	padding:4px;
	line-height:1.2;
}
.csioptim #footer form .btn-lang{
	display:block;
	margin:0 auto;
	overflow:visible;
	color:#ffffff;
	height:23px;
	width:40px;
	cursor:pointer;
	text-align:center;
	float:right;
	border:0;
	line-height:2em;
	font-size:1.3em;
	background:url(../mediacs/optim/img/bt-lang.png) center top no-repeat;
}
.csioptim .js #footer form .btn-lang{
	display:none;/* useless with js */
}
/* FOOTER LINKS
--------------------------------------------------------------------------------------------------------------------------------------*/

.csioptim .footer-links{
	color:#ffffff;
	padding-bottom:3px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.csioptim .footer-links a{
	color:#ffffff;
	text-decoration:none;
}

.csioptim .footer-links .copy{
	float:right;
}

/********** LINKS **********/
.csioptim .footer-links .links, .csioptim .footer-links ul, .csioptim .footer-links h2 {
	float:left;
	line-height:1.5em;
}

.csioptim .footer-links h2 {
	margin-right:5px;
	font-size:1em;
	font-weight:normal;
}

.csioptim .footer-links li{
	float:left;
	margin-right:24px;
}

.csioptim .footer-links li a{
	display:block;
	line-height:1.5;
	padding:0 0 5px 18px;
	background:url(../mediacs/optim/img/icos-footer-links.png) left top no-repeat;
}

.csioptim .footer-links .twitter a{background-position:left -27px;}
.csioptim .footer-links .daily a{background-position:left -54px;}
.csioptim .footer-links .flickr a{background-position:left -81px;}
.csioptim .footer-links .rss a{background-position:left -108px;}
.csioptim .footer-links .visite a{background-position:left -135px;}
.csioptim .footer-links .itunesu a{background-position:left -135px;}