body {
background:url(../images/2010/fond6.png) top left repeat #f0f0f0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3c3c3c;
margin-top:0;
}

a {
text-decoration:none;
color:#1fa4f9;
}
iframe{
	border:none;
}
a.accordion {
display:block;
padding:10px 0;
}

#logo {
position:relative;
top:7px;
left:5px;
height:77px;
width:207px;
}

#logo a {
display:block;
background:url(../images/2011/logo-lille3.png) top left no-repeat;
height:77px;
width:207px;
}

img {
border:0;
}



#container {
width:965px;
background:none;
position:relative;
top:0;
left:0;
margin:0 auto;
padding:0;
}

#header {
margin-left:0;
position:relative;
top:0;
height:155px;
}

#barreOutils {
width:435px;
position:absolute;
top:75px;
left:523px;
font-size:10px;
padding:0;
}

#ent {
position:absolute;
right:5px;
top:10px;
text-align:right;
background:none;
clear:both;
font-size:11px;
color:grey;
}

h1,h2,h3 {
text-align:left;
}

h2 span {
padding:3px;
}

/***************** barre menu ******************************************************/
#barre_menu-ie{
border:1px solid #d5d6d5;
position:absolute;
top:98px;
left:0;
width:965px;
height:38px;
-moz-box-shadow:1px 1px 5px #999;
-webkit-box-shadow:1px 1px 5px #999;
box-shadow:1px 1px 5px #999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#f2f2f2;
}
#barre_menu {
background:url(../images/2010/menu.png) top left repeat-x;
width:962px;
height:35px;

}

#reseaux-sociaux {
position:absolute;
width:20px;
height:20px;
left:945px;
top:75px;
}
#reseaux{
	margin-left:25px;
}
#reseaux a{
	margin-right:3px;
}
#reseaux a:hover{
	text-decoration:none;
}
#main {
position:relative;
background:#FFF;
width:965px;
margin-top:15px;
border:1px solid #e1e2e1;
-moz-box-shadow:1px 1px 5px #999;
-webkit-box-shadow:1px 1px 5px #999;
box-shadow:1px 1px 5px #999;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#maintop {
width:965px;
height:80px;
border-bottom:1px solid #ebebeb;
display:none;
}

#slogan {
font-size:14px;
padding:15px 0 20px 30px;
}

#slogan span {
color:#f75f2a;
font-size:24px;
}

#barre_menu a {
font-weight:400;
}

#barre_menu #menu {
position:relative;
top:0;
padding-left:20px;
margin:0;
}

#barre_menu #menu a.menu-a1,#barre_menu #menu a.menu-a2,#barre_menu #menu a.menu-a3,#barre_menu #menu a.menu-a4,#barre_menu #menu a.menu-a5,#barre_menu #menu a.menu-a6,#barre_menu #menu a.menu-a7 {
border:none;
height:38px;
line-height:38px;
text-align:center;
margin-right:2px;
color:#474847;
text-transform:uppercase;
font-weight:700;
}

#barre_menu #menu a.menu-a7 {
background:none;
}

#barre_menu #menu li {
margin-right:58px;
z-index:99;
}

#barre_menu #menu li.last {
margin:0;
}

#acces-rapide {
display:none;
margin:0;
}

#barreOutils ul {
position:relative;
line-height:20px;
margin:0;
padding:0;
}

#barreOutils li {
float:left;
list-style:none;
margin-right:15px;
}

#barreOutils a {
color:#6f706f;
}

#bandeau {
position:relative;
background: #000 url(../images/2010/bandeau.jpg)  left  top no-repeat;
width:965px;
height:185px;
-moz-box-shadow:1px 1px 5px #999;
-webkit-box-shadow:1px 1px 5px #999;
box-shadow:1px 1px 5px #999;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

padding:0;
}
#bandeau-ie{
position:relative;
background:silver;
width:967px;
height:187px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#bande {
position:relative;
left:669px;
top:125px;
width:294px;
height:46px;
color:#f75f2a;
border-left:2px solid #f75f2a;
-moz-box-shadow:1px 1px 5px #999;
-webkit-box-shadow:1px 1px 5px #999;
box-shadow:1px 1px 5px #999;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
}

#bande a {
color:#f75f2a;
font-weight:700;
display:block;
font-size:16px;
padding:13px;
padding-left:20px;
}
#fond{
position:absolute;
width:294px;
height:46px;
background:#FFF;
opacity:0.5;
filter:alpha(opacity=50);
}

#ent .loggue,#ent .loggue a {
color:#f87817;
}

#acces-ent {
top:5px;
position:absolute;
left:840px;
height:20px;
width:100px;
background:none;
}

#recherche {
top:33px;
position:absolute;
left:768px;
width:195px;
-moz-border-radius:3px;
background:#FFF;
border:1px solid #d6d7d6;
padding:0px;
height:30px;
}

#recherche input {
margin:0px;
margin-left:5px;
margin-top:3px;
background:url(../images/icones/loupe.gif) right center no-repeat ;
padding:0px;
padding-right:20px;
width:155px;
border:none;
height:25px;
}

.intranet {
font-weight:700;
color:#FFF;
}

#adresse a,#adresse a:hover,#adresse a:visited {
color:#CCC;
}

/*************************** LEFT ******************/
#coordonnees{
position:relative;
top:30px;
left:15px;
margin-right:25px;
}
#left {
width:240px;
margin-top:30px;
left:0;
position:relative;
line-height:13px;
}
html >body #left{
width:244px;
}

#left h3 {
position:relative;
left:15px;
font-size:15px;
margin: 0px 15px 20px 0px;
}

#left h3 a {
color:#454545;
}

#left li a {
color:#333;
display:block;
padding-left:10px;
border-left:2px solid #f95413;
background:url(../images/2010/left-li2.png) top left repeat-x #efefef;

padding-top:6px;
padding-bottom:6px;
}

#left li li a {
border:none;
background:none;
display:block;
padding:0;
}

#left li li strong {
display:block;
}

#left li {
margin-bottom:5px;
font-weight:400;
font-size:11px;
line-height:16px;
height:25px;
}
html>body #left li{
height:auto;
}

#left li li {
font-weight:400;
font-size:11px;
line-height:12px;
list-style:url(../images/2010/li-accueil.png) outside;
margin:0 0 8px 25px;
padding:0;
}

#left ul {
list-style:none;
 margin:0 15px; 
padding:0;
}

#left ul ul {
margin:10px 0 15px;
}

/****************** CONTENU *******************/
#rss {
position:absolute;
right:10px;
width:60px;
top:0;
}

#rss img {
float:left;
margin:0 2px 0 0;
}

#adresse {
position:relative;
left:35px;
top:2px;
font-size:10px;
margin-right:65px;
color:#CCC;

}
.sousmenu{
position:relative;
left:35px;
top:10px;
margin-right:65px;
}

#contenu {
float:right;
margin-bottom:20px;
margin-right:0;
margin-left:0px;
width:720px;
position:relative;
border-left:1px solid #ebebeb;
height:500px;
min-height:500px;
}
html>body #contenu{
height:auto;
}

#contenu h1 {
margin:15px 30px 10px 35px;

}

#contenu #content h1 {
margin:8px 30px 10px 0;
}

#redaction {
margin-right:15px;
color:#999;
font-size:9px;
text-align:right;
clear:both;

}

#content {
position:relative;
left:35px;
margin-top:0;
float:left;
min-height:500px;
margin-right:5px;
width:650px;
}
html>body #content{

margin-right:65px;
}

#content p {
text-align:justify;
line-height:16px;
}

#content li {
text-align:left;
line-height:16px;
margin-right:35px;
}

/********************* flux ************/
#flux{

}
#flux  img{
float:left; 
width:120px;
margin:5px 10px 5px 0;
-moz-box-shadow:1px 1px 3px #999;
-webkit-box-shadow:1px 1px 3px #999;
box-shadow:1px 1px 3px #999;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
}
#flux p img{
float:none;
}
/*************** les colonnes ********************/
.col1,.colonne1 {
width:272px;
float:left;
margin-right:80px;
}

.col2,.colonne2 {
width:272px;
float:left;
}

#content .accToggler img {
position:relative;
top:9px;
}

table {
border:1px solid silver;
border-collapse:collapse;
margin:5px;
}

td,th {
border:1px solid silver;
padding:5px;
}

fieldset {
border:1px dotted #E6E6E6;
-moz-border-radius:2px;
margin-bottom:10px;
padding:5px;
}

fieldset fieldset {
margin:20px;
}

#content img {
margin-right:10px;
margin-bottom:5px;
}

#content .imgwiki {
float:left;
margin:0 10px 5px 0;
}
.acc{
min-height:110px;
height:110px;
}
html>body .acc{
height:auto;
}

.info img,#content .imgwiki {
-moz-box-shadow:1px 1px 3px #999;
-webkit-box-shadow:1px 1px 3px #999;
box-shadow:1px 1px 3px #999;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
}

#contenu ul {
clear:left;
margin:15px 0 15px 20px;
padding:0;
}

#contenu li {
margin-bottom:5px;
list-style:url(../images/lille3-numerique/fil_actus-h3.png);
}

#right ul {
margin-left:17px;
}

h1 {
font-size:18px;
font-weight:400;
line-height:28px;
background:url(../images/2010/pictos/bullet-orange.png) 0 7px no-repeat;
padding-left:40px;
padding-bottom:10px;
color:#333;
margin:0;
}

h2 {
clear:left;
padding-bottom:5px;
font-size:16px;
font-weight:900;
color:#f95413;
line-height:20px;
margin:20px 0 10px;
}

/************* CONTENT  HP de L3 NUM ******************
************** canal d'actu ******************/
#content .fil_actus .accToggler h4 {
background:none;
margin-bottom:0;
padding-bottom:0;
font-size:11px;
}

#content .fil_actus {
margin-top:20px;
}
#content .fil_actus h2{
border-bottom:1px dotted silver;
}


#content h3 {
background:none;
color:#333;
margin-top:15px;
margin-bottom:15px;
clear:left;
font-size:14px;
border-bottom:1px dotted silver;
font-weight:900;
line-height:18px;
padding-bottom:3px;
}

#right {
float:right;
width:205px;
min-height:300px;
font-size:10px;
margin:0 15px 0 0;
}
html>body #right{
margin:0 25px 0 0;
}

.boite {
margin-bottom:40px;
}

.boite img{
	margin-right:5px;
	margin-bottom:5px;
}
.boite p, .boite h3{
	clear:left;
}
#right .boite h3 {
background:url(../images/2010/hp/content-h3.png) top left no-repeat;
padding-left:20px;
padding-bottom:2px;
font-size:13px;
}

#barre_menu #menu li a {
text-align:left;
background:none;
font-weight:400;
font-size:12px;
}

#footer {
position:relative;
left:0;
height:47px;
font-size:10px;
width:965px;
margin:3px auto;
background:url(../images/2011/logo-lille3-footer.png) top right no-repeat;
}
#footer a, #footer  {
	color: #454543;
}

#footer #liens {
position:relative;
left:580px;
width:250px;
top:7px;
padding-top:3px;
padding-right:6px;
height:30px;
font-size:9px;
text-align:right;
}

.cadre_standard {
    float: left;
    margin-right: 10px;
    width: 200px;
}

/************* formulaire ********/
label {
font-weight:100;
}

.inputBtn {
border:1px solid grey;
background-color:#CCC;
color:#f95413;
font-weight:700;
margin-left:5px;
cursor:pointer;
}

.inputBtn2 {
border:1px solid grey;
background:#F3F3F3;
height:32px;
}

.inputTxt,.inputTxtMax {
border:1px solid gray;
}

.inputTxt {
float:none;
font:normal 100% verdana;
margin:0;
}

.inputTxt2 {
border:1px solid grey;
height:29px;
padding-left:5px;
width:200px;
margin:0 0 30px;
}

.inputTxtMax {
width:99%;
}

.selectMax {
width:auto;
}

*>.selectMax {
width:100%;
}

.infoMsg {
color:red;
background-color:transparent;
font-weight:700;
}

/**************** accordeon *******
********************** accordeon ***************************/
.actuall {
margin-bottom:20px;
clear:left;
}

#content .accToggler {
color:#000;
font-weight:400;
cursor:pointer;
clear:both;
margin:0;
padding:2px 5px 2px 2px;
}

#content .accToggler h4 {
color:#567ed0;
border-bottom:none;
font-weight:700;
background:url('../images/lille3-numerique/fil_actus-h3.png') 0 3px no-repeat;
margin:0;
padding:0 0 0 15px;
}

#content .accContent {
clear:both;
padding:0;
}
#content .accContent img{
float:left;
margin-top:5px;
}

#content .accInside {
padding-left:10px;
padding-right:10px;
}

#content .accBottom {
border-bottom:2px solid #eaeaea;
width:100%;
}

/**************---- moteur de recherche ---------------------------***/
#recherche-pages-contenant li {
margin-bottom:15px;
}

#recherche-pages-contenant ul {
margin-left:0;
}

#recherche-pertinentes {
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid silver;
}

/************* pages portail *******/
.etape {
width:107px;
height:60px;
font-size:13px;
margin-right:10px;
margin-bottom:10px;
background:silver;
-moz-border-radius:4px;
float:left;
padding:0 10px;
}

.etape:hover,.selected {
background:#e85f0f;
color:#FFF;
}

.etape a:hover {
color:#FFF;
}

#content .etape p {
text-align:center;
}

.firstRow {
display:block;
width:250px;
float:left;
margin-bottom:5px;
text-align:right;
padding-right:10px;
clear:left;
}

.secondRow {
display:block;
width:300px;
float:left;
margin-bottom:5px;t
}

a:hover,#left li li a:hover,#content .accToggler h4:hover {
text-decoration:underline;
}

.lire_suite,#content a,#left li li strong a,#right a,#ent a {
color:#1fa4f9;
}

#logo span,#header h1,#barreOutils span,.adresse_intro {
display:none;
}

#ent a,legend {
font-weight:700;
}

#content .fil_actus .accToggler h4 + p,#content .accContent img + p {
margin-top:2px;
}

#lsf1, #lsf2, #lsf3, #lsf4{
	background:red;
	margin-bottom:60px;
	clear:both;
	
}
#lsf1 embed, #lsf2 embed, #lsf3 embed, #lsf4 embed{
	float:right;
	margin-top:80px;
	
}
.lsftext{
	width:330px;
	float:left;
	position:relative;
}
.contentlsf{
	width:670px !important;
}

.addthis_toolbox{
	float:right;
	padding-right:0px;
}
.addthis_button_google_plusone{
	width:60px;
}
.ombre2{
	clear:right;
}
.fil-actus{
	margin-top:40px;
	border-top:1px dotted silver;
	padding-top:20px;
}
.smallactuimg{
	width:80px;
	float:left;
	margin-right:20px;
	clear:left;
	padding-bottom:0px;
	-moz-box-shadow: 1px 1px 5px #999;  
  -webkit-box-shadow: 1px 1px 5px #999;  
  box-shadow: 1px 1px 5px #999; 
}
.smallactu{
	clear:left;
	padding-top:10px;
}
#content .fil-actus h3{
	clear:none;
	font-size:12px;
	border-bottom:none;
}
.share{
	margin-right:25px;
}