* {padding: 0;margin: 0;} 
body {background: #ffffff;font-size: .74em;font-family: Arial, sans-serif, Verdana ;line-height: 1.5em;}
a {color: #1aa1e9;text-decoration: none;}
a:hover {color: #FF6600;text-decoration: underline;}
a img {border:  none ;}
h1 { font-size: 20px; color: #1aa1e9; padding-bottom: 20px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
h2 { font-size: 17px; color: #1aa1e9; padding-bottom: 10px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
/* Cadre principal
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wrap {margin: 5px auto;width: 960px;background: #fff url('images/midbg.jpg');background-repeat: repeat-y;}
#top { background: #fff url('images/topbg.jpg');height: 30px;}
#content {padding: 0 40px 0 40px;}
#bottom {background: #fff url('images/botbg.jpg');height: 30px;}
/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header {	width: 320px;float: left;}
.headerbg h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.headerbg h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.headerbg h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
.pub {float: right;width: 468px;margin-top: 5px;height: 63px;margin-right: 30px;}
/* Menu 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu { width: 730px; padding: 0px; margin-bottom: 20px;  float: left; }
.menu ul { padding-left: 0px;}
.menu li { display: inline; font: bold 14px/14px "Arial"; text-transform: none; letter-spacing: -1px; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 7px; margin-right: 1px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 3px 7px 3px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #fd822f;}
.menu li a:hover { background-position: 0% -20px; color:#fff; text-decoration: none; }
.menu li a:hover span { background-position: 100% -20px; color:#fff;}
.menu .current_page_item a { background: url(images/menu-left-h.png) no-repeat left bottom; color:#fff; }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right-h.png) no-repeat right bottom; color:#fff; }
/* Contenu 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.breadcrumbs {background: #F6F9FB; border-bottom: 1px solid #E1E1E1; padding: 5px;}
.intro { float: left;width: 860px;margin: 0 0px;padding: 1% 1%;text-align: justify;padding-bottom: 10px;}
.intro h1 { font-size: 17px; color: #1aa1e9; padding-bottom: 10px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.intro ul {padding: 20px 0 15px 20px;margin:0;}
.intro li {margin-bottom:10px;list-style-type: circle;}
.middle {float: left;width: 55%;margin: 0 0px;padding: 1% 1%;text-align: justify;padding-bottom: 10px;}
.middle h2 { color:#1aa1e9; font-size: 14px; margin-top: 0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.middlepub {float: left;width: 76%;margin: 0 0px;padding: 1% 1%;text-align: justify;padding-bottom: 10px;}
.middlepub h2 { color:#1aa1e9; font-size: 16px; padding-bottom: 10px; margin-top: 0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.middlepub ul {padding: 20px 0 15px 20px;margin:0;}
.middlepub li {margin-bottom:5px;list-style-type: circle;}
.right {float: left;width: 40%;margin: 0 0px;padding: 1% 1%;text-align: justify;}
.right a {color: #000000;}
.right a:hover {color: #1aa1e9;text-decoration: underline;}
.right h1 { font-size: 17px; color: #1aa1e9; padding-bottom: 10px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.right h2 { color:#1aa1e9; font-size: 14px; margin-top: 0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.right h3 { color:#1aa1e9; font-size: 13px; margin-top: 0px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
.rightpub {	float: right;width: 160px;margin: 0 0px;padding: 2px;text-align: right;background: #ffffff;}
.vol a {color: #333333;}
.vol a:hover {color: #FF6600;text-decoration: underline;}
.tab {border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding: 6px;background-color: #f0f9ff; }
.tab a {color: #333333;}
.tab a:hover {color: #1aa1e9;text-decoration: none;}
.cadre { background: #ffffff;padding: 1% 1%;text-align: justify;margin: 0 0px;}
.cadre h2 { font-size: 17px; color: #1aa1e9; padding-bottom: 10px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
#clear {display: block;clear: both;width: 100%;height:1px;overflow:hidden;}
#footer {margin: 10px auto;text-align: justify;color: #666;	width: 910px;font-size:10px;line-height: 1.2em; }
#footer a{color: #666;text-decoration:none}
#footer a:hover {color: #FF6600;text-decoration: underline}
.vol {float: left;width: 80%;margin: 0 0px;padding: 2px;text-align: justify;padding-bottom: 10px;background: #ffffff; }
.volpascher {float: left;width: 100%;margin: 0 0px;padding: 2px;text-align: justify;padding-bottom: 10px;background: #ffffff; }