/*
		************************************************
		Sujet: habillage graphique de la page d'accueil,
		       version ie;
		Auteur: Patrick Emond - Cellule TIC - CNFPT
		version: 1.0;
		Realisation: 2005-03-31T09:52+01:00
		************************************************
	*/

	html, body, body * { margin: 0; padding: 0; }

	body {
		background: #fffffe url(/images/img_accueil/fond-accueil-2.jpg) repeat-x;
		color: #fff;
		text-align: left;
		font-size: small;
	}

	
	#wrap {
		width: 780px;
		background: url(/images/img_accueil/accueil-bgn-page-00.jpg) no-repeat;
	}
	
	a { text-decoration: none; }
	
	a:hover { color: #fff; }
	
	ul li { list-style: none; }
	
	a span, hr { display: none; }
	
	h1 {
		margin-left: 32px;
		width: 725px;
		height: 43px;
		font-size: 80%;
		font-family: Helvetica, Arial, Sans-Serif;
	}
	
	h1 a {
		color: #fff;
		padding-left: 40px;
		line-height: 43px;
		background: url(/images/img_interface/blocks-cnfpt-rouge.png) no-repeat left center;
	}
	
	h1 a:hover {
		background-image: url(/images/img_interface/blocks-cnfpt-blanc.png);
	}
	
	
	#navigation {
		width: 725px;
		height: 230px;
		margin-left: 32px;
	}
	
	#navigation ul li {
		float: left;
		width: auto;
	}

	
	#particuliers a, #agents a, #collectivites a {
		display: block;
		height: 230px;
	}
	
	#particuliers a {
		width: 160px;
		background: url(/images/img_accueil/jeu-1/accueil-particulier-off.png) no-repeat 0 0;
	}
	
	#particuliers a:hover, #particuliers a span {
		background-image: url(/images/img_accueil/jeu-1/accueil-particulier-on.png);
	}
	
	#agents a {
		width: 152px;
		background: url(/images/img_accueil/jeu-1/accueil-agent-off.png) no-repeat 0 0;
	}
	
	#agents a:hover, #agents a span {
		background-image: url(/images/img_accueil/jeu-1/accueil-agent-on.png);
	}
	
	#collectivites a {
		width: 160px;
		background: url(/images/img_accueil/jeu-1/accueil-collectivite-off.png) no-repeat 0 0;
	}
	
	#collectivites a:hover, #collectivites a span {
		background-image: url(/images/img_accueil/jeu-1/accueil-collectivite-on.png);
	}
	
	
	
	#connaitre {
		position: relative;
		float: left;
		margin-left: 27px;
		width: 226px;
		height: 80px;
		
		background: url(/images/img_accueil/accueil-bgn-connaitre-off.jpg) no-repeat 0 0;
	}
	
	#connaitre:hover, #connaitre span {
		background-image: url(/images/img_accueil/accueil-bgn-connaitre-on.jpg);
	}
	
	
	
	marquee {
		display: block;
		width: 490px;
		height: 20px;
		margin: 30px 0 0 14px;
	}
	
	marquee a {
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		color: #fff;
		font-weight: bold;
		font-size: 87%;
	}
	
	marquee a:hover { color: #e63c6e; }
	
	
	
	
	
	
	#entrees {
		width: 765px;
		height: 182px;
		margin: 10px 13px 0 14px;
	}
	
	#entrees ul li a, #entrees ul li strong {
		display: block;
		font-weight: bold;
		color: #e63c6e;
		margin: 0px 10px 6px 10px;
		padding-top: 6px;
	}
	
	#entrees ul li strong { margin-bottom: 0; }
	
	#entrees p, #entrees small {
		display: block;
		font-family: Helvetica, Arial, Verdana, Sans-Serif;
		font-size: 80%;
		line-height: 120%;
		font-weight: normal;
		color: #003b6d;
		margin: 0px 10px 6px 10px;
	}
	#entrees .formation small {
	    margin: 0 10px 6px 10px;
	    padding: 0;
	}
	#entrees .formation small a {
	    margin: 0 0 0 10px;
	    padding: 0;
	}
	
	#entrees ul li p a {
		display: inline;
		margin: 0;
	}
	
	
	#entrees ul li a:hover { color: #003b6d; }
	
	#entrees ul {
		float: left;
		width: 240px;
		margin-right: 13px;
		padding-bottom: 0;
		background-color: #aad6ff;
		border: 1px solid #fff;
		border-bottom: none;
	}
	
	#entrees ul li, #entrees ul li strong, #entrees ul li a.suite {
		background: url(/images/img_accueil/suite.png) no-repeat 215px 6px;
	}
	
	#entrees ul li {
		font: bold 14px/18px Times, serif;
		width: 240px;
		border-bottom: 1px solid #fff;
		background: url(/images/img_accueil/suite.png) no-repeat 225px 6px;
	}

	#entrees ul li.important {
		background-color: #8ac0ef;
	}
	
	#entrees ul li.structures {
		background: #8ac0ef url(/images/img_accueil/structures.png) no-repeat top left;
		height: 72px;
	}
	
	#entrees ul li.structures a {
		margin-left: 80px;
		background: url(/images/img_accueil/suite.png) no-repeat 150px 6px;
	}
	
	#xmlrss {
		display: block;
		width: 54px;
		height: 14px;
		background: url(/images/img_accueil/xmlrss-off.png) no-repeat 0 0;
	}
	
	#xmlrss:hover {
		background: url(/images/img_accueil/xmlrss-on.png) no-repeat 0 0;
	}

	#entrees ul li.inscription {
		background: #003d6c url(/images/img_accueil/suite-blanc.png) no-repeat 225px 6px;
	}
	
	#entrees ul li.inscription a {
		font-weight: bold;
		color: #fff;
	}
	
	#entrees ul li.inscription a:hover {
		color: #e0426a;
	}
	
	
	.suscribe {
		display: block;
		width: 135px;
		margin-left: 537px;
		color: #e63c6e;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 90%;
		line-height: 130%;
	}
	
/*
	styles pour les videos ...
*/
	#entrees ul li.important div.videos {
		display: block;
		width: 230px;
		height: 115px;
		float: none;
		margin: 0 0 10px 5px;
	}
	
	#entrees ul li.important div.videos a,
	#entrees ul li.important div.videos a img {
		padding: 0;
		margin: 0;
		display: block;
		position: relative;
		float: left;
		width: auto;
	}
	#entrees ul li.important div.videos a {
		border: 1px solid #8ac0ef;
		margin: 0 0 5px 5px;
	}
	
	#entrees ul li.important div.videos a:hover {
		border: 1px solid #fff;
	}
	
	
	#entrees ul li.important p.thumb {
	    padding-top: 10px;
	    padding-right: 15px;
	}
	#entrees a.handicaps {
	    display: block;
	    width: 145px;
	    height: 109px;
	    float: none;
	}
	#entrees em {
	    display: block;
	    margin-left: 10px;
	    font-family: Helvetica, Arial, sans-serif;
	    font-style: normal;
	    font-size: 85%;
	}
	a.thumb { border: 1px solid #aad6ff; }
	a.thumb:hover { border: 1px solid #fff; }
	
	p.video {
	    padding-bottom: 5px;
	    margin-bottom: 5px;
	    border-bottom: 1px solid #aad6ff;
	}
	
    .multimedia {
        margin                          : 10px;
        padding-bottom                  : 10px;
        border-bottom                   : 1px solid #aad6ff;
    }
    .multimedia h5, .multimedia a, .multimedia p {
        margin                          : 0;
    }
    .multimedia h5 {
        margin-bottom                   : 5px;
        color                           : #003d6c;
        font-family                     : Helvetica, Arial, sans-serif;
    }
    #entrees ul li .multimedia a {
        position                        : relative;
        float                           : left;
		width: auto;
        margin                          : 0 10px 3px 0;
        padding                         : 0;
        border                          : 1px solid #aad6ff;
    }
    #entrees ul li .multimedia p {
        margin                          : 0;
    }
    .multimedia a:hover { border-color  : #fff; }
    
    .multimedia a img { border          : none; }