/* You can use this website template anywhere you want, for anything you want. All I ask is that you link back to Blank CSS (www.blankcss.com) in some way. Thank you very much and enjoy! */

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

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

body { background-color: #feffff; font-family: arial, verdana, tahoma; font-size: 12px; line-height: 180%; color: #3d3d3d; background-image: url(../picture/bg.jpg); background-repeat: repeat-x; background-position: 0 0; }

/******** Layout Elements ********/
.clear{
	clear: both;
}
.wrapper { width: 858px; height: 100%; margin: 0 auto; }
.subwrapper { background-image: url(../picture/bg_wrap.jpg); background-repeat: repeat-y; background-position: 0 0; width: 885px; height: 100%; }
.innerwrapper { width: 660px; height: auto; margin-right: auto; margin-left: auto; }

.header { height: 91px; background-color: #feffff; background-image: url(../picture/top_ban.jpg); background-repeat: no-repeat; width: 885px; }
#subheader { line-height: 50px; background-image: url(../picture/subhead.jpg); background-repeat: no-repeat; width: 885px; height: 38px; }
#content { padding-top: 20px; padding-bottom: 20px; }
.rightcol { width: 210px; float: right; margin-bottom: 10px; margin-left: 10px; padding: 5px; }
.rightcol #home { width: 200px; height: 400px; }
.left { float: left; width: 110px; height: 100%; }

.right { float: right; width: 110px; height: 100%; }

.prefooter { background-image: url(../picture/prefoot.jpg); background-repeat: no-repeat; width: 885px; height: 34px; clear: both; margin-right: auto; margin-left: auto; }
.footer { background-color: #ffffff; text-align: center; width: 885px; padding: 5px; clear: both; }
#banner { margin-top: 15px; margin-bottom: 15px; }
/******** Document Styles ********/

#content h1 { color: #feffff; font-size:135%; font-weight: bold; background-image: url(../images/bgfram01.jpg); background-repeat: no-repeat; width:400px; padding-left:15px; height:40px; overflow:hidden; padding-top: 8px; padding-bottom: 5px; cursor:pointer; }
#content h2 { color: #000064; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; margin-top: 10px; margin-right: 250px; margin-bottom: 5px; }
#content h3 { color: #000064; font-size: 16px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin-top: 10px; margin-right: 250px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1pt solid #f7941d; }
#content h4 { font-size: 15px; font-family: "Times New Roman", Times, serif; font-weight: bold; margin-top: 5px; }
#content p { margin-bottom: 20px; }
#content a { color: #000064; text-decoration: underline; }
#content ul { list-style-image: url(../images/bul_l.gif); display: block; }
#content li { font-size: 100%; line-height: 110%; margin-bottom: 10px; margin-left: 15px; }
#rightcol p {  }
/********* Documents Menu item ********/
#menu { position: relative; left: 125px; bottom: 4px; width: auto; height: auto; margin-right: auto; margin-left: auto; }
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
}
#menu a { color: #feffff; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-top: 5px; padding-right: 8px; padding-left: 8px; border-right: 1pt solid #3b3b3b; }
#menu a:hover { color: #ffb300; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-top: 5px; padding-right: 8px; padding-left: 8px; border-right: 1pt solid #3b3b3b; }
.header ul { float: right; padding-top: 60px; padding-right: 125px; }
.header li { display: inline; }
.header a { color: #fd5000; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; padding-right: 5px; padding-left: 5px; }

.header a:hover { color: #2d2d2d; font-size: 100%; text-decoration: underline; padding-right: 5px; padding-left: 5px; }
.footer p { font-size: 78%; line-height: 112%; height: 100%; }


/******** List Styles Styles ********/
ul ul li {
	margin: 3px 0 3px 30px;
	list-style: circle;
}
ul ul {
	margin: 0 0 15px 0;
}
/********* box1 -  Affichage ormation *********/
#formation { border-top: 1pt solid #000064; border-bottom: 1pt solid #000064; }
.box3{
	margin: 5px 0;
}
.box1 {
	background-image: url(../images/bgbox.jpg);
	background-repeat: repeat;
	width: 196px;
	height: auto;
	float: left;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 8px;
	border: dashed 2px #072b61;
}
.box1 h1 { color: #feffff; font-size: 130%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 130%; background-image: url(../images/ttbgbox.jpg); background-repeat: repeat; padding: 3px; }
.box1 h2 { color: #000; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; }
.box1 h3 { color: #000064; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.box1 p { color: #000; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 115%; padding-top: 4px; }
.box1 ul { margin: 0 0 0 3px; list-style-image: none; display: block; }
.box1 li { color: #000064; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 135%; display: block; }

/****** Ajax *****/
.mod_question_or { color: #000; font-size: 110%; font-weight: bold; background-image: url(../images/bgfram_or.jpg); background-repeat: no-repeat; cursor: pointer; padding-top: 8px; padding-bottom: 5px; padding-left: 10px; width: 400px; height: 40px; overflow: hidden; }
.mod_question { color: #fff; font-size: 110%; font-weight: bold; background-image: url(../images/bgfram.jpg); background-repeat: no-repeat; cursor: pointer; padding-top: 8px; padding-bottom: 5px; padding-left: 10px; width: 400px; height: 40px; overflow: hidden; }
.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:1.1em;	
	position:relative;
}
#jeunes { margin-top: 10px; margin-bottom: 10px; }
#qc { margin-top: 10px; margin-bottom: 10px; }