@charset "ISO-8859-2";
/* CSS Document */

#content {
	padding-top:45px;
	padding-bottom: 60px;
}

.sombre{
	color:#666;
}

.sombre a:link, .sombre a:visited{
	color:#666;
}

.sombre a:hover{
	color:#333;
}

.clair{
	color:#999;
}

.clair a:link, .clair a:visited{
	color:#999;
}

.clair a:hover{
	color:#767676;
}

.competence{
	display:block;
	padding-left: 20px;
	float:left;
	width:200px;
	height:460px;
}

.competence h2{
	height: 37px;
	width: 200px;
	text-indent: -2000px;
}

h2.programmation {
	background: url(../images/h2-programmation.gif) no-repeat top left;
}

h2.production{
	background: url(../images/h2-production.gif) no-repeat top left;
}

h2.conseil{
	background: url(../images/h2-conseil.gif) no-repeat top left;
}

h2.presse{
	background: url(../images/h2-presse.gif) no-repeat top left;
}

.competence h3{
	font-size: 1.4em;
	padding-bottom: 10px;
	padding-top: 20px;
	/*color:#666;*/
}

.competence p.texte {
	font-size:1.3em;
	line-height: 1.6em;
	text-align:left;
}

.competence .texte{
	height: 250px;
	background: url(../images/hr.gif) repeat-x bottom;
	display:block;
}

.competence li{
	list-style: none;
	font-size:1.2em;
	line-height: 1.6em;
}

.competence li span{
	padding-left: 10px;
}

.competence li a{
	padding-left: 10px;
}

#violet {
	color: #663366;
}

#violet li span{
	background:  url(../images/li-violet.gif) no-repeat  0 6px;
}

#violet li a:link, #violet li a:visited, #violet li a:hover{
	background:  url(../images/li-link-violet.gif) no-repeat 0 5px;
	color: #663366;
}

#rose {
	color: #ff0099;
}

#rose li span{
	background:  url(../images/li-rose.gif) no-repeat  0 6px;
}

#rose li a:link, #rose li a:visited, #rose li a:hover{
	background:  url(../images/li-link-rose.gif) no-repeat 0 5px;
	color: #ff0099;
}

#orange {
	color: #ff6600;
}

#orange li span{
	background:  url(../images/li-orange.gif) no-repeat  0 6px;
}

#orange li a:link, #orange li a:visited, #orange li a:hover{
	background:  url(../images/li-link-orange.gif) no-repeat 0 5px;
	color: #ff6600;
}

#rouge {
	color: #ff0000;
}

#rouge li span{
	background:  url(../images/li-rouge.gif) no-repeat  0 6px;
}

#rouge li a:link, #rouge li a:visited, #rouge li a:hover{
	background:  url(../images/li-link-rouge.gif) no-repeat 0 5px;
	color: #ff0000;
}


/*
//  Navigation
*/

li.level2.active a{
	width:143px;
	background:url(../images/navigation-li.gif) no-repeat -240px 0;
}

 li.level3 a:link, li.level3 a:visited{
	width:117px;
	background:url(../images/navigation-li.gif) no-repeat -123px -80px;
}

 li.level3 a:hover{
	width:117px;
	background:url(../images/navigation-li.gif) no-repeat -123px -40px;
}

 li.level3 a:active{
	width:117px;
	background:url(../images/navigation-li.gif) no-repeat -123px -80px;
}

h1{
	background:url(../images/h1.gif) no-repeat 0px -80px;
}