/*
 *
 * sorties.css
 *
 * 18/01/06 - tonio@skipass.com
 *
 */

/*------------------------------------------------------------------------------- *
 *                              declarations globales                                    *
 *------------------------------------------------------------------------------- */

#contenu input, #contenu select, #contenu textarea	{
    border			: 1px solid #FFE3B1 ;
    font					: 11px Verdana,Arial,sans-serif ;
    color				: #444 ;
    display			: inline ;
    z-index			: 5 ;
}
#contenu input:hover	, #contenu textarea:hover	{
    border			: 1px solid #E7BC6E;
}
#contenu input:focus	, #contenu textarea:focus	{
    border			: 1px solid #EB7D32;
}

#contenu h1		{
    text-align		: center ;
    margin			: 0 10px 15px ;
    background	: #f1f1f1 ;
    border			: 1px solid #f9f9f9 ;
    border-width	: 1px 0 ;
    font-size		: 15px ;
    padding			: 5px ;
}
#contenu .accueilLink	{
    float				: right ;
    margin-right	: 15px ;
    line-height		: 30px ;
    color				: #3366FF ;
}
#contenu .Lettrine	{
    color				: #ffa500 ;
}
#contenu .hidden	{
    display			: none ;
}

/*------------------------------------------------------------------------------- *
 *                                          home                                             *
 *------------------------------------------------------------------------------- */
#contenu #col1, #contenu #col2 {
    float			: left;
    margin			: 0 10px 0 0;
    display			: inline;
    width			: 375px;
}

.sortiesad {
    text-align 	: center;
    width		: 360px;
    margin		: 3px 0 0 6px;
    padding		: 5px 0;
    border		:1px solid #DDD;
    -moz-border-radius:0 12px;
    float		: left ;
    display		: inline ;
}

#col2 .sortiesad {
    width		: 360px;
    margin		: 3px 0 0 0;
    padding		: 5px 0;
}

.sortiesad span {
    color		: #DDD;
    font-size	: 90%;
}
#Best {
    width			: 380px;
}

#Best td {
    border-bottom 		: 1px solid #DDD ;
    text-align			: center;
}


/*------------------------------------------------------------------------------- *
 *                                          formulaire                                             *
 *------------------------------------------------------------------------------- */

#contenu #msgWarning {
    border		: 1px solid #ddd ;
    text-align	: center ;
    margin		: 2px 100px ;
    padding		: 10px 0 ;
    color 			: #d00 ;			}
#contenu #addSortieForm .colGauche	{
    margin-left	: 10px ;
    float				: left ;
    display			: inline ;
    width				: 450px ;
}
#contenu #addSortieForm .colDroite	{
    float				: left ;
    display			: inline ;
}
#contenu #addSortieForm fieldset {
    border			: 2px solid #ddd ;
    padding			: 10px ;
    margin			: 10px  0 10px 13px ;
}
#contenu #addSortieForm .colDroite fieldset {
    width				: 260px ;
}
#contenu #addSortieForm legend	{
    font-family		: Arial ;
    font-size			: 12px ;
    font-weight		: bold ;
    color					: #999 ;
}
#contenu #addSortieForm label, #contenu #addSortieForm input {
    vertical-align	: middle ;
}
#contenu #addSortieForm textarea {
    vertical-align	: top ;
}
#contenu #addSortieForm select,#contenu #addSortieForm textarea {
    width					: 218px ;
}
#contenu #addSortieForm select[multiple="multiple"] {
    vertical-align	: top ;
}
#contenu #addSortieForm label {
    text-align			: right ;
    padding-right		: 10px ;
    float					: left ;
    display				: inline ;
    width					: 150px ;
    font-style			: italic ;
    margin-bottom: 10px ;
}
#contenu #addSortieForm .longLabel {
    width					: auto ;
}
#contenu #addSortieForm #tableNote {
    width					: 218px ;
    text-align			: center ;
    border				: 1px solid #FFE3B1 ;
    padding				: 5px 0 7px ;
    margin-bottom: 5px ;
}
#contenu #addSortieForm #tableNote td{
    border-top			: 1px solid #ddd ;
}
#contenu #addSortieForm #tableNote input{
    border				: 0 ;
}
#contenu #addSortieForm #tableNote label {
    margin				: 0 ;
    padding				: 0 ;
    display				: inline ;
    float					: none ;
    width					: auto ;
}
#contenu #addSortieForm br {
    clear					: both ;
}
#contenu #addSortieForm #actions label, #contenu #addSortieForm #participants label {
    display				: inline ;
    float					: none ;
    padding-left		: 0 ;
    margin				: 0 ;
}
#contenu #addSortieForm #participants select, #contenu #addSortieForm #participants textarea {
    margin				: 5px 0 ;
}
#contenu #addSortieForm .infoForm {
    font-style			: italic ;
    color					: #888 ;
    padding-left 		: 10px ;
}
#contenu #addSortieForm #actions .submit {
    margin-top		: 8px ;
}
/* **************** TAGS ********************** */
#contenu #addSortieForm #tagForm label {
    padding 			: 0 3px ;
    margin 			: 0 0 0 3px;
    display			: inline ;
    border-bottom : 1px solid #ffa500 ;
    line-height		: 2em ;
    float				: none ;
    width				: auto ;
}
#contenu #addSortieForm #tagForm input {
    display			: inline ;
    margin			: 0 5px ;
}
#contenu #addSortieForm #tagForm .tagFormItem {
    border 			: 1px dashed #fff;
    margin 			: 0 3px;
    float 				: left ;
    -moz-border-radius : 4px ;
}
#contenu #addSortieForm #tagForm .tagFormItem:hover {
    border			: 1px dashed #ddd ;
    background 	: #eee ;
}
#contenu #addSortieForm #tagForm .tagFormItem:active label {
    color 				: #FA0012 ;
}
/* ****************** PhotoForm ***************** */
#contenu #photosForm	{
    margin 			: 0 15px 10px ;
    border			: 2px solid #f5f5f5;
    padding			: 5px ;
    -moz-border-radius : 8px ;}
#contenu #photosForm input[type="submit"] {
    float				:  right ;
    margin-right	: 10px ;
    border-style	: outset ;
    display			: inline ;	}

#contenu #addSortieForm label.alerte	{
    font-style	: normal ;
    border-bottom : 1px dotted #d00 ;
    color			: #d00 ;			}

/*------------------------------------------------------------------------------- *
 *                                         fiche sortie                                             *
 *------------------------------------------------------------------------------- */
#contenu #photoTitle {
    margin			: 20px 10px 10px ;
    padding			: 0 20px ;
    font-size		: 117% ;
}
#contenu #photoList {
    margin			: 10px ;
    background	: #fff ;
    border-top		: 1px solid #ffa500 ;
    color				: #333 ;
}
#contenu #photoList .photoListBox {
    margin			: 10px 0 ;
    float				: left ;
    display			: inline ;
    text-align		: center ;
    width				: 120px ;
}
#contenu #photoList .photoListBox img{
    border			: 3px solid #666 ;
}
#contenu #colPrincipale	{
    float				: left ;
    width				: 385px ;
    margin			: 0 5px 0 10px ;
}
#contenu #colPrincipale	p {
    text-align		: justify ;
    margin			: 0 0 0 5px ;
    padding			: 5px ;
}
#contenu .sortieBox {
    float				: left ;
    width				: 170px ;
    margin			: 5px ;
    border			: 1px solid #ddd ;
    -moz-border-radius : 8px ;
}
#contenu .sortieBox h2 {
    background	: #ddd ;
    text-align		: center ;
    font-size		: 117% ;
    -moz-border-radius : 6px 6px 0 0  ;
    margin			: 0 0 10px 0;
    padding			: 2px ;
}
#contenu .sortieBox h3 {
    text-align		: center ;
    font-size		: 113% ;
    padding			: 2px 0 ;
    background	: #ddd ;
}
#contenu .sortieBox .cond{
    float				:left ;
    display			: inline ;
    width				: 80px ;
    border-bottom : 1px dotted #ddd ;
}
#contenu .sortieBox #conditions{
    margin			: 0 ;
    padding			: 0 ;
    text-align		: center ;
    vertical-align: middle ;
    background	: #eee ;
    border			: 1px solid #ddd ;
    border-width	: 1px 0 ;
}
#contenu .sortieBox #conditions img{
    vertical-align: middle ;
}
#contenu #intro {
    margin			: 10px 150px ;
    vertical-align: middle ;
    padding			: 10px ;
    border-bottom	: 1px solid #ddd ;
    text-align		: center ;
}
#contenu #intro img {
    vertical-align: middle ;
    margin-left	: 5px ;
}


/* *************************
commentaires
**************************** */
#contenu #comment #send {
    border		: 1px outset #bbb ;
    float		: right ;
    margin		: 10px 10px 0 0 ;
    display		: inline ;			}
#contenu #commentfields {
    text-indent	: 20px ;
    margin		: 0 70px ;
    padding 		: 10px 55px ;
    border		: 3px solid #efefef ;
    -moz-border-radius:20px;			}
#contenu .commentslinks {
    float		: right ;		}
#contenu .enteterating {
    margin		: 0 10px ;
    background 	: #dfdfdf ;
    border 		: 1px solid #efefef ;
    padding 		: 3px 15px ;		}
#contenu .enteterating a {
    color		: #3366ff ;		}
#contenu #comment legend {
    color		: #ffa500 ;
    font-weight	: bold ;
    text-indent	: 0 ;
    letter-spacing: 2px ;		}
#contenu #commentAlready {
    text-align	: center ;
    border 		: 1px solid #ffa500 ;
    width 		: 500px ;
    margin-left	: 125px ;
    padding 		: 10px 0 ;
    font-style	:italic ;
    -moz-border-radius: 7px ;	}
#contenu #commentsummary {
    padding		: 4px ;
    font-size	: 117% ;
    color		: #444 ;
    margin		: 5px 10px 10px;
    background	: #eee ;
    border		: 1px solid #f9f9f9 ;	}
#contenu #commentMsg {
    border		: 1px solid #FA0012 ;
    text-align	: center ;
    margin		: 2px 100px ;
    padding		: 10px 0 ;
    color 		: #777 ;			}
#contenu #lastRatings	{
    margin			: 10px ;
    padding 		: 1px 10px ;
    border-bottom: 1px dotted #ddd ;
    font-size		: 117% ;
    width				: 200px;
}
#contenu .commentList {
    list-style	: none ;
    padding		: 5px;
    margin		: 10px 0;
}

#contenu .Comment {
    background	: #fff url(/i/resorts/bulle.png) bottom center no-repeat ;
    margin		: 3px 0 0 0 ;
    padding		: 0 0 5px 0;
    text-align	: justify ;	}

#contenu .CommentDetails {
    text-align	: right ;
    color		: #888 ;
    margin		: 6px  0;	}



/*------------------------------------------------------------------------------- *
 *                                        home sorties                                          *
 *------------------------------------------------------------------------------- */
#contenu #sortiesPages {
    float				: right ;
    color				: #666 ;
    text-align		: right ;
    padding			: 0 10px ;
}
#contenu #nouvelleSortie {
    padding			: 10px 10px 0;
}
#contenu #nouvelleSortie a {
    font-weight	: bold ;
/*	font-size		: 107% ;*/
    text-decoration: underline ;
}
#contenu  h2.sortiesDate	{
    border-bottom : 1px solid #ffa500 ;
    font-size		: 117% ;
    color				: #555 ;
    margin			: 10px ;
    padding			: 2px 10px ;
}
#contenu .sortieList {
    list-style		: none ;
    margin			: 10px 20px ;
    padding			: 0 ;
}
#contenu .sortieList li {
    margin			: 5px 0 ;
    padding			: 3px ;
/*	background	: #f1f1f1 ;*/
    border			: 1px solid #ddd ;
    border-width: 0 0 1px 0 ;
    /*-moz-border-radius: 6px ;*/
    text-align		: justify;
}
#contenu .sortieList li:hover {
    border-color	: #ddd ;
}
#contenu .sortieList li img.vignette {
    float				: right ;
    margin			: 5px ;
}
#contenu .sortieList li h3 {
    margin			: 0 5px 5px ;
    padding			: 1px 3px 1px 10px ;
    vertical-align: middle ;
    color				: #aaa ;
}
#contenu .sortieList li h3 img {
    vertical-align: middle ;
}
#contenu .sortieList li h3 a{
    text-decoration : underline ;
}

#contenu .sortieList li .sortieInfoSup {
    color				: #555	;
    font-style		: italic ;
    margin			: 5px 5px 5px 25px ;
    padding			: 0 10px ;
    border-left		: 1px solid #ffa500 ;
}
#contenu .sortieList li p.sortieInfoSup a {
    color				: #df8500 ;
}
#contenu .sortieList li p a:hover {
    color				: #398feb ;
    text-decoration: underline ;
}
#contenu #tri	{
    vertical-align: middle ;
    text-align		: center ;
    border			: 1px solid #ddd ;
    margin			: 10px  80px ;
    padding			: 6px ;
}
#contenu #tri	img {
    vertical-align: middle ;
}
#contenu #tri a	{
    border-bottom: 1px solid #fff ;
    margin			: 0 1px ;
    padding			: 2px  ;
}
#contenu #tri a:hover	{
    border-color: #d00 ;
}
/*------------------------------------------------------------------------------- *
 *                                         connection                                             *
 *------------------------------------------------------------------------------- */
#contenu #connexion form		{
    margin		: 0 ;
    padding		: 0 ;
}
#contenu #connexion form fieldset {
    border		: 1px solid #ddd  ;
    text-align	: center ;
    margin		: 20px 100px ;
    padding		: 20px 50px  ;
}
#contenu #connexion form fieldset input {
    margin-bottom: 5px ;
}
#contenu #connexion form fieldset label {
    margin 		: 0 ;
    padding 	: 0;
    color 			: #555 ;
    display		: inline ;
    float			: left ;
    text-align	: left ;
    font-style	: italic ;
    width			: 120px ;
}
#contenu #connexion #lblStayConnected {
    display		: inline ;
    vertical-align: middle ;
}
#contenu #connexion  #StayConnected {
    display		: inline ;
    vertical-align: middle ;
    border		: 0 ;
}


/*------------------------------------------------------------------------------- *
 *                                               admin                                                *
 *------------------------------------------------------------------------------- */
#contenu .sortieList li .adminBox {
    display		: none ;
}
#contenu .sortieList li:hover .adminBox {
    display		: block ;
}

#contenu .sortieList li .adminBox {
    text-align	: center ;
    border		: 1px solid #ccc ;
    width			: 100px ;
    padding		: 15px ;
    position		: absolute ;
    margin-left: 40px ;
    margin-top: 25px ;
    background: #aaa ;
    -moz-opacity: 0.3 ;
    -moz-border-radius: 10px ;
}
#contenu .sortieList li .adminBox:hover {
    -moz-opacity: 0.9 ;
    background	: #ffa500 ;
    border-color: #FA0012 ;
}

/* admin des commentaires */
#contenu #comment .commentsauthor .adminBox {
    display		: none ;
}
#contenu #comment .commentsauthor:hover .adminBox {
    display		: block ;
}
#contenu #comment .commentsauthor .adminBox {
    text-align	: center ;
    border		: 1px solid #ccc ;
    width			: 100px ;
    padding		: 5px ;
    position		: absolute ;
    margin-left: 320px ;
    margin-top: 2px ;
    background: #aaa ;
    -moz-opacity: 0.5 ;
    -moz-border-radius: 10px ;
}
#contenu #comment .commentsauthor .adminBox:hover {
    -moz-opacity: 0.9 ;
    background	: #ffa500 ;
    border-color: #FA0012 ;
}