/*
reset-min
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
fonts-min
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
base-min-modified
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

html, body {/*height:100%;*/}

h2,h3,h4,h5,p {margin-bottom:1em;}

h1 {text-transform:uppercase; font-size:153.9%;}
h2 {text-transform:uppercase; font-size:153.9%;}
h3 {text-transform:uppercase; font-size:108%;}
h4 {text-transform:uppercase; font-size:100%; color:black;}
h5 {font-size:100%; color:black;}
a {outline:none;}
a:hover {text-decoration:underline;}
div.hr {
  height: 1px;
  width:561px;
  background: transparent url(../images/dots02.gif) repeat-x scroll 0 0;
}
div.hr hr {
  display: none;
}
/*
layout
*/
#doc {width:900px; margin:auto;}
#hd {background:transparent url(../images/corner-000000.png) left top no-repeat;}
#hd a {font-size:85%; padding:2px 0 2px 20px; color:white; text-decoration:none; display:block;}
#bd {position:relative; overflow:hidden;}
#sidebar {float:left; width:299px; margin-right:1px; overflow:hidden;}
#main {float:left; width:600px; padding-bottom:2070px; margin-bottom:-2000px; background:white; overflow:hidden;}

#content-footer {position:absolute; left:300px; bottom:0; height:70px; width:600px; background:#f3f3f3 url(../images/dots02.gif) left top repeat-x;}
#content-footer a {display:block; color:black; text-decoration:none; height:17px; padding-top:5px;}
#content-footer .print {position:absolute; left:20px; top:20px; background:url(../images/dots.gif) right top repeat-y; padding-right:10px;}
#content-footer .print a {background:transparent url(../images/print.png) right 6px no-repeat; height:17px; padding-right:25px;}
#content-footer .top {position:absolute; right:20px; top:20px; background:url(../images/dots.gif) left top repeat-y; padding-left:10px;}
#content-footer .top a {background:transparent url(../images/top.png) right 7px no-repeat; height:17px; padding-right:101px;}

#sidebar a img {border:none; display:block;}

#hd img {display:block; border:none;}

/*
first technique
validates XHTML but not accessible
*/
#sidebar h1 a {display:block; height:149px; background:white url(../images/le-cube.png) left top no-repeat;}
#sidebar h1 a span {display:none;}

/*
second technique
accessible but does not validate XHTML if empty span
#sidebar h1, #sidebar h1 span {width:299px; height:149px; background:white url(../images/le-cube.png) left top no-repeat;}
#sidebar h1 span {display:block; position:relative; z-index:1; margin-bottom:-149px;}
#sidebar h1 {overflow:hidden;}
*/

#sidebar .menu ul {list-style:none; padding:0; margin:0;}
#sidebar .menu li {list-style:none; padding-left:20px; background:transparent url(../images/corner-ffffff.png) left top no-repeat; margin-top:1px;zoom:1;}
#sidebar .menu li a {display:block; height:24px; line-height:24px; outline:none; text-transform:uppercase; color:black; font-weight:bold; text-decoration:none; background:transparent url(../images/menu-right.png) right top no-repeat; font-size:100%;}
#sidebar .menu li a:hover {text-decoration:underline;}

#sidebar .menu ul li ul {margin:0 0 0 -20px; padding:0 10px 10px 20px; background-color:white; display:none;}
#sidebar .menu ul li.active ul {display:block;}
#sidebar .menu ul li.active ul li {margin:0;}
#sidebar .menu ul li ul li a {height:auto; line-height:1.3em; margin:0; color:black; text-transform:uppercase; font-size:85%; text-decoration:none; font-weight:normal;}
#sidebar .menu ul li ul li a:hover {text-decoration:underline;}
#sidebar .menu ul li ul li a.active {text-decoration:underline;}

#sidebar .bloc {position:relative; color:#858585; margin-top:1px; background:transparent url(../images/corner-ffffff.png) left top no-repeat; padding-top:10px;}
#sidebar .bloc .content {background-color:white; padding:0 20px 10px 20px;}
#sidebar .bloc .content a.more {position:absolute; top:10px; left:220px; text-decoration:none; font-size:85%; color:black; background:url(../images/puce.gif) left 4px no-repeat; padding-left:7px;}
#sidebar .bloc .content a.more:hover {text-decoration:underline;} 
#sidebar .bloc .content img {display:inline; margin:10px 10px 0 0;}
#sidebar a {color:#858585;}

#menuespaces ul {margin:0; padding:0; list-style:none;}
#menuespaces ul li {display:block; float:left; margin-left:1px; margin-bottom:1px;}
#menuespaces ul li.first {margin-left:0;}
#menuespaces ul li a {display:block; width:119px; padding:4px 10px 4px 20px; height:12px; text-transform:uppercase; color:white; text-decoration:none; font-size:77%; background:transparent url(../images/corner-000000.png) left top no-repeat;}
#menuespaces ul li.first a {width:90px; padding-right:40px; height:24px; padding-bottom:13px;}

#menuespaces ul li a:hover {background:transparent url(../images/corner-404040.png) left top no-repeat; color:white;}
#menuespaces ul li a.english {background:transparent url(../images/corner-5e5e5e.png) left top no-repeat; color:white;}
#menuespaces ul li a.selected {background:transparent url(../images/corner-ffffff.png) left top no-repeat; color:black;}

#search {position:relative; clear:left; background:url(../images/corner-white-vertical.gif) left top no-repeat; padding-left:10px;}
#search .content {padding:5px 20px 10px 10px; background-color:white;}
#search a {margin-right:20px; color:black; font-size:85%;}
#search form {margin:0; position:absolute; right:20px; top:5px;}
#search input.submit {position:absolute; right:0; top:0;}
#search input.texte {position:absolute; right:130px; top:0; border:1px solid black; height:13px; padding:2px; width:144px; font-size:93%;}

#breadcrumb {background:url(../images/corner-white-vertical.gif) left 1px no-repeat; padding-top:1px; padding-left:10px;}
#breadcrumb .content {padding:5px 20px 10px 10px; background-color:white;}
#breadcrumb a {margin-right:0; color:black; font-size:85%;}

#contentbloc {background:transparent url(../images/corner-ffffff.png) left 1px no-repeat; padding-top:11px;}
#contentbloc .content {padding:0 20px; background-color:white;}
/*
#contentbloc .content .content {padding:20px 0 0 0;}
*/
/*#contentbloc .content .nomargin{margin-left:-20px; margin-right:-20px;}*/
#contentbloc .content .nomargin{position:relative; left:-20px; margin-right:-20px;}

#contentbloc .bloc {clear:left; margin-top:20px; padding-top:20px; background:transparent url(../images/dots02.gif) left top repeat-x;}

#contentbloc #extract {padding:5px 0 20px 0; margin:0;}
#contentbloc #extract .texte {float:left;}
#contentbloc #extract .withcartouche {width:340px;}
#contentbloc #extract .nocartouche {width:auto;}
#contentbloc #extract .texte p {margin:0; padding:0;}
#contentbloc #extract .cartouche {float:left; width:190px; margin-left:30px; font-size:93%;}
#contentbloc #extract .cartouche div.cartouche1 {padding-left: 16px; border-left:4px solid black; margin-bottom:1em;}
#contentbloc #extract .cartouche div.cartouche2 {padding-left: 20px; margin-bottom:1em;}
#contentbloc #extract .cartouche span {color:#858585; padding-right:0; margin-right:0;}

/*#contentbloc #medias {margin-left:-20px; margin-right:-20px; padding-bottom:20px;}*/
#contentbloc #medias {position:relative; left:-20px; margin-right:-20px; padding-bottom:20px; display:block;}
#contentbloc #medias #flash img {display:block;}

#contentbloc #also {margin-right:-20px;}

#contentbloc #also h2 {width:350px;}

#contentbloc #also .pagination {float:right; padding:0 20px 20px 30px; color:#858585; font-size:85%;}
#contentbloc #also .pagination a {color:#858585; text-decoration:none; padding:5px 2px 0 2px;}
#contentbloc #also .pagination a:hover {color:#000000;}
#contentbloc #also .pagination a.active {color:#000000; background:url(../images/puce-down.gif) center top no-repeat; border-bottom:1px solid black;}

#contentbloc #also #pagination {clear:right; padding:20px 20px 40px 0;}
#contentbloc #also #pagination .pagination {float:none; position:relative; top:8px; text-align:center; margin:0 100px;}
#contentbloc #also #pagination .previous {float:left; font-size:85%; font-weight:bold;}
#contentbloc #also #pagination .previous a {text-decoration:none; color:black;}
#contentbloc #also #pagination .previous img {border:none; position:relative; top:5px;}
#contentbloc #also #pagination .next {float:right; font-size:85%; font-weight:bold;}
#contentbloc #also #pagination .next a {text-decoration:none; color:black;}
#contentbloc #also #pagination .next img {border:none; position:relative; top:5px;}


#contentbloc #also .link {clear:both; font-size:85%; background:transparent url(../images/bg-also.png) right repeat-y;}
#contentbloc #also .link img {float:right;}
#contentbloc #also .link h3 {margin:0; background:transparent url(../images/corner-big.png) left top no-repeat; padding:5px 20px 5px 20px; border-top:2px solid black;}
#contentbloc #also .link h3 a {color:black; text-decoration:none;}
#contentbloc #also .link h3 a:hover {text-decoration:underline;}
#contentbloc #also .link .content {width:340px; padding:0 20px;}
#contentbloc #also .link .cartouche1 {background:url(../images/dots02.gif) top repeat-x; padding:5px 2px;}
#contentbloc #also .link .cartouche1 .label {color:#858585; padding:5px 2px 5px 0;}
#contentbloc #also .link .cartouche2 {background:url(../images/dots02.gif) top repeat-x; padding:5px 2px;}
#contentbloc #also .link .cartouche2 .label {color:#858585; padding:5px 2px 5px 0;}
#contentbloc #also .link .intro {background:url(../images/dots02.gif) top repeat-x; padding:5px 2px; margin:0;}

#contentbloc #bottom {clear:both; height:20px;}

#ft {clear:left; padding-top:20px; background:transparent url(../images/dots.gif) 0 12px repeat-x;}
#ft ul {clear:left; margin:0; padding:0; list-style:none;}
#ft ul li {display:block; float:left; margin-right:1px;}
#ft .menu a {display:block; font-size:77%; padding:4px 15px 4px 20px; background:transparent url(../images/corner-000000.png) left top no-repeat; color:white; text-decoration:none;}
#ft p {clear:left; margin:0; padding-top:5px; font-size:85%; /*color:#454545;*/ color:white;}
#ft p a {color:white;}
#ft .copyright{color:white;}

#ft #partenaires {margin-top:10px; background:white url(../images/dots02.gif) top repeat-x; padding:0 20px;}
#ft #partenaires ul {padding-top:7px; height:50px;}
#ft #partenaires div {background:url(../images/dots02.gif) left 1em repeat-x;}
#ft #partenaires h5 {display:block; float:left; background:white; padding-right:20px;}

form .champ {margin-bottom:1em;}
form .champ label {display:block; float:left; width:150px; padding-right:20px;}
form .champ input.texte {width:380px; padding:1px;}
form .champ textarea {width:380px; padding:1px; height:90px;}

form .erreur {color:red;}
form p.erreur {border:1px solid red; padding:1em; font-weight:bold; background:#fee;}
form .erreur input, form .erreur select, form .erreur textarea {border:1px solid red; background:#fee;}


/*accueil*/
.accueil #contentbloc {background:none; padding-top:0;}
.accueil #main {padding-bottom:2000px;}

/*tricks*/
.clear {clear:both;}

#menuespaces {zoom:1;}
#contentbloc .content {zoom:1;}
#contentbloc .bloc {zoom:1;}
#contentbloc #also {zoom:1;}
#contentbloc #also .link h3 {zoom:1;}

.recherche form .champ input.texte {width:170px; margin-bottom:1em;}
.recherche form .champ select {width:176px;}


.pagin a {color:black; text-decoration:underline;}


#plan .menu ul {list-style:none; padding:0; margin:0;}
#plan .menu li {list-style:none; padding-left:20px; background:transparent url(../images/corner-ffffff.png) left top no-repeat; margin-top:1px;}
#plan .menu li a {display:block; height:24px; line-height:24px; outline:none; text-transform:uppercase; color:black; font-weight:bold; text-decoration:none; background:transparent url(../images/menu-right.png) right top no-repeat; font-size:100%;}

#plan .menu ul li ul {margin:0 0 0 -20px; padding:0 10px 10px 20px; background-color:white; display:none;}
#plan .menu ul li.active ul {display:block;}
#plan .menu ul li.active ul li {margin:0;}
#plan .menu ul li ul li a {height:auto; line-height:1.3em; margin:0; color:black; text-transform:uppercase; font-size:85%; text-decoration:none; font-weight:normal;}
#plan .menu ul li ul li a:hover {text-decoration:underline;}
#plan .menu ul li ul li a.active {text-decoration:underline;}


h3.rss {padding-left:25px; background:transparent url(../images/rss.png) left top no-repeat; padding-top:2px;}
h3.rss a {color:black; text-decoration:none;}

a {color:black;}

.agenda {padding-bottom:20px;}
.agenda a {color:#858585; padding-left:10px; background:transparent url(../images/arrow.gif) 0 5px no-repeat; text-transform:uppercase; font-weight:bold; text-decoration:none; margin-right:20px;}
.agenda a.active, .agenda a:hover {color:#000000;}
.agenda form {margin-top:1em;}
.agenda select {display:block; margin-bottom:.5em;}


#logoprint{
	display:none;
}