/*
Includes:
	jQuery v1.7.1 from http://jquery.org/
	Nivo Slider v2.7.1 by Gilbert Pellegrom - http://nivo.dev7studios.com/
*/

/* Fontes personnalisées utilisées par les textes du site */
@font-face
{
	font-family: 'ActionJackson';
	src: url('../fonts/ActionJackson.ttf'),
		 url('../fonts/ActionJackson.eot'),
		 url('../fonts/ActionJackson.svg');
}
@font-face
{
	font-family: 'Another';
	src: url('../fonts/Another.ttf'),
		 url('../fonts/Another.eot'),
		 url('../fonts/Another.svg');
}

/* Valeurs communes à tous les éléments */
*
{
	border: 0;
	font-size: 1em;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-align: justify;
}

/* HTML elements */
body
{
	background: #000000 url('../images/bglibellule.jpg') top left fixed;
	color: #555;
	font-size: 13px;
	line-height: 1.2em;
}

h1,h2,h3,h4
{
	clear: left;
	color: #fff;
}
h1
{
	font-family: 'ActionJackson', Arial, sans-serif;
	font-size: 1.5em;
}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
p,ul
{
	font-family: 'Another', Arial, sans-serif;
}

/* Main wrappers */
#wrapper760
{
	border-radius: 5px;
	margin: 5px auto;
	width: 760px;
/*	background: #362e54 top left; */
	background: #000000 top left;
	box-shadow: #000000 0 0 20px;
}

/* Layout IDs */
#header1
{
	padding: 30px;
	margin: auto;
}

#sitetitle
{
	/*margin: 32px 0 0 20px;*/
}
#sitetitle h1,a
{
/*	color: #f32c00; */ /* orange */
	color: #8b5bbf;  /* violet */
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.6em;
	font-family: 'ActionJackson';
	text-decoration: none;
}

#header2
{
	padding: 0px;
	margin: auto;
}

#menu, #menu ul	/* ensemble du menu et liste */
{
	list-style: none;
	line-height: 25px;
	text-align: center;
}
#menu /* Ensemble du menu */
{
	margin: 5px;
}
#menu a		/* contenu des listes */
{
	display: block;
/*	background: #f32c55; */	/* couleur de fond des liens du menu */
	background-color: #8b5bbf; /* violet */
	color: #000000;			/* couleur des liens du menu */
	border-radius: 5px;		/* rayon au bord des menus */
	font-family: 'Another', Arial, sans-serif;
	font-size: 1.6em;
	text-decoration: none;
	width: 149px;
	/*text-transform: uppercase;*/
}
#menu li		/* elements des listes */
{
	float: left;
	border-right: 1px solid #000000;
}
html>body #menu li		/* IE ne reconnaissant pas le selecteur ">" */
{
	border-right: 1px solid transparent; 	/* bordure transparente à D de chaque element */
}
#menu li ul		/* sous listes */
{
	position: absolute;
	width: 149px;
	left: -999em;	/* loin du champ de vision */
}
#menu li ul li		/* elements de sous listes */
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top: 1px solid #EECCCC; /* on met une bordure noire */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li               
{
    border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul
{
    margin: -22px 0 0 149px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left: 1px solid #000000 ; /* Petite bordure à gauche pour ne pas coller ... */     
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul ul               
{
    border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover	/* Lorsque la souris passe sur un des liens */   
{
    color: #EECCCC; /* On passe le texte en blanc... */
    background: #000000; /* ... et au contraire, le fond en noir */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

#content
{
	padding: 15px 20px;
	background-color: #000000;
	/* background-color: #02fbfb; */ /* turquoise */
	/* background-color: #011d5c;  */ /* violet */
	color: #ddd;
}
#content h1
{
	/* color: #f32c55; */ /* rose */
	color: #f32c00;
	text-align: center;
}
#content a
{
	color: #f32c00;
	font-family: 'Another', Arial, sans-serif;
	text-decoration: underline;
}
#content p
{
	color: #8b5bbf;
}

#sidebar
{
	width: 200px;
	margin: 10px 10px 10px 20px;
}
#main
{
	width: 460px;
	margin: 10px;
}
#footer
{
	clear: both;
	background: none;
	background-color: #8b5bbf;
	border-radius: 0px 0px 5px 5px;

}
#footer p
{
	color: #000000;
	font-size: 1.3em;
	margin: 0;
	padding: 15px 30px;
	text-align: center;
}

#contact
{
	height: 180px;
}
#contact h1
{
	font-size: 2em;
	line-height: 1.8em;
	margin: 0 0 10px 0;
}
#contact a
{
	color: #f32c00;
	font-size: 1.5em;
}
#contact p
{
	color: #8b5bbf;
	font-size: 1.5em;
}


#header-image{height:300px;margin:0;padding:0;}
#extended{padding:15px 30px;background-color:#f1e7d7;}
#extended h2{color:#555;}
#extended h3{color:#333;}

/* Top links menu */
#toplinks{padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;}
#toplinks ul li{display:inline-block;font-size:12px;margin:10px 0 8px 15px;}
#toplinks ul li a{color:#ccaa77;}
#toplinks ul li a:hover{color:#fff;text-decoration:none;}

/* Columns */
#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}
.inner{margin:5px 30px;}
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{background:url(../images/shadow.png) top center no-repeat;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}

/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

/*
Skin Name: Nivo Slider Default Theme (modified)
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider
Version: 1.2
Author: Gilbert Pellegrom (modified by Andreas Viklund)
Author URI: http://dev7studios.com
*/
.slider-wrapper .nivoSlider{position:relative;height:350px;background:#cde5fc url(../images/loading.gif) no-repeat 50% 50%;margin-bottom:0px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
.slider-wrapper .nivo-controlNav a{display:none;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 0;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Lato',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}