/*************

    GÉNÉRAL

**************/

body {
    font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
    text-align:center;
    background-color:#000;
    color:#cb7c44;
    margin:0 auto;
    width: auto;
    max-width:900px;
}
img{
    border:none;
}
a {
    color:#cb7c44;
    text-decoration:none; 
}
a:visited {
    color:#cb7c44;
}
ul {
    text-align:left;
    color:#cb7c44;
}
li {
    line-height:32px;
}
li a {
    color:#fc9 !important;
}
li a:hover {
    color:#ffc !important;
}
#index {
    margin-top:8px;
}
    #index p {
        font-size:2.5em;
        margin-top:4px;
}
#container {
	width: auto;
    max-width:900px;
    position:relative;
}
/*************

    HEADER

**************/
#banniere {
    height:164px;
}
.flag {
	position: absolute;
	right: 10px;
	top: 8px;
}
#nom {
    font-size:3em;
    position:absolute;
    margin-top:30px;
    margin-left:20px;
    
}
#ssTitre {
    font-size:1.33em;
    position:absolute;
    margin-top:112px;
    margin-left:170px;
}
    #ssTitre a {
        color:#fc9;
    }
#menu {
    height:33px;
}
.thumb {
	margin: 0 10px;
}
.thumb p {
    margin-top:10px;
    margin-bottom:0;
    line-height:20px;
    font-size:17px;
}
    .thumb a {
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(js/border-radius.htc);
    background-color:#300;
    border:1px solid #666;
    display:inline;
    padding:8px 16px 11px;
    margin-right:2px;
    }
    .thumb a:hover {
        color:#fc9;
        border:1px solid #999;
    }
.autre {
    color:#BE7C52 !important;
    background-color:#242424 !important;
    border:1px solid #966 !important;
}
    .autre:hover {
    color:#fc9 !important;
    border:1px solid #BF7476 !important;
    }
/*************

    CONTENU

**************/
#content {
    margin-top:40px;
    color:#fc9;
    font-size:0.8em;
    line-height:1.25em;
    position:relative;
}
#pointeur {
    position:absolute;
    z-index:50;
    top:-42px;
}
.about {
    left:-125px; /*placement latéral du pointeur \/  */
}
.natureM {
    left:285px;
}
.still {
	left: 240px;
}
.abstrait {
    left:430px;
}
.abstract {
    left:357px;
}
.portrait {
    left:545px;
}
.portraitEn {
    left:470px;
}
.nus {
    left:639px;
}
.nudes {
    left:575px;
}
.atelierP {
    left:580px; /*dernier pointeur*/
}
.workshop {
    left:540px; /*dernier pointeur*/
}
.marge {
    margin:0 !important;
}
.min {
    display: inline-block;
    margin:0 4% 50px;
    position:relative;
}
    .min span {
        position:absolute;
        bottom:-4px;
        margin-bottom:12px;
        width:100px;
        color:#ddd;
        background:url(../images/design/noir.png);
        display:none;
    }
    .no-touch #content a:hover span {
        display:block;
    }
.atelier {
    max-width:600px;
    text-align:center;
    margin:0 auto;
}
    .atelier img {
        margin:8px 4px 0;
    }
form {
	margin: 30px 0 0;
}
.blocText form label {
	float: left;
	text-align: right;
	width: 38%;
}	

#message {
	margin-bottom: 0;
}
#nb {
	display: block;
	text-align: right;
	font-size: 0.85em;
	font-style: italic;
	margin: 0 -6px 0 0;
}
.blocText form #send {
	text-align: center;
	margin: 0 0 0 80px;
}
#sendButton {
	width: 84px;
	height: 26px;
}
.send-ok p {
	margin: 0 10px 10px 10px;
	text-align: center;
}
#info-message {
	text-align: center;
	font-style: italic;
}
.erreur {
margin-left: 12%;
}
.mentionL {
	width: 720px;
	text-align: left;
	margin-left: 100px;
}
	.mentionL h3 {
		margin-top: 30px;
	}
.cale {
    height:112px;
    margin:0;
}
.note {
	margin: 0 10px;
}
.astuce {
    font-size:0.85em;
    background-color:#242424;
    margin-top:16px;
    width:600px;
}
.SocialNet {
	padding: 10px 0 24px;
}
.blocText .SocialNet, .SocialNet a {
	text-align: center;
	margin: 0 3%;
}
.fb {
    background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yY/r/55xJmBHArB6.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    width: 28px;
    background-position: -16px -11px;
}
#footer {
    color:#864A26;
    font-size:0.6em;
    padding-top:40px;
}
#footer a:hover {
    color:#ffc;
    text-decoration:underline;
}

/* Responsive Structure
----------------------------------------------- */

@media (max-width: 900px) {
	#pointeur {
		display: none;
	}
	.thumb p {
		line-height: 50px;
	}
}
@media (max-width: 719px) {
	#content {
		margin-top: 80px;
	}
}
@media (max-width: 560px) {
	#banniere {
		height: 110px;
	}
	#nom {
		font-size: 2em;
	}
	#ssTitre {
		margin: 80px 0 0 120px;
	}
	#content {
		margin-top: 100px;
	}
	.der img {
		max-width: 90%;
	}
}
@media (max-width: 422px) {
	#content {
		margin-top: 136px;
	}
}
@media (max-width: 363px) {
	.min {
		margin: 0 7% 40px;
	}
}