/**
* CSS
* @Pica Pica
*/

/** L I N E S */

p {
    margin: 0 0 9px 0;
}

img {border: 0px;
	padding: 5px 0px 8px 0px;}

#imgAbout {
	border: 5px;
	solid #000000;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h6 {	border-top: 1px solid #000000;
	margin-top: 15px;
	width: 35%;
	line-height: 15px;
	}
	
body.section-1 { }
body.section-2 { }
body.section-3 { }

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #0000CC;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: white;
}

.small {
		font-size: 9px;
}



.rougeUpC {
	color: #F80000;
}

.rougeUL {
	color: #F80000;
	border-bottom: 1px solid #F80000;
	padding-bottom: 2px;
	margin-bottom: 2px;
	letter-spacing: 1px;
}

.UpC {
	color: #000000;
	letter-spacing: 1px;
}

.UpC-UL {
	color: #000000;
	letter-spacing: 1px;
	border-bottom: 1px solid #F80000;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

.rouge {
	color: #F80000;
}

.blanc  {
	color: #FFF;
}

.jaune  {
	color: #FFFF66;
}

.bleu {
	color: #99CCFF;
}

.gris {
	color: #dddddd;
}

.noir {
	color: #000000;
}

.bg {
	z-index: -1;
}

.noirUL {
		border-bottom: 1px solid #000000;
		padding-bottom: 1px;
}

.tab17m {
	text-indent: 17em;}


/** B L O C S */


.block_title {
	padding: 15px 20px 20px 20px;
}

.block_blog {
	float: right;
	padding-right: 75px;
	
}

.block_news {
	width: 27%;
	float: left;
	color: #FFFFFF;
	margin: 0px 10px 20px 10px;
	padding: 10px 20px 25px 20px;
	background: #000000;
	

}
.block_news_large {
	width: 54%;
	float: left;
	color: #FFFFFF;
	margin: 0px 10px 20px 10px;
	padding: 10px 20px 25px 20px;
	background: #000000;

}

.img_large {
	float: left;
	margin: 0px 10px 15px 20px;

}
	

.blockleftlarge {
	width: 400px;
	float: left;
	color: #FFFFFF;
	margin: 0px 20px 15px 15px;
	padding: 10px 20px 25px 20px;
	background: #000000;
}

.blockleft {
	float: left;
	margin: 0px 20px 15px 15px;
	padding:0px 0px 25px 20px;
}

.floatleft {
	float: left;
	margin-right: 30px;
}

.blockright {
	width: 250px;
	float: left;
	padding: 15px 35px 25px 15px;
	background: #888888;	
}

.blockrightlarge {
	width: 500px;
	float: left;
	padding: 15px 35px 25px 15px;
	background: #FFFF66;	
}

.titlerouge {
	border-bottom: 1px solid #F80000;
	padding-bottom: 2px;
	margin-bottom: 7px;
}

.middle {
	width: 420px;
	margin-left: 24px;
	float: left;
	background-color: #FFFFFF;
}

.float-left {
	float: left;
	width: 9em;
}

.float-right {
	text-indent: 7em;
	}
	
.noborder {border: 0px;}


/** L I N K S */


a:link { 	text-decoration: none; border-bottom: 1px solid #FFF;
		padding-bottom: 1px; color: #FFF;}
a:active { 	text-decoration: none; color: #FFF; }
a:visited { 	text-decoration: none; color: #FFF; }
a:hover { 	text-decoration: none; color: #FFF; }


a.noborder {	text-decoration: none;
		border: 0 none;
}



#menu {
    width: 160px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #dddddd;
	padding: 0 8px 20px 18px;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	font-weight:bold;

}


#menu ul li.section-title { 
	color: #F80000;
	text-decoration: none;
	font-weight:bold;
	}

#content {
    height: 100%;
    padding-top: 0;
    margin: 0 0 0 200px;
    top: 0;
}

img#logo {
	margin-bottom: 10px;
	margin-top: 10px;
}

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

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

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

#once { clear: left; }