/*
dark green: 
call color: 
*/
html { 
margin:0;
padding:0;
background: url('img/cover_bg.jpg') no-repeat top fixed; 
+background: url('img/cover_bg.jpg') no-repeat 100% 50% fixed; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
@media \0screen {
html{ background: url('img/cover_bg.jpg') no-repeat 0 90px fixed; }
}
body{
background: transparent url('img/bg.gif') repeat !important;
color: #444444;
letter-spacing: .04em;
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
}
#page{

}
#top{

}
.underfp7{
font-size: 10px;
text-align: right;
margin-top: 6px;
color: #aaa;
line-height: 12px;
}
.underfp7 img{
margin-top: 6px;
}
.underfp7 a:hover{
background: none;
}
.main{
padding-bottom: 1.5em;
}
.header{
position: relative;
}
.content{
margin: 0 !important;
padding-top: 2em;
background: #ffffff;
opacity: .9;
filter: alpha(opacity = 90);
-moz-box-shadow: 0 0 4px 4px #999;
-webkit-box-shadow: 0 0 4px 4px #999;
box-shadow: 0 0 4px 4px #999;
behavior: url(/PIE.php);
}
.contenu-principal{
font-size: 1.2em;
line-height: 1.6em;
text-align: justify;
}
.sidebar{
margin: 0;
position: relative;
}
#home_sidebar{
margin: 0 0 0 .8em;
}
.accueil{
display: block;
width: 200px;
margin: 1em 0 1em 0;
}
.accueil:hover{
margin: 1em 0 1em 5px;
}
.entete_logo{
position: relative;
}
.restrail_label{
position: absolute;
top: 20px;
left: 120px;
}

/* euproject */
#euproject{
text-align: right;
margin: 1em 0 1.5em 0;
}
#euproject a{
margin: 0 10px;
vertical-align: top;
}
#euproject .fp7 img{
margin-top: 3px;
}

/* menu */
ul.liste-items{
list-style-type: none;
}
.menu-liste{
width: 295px;
list-style-type: none;
}
.menu-liste a{
display: block;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 1.2em;
margin: 0;
padding: .8em 0;
color: #333333 !important;
opacity: 0.7;
}
.menu-liste a span{
display: block;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: .7em;
color: #999999 !important;
}
.menu-liste li > ul > li a{
background: none;
margin: 0;
font-size: 1em;
padding: 0;
}
.menu-liste a:hover, .menu-liste .on a{
text-decoration: none;
background-position: -295px;
color: #993300 !important;
/* Firefox */
-moz-transition: height 1s ease-out, opacity 1s ease;
/* WebKit */
-webkit-transition: height 1s ease-out, opacity 1s ease;
/* Opera */
-o-transition: height 1s ease-out, opacity 1s ease;
/* Standard */
transition: height 1s ease-out, opacity 1s ease;
opacity: 1;
}
.menu-liste a:hover span, .menu-liste .on a span{
color: #ff9933 !important;
}

.article-content{
position: relative;
}

/* links */
a { color: #e2001a; text-decoration: none; }
a:focus,a:hover,a:active { color: #red; text-decoration: underline; }
a:visited {color: #e2001a;}
.spip_out{ color: #e2001a !important; }
.contenu-principal a { color: #e2001a !important; text-decoration: none; }
.contenu-principal a:focus,.contenu-principal a:hover,.contenu-principal a:active { color: #red; text-decoration: underline; }
.contenu-principal a:visited { border-bottom: 1px dotted #ccc; }

/* SPIP */
.chapo{
font-size: 1.2em;
}
h1{
font-size: 2em;
font-weight: normal;
color: #1b3c8d;
margin: 0 0 .8em 0 !important;
padding: 0;
}
.soustitre{
margin: 0 0 2em 0;
}
h3{
font-size: 1.6em !important;
font-weight: normal !important;
margin: .8em 0 1em 0;
color: #1b3c8d;
}
h4{
font-size: 1.5em;
font-weight: normal;
font-style: normal !important;
margin: .8em 0 1em 0 !important;
padding : 0 !important;
color: #1b3c8d;
}
ul.spip li{
margin: 0 0 0 1em;
list-style-image: url(img/li_bg.gif);
}
ul.spip li > ul > li{
margin: 0 0 0 1em;
list-style-type: circle;
}
.info-publi{
text-align: right;
}
.ps h2{
font-weight: bold;
font-style: italic;
font-family: Verdana, sans-serif;
color: #e35e14;
font-size: 1.1em;
}
hr{
background: transparent url(img/separateur.gif) no-repeat;
height: 20px;
}

/* Tableaux */
table.spip {
border-top: #ddd 2px solid;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0;
line-height: normal;
width: 98%;
}
table.spip caption {
caption-side: top;
/* bottom pas pris en compte par IE */
text-align: center;
margin-right: auto;
margin-left: auto;
font-weight: bold;
}
table.spip tr.row_first, table.spip tr.row_first th{
background: #cdcdcd;
color: #fff;
font-weight: normal;
}
table.spip tr.row_odd {
background: #fff;
}
table.spip tr.row_even {
background: #fff;
}
table.spip th, table.spip td {
padding: 1em .4em;
text-align: left;
border: none;
border-bottom: #ddd 2px solid;
}
table.spip th {
padding: .2em .4em .4em .4em;
vertical-align: bottom;
font-weight: bold;
}
table.spip th strong{
color: #fff;
}
table.spip td {
vertical-align: top;
}

/* footer */
.footer{
padding: 0;
background: transparent;
text-align: center;
}
#coordinated{
font-size: 1.5em;
font-weight: bold;
margin: 0 auto;
color: #6a6a6a;
margin-bottom: .5em;
}
#coordinated a{
display: inline-block;
width: 70px;
height: 35px;
background: transparent url('img/footer_uic_logo.png') no-repeat;
margin: 4px 0 0 5px;	
vertical-align: middle;
}
#coordinated a:hover{
background-position: 100% 0;
}
#coordinated a{
color: #6a6a6a !important;
text-decoration: none;
}
#credits{
margin: .3em auto;
color: #6a6a6a;
}
#credits a{
color: #6a6a6a !important;
text-decoration: none;
}
#copyright{
margin: .3em auto;
color: #6a6a6a;
}
.footer_menu{
color: #6a6a6a;
}
.footer a{
color: #6a6a6a !important;
font-size: 1.2em;
text-decoration: none;
}
.footer a:hover{
color: #999999 !important;
font-size: 1.2em;
text-decoration: none;
}

/* search */
#formulaire_recherche{
text-align: right;
padding: 0;
margin: 0 0 0 0;
}
#formulaire_recherche .submit{
border: none;
background: #999999;
height: 1.9em;
font-size: 1.2em;
color: #fff;
margin-right: 5px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#formulaire_recherche .submit:hover{
cursor: pointer;
cursor: hand;
background: #84888a;
}
#formulaire_recherche label{
color: #fff;
}
#recherche{
border: solid 1px #ccc;
-moz-border-radius: 6px;
border-radius: 6px;
}
#.text{
background: blue;
}

/* search */
.formulaire_spip_listes_inscription{
margin: 0;
padding: 0;
position: relative;
font-size: .9em;
}
.formulaire_spip_listes_inscription #email{
width: 200px;
border: solid 1px #ccc;
padding: .3em;
}
.formulaire_spip_listes_inscription .submit{
border: none;
background: #ccc;
width: 1.9em;
height: 1.9em;
font-size: 1em;
color: #fff;
}
.formulaire_spip_listes_inscription .submit:hover{
cursor: pointer;
cursor: hand;
}
.formulaire_spip_listes_inscription label{

}
.formulaire_spip_listes_inscription .boutons{
position: absolute;
left: 220px;
top: 30px;
}


/* hierarchie */
#hierarchie{
margin: 0 0 .5em 0;
padding: 0;
font-size: .75em;
font-weight: normal;
color: #aaa;
font-family: Verdana, sans-serif;
}
#hierarchie a{
font-weight: normal;
color: #aaa;
text-decoration: none;
}
#hierarchie .on{
font-weight: normal;
color: #999;
}

/* documents, portfolio */
#documents_portfolio{
margin: 4em 0 !important;
}

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #000066; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #ccc; }

/* page rubrique */
.cartouche .spip_logos, .articles .spip_logos{
float: left;
margin: 0 1em 1em 0;
}

/* blocs documents images */
.spip_documents{
text-align: left;
}
.spip_documents a.thickbox img{
border: solid 4px #ccc;
}
.spip_documents a.thickbox:hover img{
border: solid 4px #e2001a;
}
dl.spip_documents{
margin: 15px 0;
padding: 0;
}
.spip_documents dt{
display: inline;
margin: 0;
padding: 0;
}
.spip_documents dt a{
font-size: .95em;
font-family: Verdana, Arial, sans-serif !important;
color: #666;
}
.spip_documents dd{
display: inline;
margin: 0;
padding: 0;
font-size: .85em;
color: #555555;
font-family: Verdana, Arial, sans-serif;
}
.spip_documents dd p{
display: inline;
}
.spip_documents_center{
text-align: center;
}
span.spip_documents_center, .spip_documents_center{
display: block;
margin-top:1em;
}
dl.spip_documents_left, .spip_documents_left{
float: left;
margin: 15px 20px 15px 0;
}
dl.spip_documents_right, .spip_documents_right{
float: right;
margin: 20px 0 20px 20px;
}
.spip_documents img{
vertical-align: middle;
}

ul#share_buttons{
list-style-type: none;
margin: .6em 0 0 0;
padding: 0;
float: right;
}
ul#share_buttons li{
display: inline;
margin: 0;
padding: 0;
}
ul#share_buttons li a{
text-decoration: none !important;
}
ul#share_buttons li a img{
padding: .1em 0;
}
ul#share_buttons li a:hover img{
padding-top: 0em;
padding-bottom: .2em;
}
ul#share_buttons li a:hover{
text-decoration: none;
}

/* tablematiere */
#tablematiere{
float: none;
width: 95%;
padding: .6em 1em;
margin: 0 0 1em 0;
border: 2px solid #ccc;
font-size: .9em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#tablematiere ul{
padding: 0;
margin: 0;
}
#tablematiere li{
color: #ddd;
list-style-type: none;
}
#tablematiere li a{
color: #888;
}
#tablematiere li a:hover{
color: #333;
}
h3.spip a{
height: 40px;
width: 26px;
background-image: url(img/top_link.gif) !important;
opacity: 0.6;
filter: alpha(opacity=60);
}
h3.spip a:hover{
opacity: 1;
filter: alpha(opacity=99);
text-decoration: none;
}
.sommaire_ancre{
float: right;
}

/* forms */
.spip_forms, .spip_forms fieldset{
border: none !important;
}
.spip_forms textarea, .spip_forms .ligne, .spip_forms .email{
background: white !important;
border-color: #ccc !important;
}
.spip_forms .erreur{
font-weight: normal;
color: red;
font-style: italic;
}
.spip_form_ok{
background-color: #809521 !important;
}
ul.spip_form_choix_unique{
list-style-type: none;
}
ul.spip_form_choix_unique li label{
display: inline;
font-weight: normal;
}
.label{
font-weight: bold;
}
.spip_form_ok{
padding: .2em;
color: #333;
font-size: 1.3em;
font-weight: bold;
background: #bcd866;
}
.spip_form_ok a{
display: none;
}
.nettoyeur{
display: block;
margin: 8px 0;
}
form li{
list-style-type: none;
}
form ul{
margin: 0 20px;
padding: 0;
}
form .spip_bouton input{
font-size: 1.4em;
font-weight: bold;
margin: 0 0 30px 15px;
padding: 5px;
float: left;
border: none !important;
background: #999999 !important;
color: #ffffff !important;
-moz-border-radius: 6px;
border-radius: 6px;
}
form .spip_bouton input:hover{
background: #666666 !important;
}
li > input, li > label{
display: inline;
font-weight: normal;
}

/* .box */
.box{
background: none;
padding: 0 0 0 18px;
}
.box h2{
margin: 0 0 .4em 0;
padding: 0;
}
.box ul{
margin: 0;
padding: 0;
}
.box li{
list-style-type: none;
margin: .4em 0;
padding: 0;
}
.box li a{
}
.box li a:hover{
}
.box li .descriptif{
color: #666666 !important;
}

.toolbox a{
opacity: .9;
filter: alpha(opacity = 90);
}
.toolbox a:hover{
opacity: .99;
filter: alpha(opacity = 99);
margin-left: 1px;
}

/* enews */
.enews{
margin-top: 2em !important;
}

.banners{
font-size: 1em;
}
.banners img{
vertical-align: middle;
margin-right: 1em;
}
.banners ul, .banners li{
margin: 0;
padding: 0;
list-style-type: none;
}