body { background-color: #ffffff; background-image: url('http://www.kayakdemer.net/images/background3.jpg'); background-attachment: fixed; margin-top: 0;margin-top: 0; }

.main_frame     { padding: 10px }
.top_banner_txt         { color: white; font-weight: 600; font-size: 1.2em; line-height: 0.5em; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 10px 10px 10px 15px }
.sub_txt       { color: white; font-size: 0.8em; line-height: 0.8em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; margin-left: 15px }
table.cats  { background-image: url(images/bg_header.gif) }

.navigation    { color: #1052ab;  font-size: 0.7em;font-weight: bold; line-height: 1.1em; font-family: Verdana, Helvetica, Arial, sans-serif;}
.navigation_line    { height:50px;padding-bottom: 2px;border-bottom: 1px solid #ffffff }

.top_banner  { margin: 0px; padding: 0px; border: 0px }
.top_menu_padding { padding-right: 10px; padding-left: 10px }
.top_padding {padding-top: 8px; }

.roundcont          { background: #0076b1  url(images/bg_header.gif); width: 950px }
.roundtop 		 	{ background: url(images/tr.gif) no-repeat top right; }
.roundbottom 	 	{ background: url(images/br.gif) no-repeat bottom right; }
img.corner 		 	{ width: 15px; height: 15px; border: none; display: block;}	

.roundcont_p     	{ background: white url(images/bck_p.gif); width: 950px }
.roundtop_p 	 	{ background: url(images/tr_p.gif) no-repeat top right; }
.roundbottom_p 	 	{ background: url(images/br_p.gif) no-repeat bottom right; }

.roundcont_l     	{ background: #0076b1 url(images/bg_list.gif) repeat-x; width: 950px; overflow: hidden }
.roundtop_l 	 	{ background: url(images/tr_l.gif) no-repeat top right;}
.roundbottom_l 	 	{ background: url(images/br_l.gif) no-repeat bottom right; }

.roundcont_gray	    { background: white url(images/bck_gray.gif); width: 950px }
.roundtop_gray 	    { background: url(images/tr_gray.gif) no-repeat top right; }
.roundbottom_gray 	{ background: url(images/br_gray.gif) no-repeat bottom right; }

.roundcont_gray2	    { background: white url(images/bck_gray2.gif); width: 950px }
.roundtop_gray2 	    { background: url(images/tr_gray2.gif) no-repeat top right; }
.roundbottom_gray2 	{ background: url(images/br_gray2.gif) no-repeat bottom right; }

a  { color: #1052ab; text-decoration: none }
a:visited { color: #1052ab; text-decoration: none }
a:hover  { color: red; text-decoration: underline }

a.a_for_titles { color: #ffffff; text-decoration: none }
a.a_for_titles:visited { color: #ffffff; text-decoration: none }
a.a_for_titles:hover { color: #fe6ecf; text-decoration: underline }

.sub_menu{ 
	color: #1052ab; 
	font-size: 0.75em; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	vertical-align:top; 
	margin-top: 10px;
}
.basic_text        { color: #3b5471; font-size: 0.8em; font-family: Verdana, Helvetica, Arial, sans-serif;}
.basic_text_blk        { color: #222222; font-size: 0.8em; font-family: Verdana, Helvetica, Arial, sans-serif;}
.list_frame { padding-right: 5px; padding-left: 5px }

.login_frame { 
	padding: 20px; 
}
.login_title { 
	color: #1052ab; 
	font-size: 16px; 
	font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; 
	font-weight:bold;
	letter-spacing: 0px;
	padding:15px;
	border-bottom: 1px solid #bbbbbb; 
	width: 95%;  
	margin-bottom: 15px;
}
.login_form { color: #1052ab; font-size: 16px; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;  letter-spacing: 0px;padding-bottom: 5px; }
.login_text { color: #111111; font-size: 16px; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;  padding-bottom: 5px; padding-top: 5px; }

.success_msg{
	margin: 50px 100px;
}

.cat_titles   { color: white; font-size: 0.7em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;border-bottom: 1px solid #ffffff  }
.forum_title    { color: #1052ab; font-weight: 600; font-size: 13px; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; }
.forum_title_desc    { color: #4570ab; font-size: 0.75em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; }
.forum_title_td    {padding-top: 5px; padding-bottom: 5px; padding-left: 0px; border-right: 1px solid #ffffff; border-right-style:inset;border-bottom: 1px solid #1052ab }
.forum_info_num     { color: #1052ab; font-size: 12px; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #ffffff; border-right-style:inset; border-bottom: 1px solid #1052ab }
.forum_info_details   { color: #4570ab; font-size: 0.75em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; padding: 5px; border-bottom: 1px solid #1052ab }
.message_info_details   { color: #4570ab; font-size: 0.75em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; }

.forum_list_table tbody tr:hover td { background: #f6f4d0; }
.titre_sections{ 
	color: #1052ab; 
	font-weight: 600; 
	font-size: 11px; 
	font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular; 
	padding:15px;
	letter-spacing: 0px;
	border-bottom: 1px solid #cccccc; 
	width: 95%;
	margin-bottom: 15px;
}

.button1 { display:inline;
        font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
        font-size:1em;
        margin:5px 0px;
        background-color: #006cd9;
        color: white;
        padding: 14px 50px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 100ms linear;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear;  
}
.button1:hover { background-color: #ffc926;
                color:#000;  }

.button2 { display:block;
        font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
        font-size:1em;
        margin:5px 0px;
        background-color: #006cd9;
        color: white;
        padding: 8px 30px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 100ms linear;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear; 
        }
        
.button2:hover { background-color: #ffc926;
                color:#000;  }

.button3 { 
		 background: url(images/button.gif);
		 font-size:12px; 
		 font-family: Verdana, Helvetica, Arial, sans-serif;
		 border: 1px solid #006; 
		 width: 220px;
		 padding:1.05px;
		 font-size:0.8em;  
		 }
.button3:hover { 
		 background: #eeeeee; 
		 color:#ff0c00; 
		 border: 1px solid #ff0c00;  
		 }
         
.button4 { display:block;
        font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
        font-size:1em;
        background-color: #006cd9;
        color: white;
        padding: 3px 15px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 100ms linear;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear; 
        }
        
.button4:hover { background-color: #ffc926;
                color:#000;  }         

.form_checkbox { border: 1px solid #ebf0f3;   }
.form_checkbox:hover { border: 1px solid #66ccff;   }

.form_field1 { background: white; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;border: 1px solid #cccccc; padding-left: 5px }
.form_field1:hover { background: white;  border: 1px solid #66ccff;  }

.form_subtitles{ 
	color: #222222;  
	font-size: 0.8em;
	font-weight: bold; 
	line-height: 1.2em; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	padding-right: 10px; 
	padding-left: 10px 
}
.forum_title_name {  color: #005e84; font-size: 1.0em; font-weight: 600;font-family: Verdana, Helvetica, Arial, sans-serif; padding-right: 5px; padding-left: 5px;padding-bottom: 2px;padding-top: 2px;border-bottom: 1px solid #aaaaaa; width: 90%; }

.nouveau_sujet    {display: block;  width: 144px;  height: 26px; background: url("images/nouv_sujet.gif") no-repeat 0 0; }
.nouveau_sujet:hover { background-position: 0 -26px;}
.nouveau_sujet span { position: absolute; top: -999em;}

.box { padding:5px; border: 1px solid #1052ab; width: 475px; margin-bottom:5px;margin-left:15px;}

.error_msg { color: #d9000d;  font-size: 0.7em;font-weight: bold; line-height: 1.0em; font-family: Verdana, Helvetica, Arial, sans-serif; padding-right: 10px; padding-left: 10px  }

.joindre_photo    {display: block;  width: 155px;  height: 26px; background: url("images/joindre_photo.png") no-repeat 0 0; }
.joindre_photo:hover { background-position: 0 -26px;}
.joindre_photo span { position: absolute; top: -999em;}

.joindre_image_button    {display: inline-block;  width: 61px;  height: 29px; background: url("images/joindre_image_button.png") no-repeat 0 0; }
.joindre_image_button:hover { background-position: 0 -29px;}
.joindre_image_button span { position: absolute; top: -999em;}

.close_image_button    {display: block;  width: 20px;  height: 118px; background: url("images/close_image_button.png") no-repeat 0 0; }
.close_image_button:hover { background-position: 0 -118px;}
.close_image_button span { position: absolute; top: -999em;}

.erase_button    {display: block;  width: 43px;  height: 30px; background: url("images/erase_button.png") no-repeat 0 0; }
.erase_button:hover { background-position: 0 -30px;}
.erase_button span { position: absolute; top: -999em;}

.repondre    {display: block;  width: 144px;  height: 26px; background: url("images/repondre_button.png") no-repeat 0 0; }
.repondre:hover { background-position: 0 -26px;}
.repondre span { position: absolute; top: -999em;}

.forum_fonts {
    font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
}

.dispo_sorties_quest {
    color:#006CD9;
    font-size:1em;
    margin:10px 0px;
}

.dispo_dates{

}

.dispo_dates:hover{
    background-color:#ffd24c;
    color:#111;
    text-decoration: none;
}

.dispo_corr{
    font-size:0.85em;
    vertical-align:top;
}

/* Alertes générales */
.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Alerte danger (rouge) */
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Alerte warning (orange/jaune) */
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

/* Alerte success (vert) */
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/* Alerte info (bleu) */
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

/* Alerte primary (bleu foncé) */
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

/* Alerte secondary (gris) */
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

/* Alerte dark (noir) */
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

/* Alerte light (clair) */
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

/* Lien dans les alertes */
.alert a {
    font-weight: 600;
    text-decoration: underline;
}

.alert-danger a {
    color: #491217;
}

.alert-warning a {
    color: #533f03;
}

.alert-success a {
    color: #0b2e13;
}

.alert-info a {
    color: #062c33;
}

.alert-primary a {
    color: #002752;
}

/* Optionnel : ajouter une icône avant le texte */
.alert::before {
    display: inline-block;
    margin-right: 0.75rem;
    font-weight: 600;
    vertical-align: middle;
}

.alert-danger::before {
    content: "⚠️"; /* ou utiliser une icône Unicode */
}

.alert-warning::before {
    content: "⚠️";
}

.alert-success::before {
    content: "✓";
}

.alert-info::before {
    content: "ℹ️";
}

/* Version sans icônes Unicode (optionnel) */
.alert.no-icon::before {
    content: none;
}

/* Animation d'apparition */
.alert {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Optionnel : bouton de fermeture (comme Bootstrap) */
.alert-dismissible {
    padding-right: 4rem;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1.25rem;
    color: inherit;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    opacity: 0.7;
}

.close:hover {
    opacity: 1;
}