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

/*----------------------*/
/*  comportement global */
/*----------------------*/
html {
    height: 100%;
}

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, #0090C3) no-repeat fixed 0 115px black;

	background: linear-gradient(to bottom, #000000, #0090C3) no-repeat fixed 0 115px black;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#0090C3)) no-repeat fixed 0 115px black;
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#FF0090C3);
	/* For Internet Explorer 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#FF0090C3);
    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%;
	}

/*-----------------------*/
/*  bare de navigation  */
/*---------------------*/
.navbar .nav {
    background: none repeat scroll 0 0 black;
    z-index: 2;
}
.sidebar-nav hr {
    border-color: #000000 !important;
}
.brand, .brand a:focus {
    text-decoration: none !important;
    color: #AA0000 !important;
    font-size: 57px;
    text-shadow: 1px 1px 2px #FFFF00;
}
.sidebar-nav li {  
    display: block;  
    list-style: none;  
}  
.sidebar-nav a {  
    display:block;  
    margin: 0 30px;  
}



/*--------------------------*/
/*  fenetre principale     */
/*------------------------*/
.hero-unit {
    background-color: #DFDFFF;
    font-size: 13px;
    line-height: 25px;
    max-width: 1000px;
    min-height: 520px;
    padding: 10px 30px 30px;
    text-align: justify;
}

.row {
    padding-top: 124px;
}
#links img {
    border: 1px solid white;
    height: 100px;
    width: 100px;
}
.span10 {
    width: 980px;
}


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

@media screen and (max-width: 800px){
.header {
    display:none; 
}
.span2 {
    width: 100% !important;
    text-align: center;
    display: table-cell;
}