/**
* 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: #CCCCCC; font-style: normal; font-size: 12px}
a:active { text-decoration: none; color: #C3D5ED; font-style: normal; font-size: 12px}
a:visited { text-decoration: none; color: #CCCCCC; font-size: 12px}
a:hover { color: #FFFFFF; font-style: normal; background:#0066FF; font-size: 12px }

a img { border: none; }

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

}

#menu ul {
	background-color: #666666;
	opacity:.80; filter:alpha(opacity=90);
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 5px;
	padding: 7px;
	color: #000000;
}

#menu ul li.active a:link, #menu ul li.active a:visited { 
	color: #00ccff;
	font-style: bold; 
}

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

#menu ul li.section-title {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
	font-style: bold;
	 }

#content {
    height: 100%;
    margin: 0 0 0 230px;
    top: 0;
}

.container {
    padding: 20px 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: 95%; 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;
}
.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: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.grostitregris {
    color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitregris {
    color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 40px;
}
.titregrisfonce {
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.grostitregrisfonce {
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
}	
.tresgrostitregrisfonce {
    color: #666666;
	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: #000000;
	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;
}
.text13noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}
.text14noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}
.text15noir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}
.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: #ffffff;
}
.text12gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.text12grisfonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.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: #ffffff;
}
.text11gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.text11grisfonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.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; }