.main {margin:0 auto;width:1040px}

body{
	background:#FFFFFF;
	border:0;
	color:#FFFFFF;
	line-height:22px;
	/*font-style:italic;*/
	font-family: Verdana; /*"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	margin: 0px;
}
a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}

header{padding-top:34px;height:148px}
#logo{
	display:block;
	background:url(../images/CICLille_petit.jpg) 0 0 no-repeat;
	width:70px;
	height:70px;
	text-indent:-9999px
}
#logo2{
	display:block;
	width:940px;
	height:51px;
	background-image: url(../images/logo_chrul2INSERM.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
 #logo3{
	display:block;
	width:190px;
	height:51px;
	background-image: url(../images/inserm.fr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul {
  list-style: none;
}
#menu li {float:left;padding-left:51px}

#menu li a{
	display:block;
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.2em;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	/* letter-spacing:0px; */
	height:50px;
	font-style:normal;
	font-weight: normal;
}

#menu li a span{
font-size:13px;
line-height:1.2em;
color:#000000;
display:block;
/*letter-spacing:-1px;*/
margin-top:-3px;
font-weight:normal}

#menu li a:hover, #menu .active a{color:#497e04 }
#menu li a:hover span, #menu .active a span{color:#004a91}

#menu #nav1 a{background:url() bottom center no-repeat}
#menu #nav1 a:hover{ font-weight: 400;color:#004a91 } 
#menu #nav1.active a{background:url() bottom center no-repeat }
 

#menu #nav2 a{background:url() bottom center no-repeat}
#menu #nav2 a:hover{ font-weight: 400;color:#004a91 } 
#menu #nav2.active a{background:url() bottom center no-repeat }
 

#menu #nav3 a{background:url() bottom center no-repeat}
#menu #nav3 a:hover{ font-weight: 400;color:#004a91 } 
#menu #nav3.active a{background:url() bottom center no-repeat }
 

#menu #nav4 a{background:url() bottom center no-repeat}
#menu #nav4 a:hover{ font-weight: 400;color:#004a91 } 
#menu #nav4.active a{background:url() bottom center no-repeat }


#menu .form-group {
	position:relative;
	margin-top:-40px;

}

#menu .B1 {
padding: 4px 10px;
font-size: 20px;
background : white;
color : black;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
border: 2px solid #004a91;
}

.B1:hover{ font-weight: 400;color:white; background : black} 

.active .B1{
	background:url() bottom center no-repeat;  
	box-shadow: 0 5px #666;
    transform: translateY(4px); 
	}

.B2 {
	
		border-radius: 8px;
	}

.B3 {
 position : relative;
}
	
	.subcategory{

    padding:50px;
    display: inline;
    margin: 0 0 0 14px;
    width: 184px;
}

.subcategory a img  {

}


.titre_tcc {

text-align: justify;

}


/*page categories*/

.titre{
    background-color: gainsboro;
    padding:10px;
    color: white; text-shadow: black 0.1em 0.1em 0.2em
}

.titre_ad{
    background-color: gainsboro;
    border-color:#0069d9;
padding:5px;}
.titre_in{color: #fff;
    background-color: darkred;
    border-color:darkred;
padding:5px;}


.category-page h3.off {
    background: #e1e1e1  no-repeat 610px;
}

.category-page h3 {
    padding: 5px 14px;
    margin: 0 0 12px;
    background: #E1E1E1;
    clear: both;
    cursor: pointer;
}
.effect{
border: solid 1px  #0000001a;
}

.boerd{
    border: solid 1px  #0000001a;
    background-color: #d1d1d11a;
}
h3 {
    font-size: 14px;
    line-height: 21px;
}

#paragraphe{

    width:100%;
}
#paragraphe li{
    position:relative;
    cursor:pointer;

}
#paragraphe p{
 display:none;
}

#paragraphe button{
    position:absolute;
    right:15px;
    margin-top:-40px;


}

#media_items{
    white-space: nowrap;
    margin:0px;
}

p{
    text-align: justify;
}



.sous-titre-in {
    color: #fff;
    background-color: darkred;
    border-color: darkred;
    padding: 5px;
}

.sous-titre-av {
    color: #fff;
    background-color: forestgreen;
    border-color: forestgreen;
    padding: 5px;
}