/*
	RESET & BASIC SETUP
*/

* {
	margin: 0; 
	padding: 0; 
}

body { 
	color:white;
    background-color:black;
    background-image:url(../images/fond.png);
    background-repeat:no-repeat;
    background-position:center -50px;
	padding: 20px;
	overflow: hidden;
    font-family:century gothic;
	font-size:16px;
	color:#666666;
	background-attachment: fixed;
}

tr { 
	vertical-align: top;
}

/*
	STRUCTURE
*/

.header{
/*position: fixed;
height: 200px;
*/
}

@media (min-height: 851px) {
    .main{
		height: 600px;
		top: 65px;
	}
	.demarche p,.auteur p, .tirages p, .liens p{
		font-size: 14px;
	}	
	.footer{
		top: 810px;
	}
	.titre	{ 
		margin-top: 35px;
	}
	
	.menu{
		top:130px;
	}
	.galerie{
		top: 35px;
	}
}

@media  (min-height: 700px) and (max-height: 850px) {
   .main{
		height: 560px;
		top: 25px;
	}
	.demarche p,.auteur p, .tirages p, .liens p{
		font-size: 13px;
	}
	.footer{
		bottom: 20px;
	}
		.titre	{ 
		margin-top: 10px;
	}
	
	.menu{
		top:110px;
	}
	.galerie{
		top: 45px;
	}
}

@media  (max-height: 699px) {
   .main{
		height: 490px;
		top: 5px;
	}
	.demarche p,.auteur p, .tirages p, .liens p{
		font-size: 12px;
	}
	.footer{
		top: 600px;
	}
	
	.menu{
		top:80px;
	}
	.galerie{
		top: 15px;
	}
}

.main{
	overflow: hidden;
	position:relative;
}

.post { 
	width: auto; 
	font-size:14px;
}

.footer{
	color:#777777;
	font-family:Microsoft Yi Baiti;
	font-size:18px;
	position: fixed;

}

.informations {

}

/*
	TYPOGRAPHY
*/
p {  margin: 0 0 0px 0; }
h1 { font-family: century gothic; font-size: 17px;
							  letter-spacing: 0px; color: #ccc; margin-bottom: 10px;}
h2 { font-family: century gothic; font-size: 17px;
							  letter-spacing: 0px; color: #ccc; }
a { color: #0066cc; }
a:hover { color: #ccc; }

/*Titre Principal*/
.titre	{ 
color:white;
text-align:left;
padding-left:200px;
text-transform: uppercase;
font-size:18pt;
font-family: century gothic;
font-weight:100;

margin-bottom: 0px;
}

.titre .blanc{
color:#777777;
}

.sous-titre	{ 
color:#777777;
text-align:left;
padding-left:260px;
text-transform: uppercase;
font-size:14px;
font-family: century gothic;
font-weight:100;

margin-top: 10px;
margin-bottom: 20px;

}

.vert{
color:#AACB51;	
}


.orange{
color:#ff7f00;	
}

/*DEBUT Barre de Menu*/
.menu{
	position: fixed;

	/*display: inline-block;  //pb avec nagigation entre galeries*/
}
.menu  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

.menu  li {
    float: left;
}

.menu  li a {
    display: block;
	font-size:15px;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
	color:#777777;
	text-transform:uppercase;
	line-height:0px;
	font-family:century gothic;
}

.menu  li a:hover, .menu li .actif {
	background-color:#1d6daf;
	color:white;
}
/*FIN Barre de Menu*/

.trait_gris{
	background-color:#777777;
	height:1px;
	top: 23px;
position: relative;

}

/*Menu Galeries*/
.contact{
	width: 400px;
}
.contact input, textarea{
	width: 100%;
}

.boutonSupprimer{
	background-color:#f00;    
	padding: 5px;
	cursor: pointer;
}
.boutonEnregistrer{
	background-color:#0f0;    
	padding: 5px;
	cursor: pointer;
}

.imageGalerie{
		margin-bottom: 13px;
		height:162px;
	}

.lesGaleries{
		overflow : hidden;
		max-height: 512px;
	}

.lesGaleries  p {
		width: 346px;
		font-size:14px;
		margin-left: 20px;
		text-align: justify;
		margin-top: 10px;
	}

.lesGaleries h3{
		color:#fff;
		font-size:15px;
margin-left: 20px;
	}
	
	
/*Page auteur*/
.auteur{
	margin:10px;
width:1041px;	
}
.auteur p {
	width: 241px;
	text-align: justify;	
	margin-right:10px;
}


/*Page demarche*/
.demarche p {
	width: 236px;	
	text-align: justify;
}


/*DEBUT Administrateur*/

.formulaireConnexionAdmin{
	
}

.menuGestion{
 width:10%;
 height: 100%;
 float:left;
}

.contenuDroite{
 position: relative;
 float: right;
 width:90%;
 height:100%;
}

.formulaireAjoutPhoto{
	
}

.uploadPhoto{

}

.formulaireGalerie{
    
}

.modificationGalerie{
    
}

.presentationGalerie img{
 height: 500px;
 width: auto;
}


.pageAuteur {
height: 450px;
overflow-y: auto; 
    top: 200px;
    position: relative;
}



.dropzone{
	color:black;
}

.controle input {
	display: none;
}

.demarche p {
	width: 410px;
	margin-right: 10px;
	margin-top: 10px;
}

.tirages h2{
margin-bottom:10px;	
}

.tirages p {
	width: 472px;
	text-align: justify;	
}

.tirages tr{
	text-align:center;
}

.liens p {
	width: 472px;
	text-align: justify;
}

.liens tr{
	text-align:center;
}

.liens a{
	color:#666666;
}

.vide_droite p {
	width: 1472px;
	
}

/* Affichage Galerie*/

.block{
	float: left;
}

.galerie{
	height:550px;
	width: 100% !important; 
margin-top: 20px;
position: relative;
}

.lesGaleries td{
	 
margin: 20px;
}

.demarche td{
	margin-left:10px;
}

.controle img{
	top:5px;
	position:relative;
	cursor:pointer;
	margin-left:20px;
	margin-right:20px;
}

.controle{
	position:relative;
	left:260px;
	color:#888;
float:left;
}

/* Barre de scroll */
.mCSB_dragger_bar {
    background-color: #1D6DAF !important;
	background-image:url(../images/scoll.png);
	background-repeat:no-repeat;
    background-position:center 75px;	
}