/* navigation horizontale*/
.cyb {padding:0 0 0 5px; margin:0; list-style:none; height:30px; background:#1841c8 url(../images/menus/1/pro_15_0.gif);}
.cyb li {float:left;}
.cyb li a {display:block; float:left; height:30px; line-height:30px; background:url(../images/menus/1/pro_15_0.gif); color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 5px; cursor:pointer; font-size:11px;}
.cyb li a b {float:left; display:block; background:url(../images/menus/1/pro_15_0.gif) right top; padding:0 5px 0 5px;}
.cyb li.current a {color:#fff; background:url(../images/menus/1/pro_15_2.gif);}
.cyb li.current a b {background:url(../images/menus/1/pro_15_2.gif) no-repeat right top;}
.cyb li a:hover {color:red; background: url(../images/menus/1/pro_15_1.gif);}
.cyb li a:hover b {background:url(../images/menus/1/pro_15_1.gif) no-repeat right top;}
.cyb li.current a:hover {color:#fff; background: url(../images/menus/1/pro_15_2.gif); cursor:default;}
.cyb li.current a:hover b {background:url(../images/menus/1/pro_15_2.gif) no-repeat right top;}
.cyb li a em {
	display:block;
	float:left;
	width:5px;
	height:30px;
	vertical-align: middle;
}
.cyb li a:hover em.accueil {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.vista {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.XP {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.internet {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.wlm {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.emails {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.google {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.bdr {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.office {background:url(../images/puces/d5.png) no-repeat center center;}
.cyb li a:hover em.webmasters {background:url(../images/puces/d5.png) no-repeat center center;}

/* ALPHABETIQUE */
.alpha {
	margin:0;
	list-style:none;
	width:265px;
	height:90px;
	background:#1841c8 url(../images/menus/loots.png);
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.alpha li {
	float:left;
	padding: 1px;
	height: 25px;
	width: 120px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 1px;
	margin-left: 3px;
}
.alpha li a {
	display:block;
	float:left;
	width:120px;
	height:25px;
	line-height:18px;
	background:url(../images/menus/1/pro_15_0.gif);
	color:#fff;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	cursor:pointer;
	font-size:11px;
	padding: 1px;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 3px;
}
.alpha li a:hover {color:red; background: url(../images/menus/1/pro_15_1.gif); padding:5px 0px 0px 0px;}

/* navigation horizontale Bis*/
.nav {padding:0px 0px 0px 0px; margin:0; list-style:none; width:728px; height:25px; background:#fff;}
.nav em {float:left; height:15px; padding:3px 3px 3px 3px;}
.nav li {float:left; height:15px; padding:3px 3px 3px 3px;}
.nav li a {display:block; float:left; height:15px; line-height:15px; color:#006699; text-decoration:underline; font-family:arial, verdana, sans-serif; text-align:center; background:url(../images/puces/puce01.gif) no-repeat left; padding:0px 0px 0px 15px; cursor:pointer; font-size:11px;}
.nav li a b {float:left; display:block; background:url(../images/menus/1/pro_15_0.gif) center top; padding:3px 3px 3px 3px;}
.nav li.current a {color:#fff; background:url(../images/menus/1/pro_15_1.gif);}
.nav li.current a b {background:url(../images/menus/1/pro_15_2.gif) no-repeat center top;}
.nav li a:hover {color:red; background:url(../images/puces/d4.jpg) no-repeat left; padding:0px 0px 0px 15px;}
.nav li a:hover b {background:url(../images/menus/1/pro_15_1.gif) no-repeat center top;}
.nav li.current a:hover {color:#fff; background: url(../images/menus/1/pro_15_2.gif); cursor:default;}
.nav li.current a:hover b {background:url(../images/menus/1/pro_15_2.gif) no-repeat center top;}

/* menu contact sous la video */
.prevenir {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFCC99;
}	
.prevenir li a{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFCC99;
	
}
.pub_1 {
	padding: 0px 0px 0px 0px;
}
/* menu a gauche des articles*/
.titre_listes {
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: 300;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/bande.jpg);
	background-repeat: repeat;
	height: 20px;
	margin-left: 0px;
	padding:0px 0px 0px 10px;
}
.menu_listes{
	margin: 3px;
	list-style: none;
	display: block;
	line-height: 25px;
	text-transform: none;
}	
/* Scroolbars pour menu de gauche */
#scroll {unicode-bidi:bidi-override; direction:rtl; display:block; list-style: none; line-height: 25px; width:250px; height:500px; overflow:auto; padding:10px; margin:0 auto; border: 3px double #DBDBDB;}
#scroll p {font-size:11px; line-height:16px;}

/* Barre de Navigation en Bas de Page */
.nav_bas {
	background-color: #006699;
	display:block;
	border: 1px double #FFFF00;
	line-height: 20px;
}
.nav_bas a:link {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.nav_bas a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.nav_bas a:hover {
	color: #FFFF00;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.nav_bas a:active {
	color: #009900;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Scroolbars pour menu de gauche avec imagettes */
#scroll2 {
	unicode-bidi:bidi-override;
	direction:ltr;
	display:block;
	list-style: none;
	line-height: 20px;
	width:270px;
	height:500px;
	overflow:auto;
	border: 3px double #E0E0E0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#scroll2 p {
	font-size:11px;
	line-height:20px;
	list-style-image: none;
	list-style-type: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #6699FF;
	border-right-color: #6699FF;
	border-bottom-color: #6699FF;
	border-left-color: #6699FF;
	display: block;
	height: 125px;
	margin: 3px;
	padding: 3px;
}
/* ALPHABETIQUE */
.alpha2 {padding:0px 2px 2px 2px; margin:0; list-style:none; width:220px; height:90px; background:#1841c8 url(../images/menus/alpha.jpg);}
.alpha2 li {float:left; width:20px; height:30px; padding:1px 0px 0px 4px;}
.alpha2 li a {display:block; float:center; width:20px; height:25px; line-height:18px; background:url(../images/menus/1/pro_15_0.gif); color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:3px 0px 0px 0px; cursor:pointer; font-size:11px;}
.alpha2 li a b {float:center; display:block; background:url(../images/menus/1/pro_15_0.gif) center top; padding:0px 0px 0px 0px;}
.alpha2 li.current a {color:#fff; background:url(../images/menus/1/pro_15_2.gif);}
.alpha2 li.current a b {background:url(../images/menus/1/pro_15_2.gif) no-repeat center top;}
.alpha2 li a:hover {color:red; background: url(../images/menus/1/pro_15_1.gif); padding:5px 0px 0px 0px;}
.alpha2 li a:hover b {background:url(../images/menus/1/pro_15_1.gif) no-repeat center top;}
.alpha2 li.current a:hover {color:#fff; background: url(../images/menus/1/pro_15_2.gif); cursor:default;}
.alpha2 li.current a:hover b {background:url(../images/menus/1/pro_15_2.gif) no-repeat center top;}