/*///////////////////////////////////////////////////////////////////////////////////
// RESET - style/reset.css */

html, body{height: 100%;}
body{background:url(../images/background/degrade-site.png) repeat-x 0 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	background:#fff url(../images/background/site.jpg) no-repeat top center;
	line-height:1;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* les balise <table> ont besoin d'un 'cellspacing="0"' */
table{border-collapse:collapse; border-spacing:0;}
/* Pour stopper les flux */
div.stpFlt{ /* A utiliser : <div class="stpFlt SF20"><hr /></div> avec la classe SF correspondant à la hauteur */
	clear:both;
	height:2px;
}
div.stpFlt hr{display: none;}
div.stpFlt.SF20{height:20px;}
.dspNne{display:none;}


/*///////////////////////////////////////////////////////////////////////////////////
// STRUCTURE - style/structure.css */

/*///////////////////////////////////////////////////////////////////////////////////
// STYLE :
// Structure
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Structure */
div#site{
	width:1000px;
	margin:0 auto 0 auto;
}
div#retourAccueil a{
	display:block;
	width:221px; height:95px;
	margin:15px 0 0 31px;
	cursor:pointer;
}
div#colMedia{
	float:left;
	width:415px;
}
div#colMedia img.imgSeul{
	margin:69px 0 0 65px;
}
div#colTexte{
	float:left;
	width:585px;
}
h1{font:normal 20px Arial, Helvetica, sans-serif; color:#505050; text-align:center; line-height:22px;}
h1 strong{font-size:20px; color:#479c3a;}
h1 em{font-size:12px;}
h1 .spStyle1{padding:0 0 0 140px;}
h1 .spStyle2{padding:0 0 0 50px;}
h1 .spStyle3{padding:0 0 0 300px;}
p.pTexte{
	font:normal 12px Arial, Helvetica, sans-serif; color:#505050; text-align:justify; line-height:18px;
	padding:8px 20px 0 45px;
}
p.pTexte strong.exogen{color:#479c3a;}
ul.ulContenu{
	list-style:disc;
	font:normal 12px Arial, Helvetica, sans-serif; color:#505050; text-align:justify; line-height:18px;
	padding:8px 20px 0 35px; margin:0 0 0 45px;
}
ul.ulContenu li{
	line-height:14px;
	padding:0 0 8px 0;
}
ul.ulContenu em span{font-weight:bold; color:#479c3a; text-decoration:underline;}
a:link, a:visited{font-weight:bold;	color:#24588E;}
a:hover, a:active{text-decoration:none;}
.logoexogen{margin:0 0 -14px 0}
/* Menu haut */
div#menuHaut{margin:0 0 0 31px;}
div#lienMH1 a, div#lienMH1Over a, div#lienMH2 a, div#lienMH2Over a, div#lienMH3 a, div#lienMH3Over a, div#lienMH4 a, div#lienMH4Over a, div#lienMH5 a, div#lienMH5Over a{
	float:left;
	display:block;
	width:186px; height:35px;
	background:url(../images/menu/sprite-menu-haut.png) no-repeat 0 0;
	margin:0 2px 0 0;
}
div#lienMH1 a:hover, div#lienMH1Over a{background-position:-186px 0;}
div#lienMH2 a, div#lienMH2Over a{background-position:0 -35px;}
div#lienMH2 a:hover, div#lienMH2Over a{background-position:-186px -35px;}
div#lienMH3 a, div#lienMH3Over a{background-position:0 -70px;}
div#lienMH3 a:hover, div#lienMH3Over a{background-position:-186px -70px;}
div#lienMH4 a, div#lienMH4Over a{background-position:0 -105px;}
div#lienMH4 a:hover, div#lienMH4Over a{background-position:-186px -105px;}
div#lienMH5 a, div#lienMH5Over a{background-position:0 -140px;}
div#lienMH5 a:hover, div#lienMH5Over a{background-position:-186px -140px;}
/* Menu bas */
div#menuBas{
	position:absolute; top:625px; left:50%;
	margin:0 0 0 115px;
}
div#menuBas li{
	display:inline;
	padding:0 15px 0 18px;
}
div#menuBas a:link, div#menuBas a:visited{font:normal 10px Arial, Helvetica, sans-serif; color:#505050; text-transform:uppercase; text-decoration:none;}
div#menuBas a:hover, div#menuBas a:active{text-decoration:underline;}
div#menuBas li.li1{background:url(../images/picto/boule-1.png) no-repeat 0 5px;}
div#menuBas li.li2{background:url(../images/picto/boule-2.png) no-repeat 0 5px;}
div#menuBas li.li3{background:url(../images/picto/boule-3.png) no-repeat 0 5px;}