/**********************************************/
/*  Design.css Vincent DI GIUSTO              */
/*  version 1.0    18/05/2013                 */
/**********************************************/

/*----------------------*/
/*  comportement global */
/*----------------------*/
html {
    height: 100%;
}
area {
    cursor: pointer;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
	background-color: #000;
	background: -ms-linear-gradient(#0cf, #000);/*For IE10*/
	background: -moz-linear-gradient(center top , #000000, #0f056b) no-repeat fixed 0 115px black;

	background: linear-gradient(to bottom, #000000, #0f056b) no-repeat fixed 0 115px black;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#0f056b)) no-repeat fixed 0 115px black;
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#FF0f056b);
	/* For Internet Explorer 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#FF0f056b);
    font-family: Arial;
    font-size: 14px;
	background-attachment:fixed;
}
#entete{
    min-height: 500px;
}

.header {
    background: url("../img/deep_space.jpg") repeat scroll 0 0 black;
    height: 120px;
	position:absolute;
	width:100%;
	}

/*---------*/
/*  déco  */
/*-------*/
.navbar .nav {
    background: none repeat scroll 0 0 black;
    z-index: 2;
}
.sidebar-nav hr {
    border-color: #000000 !important;
}
.nav-header {
    display: block;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
.brand, .brand a:focus {
    text-decoration: none !important;
    color: #AA0000 !important;
    font-size: 57px;
    text-shadow: 1px 1px 2px #FFFF00;
}
.new {
    background-color: #FFFF00;
    color: #000000;
}
#accueil li {
    border-top: 1px solid black;
    list-style: disc inside none;
}
#accueil a {
    color: black;
}
#accueil {
    text-align: center;
}

#tableau {
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 14px;
    text-align: left;
    width: 100%;
    border: 1px ridge silver;
    border-spacing: 2px !important;
    max-width: 100%;
}

#tableau th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
  border: 1px solid #555;
}
#tableau td
{
	padding: 8px;
	background: #e8edff;
  border: 1px solid #555;
	color: #669;
	min-width: 150px;
}

#tableau tbody tr:hover td
{
	background: #d0dafd;
}


/*--------------------------*/
/*  dimensions, positions  */
/*------------------------*/
#contenu {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding-top: 122px;
}
.span2 {
    width: 170px !important;
}
#statuts {
    height: 100%;
    width: 100%;
}
#acces {
    min-height: 1500px;
}
.hero-unit {
    background-color: #DFDFFF;
    font-size: 13px;
    line-height: 25px;
    max-width: 1000px;
    min-height: 520px;
    padding: 10px 30px 30px;
    text-align: justify;
}
.events{
	width: 500px;
}

.float img {
    float: right;
    padding: 10px;
}
#ciel,#acces{
	float: none !important;
}
#page img {
    background-color: #ffffff;
    border: 0 none;
    box-shadow: 8px 8px 6px -6px #777777;
    float: right;
    margin: 6px 15px 15px 0;
    max-width: 100%;
    padding: 7px;
}
#meteo {
    box-shadow: 10px 8px 6px -6px #777777;
    margin: 6px 0 0 6px;
}
.modal-body {
    max-height: 600px;
}
.row-fluid .span3 {
    min-width: 168px;
    width: 10%;
}
.well {
    padding: 10px 0px 0 5px;
	background-color: #DFDFFF;
}
.modal li {
    margin-left: 20px;
}

.hero-unit a {
    background: hsl(0, 24%, 95%) none repeat scroll 0 0;
    border: 1px outset hsl(0, 24%, 95%);
    border-radius: 4px;
    color: black;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    margin: 4px;
    padding: 2px;
}
.hero-unit h3 {
text-align: left;
}

#page a:hover {
    background: hsl(0, 48%, 46%) none repeat scroll 0 0;
    border-color: hsl(0, 48%, 46%);
    box-shadow: 1px 1px 3px hsla(0, 0%, 0%, 0.5);
}

/*---------------*/
/*  responsive  */
/*-------------*/
@media screen and (max-width: 1024px){
.brand {
    font-size: 44px;
}
}

@media screen and (max-width: 800px){
.header {
    display:none; 
}
#contenu{
	padding-top:0;
}
 
#page img {
    width: 100%;
}
.span2 {
    width: 100% !important;
    text-align: center;
    display: table-cell;
}
.sidebar-nav li {  
    display: block;  
    list-style: none;  
}  
.sidebar-nav a {  
    display:block;  
    margin: 0 30px;  
}
#page{
	display: table-header-group;
}
.nav li + .nav-header {
    display: block;
}

}
.fb_iframe_widget {
    display: inline-block;
    margin-top: -5px;
    position: relative;
    vertical-align: top;
}
.twitter-share-button {
    margin: 0 0 -6px 10px;
    vertical-align: top;
}

a.btn-primary{
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
color: white;
}
a.btn-danger{
background-color: #ee5f5b;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#0044cc));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
color: white;
}