* {
 font-family: georgia,Verdana, Arial, Helvetica, sans-serif; 
 font-weight: normal; 
 margin:0; 
 padding:0; 
 list-style-type:none; 
 font-size: 10px; 
}

body {	/* attributs page par défaut */
 color: #646464; 
 background: #DBDBDD url(img/background/bg1.png) repeat 0px 0px; 
 margin:0; 
}

body a {	/* attributs liens par défaut */
 text-decoration: none; 
 color: #646464; 
}

body a:hover {	/* attributs liens par défaut (survol) */
 text-decoration: underline; 
}

titre {
 font-size: 10px; 
 font-weight: bold; 
}

b {
 font-weight: bold; 
}

#up {
 background:white url(img/frise2.gif) repeat 0px 70px; 
 background-repeat: repeat-x; 
 height:140px; 
}

#up img {
 border:0; 
 margin:10px; 
}

#bottom {
 height:20px; 
 background:white; 
 border-top:1px solid #D7D4D7; 
}


.searchform {float:right; margin:-50px 10px 0 0px;}
.searchform form fieldset {float:right; border:none;}
.searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0.2em; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%; color:rgb(150,150,150);}
.searchform input.button {width:2.1em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#fff; border:solid 1px rgb(200,200,200); text-align:center; font-family:verdana,arial,sans-serif; color:#B4B4B4; font-size:100%;}
.searchform input.button:hover {cursor:pointer; border:solid 1px #3199BC; background:#fff; color:#3199BC;}

.nav1 {
 float:right; 
 margin:-20px 0px 0 0px; 
}
* html .nav1 {margin-right:-133px;} /* que pour IE */
.nav1 ul {padding:0 10px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:0px 5px 0px 5px; color:rgb(150,150,150); text-decoration:none; font-size:90%; text-transform:uppercase; font-weight:normal; letter-spacing:1px; border-right:solid 1px #D6BFAD;}
.nav1 a:hover {text-decoration:none; color:#3199BC;}

#bar {height:1px; width:100%;}

/*Drop-down menu*/
.nav2 {float:left; width:100%; border:none; background:rgb(220,220,220) url(img/bg_nav2.jpg); color:rgb(75,75,75); font-size:110%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #fff;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.2em; line-height:2.0em; padding:0 16px 0 16px; text-decoration:none; font-weight:normal; color: rgb(100,100,100);font-size:11px;}
.nav2 ul li ul {display:none; border:none;}


/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:#3199BC; text-decoration:none; color:#fff;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10em; position:absolute; z-index:999; top:2.2em; margin-top:0em; left:0; border-top: solid 2px #fff;}
.nav2 ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.0em; padding:4px 10px 4px 10px; border-left:solid 0px rgb(175,175,175); border-bottom: dotted 1px rgb(175,175,175); background-color:#EAEAEE; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none; background-color:#fff; border-bottom: dotted 1px #3199BC; color:#3199BC;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:#3199BC; text-decoration:none; color:#fff;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10em; position:absolute; z-index:999; top:2.2em; left:0; margin-top:0em; border-top: solid 2px #fff;}
.nav2 ul li a:hover ul li a {display:block; width:10em; height:1px; line-height:1.0em; padding:4px 10px 4px 10px; border-left:solid 0px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#EAEAEE; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:#fff; text-decoration:none; border-bottom: solid 1px #3199BC; color:#3199BC;} /*Color subcells hovering mode*/

.nav3-grid {width:200px; border-bottom:solid 3px #D6BFAD;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 4px 0px 24px; text-decoration:none; color:#93684D; font-weight:normal; font-size:100%; text-transform:uppercase; border-top: 1px dotted #D6BFAD !important /*Non-IE6*/; border-top: 1px solid #EEE6DF /*IE6*/;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 4px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:100%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background:#4BBED8 url(img/forward.gif) no-repeat 4px 2px; color:#fff; text-decoration:none; padding:0px 4px 0px 24px;}
.revueencours {background:#336781 url(img/puce_anim.gif) no-repeat left center; color:#fff !important;}

.main-navigation {background-color:#fff; padding-top:2px; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-navigation h1.first {clear:both; height:4px; margin:10px 0 4px 0; padding:14px 20px 3px 20px; background:url(img/revu.gif) left no-repeat; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

#maintable {
 width:100%; 
}

#maincell1 {
 padding-top:15px; 
 width:200px; 
}

#maincell2 {
 padding:40px 30px 30px 30px; 
}

#cadre {
 width:100%; 
 color:#646464; 
 background:#fff; 
 margin-bottom:30px 
 !important /*Non-IE6*/; 
 margin-bottom:25px /*IE6*/; 
 border-bottom: 1px dotted #4BBED8 !important /*Non-IE6*/; 
 border-bottom: 3px solid #4BBED8 /*IE6*/; 
}

#cadre h1 {clear:both; padding:6px 0 2px 0px; background:#fff; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
#cadre h1 img {clear:both;}
#cadre p {padding:6px 14px 16px 14px; font-size:110%;}
#cadre h2 {clear:both; padding:6px 14px 2px 14px; background:#fff; color:#93684D; font-weight:bold; font-size:150%;}
#cadre h2 img {clear:both; padding:6px 14px 2px 0px; float:left;}

.barre {padding:0px 4px 0 14px; font-size:80%; color:#C2A68E; text-decoration:none;}
a.suite {padding:0px 4px 0 0px; font-size:80%; color:#AD8767; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
a.suite:hover {font-size:80%; color:#93684D; text-decoration:underline;}

#zoom {
 width:100%; color:#646464; background:#fff; font-size:110%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; 
 border-bottom: 1px dotted #4BBED8 !important /*Non-IE6*/; border-bottom: 3px solid #4BBED8 /*IE6*/; 
}
#zoom a {}
#zoom h4 {background: #4BBED8 url(img/zoom3.gif) no-repeat 30px; height:57px;}
#zoom h6 {width:438px; background: #4BBED8; padding:0 0 4px 40px;}
#zoom h2 {clear:both; margin:10px 0 0em 50px; padding:1px 20px 4px 40px; color:#93684D; font-weight:bold; font-size:150%;}
#zoom h3 {clear:both; margin:0em 0 0em 50px; padding:0px 20px 10px 40px; color:#93684D; font-weight:normal; font-size:110%;}
#zoom img {clear:both; padding:6px 6px 2px 0px; float:left;}
#zoom ul {list-style:none; padding:1px 40px 1px 110px;}
#zoom ul li {padding:4px 6px 4px 0px; margin-left:0px; border-bottom: 1px dotted #C2A68E !important /*Non-IE6*/; border-bottom: 1px solid #C2A68E /*IE6*/;}
#zoom ul li a {font-size:110%; font-weight:normal; color:#646464; text-decoration:none;}
#zoom ul li a:hover {border-bottom: 1px solid #C2A68E;}
.auteur {font-size:110%; color:#93684D;}
.marron {font-size:110%; color:#AD8767;}
#zoom p {padding:0px 6px 0 30px;}
a.zoom {font-size:90%;padding:1px 16px 1px 0px; color:#AD8767; text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-weight:normal; line-height:6em; height:20px}
a.zoom:hover {color:#93684D; text-decoration:underline;}

#maincell3 {
 padding-top:15px; 
 width:170px; 
}

#archives {font-size:110%; width:161px; padding:50px 0px 4px 0px; color:#646464; background:transparent url(img/archives2.gif) no-repeat; border-top: 1px solid #fff; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
#archives h1 {padding:10px 6px 4px 0px; font-weight:normal; color:#3199BC; text-decoration:none; font-size:100%;}

#paniers {margin-top:30px; font-size:110%; width:161px; padding:50px 0px 10px 0px; color:#646464; background:transparent url(img/panier2.gif) no-repeat; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
a.panier {padding:1px 4px 1px 4px; color:#3199BC; text-decoration:none; font-weight:normal; background:url(img/cart.gif) no-repeat; font-size:90%; border-bottom: 1px dotted #4BBED8 !important /*Non-IE6*/; border-bottom: 1px dotted #4BBED8/*IE6*/; border-top: 1px dotted #4BBED8 !important /*Non-IE6*/; border-top: 1px dotted #4BBED8 /*IE6*/;}
#paniers p {line-height:4px;}

#compte {margin-top:30px; font-size:110%; width:161px; padding:50px 0px 10px 0px; color:#646464; background:transparent url(img/compte2.gif) no-repeat; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
#compte p {padding:2px 0px 2px 0px; font-family:"verdana",arial,sans-serif; font-size:90%;}
a.compte {padding:0px 20px 1px 4px; color:#fff; font-weight:normal; background: #4BBED8 url(img/check.gif) no-repeat right; font-size:90%; font-family:"verdana",arial,sans-serif; border: 1px solid #fff; text-decoration:none;}
a.compte:hover {color:#fff; background: #3199BC url(img/check.gif) no-repeat right; border: 1px solid #fff; text-decoration:none;}

.recherche {width:145px; margin:2px 0 2px 0; padding:1px 2px 1px 2px; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:100%; color:#3199BC;}
.recherche2 {width:90px; margin:2px 0 2px 0; padding:0 0px 0 2px; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:100%; color:#969696;}
.alignright {line-height:18px;}
.alignright select {margin:-18px 4px 5px 0;float:right;}
a.rechercher {padding:0px 20px 1px 4px; color:#fff; font-weight:normal; background: #4BBED8 url(img/forward.gif) no-repeat right; font-size:100%; font-family:"verdana",arial,sans-serif; border: 1px solid #fff; text-decoration:none;}
a.rechercher:hover {color:#fff; background: #3199BC url(img/forward.gif) no-repeat right; border: 1px solid #fff; text-decoration:none;}

.loginform {width:160px; background:#E4E4E9; font-family:"verdana",arial,sans-serif; color:#646464; font-size:100%; border: 1px dotted #4BBED8 !important /*Non-IE6*/; border: 1px solid #4BBED8/*IE6*/;}
.loginform form {padding:4px 5px 4px 6px; }
.loginform p {clear:both;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:145px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.loginform h1{padding:4px 0px 0px 0px; font-weight:normal; color:#3199BC; text-decoration:none; font-family:"verdana",arial,sans-serif; font-size:100%;}
.loginform h2{margin-top: 6px; font-size:100%; padding:10px 0px 0px 0px; border-top: 1px dotted #fff !important /*Non-IE6*/; border-top: 1px solid #fff /*IE6*/;}
.loginform h3{margin:4px 0 0px 15px; padding-bottom:6px; font-size:100%;}

#compte form {padding:4px 5px 4px 6px;}

#container_onglet {
	position: relative;
	width: 830px;
	margin: 3em auto;
	text-align: left;
	border: 4px solid #4BBED8;
	background-color: #4BBED8;
	height: 320px;
}
#container_onglet * {
	margin: 0;
	padding: 0;
}
#container_onglet ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container_onglet ul#menu li {
	float: left;
	display: inline;
}
#container_onglet ul#menu li a {
	text-align: center;
	display: block;
	width: 200px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container_onglet ul#menu li a:hover {
	background-color: #EFDC86;
}
#container_onglet h1,
#container_onglet h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container_onglet .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #FFFFFF;
}
#container_onglet hr {
	clear: both;
	visibility: hidden;
}
#container_onglet a.current {
	background-color: #FFFFFF;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}
#container_onglet a.ghost  {
	background-color: #4BBED8;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}
#container_onglet a.stop  {
	background-color: #EFDC86;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}
#container_onglet .on {
	display: block;
}
#container_onglet .off {
	display: none;
}
#container_onglet p {padding:6px 14px 16px 14px; font-size:110%;}
#container_onglet h2 {clear:both; padding:6px 14px 2px 14px; background:#fff; color:#93684D; font-weight:bold; font-size:150%;}
#container_onglet h2 img {clear:both; padding:6px 14px 2px 0px; float:left;}
#container_onglet h3 {color:#93684D; font-weight:normal; font-size:110%;}

#menu_agenda {
 width:100%; 
 color:#646464; 
 background:#fff; 
 margin-bottom:30px 
 !important /*Non-IE6*/; 
 margin-bottom:25px /*IE6*/; 
 border-bottom: 1px dotted #4BBED8 !important /*Non-IE6*/; 
 border-bottom: 3px solid #4BBED8 /*IE6*/; 
}

#menu_agenda p {padding:6px 14px 16px 14px; font-size:110%;}
#menu_agenda h2 {clear:both; padding:1px 5px 1px 5px; background:#fff; color:#93684D; font-weight:bold; font-size:110%;}
#menu_agenda h3 {clear:both; padding:1px 5px 2px 5px; background:#fff; color:#93684D; font-size:110%;}
#menu_agenda h4 {clear:both; padding:6px 5px 2px 5px; background:#fff; font-size:110%;}

#container_agenda {
	margin: 3em auto;
	text-align: left;
	border: 4px solid #4BBED8;
	background-color: #4BBED8;
	height: 35px;
}

#container_agenda ul#menu_agenda {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container_agenda ul#menu_agenda li {
	float: left;
	display: inline;
}
#container_agenda ul#menu_agenda li a {
	text-align: center;
	display: block;
	width: 20px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}

#container_agenda .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #FFFFFF;
}

#container_agenda ul#menu_agenda li a:hover {
	background-color: #EFDC86;
}
#container_agenda a.current {
	background-color: #FFFFFF;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}
#container_agenda a.ghost  {
	background-color: #4BBED8;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}

#container_agenda a.stop  {
	background-color: #EFDC86;
	color: #000;
	font-size:100%; font-family:"verdana",arial,sans-serif;
}
#container_agenda .on {
	display: block;
}
#container_agenda .off {
	display: none;
}

#cadre_der_article {
 width:100%; 
 color:#646464; 
 background:#164559; 
 margin-bottom:30px 
 !important /*Non-IE6*/; 
 margin-bottom:25px /*IE6*/; 
 border: 2px solid #FFF !important /*Non-IE6*/; 
 border: 3px solid #4BBED8 /*IE6*/; 
}

#cadre_der_article h1 {clear:both; padding:6px 0 2px 0px; background:#164559; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
#cadre_der_article h1 img {clear:both;}
#cadre_der_article p {padding:6px 14px 16px 14px; font-size:140%; color:#C68C68}
#cadre_der_article h2 {clear:both; padding:6px 14px 2px 14px; background:#164559; color:#EDE3DD; font-weight:bold; font-size:180%;}
#cadre_der_article h2 img {clear:both; padding:6px 14px 2px 0px; float:left;}

a.suite_der_article {padding:0px 4px 0 0px; color:#E4A177; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
a.suite_der_article:hover {color:#FFF; text-decoration:underline;}

#livre {font-size:110%; width:161px; padding:50px 0px 4px 0px; color:#646464; background:transparent url(img/livre.gif) no-repeat; border-top: 1px solid #fff; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
#livre h1 {padding:10px 6px 4px 0px; font-weight:normal; color:#3199BC; text-decoration:none; font-size:100%;}