/*

Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com

*/


/* =Imports
============================================================================== */
@font-face {
	font-family: ChunkFive;
	src: url('../font/Chunkfive.otf');
}

/* =Base Structure
============================================================================== */

	body {
		font: 12px/1.5 Helvetica;
		background-image:url(../images/newheader.png);
        background-repeat:repeat-x;
        background-position: top left;
		background-color: #ebebeb;
		}

        

.not-timeline{
    background-image:url(../images/upperheader.png);
}

	#content {
		width: 800px;
		margin: 100px auto;
		}

    .container {

    }

    .header {
        margin-right:auto;
        margin-left:10px;
        padding-bottom:30px;
    }

    .upperheader {
        background-image:url(../images/upperheader.png);
        background-repeat:repeat-x;
        background-position: top left;
        width:100%;
        height:80px;
        position:absolute;
        z-index:-1;
        float:left;
    }

    .left-header{
        margin-top:30px;
    }
    .right-header{
        margin:30px 0px 15px 0px;
    }

    .contenu{
        background:white;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding:10px 0 10px 10px;
        margin-top:10px;
    }

    .timeline{
        background:#ebebeb;
        -moz-border-radius: 0px 10px 10px 10px;
        -webkit-border-radius: 0px 10px 10px 10px;
        padding:20px 0px 10px 0px;
    }

    .center{
       margin-left:20px;
    }

    .ombre{
        box-shadow: 1px 1px 12px #6d6d6d;
        -webkit-box-shadow: 1px 1px 12px #6d6d6d;
        -moz-box-shadow: 1px 1px 12px #6d6d6d;
    }
    .filtre{
        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px;
        padding:5px 0px 2px 0px;
        text-align:center;
        font-family:Helvetica;
        font-size:1.5em;
        margin-right:5px;
    }

    .filtre a {text-decoration:none;}

    .select{background:#ebebeb;}

    .noselect{background:#f6f6f6;color:#2786C2;cursor:pointer;}

    .title {
        text-decoration: none;
        color: #1A1F1E;
    }

    .logo{
        margin-top:5px;
    }

    .title:hoover{
        color:#2786C2;
    }

	h1 {
		font-size: 50px;

        color: #1A1F1E;
		text-align: left;
        margin-left:15px;
        margin-top:40px;
		}


    h2 {
		font-size: 30px;
        font-family:arial,sans-serif;
        color: #000000;
		}

    h3 {
        text-align:center;
    }

	p {
		text-align: center;
	}

    a{
        color: #2786C2;
    }

    .large{
        line-height:1.5em;margin-bottom:1.25em;
        font-size: 1.5em;
        color:#969696;

    }

    #nav li a {
        text-decoration:none;
        color:white;
        font-size:1.2em;
    }

    #nav li {
        font-family: ChunkFive;
    }

    .nav {
        padding-top:5px;
        padding-bottom:12px;
        background-repeat: no-repeat;
    }

    .nav hr{
        box-shadow: 1px 1px 12px white;
        -webkit-box-shadow: 1px 1px 12px white;
        -moz-box-shadow: 1px 1px 12px white;
    }

    .nav ul {
        margin:0;
        padding:0;
    }
    .nav li {
        clear: none;
        list-style-type: none;
        position: relative;
        float:left;
        margin-right:15px;
        padding:0;
    }

    #presentation {
        font-family: Helvetica;
        color:white;
        padding:35px 0px 35px 0px;
        font-size:1.6em;
    }

    .div-inscription{
        padding:10px 10px 5px 10px;
        background:#011a31;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
    }


    .ajoutphoto{
        padding: 0px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border:0px solid #000000;
        background: #FFFFFF;
        margin-bottom: 15px;
    }

    #ajoutphoto div span{
        margin-left:5px;
    }

    #photoToPost{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #FFFFFF;
    }

    .explanation{
        text-align:justify;
    }

    .photo-box{

        -moz-border-radius: 10px;
        -webkit-border-radius:10px;
        
        border:0px solid #000000;
        background-color: #FFFFFF;
        margin-bottom: 15px;
    }

    .photo{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        
        background: #e6e6e6;
    }

    .button-edit-photo{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #e6e6e6;
    }


    #instruction{
        font-size:0.9em;

    }

    #button-envoyer input{
        margin-top:20px;
        margin-bottom:20px;
        padding-bottom:8px;
        padding-top:6px;
        padding-left:55px;
        padding-right:55px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-image:url(../images/button-inscription.png);
        background-repeat: no-repeat;
        text-align:center;
        color:#FFFFFF;
        font-size:20px;
        cursor: pointer;
        font-family:Arial;
        border:none;
    }

     #button-inscrire input{
        margin-top:20px;
        margin-bottom:20px;
        padding-bottom:8px;
        padding-top:8px;
        padding-left:46px;
        padding-right:46px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-image:url(../images/button-inscription.png);
        background-repeat: no-repeat;
        text-align:center;
        color:#FFFFFF;
        font-size:18px;
        cursor: pointer;
        font-family:Arial;
        border:none;
    }

    #button-login input{
        margin-top:20px;
        margin-bottom:20px;
        padding-bottom:8px;
        padding-top:6px;
        padding-left:34px;
        padding-right:34px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-image:url(../images/button-inscription.png);
        background-repeat: no-repeat;
        text-align:center;
        color:#FFFFFF;
        font-size:20px;
        cursor: pointer;
        font-family:Arial;
        border:none;
    }
    #button-critique input{
        margin-top:20px;
        margin-bottom:20px;
        padding-bottom:8px;
        padding-top:6px;
        padding-left:12px;
        padding-right:12px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-image:url(../images/button-inscription.png);
        background-repeat: no-repeat;
        text-align:center;
        color:#FFFFFF;
        font-size:20px;
        cursor: pointer;
        font-family:Arial;
        border:none;
    }
    #button-search input {
        
        padding-bottom:4px;
        padding-top:4px;
        padding-left:32px;
        padding-right:32px;
        background-image:url(../images/button-search.png);
        background-repeat: no-repeat;
        background-color:transparent;
        text-align:center;
        color:#FFFFFF;
        font-size:16px;
        cursor: pointer;
        font-family:Arial;
        border:none;
    }

    .button {
        padding-bottom:10px;
        padding-top:5px;
        background-image:url(../images/button-inscription.png);
        background-repeat: no-repeat;
        text-align:center;
        font-size:18px;
        cursor: pointer;
        font-family:Arial;

    }

    .button a {
        text-decoration:none;
        color:#FFFFFF;
    }

     .navsmallbutton {
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:5px;
        padding-top:5px;
        background-image:url(../images/small-button.png);
        background-repeat: no-repeat;
        text-align:center;
        font-size:15px;
        cursor: pointer;
        font-family:Arial;

    }

    .smallbutton {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:5px;
        padding-top:5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #2786C2;
        text-align:center;
        font-size:15px;
        cursor: pointer;
        font-family:Arial;

    }




    .navsmallbuttonselect {
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:5px;
        padding-top:5px;
        background-image:url(../images/small-button-select.png);
        background-repeat: no-repeat;
        text-align:center;
        font-size:15px;
        cursor: pointer;
        font-family:Arial;

    }

    .smallbutton-annuler {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:5px;
        padding-top:5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #858585;
        text-align:center;
        font-size:15px;
        cursor: pointer;
        font-family:Arial;

    }

    .smallbutton a {
        text-decoration:none;
        color:#FFFFFF;
    }

    .navsmallbutton a {
        text-decoration:none;
        color:#FFFFFF;
    }

    .navsmallbuttonselect a {
        text-decoration:none;
        color:#FFFFFF;
    }

    .smallbutton-annuler a {
        text-decoration:none;
        color:#FFFFFF;
    }

    .hide {
        display: none;
    }

    .photo-miniature:hover{
        opacity:0.4;
    }

    #photo-description{
        margin:5px;
        padding:10px;
    }



    #photo-vote{
        margin:5px;
        padding:5px;
        padding-bottom:7px;
        cursor: pointer;
        font-family:Arial;
    }
    .vote-button{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #FFFFFF;
        background-image:url(../images/vote.png);
        background-repeat: no-repeat;

    }
    .menu-titre{
        background-image:url(../images/menu.png);
        background-repeat: no-repeat;
    }
    .menu-titre h3 {padding-top:5px;font-size:1.4em;}
    .editInfos{
        display: none;

    }
    .viewInfos{
        display: block;
    }
    .editInfos input{
        font-size : 12px;
        height: 14px;
    }

    .icon {

    }


    .notice{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
/*
    Color
    */
.orange{
    background:#da7738;
}
.black{
    color:black;
}
.font-orange{
    color:#da7738;
}

.font-black{
    color:black;
}

.font-blue{
    color:#2786C2;
}

.blue{
    background:#2786C2;
}

.vert{
    background:#CACF43;
}
.grey{
    background:#e6e6e6;
}
.round-up{
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;

}
.round-down{
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border:0px solid #000000;
    background-color:white;
}
.grey {background-color:#ebebeb;}


.borderright{
    border-right:thin #da7738 dashed;
}

.footer{
    background-image:url(../images/footer.png);
    background-repeat: no-repeat;
}


.e-mail{
    display:none;
}

.round{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
 }

.search{
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:35px;
    background: #e6e6e6;
    margin-bottom:20px;
}

#notes {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:5px;
}
.notes-inactives {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    background:url(../images/dash.png);
    padding:75px 0px 75px 0px;
    font-size:2.5em;
    text-align:center;
}
.flottant {
    position:absolute;
    z-index:1;
    float:left;
}

.notes-inactives a {
    text-decoration:none;
    color:inherit;
}
.notes-active {
    
}

.comments-inactifs{
    padding-left:5px;
    opacity:0.2;
}

.comments-actifs{
    
}


/* =Navigation
============================================================================== */

	/* =Reflection Nav
	-------------------------------------------------------------------------- */

		#nav-reflection {
			margin: 0 auto 50px auto;
			padding: 50px 0 0 172px;
			width: 452px;
			min-height: 130px;
			/*background: url(http://localhost/souvlaki_PDO/resources/images/page-shadow.jpg) top center no-repeat;*/
			list-style: none;
			}

		#nav-reflection li {
			margin-right: 15px;
			width: 59px;
			float: left;
			}

		#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
			width: 59px;
			height: 59px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(http://localhost/souvlaki_PDO/resources/images/icons.png) no-repeat;
			display: block;
			}

		#nav-reflection span {
			margin-top: 1px;
			width: 59px;
			height: 34px;
			text-align: center;
			background: url(http://localhost/souvlaki_PDO/resources/images/icons-reflections.jpg) no-repeat;
			display: block;
			}

		/* Button Colors */

		#nav-reflection li.button-color-1 a {
			background-position: -3px -3px;
			}

		#nav-reflection li.button-color-2 a {
			background-position: -92px -3px;
			}

		#nav-reflection li.button-color-3 a {
			background-position: -181px -3px;
			}

		#nav-reflection li.button-color-4 a {
			background-position: -270px -3px;
			}

		/* Button Reflection Color */

		#nav-reflection li.button-color-1 span {
			background-position: 0 0;
			}

		#nav-reflection li.button-color-2 span {
			background-position: -89px 0;
			}

		#nav-reflection li.button-color-3 span {
			background-position: -178px 0;
			}

		#nav-reflection li.button-color-4 span {
			background-position: -267px 0;
			}


	/* =Shadow Nav
	-------------------------------------------------------------------------- */

		#nav-shadow {
			/*margin: 0 auto 50px auto;
			padding: 50px 0 0 127px;
			width: 497px;
			min-height: 130px;
			text-align: center;
			*/
			/*background: url(http://localhost/souvlaki_PDO/resources/images/page-shadow.jpg) top center no-repeat;*/
			list-style: none;
			}

		#nav-shadow li {
			margin-right: 15px;
			width: 81px;
			height: 72px;
			position: relative;
			float: left;
			}

		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 59px;
			height: 29px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(http://localhost/souvlaki_PDO/resources/images/icons.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}

		/* Button Colors */

		#nav-shadow li.button-color-1 a {
			background-position: -3px -3px;
			}

		#nav-shadow li.button-color-2 a {
			background-position: -92px -3px;
			}

		#nav-shadow li.button-color-3 a {
			background-position: -181px -3px;
			}

		#nav-shadow li.button-color-4 a {
			background-position: -270px -3px;
			}

		/* Button Shadow */

		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}