div#pagewrapper{

/* border: 0px solid black; */
margin:0 auto;
width:100%;
}

div#header{ /* Image de fond dégradée orange + hauteur  */
display:block;
width:100%;
background: url(../images/bg_banner.gif) repeat 0 0;
/*background: white url(../images/logo_porte_ouverte.gif) no-repeat 0 0;*/
height: 120px;
/* border-bottom: 1px dotted black; */
}
div#header a{ /* retirer le soulignement des liens  */
text-decoration:none;
}
div#header img{
padding-left:40px;
}
.porteouverte { /* Placer la porte ouverte à droite et centré */
font-family:'lucida console',arial,verdana;
font-size:28px;
font-weight:bold; padding-left:120px; color:#000000;
}

/*---- début side bar et son contenu */
div#sidebar{
float: left; width:22%; margin-left:0; margin-top:15px;
display:inline;
background-color:#fff;
/* min-height:800px; */
/*border-right:1px solid black;*/
}
div#menu_vert{
padding:0px; margin:0px;
}

div#menu_vert a{
	display:block;
	padding:2px;
	margin-bottom: 2px;

	background-color: #ffc311;
	text-decoration:none;
	text-align:center;

	font-weight:bold;
	font-family: 'lucida console',arial,verdana;
	font-size:14px;
	font-color: navy;
}
div#menu_vert a:hover{
background-color:white;
}
/*---- fin de side bar */
/*---- début du calque de contenu */
div#main{
margin-left: 22%;
/* border-left: 1px dotted black; */
padding-left: 10px;
font-family:'lucida console',arial,verdana;
}
div#main h1{ /*titre principal*/
font-family:inherit;
font-size:20px;
font-weight:bold;
color: navy;
text-align: left;
}
div#main h2{ /*sous-titre éventuel*/
font-family:inherit;
font-size:18px;
font-weight:bold;
font-color: navy;
text-indent: 0px;
}
div#main p { /* Pour mettre en forme le contenu de la page */
font-family:inherit;
font-size: 16px;
padding:2px;
text-align:justify;
line-height:22px;
text-indent: 0px;
}
div#main p.content,li{ /* Pour mettre en forme le contenu de la page */
font-family:inherit;
font-size: 16px;
padding:2px;
text-align:justify;
line-height:22px;
}
/*---- fin de contenu */