*{      
        margin:0; padding:0; 
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:11px; line-height:14px; 
}
a.rub {
        font-weight: bold;
        font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:14px;
	color:#E0B91D;
}
a.rub:hover {
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:14px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #E0B91D;
}
a.rub2 {
        font-weight: bold;
        font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:12px;
	color:#E0B91D;
}
a.rub2:hover {
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:12px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #E0B91D;
}
a.rubh {
        FONT-WEIGHT: bold
	color:#ffffff;
        text-decoration: none;
}
a.srub {
        font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:10px;
	color:#000;
        text-decoration: none;
}
a.srub:hover {
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;  font-size:10px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
a.srub1 {
        font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;  font-size:10px;
	color:#000;
        text-decoration: underline;
}
a.srub1:hover {
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;  font-size:10px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
ul{ list-style-type:none; }
input{ 
	margin:1px 0; padding:0 2px;
	height:14px;
	background-color: #EFF5F7; 
	border:1px solid #000000;
	font-family: MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;	font-size: 10px;
}
textarea{ 
	margin:1px 0; padding:0 2px;
	background-color: #EFF5F7; 
	border:1px solid #000000;
	font-family: Arial;	font-size: 9px;
}
body{ margin:0 auto; width:990px; text-align:center; }
input.norm{ background-color:transparent; border:0 none #fff; }
input.button{ padding:0 0 3px; height:16px; cursor:pointer; }
img{ border:0 none #fff; }
.url { line-height:14px; font-size:11px; font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; color:#008000; }
.urladsl { line-height:14px; font-size:11px; font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; color:#d0272b; }
.description { font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; line-height:14px; font-size: 11px; color:#000000; }
.crochet { line-height:14px; font-size:11px; font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; color:#c0c0c0; }
a.gras:hover {
        color: #000000;
}
a.grasinfos {
	font-weight: normal;
        line-height:12px;
        font: 11px; MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; 
        color: #000000;
}
a:hover {
        color: #000000;
}
a {
	font-weight: normal;
        font: 10px; MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; 
        color: #000000;
}
a.grasinfos:hover {
        color: #000000;
}
a.gras {
	font-weight: normal;
        font: 10px; MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; 
        color: #c0c0c0;
}
a.url { font-size:10px; font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;  color:#008000; text-decoration: none; }
a.urltitre:hover {
	color: #ffffff;
        font-size:10px
	text-decoration: none;
	background-color: #000000;
}
a.urltitre {
        line-height:14px;
        font-weight: bold;
        font-size:11px;
	color: #000000;
}

h1{
	margin:22px 0 0;
        text-align:left;
	width:990px; height:90px;
	background:#000000 url(../images/johan-ben-azzouz.jpg) 98% 50% no-repeat;
}
h1 img{ position:absolute; top:0; }
h2{
    width:963px; 
    height:22px;
	margin:8px 0 0 0; padding:1px;
	padding:5px 9px;
	background:#fff url(../images/button1a.gif) repeat-x; position:relative;
	text-align:right;
	font-weight:normal;
	letter-spacing: 2px;
	color:#d7d7d7;
}
h3 a{ line-height:28px; font-size:14px; text-decoration:none; }
h4 a{ line-height:17px; font-size:12px; text-decoration:none; font-weight:normal; }
h5{
    width:977px; 
    height:17px;
	margin:8px 0 0 0; padding:1px;
	background:#000;
	text-align:right;
	font-weight:bold;
	letter-spacing: 2px;
	color:#d7d7d7;
}
#underH{
	padding:7px 0 2px;
	width:990px;
        text-align:left;
		background:#fff url(../images/button1a.gif) repeat-x; position:relative;
	background-color:#000000;
}
#underH *{ padding:0 0 0 765px; font-size: 10px; color:#C0C0C0; }
#underH span{ position:absolute; top:76px; left:845px; }

/* menu haut */
ul#menuhaut{list-style:none; width:990px; background-color:#000000;}
ul#menuhaut li{ float:left; }
ul#menuhaut a#accueil{
width:165px;height:20px;float:left;
background-color:#000;
	font-weight:normal;
	color:#C0C0C0;
	letter-spacing: 1px; 
	font-size:11px; 
	text-decoration:none;
	font-family:Arial,Helvetica; 
}
ul#menuhaut a:hover#accueil{
    width:165px;float:left;
    font-weight:bold;
    background-color:#C0C0C0;
    color:#000;
}

#menuLeft{
        text-align:left; 
	float:left;
	/*position:absolute; left:0; top:90px;*/
	padding:20px 5px 40px 15px;
	width:155px;
	border-right:1px solid #000000; 
}
#menuLeft p{
	padding:3px 0 3px 6px;
	background-color:#000000;
	color:#fff;
}
#menuLeft ul, #menuLeft form{
	margin:5px 0; padding:3px 3px;
	border-top:1px dashed #c0c0c0;
	border-bottom:1px dashed #c0c0c0;
	border-left:1px dashed #c0c0c0;
}
#menuLeft form{ padding:5px 6px; text-align:center; }
#menuLeft input{ width:130px; }
#menuLeft input.button{ width:136px; }
#menuLeft a{ display:block; padding:1px 0 2px 2px; color:#000; text-decoration:none; font-size:10px; }
#menuLeft a.mini{ display:block; padding:1px 3px 2px 12px; height:12px; color:#000; text-decoration:none; font-size:10px; }
#menuLeft a.image{ margin-left: auto; margin-right: auto; width: 102px; text-align:center; display:inline;}
#menuLeft a.image:hover{ background-color:#fff; }
#menuLeft a:hover{ background-color:#000; color:#fff; }
#menuLeft form ul{ border:0 none #fff; }
#menuLeft form ul a{ display:compact; padding:0; height:auto; border:0 none #fff; }

#content{
 	float:left;
 	padding:5px;
 	width:980px;
 	text-align:left;
 }
#clickInText{
 	float:left;
 	padding:5px;
 	width:798px;
 	text-align:left;
 }
 
#rapidLink{
	padding:5px 0 0 5px;
	border:1px solid #000000;
	width:975px;
}
#rapidLink *{ font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; line-height:16px; }
#rapidLink span strong{ font-size:11px; }
#rapidLink a{ padding:0 2px; color:#000; text-decoration:underline; }
#rapidLink a:hover{ background-color: #E0B91D;; color:#fff; text-decoration:none; }
#rapidLink a.accueil{ padding:0 2px; color:#000; text-decoration:none; }
#rapidLink a.accueil:hover{ background-color: #E0B91D;; color:#fff; text-decoration:none; }
#rapidLink input{ vertical-align:middle; line-height:11px; }

#annuLeft{
	float:left; 
	margin:3px 0; padding:5px 0; 
	width:45%; 
	border-top:1px dashed #000000;
}
#annuRight{
	float:right; 
	margin:3px 0; padding:5px 0; 
	width:55%; 
	border-top:1px dashed #000000;
}

#recommandez{
	float:left; 
	margin:3px 0; padding:5px 0; 
	width:98%;
}

#annuLeft a:hover{ background-color:#828282; color:#fff; text-decoration:none; }
#annuRight a:hover{ background-color:#828282; color:#fff; text-decoration:none; }
#topTen{
	margin:5px 5px; padding:5px 2px;
	height:300px; 
	overflow:auto; 
        width:98%;
	border:1px dashed #000000;
}
object.ifr {
        width:800px;
        height: 760px;
        overflow: auto;
        border:0px
}

.bg {background: url(../images/button4.gif);}
.menuduhaut {padding:0 0 0 32px; width:958px; margin:0; list-style:none; height:25px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; }
.menuduhaut li.top {display:block; float:left; position:relative;}
.menuduhaut li a.top_link {display:block; float:left; height:25px; line-height:33px; color:#d7d7d7; text-decoration:none; font-size:11px; font-weight:normal; padding:0 0 0 12px; cursor:pointer;}
.menuduhaut li a.top_link span {float:left; font-weight:normal; letter-spacing: 1px; display:block; padding:5px 24px 0 12px; height:25px;}
.menuduhaut li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:25px; background:url(../images/down.gif) no-repeat right top;}
.menuduhaut li a.top_link:hover {color:#000; background: url(../images/button4.gif) no-repeat;}
.menuduhaut li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
.menuduhaut li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}

.menuduhaut li:hover > a.top_link {color:#000; background: url(../images/button4.gif) no-repeat;}
.menuduhaut li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
.menuduhaut li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}

.menuduhaut table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menuduhaut a:hover {visibility:visible;}
.menuduhaut li:hover {position:relative; z-index:200;}

.menuduhaut ul, 
.menuduhaut :hover ul ul, 
.menuduhaut :hover ul :hover ul ul,
.menuduhaut :hover ul :hover ul :hover ul ul,
.menuduhaut :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menuduhaut :hover ul.sub {left:2px; top:25px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menuduhaut :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menuduhaut :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menuduhaut :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menuduhaut :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menuduhaut :hover ul.sub li a.fly:hover {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menuduhaut :hover ul li:hover > a.fly {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menuduhaut :hover ul :hover ul,
.menuduhaut :hover ul :hover ul :hover ul,
.menuduhaut :hover ul :hover ul :hover ul :hover ul,
.menuduhaut :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}


a img{ background-color:transparent; }
#footer{ clear:both; width:990px; height:22px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; }
#footer *{ font-size: 10px; letter-spacing: 1px; color:#d7d7d7; }
#footer p.left{ float:left; padding:5px 9px; }
#footer p.right{ float:right; padding:5px 9px; }
#footer a.change{ text-decoration:none; }
#footer a.change:hover{ text-decoration:underline; }
#footertag{ margin:5px 5px; padding:5px 2px; clear:both; width:990px; border:1px dashed #c0c0c0; }
#footertag *{ letter-spacing: 1px; font-size: 10px; color:#fff; }

#footertag a.t1{ text-decoration:none; font-size: 0.7em; color:#000; }
#footertag a.t2{ text-decoration:none; font-size: 1em; color:#000; }
#footertag a.t3{ text-decoration:none; font-size: 1.5em; color:#000; }
#footertag a.t4{ text-decoration:none; font-size: 2em; color:#000; }
#footertag a.t5{ text-decoration:none; font-size: 2.5em; color:#000; }
#footertag a.t6{ text-decoration:none; font-size: 3em; color:#000; }

table.tableau{width:975px; border:1px solid #c0c0c0; margin-top:3px;margin-bottom:3px;}
table.tableaugr{width:300px; border:1px solid #dddddd; margin-top:3px;margin-bottom:3px;}
table.tableaugr2{width:650px; margin-top:3px;margin-bottom:3px;}
td.sepa{width:130px; border-right:1px solid #dddddd;}
td.sepaarc{width:310px; border-right:1px solid #dddddd;}
td.sepakm{width:130px; border-right:1px solid #dddddd;}
td.sepag{width:200px; border-right:1px solid #dddddd;}
td.sepagadmin{width:320px; border-right:1px solid #dddddd;}
td.sepamg{width:260px; border-right:1px solid #dddddd;}
td.sepad{width:130px;}
td.kmd{width:50px; text-align:center;}

table.liens{border-bottom:1px solid #dddddd; margin-top:3px;margin-bottom:3px;}
td.tableauaccueilrss{width:950px; margin-right:5px; vertical-align : top;}
td.tableauaccueilrssd{width:950px; margin-left:5px; vertical-align : top;}

#linkBarr{ clear:both; margin:5px 0 0; width:990px; text-align:center; }
#linkBarr p{ font-size:13px; }
#linkBarr a{ font-size:10px; font-weight:bold; color:#828282; }
#linkBarr a:hover{ background-color:#ffffff; color:#000000; text-decoration:none; }
#linkBarr p.bottom{ margin:5px 0 0;}
#linkBarr p.bottom a{ font-weight:normal; color:#000; text-decoration:none; }
#linkBarr p.bottom a:hover{ text-decoration:none; }

#linkBarr2{ clear:both; margin:5px 0 0; width:990px; text-align:center; }
#linkBarr2 p{ font-size:14px; }
#linkBarr2 a{ font-size:11px; color:#828282; }
#linkBarr2 p.bottom{ margin:5px 0 0;}


/*************************************************************/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    background: #fff;
    border: 1px dashed #E0B91D;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 898px;
    padding: 5px 40px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  895px;
    height: 90px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 155px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 155px;
    height: 90px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}