.contenu {
	width: 960px;
	margin: 0 auto;
}

/*---------------------NAVIGATION---------------------*/

nav ul {
	text-align: right;
	margin: 24px 10px 0 0;
}

nav li {
	font-size: 1.25em;
	display: inline;
	margin-left: 74px;
}

/*---------------------INTRODUCTION---------------------*/

#introduction {
	background-image: url("../images/intro_sd.jpg" );
    height: 800px;
}

#text_intro {
	position: absolute;
	width: 750px;
	top: 50%;
	left: 50%;
	margin: -115px 0 0 -375px;
}

#text_intro_gauche {
	width: 50.5%;
	float: left;
}

#text_intro_droit {
	width: 47%;
	padding-left: 2.5%;
}

/*---------------------SECTIONS---------------------*/

h2 {
	height: 70px;
    line-height: 70px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 100px;
	font-size: 2.5em;
}

.black h2 {
    border-top: 4px double #FFFFFF;
    border-bottom: 4px double #FFFFFF;
}
.blacki h2 {
	color : #FFFFFF;
}

.white h2 {
    border-top: 4px double #000000;
    border-bottom: 4px double #000000;
}
h6 {
    font-family: open_sanslight , Sans-Serif;
    color : #ff0000;
	font-weight : bold;
    text-align: center;
}

/*---------------------SHOW---------------------*/

h3 {
   height: 70px;
    line-height: 70px;
    font-size: 2.5em;
    margin-right: 10px;
	margin-left: 10px;
	margin-top: 100px;
    border-top: 4px double #000000;
    border-bottom: 4px double #000000;
}

.web_1 {
    width: 45%;
    float: left;
    margin: 0 -10.85%;

    position: relative;
    z-index: 85;
}

.web_2, .web_3 {
    width: 38.33%;
    float: left;
    margin-top: 3%;
}

.print_1 {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.print_2, .print_3 {
    width: 49%;
}

.print_3 {
    margin-top: 2.7%;
}

/*---------------------WORKS---------------------*/

#work_1 {
    margin-left: 155px;
}

#work_1, #work_2, #work_3 {
    margin-top: 34px;
    margin-right: 80px;
}

#work_4 {
    margin-left: 34px;
}

#work_4, #work_5, #work_6 {
    margin-top: -42px;
    margin-right: 80px;
}

#work_7 {
	margin-top: -42px;
}

#work_8 {
    margin-left: 155px;
}

#work_8, #work_9, #work_10 {
    margin-top: -42px;
    margin-right: 80px;
    margin-bottom: 34px;
}



#gal_mini .effect .caption {     
    -webkit-transition: margin 200ms ease-out;  
    -moz-transition: margin 200ms ease-out;  
    -o-transition: margin 200ms ease-out;  
    -ms-transition: margin 200ms ease-out;  
    transition: margin 200ms ease-out;

    margin-top: 140px;
    margin-left: 84px;
}


#gal_mini .effect:hover .caption {  
    margin-top: 60px;
    margin-left: 4px;
}

#gal_mini .effect:hover img {  
    -webkit-transition: opacity 200ms;  
    -moz-transition: opacity 200ms;  
    -o-transition: opacity 200ms;  
    -ms-transition: opacity 200ms;  
    transition: opacity 200ms;
}

/*---------------------ABOUT---------------------*/

#about li {
    margin-right: 10.5%;
}

#about li:nth-child(6) {
    margin-left: 33%;
}

#about li:nth-child(5), #about li:last-child {
    margin-right: 0;
}

/*---------------------CONTACT---------------------*/

form input:nth-child(3), textarea, button {
    margin-top: 2%;
    padding: 1%;
}

form input:nth-child(1) {
    margin-right: 2%;
}

form input:nth-child(1), form input:nth-child(2) {
    width: 45%;
    padding: 1%;
    margin-top: 0.5%;
}

form input:nth-child(3), textarea {
    width: 95.25%;
}