@charset "utf-8";
/* CSS Documentc */

body
{
	margin: 0;
	background: url('fond.jpg');
}

a{
border: 0px;
}


#fiche {
float: right;
border: 2px solid;
padding: 1px 6px;
margin-top: -25px;
style="border-image: initial;
background-image: -webkit-gradient(linear,0% 0%,100% 0%,from(rgba(0, 130, 37, 1)),to(white));
background-image: -moz-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
background-image: -o-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
background-image: -ms-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
border: 2px solid black;
padding: 8px;
width: 562px;
float: left;
}

#center_co
{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px;
}

#fond
{
  
	background-repeat: no-repeat;
	height: 800px;
	margin: auto;
	
   padding-top: 34px;
	
   background-position: 50% -134px;
}

a, a:hover, a:active, a:focus
{
border: 0;
margin-left: 5px;
padding: 5px;
border-style: none;
}

#centre
{
    width: 900px;
    margin: auto;
}

#baniere
{
    height: 160px;
    overflow: hidden;
    border-top-left-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    margin-top: 80px;
}

#menu
{
	height:27px;
}


#menuDeroulant
{   
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#menuDeroulant li
{
    text-align: center;
    float: left;
    width: 180px;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited, #menuDeroulant li a
{
    display: block;
    height: 19px;
    color: #FFF;
    background: #3B4E77;
    padding: 4px 8px;
    text-decoration: none;
}

#menuDeroulant .sousMenu
{
    display: none;
    list-style-type: none;
    padding: 0;
    border: 0;
    position: absolute;
	z-index: 99;
}

#menuDeroulant .sousMenu li
{
    float: none;
    border-top:1px solid white;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
    color: #FFF;
}

#fenetre
{
	overflow: hidden;
	width: 891px;
	height: 420px;
	position: absolute;
	border: 5px solid black;
}

#articles
{
	text-align: center;
	color: white;
    height: auto;
	background-color: #000;
	padding: 13px;
}

#articles>h1
{
 padding-bottom: 100px;
}

#articles > div 
{
	margin-bottom: 13px;
	background-color: #009431;
	height: 250px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 20px 2px inset;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 20px 2px inset;
	box-shadow:rgb(0, 0, 0) 0px 0px 20px 2px inset;
	
}

.projet {
margin-bottom: 13px;
background-color: #009431;
height: 250px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

.projet > a {
float: right;
margin: 10px;
-webkit-box-shadow: rgb(0, 0, 0) 3px 4px 0px 1px;
-moz-box-shadow: rgb(0, 0, 0) 3px 4px 0px 1px;
box-shadow: rgb(0, 0, 0) 3px 4px 0px 1px;
font-family: Verdana,sans-serif;
font-size: 12px;
color: white;
border: 1px solid black;
margin-top: 200px;
}

#fichierselection
{
border-image: initial;
background-image: -webkit-gradient(linear,0% 0%,100% 0%,from(rgba(0, 130, 37, 1)),to(white));
background-image: -moz-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
background-image: -o-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
background-image: -ms-linear-gradient(left,rgba(0, 130, 37, 1) 0%,white 100%);
border: 2px solid black;
padding: 8px;
width: 562px;
float: left;
}

.projet > img {
height: 175px;
float: left;
margin-top: 25px;
padding: 13px;
}

.projet > .description {
padding-right: 13px;
overflow: hidden;
padding-left: 13px;
}


        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }



#description {
height: 222px;
float: left;
width: 328px;
margin-right: 30px;
}

#sign-in-articles {
width: 583px;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0.05,rgba(255,0,0,1)),to(rgba(171,0,0,1)));
background-image:-moz-linear-gradient(top,rgba(255,0,0,1) 5%,rgba(171,0,0,1) 100%);
background-image:-o-linear-gradient(top,rgba(255,0,0,1) 5%,rgba(171,0,0,1) 100%);
background-image:-ms-linear-gradient(top,rgba(255,0,0,1) 5%,rgba(171,0,0,1) 100%);
font-family:Verdana,sans-serif;
font-size:15px;
border:2px solid rgb(0, 0, 0);
padding:5px 0px 5px 10px;
margin:9px 0px 0px 0px;

}

.form
{
width: 600px;
padding: 15px;
background-color: grey;
margin-left:auto;
margin-right:auto;
margin-bottom: 15px;
}

.onglets
{
text-align: center;
}

.modif_selec
{
  width: 0;
float: right;
margin-left: 10px;
}