/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;} /*initialement fff*/
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}/*couleur blanche fff pour la l�gende ?*/
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/*a:link{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}*/
a:visited{text-decoration:none; border-bottom:1px solid #416CE5;}     

body
	{
	background: url("tablo_fond.jpg") fixed no-repeat top right;
	color:black;
	}


h1 /*Les titres de premier ordre*/
	{
	font-family:Papyrus,"Comic Sans MS","Trebuchet MS", Verdana;
	font-size:3em;
	font-style:normal;
	text-align:center;
	color:rgb(181,25,13);
	}

h2 /*Les titres de second ordre*/
	{
	font-family:Papyrus,"Comic Sans MS","Trebuchet MS", Verdana;
	font-size:2em;
	font-style:normal;
	text-align:center;
	color:rgb(181,25,13);
	}

nav
	{
	display:inline-block;
	width:150 px;
	vertical-align:top;
	font-family:Papyrus,"Comic Sans MS","Trebuchet MS",Verdana;
	text-align:center;
	line-height:40px;
	/*padding: 0px 10px;*/
	margin : 0px 20px;
	}

nav ul
	{
	list-style-type: none;
	}


nav a
	{
	font-size: 1.8em;
	color: #181818;
	padding-bottom: 3px;
	text-decoration: none;
	}

	
section
	{
	display:inline-block;
	width:70%;
	height:900px;/*pas de changement*/
	vertical-align:middle;
	font-family: Papyrus,Verdana, "Comic Sans MS","Trebuchet MS";
	}

header  	/*L'ent�te*/
	{
	height:150px;
	font-family:Papyrus,"Comic Sans MS","Trebuchet MS",Verdana;
	/*font-size:x-large;*/
	/*background: url("fil.png") fixed no-repeat top left;*/
	}
a
	{
	outline:none;
	text-decoration: none;
	color: black;
	font-size:1.5em;
	display: inline-block;
	width: 200px;
	margin:auto;
	padding : 20px
	}
.en_cours{
	color:rgb(181,25,13);
	}
ul{
	margin:0;
	padding:0;
}

p{
	font-style:normal;
	text-shadow:none ;
}

.invisible
	{
	color:rgb(166,121,90);
	}
	
/*Positionnement du nuage de diapos*/
.nuage1
	{
	position:absolute;
	left:1000px;
	top:500px;
	}

.nuage2
	{
	position:absolute;
	left:800px;
	top:700px;
	}
	
.nuage3
	{
	position:absolute;
	left:400px;
	top:200px;
	}	

.nuage4
	{
	position:absolute;
	left:500px;
	top:750px;
	}
	
.nuage5
	{
	position:absolute;
	left:900px;
	top:300px;
	}	

.nuage6
	{
	position:absolute;
	left:450px;
	top:500px;
	}
	
.nuage7
	{
	position:absolute;
	left:600px;
	top:350px;
	}