/******** Body Elements ********/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body { background-color: #00209f; font-family: arial, verdana, tahoma; font-size: 76%; line-height: 125%; color: #3d3d3d; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: 0 top; }

/******** Layout Elements ********/

.wrapper { width: 800px; height: 100%; margin: 0 auto; }
.subwrapper { background-image: url(../images/wrapper.jpg); background-repeat: repeat-y; background-position: 0 0; width: 800px; clear: both; margin-right: auto; margin-left: auto; }
.innerwrapper { width: 746px; height: 100%; margin-right: auto; margin-left: auto;
}

.header { height: 90px; line-height: 50px; background-color: #feffff; background-image: url(../images/header.jpg); background-repeat: no-repeat; width: 800px; margin-right: auto; margin-left: auto; }
.clear { content:"."; display:block; height:1px; clear:both; visibility:hidden; float: none; }
.subheader { line-height: 5px; background-image: url(../images/menu.jpg); background-repeat: no-repeat; width: 800px; height: 48px; margin-right: auto; margin-left: auto; }
.commendit { width: 125px; float: left; clear: right; margin: 15px 50px; padding: 15px; }
.banner { line-height: 50px; background-image: url(../images/banner.jpg); background-repeat: no-repeat; text-align: center; width: 800px; height: 100px; clear: both; margin-right: auto; margin-left: auto; padding-top: 5px; }
#content { 
	width: 750px; 
	margin: 0 auto; 
	padding: 5px;
	position:relative;
}
#content2 { background-color: #feffff; position: relative; height: 100%; padding-right: 10px; padding-left: 10px; }

.boxlftcol { float: left; width: 200px;}

#left{ 
	float:left; 
	width: 430px;
}

#center{ float:right; width: 400px;}

.right { 
	float: right; 
	width: 300px; 
	position:relative;
}
.footer { width: 800px !important; height: 34px !important; clear: both; margin-right: auto; margin-left: auto; }
.prefooter { background-image: url(../images/footer.jpg); background-repeat: no-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 885px; height: 34px; clear: both; padding-top: 0; }



#banner { margin-top: 15px; margin-bottom: 15px; }
/******** Document Styles ********/

#docpdf p { background-image: url(../images/lien_pdf.gif); background-repeat: no-repeat; background-position: 0 0; height: 20px; margin-top: 3px; padding-left: 20px; }

#content h1 { color: #feffff; font-size:135%; font-weight: bold; background-color: #c50000; background-repeat: repeat; overflow:hidden; margin-bottom: 20px; padding: 5px; cursor:pointer; }
#content .title { color: #000064; font-size: 120%; font-weight: bold; }
#content .subtitle { color: #9a0000; font-size: 115%; font-weight: bold; }
#content h2 { color: #000064; font-size: 16px; font-weight: bold; background-image: url(../images/h1bar.jpg); background-repeat: no-repeat; cursor: pointer; padding-top: 8px; padding-left: 15px; height: 29px; overflow: hidden; }
#content h3 { color: #000064; font-size: 16px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
#content h4 { font-size: 15px; font-family: "Times New Roman", Times, serif; font-weight: bold; margin-top: 5px; margin-bottom: 15px; }
#content h5 { color: #feffff; font-size: 125%; font-family: "Times New Roman", Times, serif; font-weight: bold; margin-top: 5px; margin-bottom: 15px; }
#content p { margin-bottom: 8px; }
#content #note p { font-style: italic; }
#content a { color: #000064; text-decoration: none; }
#content a:hover { color: #000064; text-decoration: underline; }
#content ul { display: block; }
#content li { list-style-position: inside; }

#rightcol p {  }
/********* Documents Menu item ********/

#menu { background-image: url(../images/menu.jpg); background-repeat: no-repeat; background-attachment: scroll; width: 800px; height: 48px; margin-right: auto; margin-left: auto; }
#menu ul { position: relative; left: 50px; bottom: 4px; margin: 0; padding: 25px 0 0 35px; list-style: none; }
#menu li {
	display: inline;
}
#menu h5 { color: #feffff; font-size: 120%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-top: 5px; padding-right: 8px; padding-left: 8px; }
#menu a { color: #fff; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-top: 5px; padding-right: 8px; padding-left: 8px; }
#menu a:hover { color: #ffe3b2; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; margin-top: 5px; padding-right: 8px; padding-left: 8px; }
#menu a.black { color: #000082; font-size: 95%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-position: right 0; text-decoration: none; text-transform: capitalize; margin-top: 5px; padding-right: 8px; padding-left: 130px; }
#menu a:hover.black { color: #000082; font-size: 95%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; background-position: right 0; text-transform: capitalize; margin-top: 5px; padding-right: 8px; padding-left: 130px; }
#menu li .active { color: #000; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-top: 5px; margin-left: 25px; padding-right: 8px; padding-left: 8px; border-right: 1pt solid #3b3b3b; }
.prefooter a { color: #00209f; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; padding-right: 5px; padding-left: 5px; }
.prefooter a:hover { color: #2d2d2d; font-size: 90%; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.header ul { margin-right: 8px; float: right; padding-top: 15px; }
.header li { display: inline; }
.header a { color: #00209f; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.header a:hover { color: #008080; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.footer p { color: #e7edf0; font-size: 88%; line-height: 112%; text-align: center; height: 100%; }
.footer a { color: #fff; }
/******** List Styles Styles ********/
ul ul li {
	margin: 3px 0 3px 30px;
	list-style: circle;
}
ul ul {
	margin: 0 0 15px 0;
}


/********* boxads -  Affichage Newsgroup *********/
.youtube {float: left;  }
.boxads { background: #e7edf0; border: solid 1px #006; color: #333; width: 200px; float: left; margin-bottom: 10px; padding: 3px; }
.boxads .title1 { color: #feffff; font-size: 1em; line-height:1.2em font-weight: bold; background-image: url(../images/topbox.jpg); background-repeat: repeat-x; text-transform: uppercase; text-align: center; }
.boxads .title { color: #000064; font-weight: bold; }
/********* boxads right -  Affichage Newsgroup *********/
.boxads2 { background: #e7edf0; border: solid 1px #006; color: #333; width: 190px; float: right; clear: right; margin-bottom: 10px; margin-left: 20px; padding: 5px; }
.boxads2 .title1 { color: #feffff; font-size: 100%; font-weight: bold   ; background-image: url(../images/bluechip.jpg); background-repeat: repeat; text-transform: uppercase; text-align: center; padding: 5px; }
.boxads2 .title { color: #000064; font-weight: bold; }
/****** Ajax *****/

.mod_question{	/* Styling question */
	/* Start layout CSS */
	color:#fff; font-size:110%; font-weight: bold; width:400px; padding-left:10px; height:40px; overflow:hidden; padding-top: 8px; padding-bottom: 5px; cursor:pointer; }
	
.mod_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:400px;	visibility:hidden; height:0; overflow:hidden; position:relative; }

.mod_answer_content{	/* Content that is slided down */
	padding:4px;
	font-size:0.9em;	
	position:relative;
}
.inpar { color: #454545; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
.inpar_r { color: #454545; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
#info { border: solid 1px #ccc; padding: 7px; font-size: 0.9em; background: #f4f4f4; width: 300px; }
.form_tt { color: #00209e; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-left: 15px; border-bottom: 1px solid #00209e; }
