/*************************************************************
* commun.css
* Feuille de style commune à tous les gabarits
*************************************************************/

*
{
	margin:0;
	border:0;
	padding:0;
	outline:0;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
}

body
{
	z-index:1;
	width:982px;
	position:relative;
	margin:0 auto;
	background-color:#212122;
	font-size:8px;
}

/**
* Arrière plan
*/
#degrade
{
	top:0;
	z-index:1;
	left:-1000px;
	width:1163px;
	height:806px;
	position:absolute;
	background:url(../images/commun/degrade.jpg) repeat-x #212122;
}

#visage
{
	top:0;
	z-index:2;
	right:-760px;
	width:1163px;
	height:806px;
	position:absolute;
}

/* Fil d'ariane */
#ariane
{
	overflow:hidden;
	margin-bottom:17px;
	padding-bottom:3px;
	background:url(../images/commun/pointille-gris.gif) repeat-x 0 bottom;
}

#ariane span
{
	float:left;
	width:430px;
	display:block;
	font-size:9px;
	margin:1px 12px 0 0px;
}

#ariane span a
{
	color:#000000;
	font-size:9px;
	font-family:Verdana;
	text-decoration:none;
}

#ariane span a:hover, 
#ariane span a.actif
{
	font-size:9px;
	color:#005A9E;
	text-decoration:underline;
}

#ariane ul
{
	float:right;
	list-style:none;
	overflow:hidden;
	margin-right:-7px;
}

#ariane ul li
{
	float:left;
}

#ariane ul li a
{
	width:15px;
	height:17px;
	display:block;
	color:#000000;
	overflow:hidden;
	margin-right:7px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#ariane #imprimer
{
	width:15px;
	background-image:url(../images/commun/icone-imprimer.png);
}

#ariane #envoyer
{
	width:20px;
	background-image:url(../images/commun/icone-envoyer.png);
}

#ariane #agrandir
{
	width:16px;
	cursor:pointer;
	background-position:0 1px;
	background-image:url(../images/commun/icone-augmenter.png);
}

#ariane #reduire
{
	width:16px;
	cursor:pointer;
	background-image:url(../images/commun/icone-reduire.png);
}

/* Partage */
#partage
{
	overflow:hidden;
	margin-bottom:20px;
}

#partage td a {
	margin:3px 6px 0 0px;
}

#partage td  strong
{
	color:#787878;
	font-size:12px;
	font-weight:bold;
	margin:3px 12px 0 0px;
}

#partage ul
{
	float:left;
	list-style:none;
	overflow:hidden;
}

#partage ul li
{
	float:left;
}

#partage ul li a 
{
	width:15px;
	height:17px;
	display:block;
	color:#000000;
	overflow:hidden;
	margin-right:6px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#partage .facebook
{
	width:15px;
	background-image:url(../images/commun/icone-facebook-mini.png);
}

#partage .twitter
{
	width:17px;
	background-image:url(../images/commun/icone-twitter-mini.png);
}

#partage .linkedin
{
	width:17px;
	background-image:url(../images/commun/icone-linkedin-mini.png);
}

#partage .viadeo
{
	width:16px;
	background-image:url(../images/commun/icone-viadeo-mini.png);
}

#partage .google
{
	width:47px;
	background-image:url(../images/commun/icone-google-mini.png);
}

/**
* Sous menu
*/
#sousmenu
{
	margin-bottom:40px;
}

#sousmenu ul
{
	width:180px;
	list-style:none;
}

#sousmenu ul li
{
	background:url(../images/commun/pointille-gris.gif) repeat-x 0 bottom;
}

#sousmenu ul li a
{
	cursor:pointer;
}

#sousmenu ul li.actif a.actif
{
	color:#FFFFFF;
	display:block;
	font-size:12px;
	text-decoration:none;
	padding:3px 0 5px 14px;
	background-position:3px 6px;
	background-repeat:no-repeat;	
	background-image:url(../images/commun/puce-triangle-bas-blanc.png);
	background-color:#005A9E;
}

#sousmenu ul li a
{
	color:#000000;
	display:block;
	font-size:12px;
	text-decoration:none;
	padding:3px 0 5px 12px;
	background-position:0 7px;
	background-repeat:no-repeat;	
	background-image:url(../images/commun/puce-triangle-bleu.png);
}

#sousmenu ul li a:hover
{
	color:#005a9e;
}

#sousmenu ul ul 
{
	padding-bottom:8px;
	background:url(../images/commun/pointille-gris.gif) repeat-x 0 bottom;
}

#sousmenu ul ul li
{
	background:none;	
}

#sousmenu ul li ul li a
{
	color:#787878;
	display:block;
	font-size:11px;
	text-decoration:none;
	padding:1px 0 1px 8px;
	background-position:0px 6px;
	background-repeat:no-repeat;	
	background-image:url(../images/commun/mini-puce-grise.png);
}

#sousmenu ul li.actif ul li a:hover,
#sousmenu ul li.actif ul li.sous-actif a
{
	color:#005A9E;
	font-size:11px;
	padding:1px 0 1px 8px;
	background-position:0px 6px;
	background-repeat:no-repeat;	
	background-image:url(../images/commun/mini-puce-bleu.png);
}

#sousmenu h2
{
	color:#005A9E;
	font-size:32px;
	line-height:32px;
	font-weight:normal;
	margin:5px 0 15px 0;
	font-family:'UniversLight';
}

#sousmenu div
{
	width:180px;
	height:13px;
	margin:3px 0 3px 0;
	border-bottom:solid 1px #787878;
}

#sousmenu div span
{
	float:left;
	display:block;
	color:#FFFFFF;
	font-size:9px;
	line-height:9px;
	font-weight:normal;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	background-color:#444444;
	text-transform:uppercase;
}