/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Jeff
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #999999; font-style: normal; font-size: 11px; }
a:active { text-decoration: none; color: #000000; font-style: normal; font-size: 11px;}
a:visited { text-decoration: none; color: #999999; font-style: normal; font-size: 11px;}
a:hover { color: #FFFFFF; font-style: normal; font-size: 11px; background:#006699; }

a img { border: none; }

#menu {
	bottom: 0;
	height: 100%;
	left: 20px;
	line-height: 1.75;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 200px;
	background-color: transparent;
	z-index: 200;

}

#menu ul {
	background-color: #636669;
	opacity:.80;
	filters:alpha(opacity=90);
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 1px;

	color: #000000;
	text-transform: uppercase;
}

#menu ul li a{
 display:block;
 padding: 2px 2px 2px 8px;
}

#menu ul li.active{
text-align:right;
}

#menu ul li.active a:link, #menu ul li.active a:visited { 
	color: #FFFFFF;
	font-style: bold;
	background:#000000;
    padding: 2px 8px 2px 2px;

}

#title {
	background-color: transparent;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu ul li.section-title {
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	font-style: bold;
    padding: 2px 2px 2px 8px;
	 }

#menu ul li.section-title:hover {
	background:#ccc;
	}

	
#content {
    height: 100%;
    margin: 30px 0 0 225px;
    position: relative;
    top: 0;
    z-index: 100;
}

.container {
    padding: 0px 10px 10px 10px;
}

#content p { width: 98%; margin-bottom: 9px; }

p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px 0px 0px;
    text-align: justify;
/*     text-justify: newspaper; */
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { position: absolute; left: 1052px; top: 70px; } 
h6 { position: absolute; left: 1156px; top: 70px; }  
h7 { position: absolute; left: 1078px; top: 70px; }  
h8 { position: absolute; left: 1149px; top: 70px; }  
h9 { position: absolute; left: 1139px; top: 70px; }  
h10 { position: absolute; left: 1583px; top: 70px; }  

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0, 25px, 0, 0; }

#once { clear: left; }

.hidden{display:none;}

/** articles -------------------------------------------------- **/

.titrebleu {
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.grostitrebleu {
    color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitrebleu {
    color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}
.titreprusse {
	color: #17283E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	}
.grostitreprusse {
    color: #17283E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}
.tresgrostitrebleu {
    color: #17283E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}
.titrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff0000;
}
.grostitrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #ff0000;
}
.tresgrostitrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #ff0000;
}
.titreblanc {
    color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}	
.grostitreblanc {
    color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitreblanc {
    color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}	
.titregris {
    color: #9999CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.grostitregris {
    color: #9999CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitregris {
    color: #9999CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}
.titrenoir {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}	
.grostitrenoir {
    color: #OOOOOO;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitrenoir {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}	
.text12noirjust {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
.text12blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.text12gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.text12noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.text12rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
}
.text11blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
.text11gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.text11noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.texttd {
	margin: 10px 10px 10px 10px;
	background-color: #fff;
	opacity:.80; filter:alpha(opacity=80);
}
.img-droite {
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;

}
.img-gauche {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
.obj-gauche {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}
.obj-droite {
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;
}
.blockquote { font-style: italic; margin-left: 10px; border-left:2px solid #EFEFEF; padding-left: 8px;
}


/** Plugins -------------------------------------------------- **/

/* jFlow Plugin */
#first { display: none; } See scripts.js for detials
#jFlowSlide { overflow: hidden; position: relative; width: 99%; padding: 0px 0px 0px 0px; }
#mySlides { overflow: hidden; position: relative; }
.jFlowSlideContainer { position: relative; float: left; color:#999999; }
.caption { padding: 20px 0 0 0; }
#myController span.jFlowSelected { color: #fff; text-decoration: none; background:#0066FF; }
.jFlowPrev, .jFlowNext { cursor: pointer; }
#myController span { margin: 0px 5px 10px 0; padding: 0 3px; cursor: pointer; font-size: 11px; color:#858585; }