body {
	background: #ccc;
	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #666;
	margin: 15px;
	text-align: center; /* Pour IE */
	}

hr {
	background-color: #23A0D6;
	height: 1px;
	width: 85%;
	margin-top: 20px;
	margin-bottom: 20px;
}

p {
	margin: 0 0 5px 0;
	
	}

p.p1 {
	font-size: 13px;
	line-height: 20px;
	text-align:justify;
	}
p.p2 {
	text-align:justify;
}

h1 {
	line-height: 120%;
	color: #069;
	font-family: Times;
}

h2 {
	color: #069;

}

h3 {
	color: #18d;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 30px 0 2px 0;
	text-align:justify;
	}
h4 {
	color: #18d;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0 2px 0;
}	

a:link, a:visited {
	color: #9c0;
	text-decoration: none;
	}

a:hover, a:active {
	color: #fff;
	background: #9c0;
	}

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
	text-align:justify;
	}

.list1 {
	list-style-image: url('/images/puce2.png');
	list-style-position: outside;
	}
		
.list2 {
	list-style-image: url('/images/puce.png');
	padding-bottom: 5px;
}

.list3 {
	list-style-type: decimal;
	padding-bottom: 5px;
}

li {
	padding-bottom: 7px;
	}


#lselect li .l{
	cursor: pointer;
	width:111px;
/*	background: #A9BFCB;*/
	height: 20px;
	line-height: 20px;
	margin: 2px 0;
	width:200px;
/*	border: 1px solid gray;*/
	/*font-weight: bold;*/
}

#lselect .l2{
	position: absolute;
	z-index: 100;
	left: 13em;
	margin-top: -3em;
	width: 10em;
	background: transparent url(/images/s_fond.png);
	border: 1px solid black;
	
}

img.shade{
	background: transparent;
	width: 30ex;
	height: 11.5em;
/* specify the dimension of the image */
	display: block;
	position: absolute;
	z-index: -1;
/* force the image to show below the content */
	right: -3.5ex;
	bottom: -2em;
}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	}

.accesskey {
	text-decoration: underline;
	}

.ita {
	display: block;
	font-style: italic;
	color: darkgreen;
}

.ita_info {
	font-style:italic;
	color: #7ba7de;
}

.bld {
	font-weight: bold;
	color: darkblue;
}

.warning {
	padding-top: 25px;
	font-size:10px;
	color: red;
	text-align: justify;
}

.tab_envoie {
	border:1px solid #000;
}

#container {
	position: relative;
	width: 720px !important;
	width: 750px;
	height: auto;
	min-height: 1400px !important;
	background: #fff url(/images/container_bg.gif) repeat-y;
	border: 15px solid #fff;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 30px;
	text-align: left; /* Pour IE */

	}

#footer {
	position:relative;
	text-align: right;
	width: 708px !important;
	width /**/: 720px;
	height: 24px !important;
	height /**/: 30px;
	background: #147 url(/images/sousbar.png) repeat-x;
	margin: auto;
	padding: 6px 12px 0 0;
/*	border-top: 1px solid #fff;*/
	margin-top:-40px;
	}


#pageHeader {
	width: 720px;
	height: 220px;
	background: #18d url(/images/bannierefasion2.png) no-repeat;
	}

#pageHeader h1, #pageHeader h2 {
	text-indent: -999em;
	margin: 0;
	}

#quickSummary {
	width: 720px;
	height: 39px;
	border-top: 1px solid #fff;
	background: #147 url(/images/sousbar.png) repeat-x;
	}

#quickSummary p.p1 {
	position: absolute;
	left: -999em;
	text-align:justify;
	}
	
#quickSummary p.p3 {
	position: absolute;
	left: 18em;
	top: 11.0em;
	color: #fff;
	font-size: 2em;
	text-align:justify;
	}	

#quickSummary p.p2 {
	width: 248px !important;
	width /**/: 276px;
	height: 28px !important;
	height /**/: 39px;
	color: #6cf;
	margin: 0;
	padding: 11px 0 0 27px;
	border-right: 1px solid #fff;
	text-align:justify;
	}

#quickSummary a:link, #quickSummary a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	}

#quickSummary a:hover, #quickSummary a:active {
	text-decoration: underline;
	background: transparent;
	}

#explanation {
	min-height: 700px;
}

#preamble, #explanation, #exemple { /* On ajoute les nouveaux paragraphes ici */
	margin: 0 30px 0 310px;
	}



#footer a:link, #footer a:visited {
	text-transform: uppercase;
	color: #fff;
	}

#footer a:hover, #footer a:active {
	color: #18d;
	background: #fff;
	}

/* Style des Link List */

#linkList {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 275px;
	/*border-bottom: 1px solid #fff;*/
	}

#linkList h3 {
	text-indent: -1100px;
	height: 45px;
	margin: 0;
	}

#linkList a:link, #linkList a:visited {
	font-size: 11px;
	color: #fff;
	}

#linkList a:hover, #linkList a:active {
	background: #fff;
	}

#linkList a.c {
	font-size: 10px;
	}

#linkList acronym {
	border-bottom: none;
	}

#lselect, #lfavorites {
	border-top: 1px solid #fff;
	background: #2974b9;
	}

#lselect h3 {
	background: url(/images/menuG.png);
	}

#lfavorites h3 {
	background: url(/images/favourites.gif);
	}

#lselect li, #lfavorites li {
	color: #6cf;
	background: url(/images/select_bg.gif) repeat-x left bottom;
	}
	
#lselect .sm {
	color: #6cf;
	background: none;
	text-align:left;
	}
#lselect a:hover, #lselect a:active, #lfavorites a:hover, #lfavorites a:active {
	color: #18d;
	}

#larchives {
	border-top: 1px solid #fff;
	background: #9c0;
	}

#larchives h3 {
	background: url(/images/archives.gif);
	}

#larchives li {
	color: #cf3;
	background: url(/images/archives_bg.gif) repeat-x left bottom;
	}

#larchives a:hover, #larchives a:active {
	color: #9c0;
	}
	
#lphotos {
	border-top: 1px solid #fff;
	background: #3a7dd7;
	margin-top:-5px;
}

#lphotos h3 {
	background: url(/images/photos3.png);
	}
	
#lphotos li {
	color: #FFFFFF;
	/*background: url(/images/resources_bg.gif) repeat-x left bottom;*/
	}

#lresources {
	border-top: 1px solid #fff;
	background: #69b704;
	height: 200px;
	}

#lresources h3 {
	background: url(/images/rubriques.png);
	}

/*#lresources li {
	color: #fcc;
	background: url(/images/resources_bg.gif) repeat-x left bottom;
	}*/

#lresources a:hover, #lresources a:active {
	color: #d8c;
	}
#lLogo {
	margin-top:-5px;
	padding-top: 10px;
	border-top: 1px solid #fff;
	background: #669900;
	}

.defilR {
	margin-bottom: -5px;
	margin-top: 25px;
	text-align: right;
	color: green;
	font-style: italic;
	font-size: 8pt;
}

#lresources li.sujet {
	font-size: 11pt;
	color: #006699;
	text-align: left;
}

#lresources li.s_desc {
	font-size: 10pt;
	display:none;
	color: #006699;
	text-align: left;
}

#lresources li.desc {
	font-size: 9pt;
	color: #006699;
	text-align: left;
}