@charset "UTF-8";
/* CSS Document */

/* 
--------------------------------------------

Date de création : date
Site : Nomdusite
Créateur : Cédric Aldegheri

------------------------------------------*/

/* RESET
------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

/* GLOBAL
------------------------------------------*/
html
{
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.625em;
	background:#641314 url(../images/fond-home.jpg) center top no-repeat;
	background-attachment:fixed;
}
#conteneur
{
	margin:auto;
	min-width:990px;
	background:url(../images/cadres-homes.png) center 144px no-repeat;
	height:600px;
}

	/* GENERIQUE
	------------------------------------------*/
	.floatR
	{
		float:right;
	}
	.floatL
	{
		float:left;
	}
	.spacer
	{
		clear:both;
		height:0px;
	}
	.invisible
	{
		overflow:hidden;
		height:0px;
		width:0px;
		display:block;
	}
	a, a:hover, a:active, a:visited
	{
		color:#fff;
		text-decoration:none;
	}
	a:hover
	{
		text-decoration:underline;
	}
	.inactif
	{
		-moz-opacity:0.5;
		opacity: 0.5;
		filter:alpha(opacity=50);
		cursor:default;
	}
	#viuselhome
	{
		position:absolute;
		margin:-30px 0 0 385px;
		z-index:10;
	}
	
	/* TEXTE
	------------------------------------------*/
	.gras
	{
		font-weight:bold;
	}
	.maj
	{
		text-transform:uppercase;
	}
	.majgras
	{
		font-weight:bold;
		text-transform:uppercase;
	}
	.titrerouge
	{
		font-size:13px;
		font-weight:bold;
		color:#9c141c;
	}
	.titreliste
	{
		font-size:13px;
		font-weight:bold;
		border-bottom:#9c141c 1px solid;
		width:73%;
	}
	.norm
	{
		font-size:11px;
	}
	dl.norm
	{
		margin-bottom:10px;
		width:73%;
	}
	dl.norm dt
	{
		margin:0 0 5px 15px;
		padding-left:10px;
		list-style:circle;
		background:url(../images/puce-fleche.jpg) 0 1px no-repeat;
	}

/* HEADER
------------------------------------------*/
#header
{
	width:990px;
	height:130px;
	background:url(../images/graduation.png) right 85px no-repeat;
	margin:auto;
}
#header h1
{
	position:absolute;
	margin:-20px 0 0 0;
}
#header h2
{
	padding:34px 0 0 268px;
}
#langues
{
	float: right;
	width: 300px;
	padding-top: 5px;
	color: #FFF;
	background: url(../images/vide.gif) 0 0 repeat;
}
ul#langues-deroul
{
	text-align: right;
}
ul#langues-deroul li
{
	display: inline;
}
#langues-deroul a, #langues-deroul a:hover, #langues-deroul a:active, #langues-deroul a:visited
{
	color: #FFF;
}
a.act, a:hover.act, a:active.act, a:visited.act
{
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

/* CENTER
------------------------------------------*/
#center
{
	width:990px;
	margin:auto;
	height:400px;
}
#contenu-float
{
	float:right;
	padding:30px 0 0 20px;
	width:728px;
}
#contenutexte
{
}
#contenutexte div.cale
{
	width:175px;
	height:100px;
	float:right;
}
#contenutexte p
{
	margin-bottom:8px;
}
#contenu
{
	margin-right:748px;
	padding-top:40px;
}
#menuprinc
{
	width:176px;
	height:150px;
	background:#2e292a;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#menuprinc ul li a, #menuprinc ul li a:hover, #menuprinc ul li a:active, #menuprinc ul li a:visited
{
	display:block;
	height:24px;
	margin:5px 0;
}

	/* ITEMS MENU
	------------------------------------------*/
	#accueil
	{
		background:url(../images/menu.jpg) 0 -2px no-repeat;
	}
	#societe
	{
		background:url(../images/menu.jpg) 0 -28px no-repeat;
	}
	#procede
	{
		background:url(../images/menu.jpg) 0 -54px no-repeat;
	}
	#produits
	{
		background:url(../images/menu.jpg) 0 -80px no-repeat;
	}
	#outils
	{
		background:url(../images/menu.jpg) 0 -106px no-repeat;
	}
	
	#accueil:hover, #accueil.actif
	{
		background:url(../images/menu.jpg) 0 -137px no-repeat;
	}
	#societe:hover, #societe.actif, #menuprinc ul li:hover a#societe
	{
		background:url(../images/menu.jpg) 0 -163px no-repeat;
	}
	#procede:hover, procede.actif
	{
		background:url(../images/menu.jpg) 0 -189px no-repeat;
	}
	#produits:hover, #produits.actif, #menuprinc ul li:hover a#produits
	{
		background:url(../images/menu.jpg) 0 -215px no-repeat;
	}
	#outils:hover, #outils.actif
	{
		background:url(../images/menu.jpg) 0 -241px no-repeat;
	}
	
#menuprinc ul li ul.submenu
{
	display:none;
	background: url(../images/vide.gif) 0 0 repeat;
}
menuprinc ul li ul.submenu li
{
	display:block;
	float:none;
	margin-top:5px;
}
#menuprinc ul li ul.submenu li a
{
	display:block;
	height:auto;
	padding:3px 0 3px 15px;
	width:250px;
	background:#FFF;
	border:1px solid #CCC;
	font-size:1.2em;
	color:#636363;
	font-weight:bold;
	background:#FFF url(../images/puce-fleche.jpg) 5px center no-repeat;
}
#menuprinc ul li ul.submenu#deux li a
{
	width:150px;
}
#menuprinc ul li:hover ul.submenu, #menuprinc ul li ul:hover.submenu
{
	display:block;
	position:absolute;
	margin:-32px 0 0 160px;
}

h3.actu
{
	margin-top:50px;
}
#actu
{
	width:176px;
	background:#2e292a;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
	color:#FFF;
}
#actu div.actus
{
	margin:10px;
	height:105px;
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
}
#actu div.actus p
{
	margin-bottom:3px;
}
#actu div.actus p.majgras
{
	margin-bottom:5px;
}
#actu a.savoir, #actu a.savoir:hover, #actu a.savoir:active, #actu a.savoir:visited
{
	display:block;
	float:right;
	height:16px;
	width:65px;
	padding:4px 0 0 15px;
	background:#FFF;
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	color:#414141;
	text-decoration:underline;
}
a.ttActu
{
	color:#FFF;
	margin-top:5px;
	display:block;
}
ul#galerie
{
	margin:45px 0 0 0;
}
ul#galerie li
{
	float:left;
	margin-left:5px;
}

ul#galerie li img.fleche
{
	margin-top:30px;
}
div#naviguation
{
	float:right;
	width:35px;
	height:50px;
	margin:150px 150px 0 0;
}
div#naviguation a, div#naviguation a:active, div#naviguation a:hover, div#naviguation a:visited
{
	display:block;
	height:25px;
}
div#naviguation a#up
{
	background:url(../images/naviguation.jpg) 0 0 no-repeat;
}
div#naviguation a#up:hover
{
	background:url(../images/naviguation.jpg) -35px 0 no-repeat;
}
div#naviguation a#down
{
	background:url(../images/naviguation.jpg) 0 -25px no-repeat;
}
div#naviguation a#down:hover
{
	background:url(../images/naviguation.jpg) -35px -25px no-repeat;
}

/* FOOTER
------------------------------------------*/
#footer
{
	width:990px;
	height:50px;
	background:url(../images/graduation.png) left top no-repeat;
	margin:auto;
}
#footer p
{
	text-align:right;
	color:#FFF;
	padding-top:25px;
}