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

body {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #786E78;
	background: #fff;
	background-image:url(images/trame.png);
	background-attachment: fixed;
	margin:0;
	padding:0;
	
	
}

a:link, a:visited { 
	text-decoration: none; 
	color: #CC0000; 
		
}
a:hover, a:active { 
	text-decoration: underline; 
	
}




#menu {
     width: 190px;
    overflow: no;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	z-index:10;
	margin:0;
	padding:0;
	
}

#menu ul {
	list-style: none;
	margin: 0 0 0 10px;
	 
}

#menu li {
	line-height:11px;
	
	
}

#menu li a {
	color:#786E78;
	text-decoration:none;
	padding:0px;
	line-height:11px;
	background-color:#FFF;
	
	
}

#menu li a:hover, #menu li a:active {
	color:#CC0000;
		
}

#menu .section-title   {
	font-weight: normal;
	background-color: #fff;
	padding:0;
	font-size:11px;
	color: #000;
	line-height:11px;
	margin: 10px 0 0 0;
	display:inline-block;
}

ul#menu .section-title  a:hover   { 
	color: #FF66FF;
	 
}



#content {
    height: 100%;
    margin: 10px 0 0 200px;
    top: 0;
    position: absolute;
}

.container {
    padding: 0;
	margin:0
}



#content p { 

	width: 620px;
	margin:0;
	background-color:#FFF;
	padding:4px;
	}
	






h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { 
	color:#000;
	font-size: 11px;
	margin:2px 0 0 0;
	}
	
h4 a:link, h4 a:hover, h4 a:visited, h4 a:active { 
	color:#000;
	text-decoration:none;
	padding:2px 4px;
	background-color:#FFF;
	}

.container img 	{ 
	margin: 0 0 0 0; 
	padding: 0;
	border-style:solid ;
	border-color:#FFF;
	border-width:10px;
	
	
	}


#once { clear: left; }

.credits { 
	font-variant:small-caps;
	font-size:12px;
	margin: 12px 0 0 10px ;
	color:#786E78;
	background-color:#FFF;
	display:inline-block;
	padding:0;
}

.credits a { 
	color:#786E78;
	text-decoration:none;
}

.accroche { 
	letter-spacing:-0.4px;
	margin: 5px 0 0 10px;
	
	font-size:10px;	
	color:#CCOOOO;
	display:block;
	
}

.dateNews {
	color:#786E78;
	font-size:11px;
	background-color:#FFF;
	padding:2px 4px 0 4px;
	margin:0;
	
}

.logo {
	width:190px;
	padding:0px 0 4px 0px;
	margin:0 ;
	background-color:#FFF;
	display:block;	
	
}

.colonnes-2 {
	float:left;
	padding:5px 15px 5px 5px;
	margin:0 ;
	background-color:#FFF;
	width:380px;
}

.colonnes-3 {
	float:left;
	padding:5px 15px 5px 5px;
	margin:0 ;
	background-color:#FFF;
	width:245px;
}

.colonnes-4 {
	float:left;
	padding:5px 15px 5px 5px;
	margin:0 ;
	background-color:#FFF;
	width:180px;
}

.colonnes-4-free {
	float:left;
	padding:5px 15px 5px 5px;
	margin:0 ;
	background-color:#FFF;
	width:180px;
}


.colonne-liste-3 ul {
	list-style: none;
	margin: 0 0 0 10px;
	float:left;
	width:245px;
	 
}

.colonne-liste-3 li {
	line-height:11px;
	background-color:#FFF;
	display:inline;
	
	
}

.colonne-liste-3 li a {
	color:#ff66ff;
	text-decoration:none;
	padding:0px;
	line-height:11px;
	background-color:#FFF;
	
	
}

.colonne-liste-3 li a:hover {
	text-decoration:underline;

}

.colonne-liste-4 ul {
	list-style: none;
	margin: 0 0 0 10px;
	float:left;
	width:180px;
	 
}

.colonne-liste-4 li {
	line-height:11px;
	background-color:#FFF;
	display:inline;
	
	
}

.colonne-liste-4 li a {
	color:#ff66ff;
	text-decoration:none;
	padding:0px;
	line-height:11px;
	background-color:#FFF;
	
	
}

.colonne-liste-4 li a:hover {
	text-decoration:underline;

}

.colonnes-projects {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0 10px 0 0 ;
}

.colonnes-projects img 	{ 
	margin: 0 0 0 0; 
	padding: 0;
	border-style:solid ;
	border-color:#FFF;
	border-width:10px;
	
	
	}
	
.left {
	float:left;
	padding:0;
	margin:0;
}