/*
Title:		AMMON custom css file
Author:		mhogas@gmail.com // Marius Hogas 

PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE MAIN STYLES.CSS STYLESHEED.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.

*/

.YOUR-STYLE {color:#000}

.moose_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
}


h7{ font-size:1.5em; margin-bottom:5px; }
h8{ font-size:1.4em; margin-bottom:5px; }
h9{ font-size:1.2em; margin-bottom:5px; }
gros_texteh2{ font-size:2.2em; margin-bottom:15px; }

/*.right-outline_clair { padding:5px 10000px 5px 20px; margin: 0 -10000px 25px 0 ; background:url('../php-includes/rgba_94757ff6.php'); background:#92aabe; color:#fff; } */
/*.left-outline_clair { padding:5px 20px 5px 10000px; margin: 0 0 25px -10000px; background:url('../php-includes/rgba_94757ff6.php'); background:#92aabe; color:#fff; }
/* .right-outline_clair {
	background:url('../php-includes/rgba_94757ff6.php');
	background:#92aabe;
	color:#fff;
	margin-top: 0;
/*	margin-right: -350px; */
/*	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
} */


.right-outline_clair {

	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 50px;
	margin-bottom: 25px;
	/* background: url('../php-includes/rgba_94757ff6.php');
	background: #92aabe; */
	background: rgba(0,0,0,0.3);
	color: #fff;
	/*arrondir les coins en haut à gauche et en bas à droite*/
	border: 1px solid #fff;
	-moz-border-radius: 10px 0;
	-webkit-border-radius: 10px 0;
	border-radius: 10px 0;
}




#sidebar3 {background:#c9d5df; padding:15px; -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px; }
#sidebar3 .sideblock {margin-bottom:25px;}
#sidebar3 .sideblock.last {margin-bottom:0;}
#sidebar3 h3.title {font-size:20px;}
#sidebar3 ul.menu {margin:0; border-bottom:1px solid #dedede;}
#sidebar3 ul.menu ul {margin:0 0 0 12px;}
#sidebar3 ul.menu li a {display:block; font-size: 11px; border-top:1px solid #dedede; padding:0px 0 0px 13px; background-image:url(../images/menu-bullet.png); background-repeat: no-repeat; background-position: left center; /*text-shadow:1px 1px 0 rgba(255,255,255,0.5)*/}
#sidebar3 ul.menu li a:hover { background-color:#6f7a94;}

.separator2 {height: 2px;  margin: 0 0 35px; }

div.row span.current_top {display:inline-block; font-size:14px; color:#000; background:#fff; padding:0 6px; margin:0 5px; border:1px solid #ddd;}
.current_top {display:inline-block; font-size:14px; color:#000; background:#fff; padding:0 6px; margin:0 5px; border:1px solid #ddd;}

.features .item2 {margin-bottom:35px;}
.features .item2 h3 {font-size:20px; line-height:1; color:#000000; text-transform:uppercase; }
.features .item2 img {float:left; margin:5px 15px 10px 0;}  


/* EQUATION DIV */
.equation .box2 { min-height:150px; background:#c9d5df; margin-bottom:35px; -webkit-border-radius:8px;  -moz-border-radius:8px; border-radius:8px; padding:15px;}
.equation .box2:hover {background:#92aabe;}
.equation .box2 img {float:left; margin:5px 15px 10px 0;} 
.equation .sign2 {
	display: block;
	font-size: 90px;
	margin-top: 20px;
	color:#3E3E3E;
	text-align:center;
}
.equation .box2 h4 { font:bold 13px/1 Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; }



.petit_texte {
	font-size: 9px;
}

.moyen_texte {
	font-size: 10px;
}

.blanc {
	color: #FFF;
}

.vert {
	color: #007b00;
}

.bleu {
	color: #000099;
}

.bleu_no {
	color: #6f7a94;
}

.rouge {
	color: #FF0000;
}

.orange {
	color: #dc6b3d;
}


.petit_texte_italic {
	font-size: 9px;
	font-style: italic;
}

.petit_texte {
	font-size: 9px;
}

.texte_taille11 {
	font-size: 11px;
}

.gros_texte_gras {
	font-size: 16px;
	font-weight: bold;
}

.oblique{
font-style: oblique
}
.gros_texte {
	font-size: 14px;
	color: #333;
}

.contour_noir {
	border: 1px solid #000;
}

.italic {
	font-style: italic;
	font-weight: bold;
}


/* paragraphs,blockquote,code */
blockquote_petit { margin: 0 0 15px 0; color: #6E6E6E; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 10px; }
blockquote_petit p { line-height: 1.4em; font-size: 10px; }
blockquote_petit small { font-size:9px }

.amazon_guides_livres_mini{
	float: left;
	position:relative;
	width:156px;
	color: #000;
	text-decoration: none;
	height: 220px;
	border: thin solid #000;	/* padding-left: 4px; */
	margin: 5px;
	padding: 6px;
	background-color: #A8BDD9;
}


/* CSS PERSO */
.affichage_meteo_select_suite{
	float: left;
	width:212px;
	height: 290px;
	text-align:justify;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #000;
	background-color: #A8BABD;
	text-decoration: none;
	border: 1px solid #000;
	padding: 5px;
}

.affichage_meteo_select{
	float: left;
	width:592px;
	height: 240px;
	text-align:justify;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #000;
	background-color: #A8BABD;
	text-decoration: none;
	border: 1px solid #000;
	padding: 5px;
}


/* PHOTO GALLERY */
ul.gallery_amazon {clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0;}
ul.gallery_amazon li {background:#FFFFFF; float: left; margin: 5px; padding: 0; list-style:none; }
ul.gallery_amazon li a img {padding:4px; border:1px solid #ededed;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
ul.gallery_amazon li a img:hover {-moz-box-shadow: 0 0 5px #000000;-webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 1px solid #000000;} 




/* DETAIL a droite sur les actus */ 
#sidebar .sideblock li .details { position: relative; left: 250px; top: 0px; padding: 190px 10px 20px; width: 220px; display: none; background: #fff; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:998; }
#sidebar .sideblock li .details h4 { font:14px/1 Arial, Helvetica, sans-serif; margin-bottom:15px;}
#sidebar .sideblock li .details p {padding: 0; margin: 0; font-size: 11px; line-height:1.4;}
#sidebar .sideblock li:hover .details {display: block;}



/* COMMENTAIRES */

a.commentaires {
  position:relative;
  text-decoration: none; 
}
a:hover.commentaires {
  text-decoration: none; 
  background: none;
}

a.commentaires span {display: none;}
a:hover.commentaires span {
	display: inline;
	position: absolute;
	top:-5.2em;
	left:215px;
	z-index: 125;
	background: #92aabe;
	color: #000;
	width:400px;
	height:290px;
	text-align:left;
	font-weight:normal;
	line-height:12px;
	padding:2px 4px;
	font-style: normal;
	border: thin solid #FFF;
}

/* Tableau rubrique evenements */
.onecol-style2 {
	font-size:12px;
	/*min-width:480px;*/
	text-align:left;
	border-collapse:collapse;
	margin-bottom:25px;
	width: 99%;
}
.onecol-style2 th {font-size:14px; font-weight:normal; color:#fff; padding:12px 15px; background:#a5b9c9; margin-bottom:5px;}
.onecol-style2 td {color:#000; border-top:1px solid #fff; padding:10px 15px;  background:#a5b9c9;}
.onecol-first2 {background:#6f7a94; border-right:10px solid transparent; border-left:10px solid transparent;}
.onecol-style2 tr:hover td {color:#000; background:#6f7a94;}
.onecol-style2 tr th{color:#000; background:#a5b9c9; padding:10px 15px;}


/* Fond transparent noir */
    div.wrapper_caption{  
        float:left; /* important */  
        position:relative; /* important(so we can absolutely position the description div */  
    }  
    div.description_caption{  
        position:absolute; /* absolute position (so we can position it where we want)*/  
        bottom:0px; /* position will be on bottom */  
        left:0px;  
        width:100%;  
        /* styling bellow */  
        background-color:black;  
        font-size:9px;  
        color:white;  
        opacity:0.6; /* transparency */  
        filter:alpha(opacity=60); /* IE transparency */  
    }  
    p.description_content_caption{  
        padding:10px;  
        margin:0px;  
    }  

/* --- PAGE REGION SLIDER --- */
#slider { height:300px; position:relative; }
#slider-holder { width:956px; height:298px; border:solid 1px #454545; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ height:298px; width:956px; position:relative; overflow:hidden; }
#slider-holder ul{ width:956px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:956px; height:298px; position:relative; overflow:hidden; float:left; display:inline; }

.slider-controls { font-size:0; line-height:0; height:0; position:absolute; top:270px; right:20px; z-index:2; border:none;}
.slider-controls a{ width:16px; height:16px; float:left; background:url(../imgs/slider-nav.png) no-repeat right 0; text-indent: -4000px; margin-left:3px;}
.slider-controls a:hover,
.slider-controls a.active{ background-position:0 0;}

.slider-nav { font-size:0; line-height:0; height:0;}
.slider-nav a{ text-indent: -4000px; width:34px; height:60px; position:absolute; top:120px; z-index:3;}
.slider-nav a.next{ background:url(../imgs/next.png); left:924px;}
.slider-nav a.prev{ background:url(../imgs/prev.png); left:-1px;}


/* - VOYAGE - */
#banniere {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 4;
	/* position: relative; */
	}

#banniere_voyage {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
}

.banniere_voyage_petite {
	float: left;
	width:86px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	color: #000;
	/* background-color: #ccd2d7; */
	background-color: #fff;
	height: 60px;
	margin-top: 0px;
	border: thin solid #000;
	background-image: url(http://www.scandinavie-fr.com/images/fonds/fond_neige4.jpg);
}
.banniere_voyage_petite_select {
	float: left;
	width:82px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	color: #000;
	background-color: #fff;
	height: 60px;
	margin-top: 0px;
	border: thin solid #000;
}

.banniere_voyage_grande {
	float: left;
	width:468px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	color: #000;
	background-color: #ccd2d7;
	height: 60px;
	margin-top: 0px;
	border: thin solid #000
}

.banniere_voyage_moyenne {
	float: left;
	width:126px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	color: #000;
	background-color: #ccd2d7;
	height: 60px;
	margin-top: 0px;
	border: thin solid #000;
}

table.table_voyage {
	border: thin solid #000;
	background-color: #92aabe;
	font-size: 1.2em;
	text-align: center;
	padding: 5px;
	margin-bottom:25px;
	padding:10px;}
	
table.table_voyage th {font-size:14px;font-weight:normal;background:#6f7a94;border-top:4px solid #fff;border-bottom:1px solid #fff;color:#fff;padding:10px;text-align: center;	vertical-align: middle;}
table.table_voyage td {
	color:#000;
	text-align: center;
	vertical-align: middle;
	padding:5px;
}