*{      
        margin:0; padding:0; 
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:14px; 
}

a.rub {
        font-weight: bold;
        font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;
	color:#E0B91D;
}
a.rub:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #E0B91D;
}
a.rubnb {
        font-weight: bold;
        font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;
	color:#000;
}
a.rubnb:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #000;
}
a.rubune {
        font-weight: bold;
        font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px;
	color:#E0B91D;
}
a.rubune:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #E0B91D;
}
a.rubbas {
        font-weight: bold;
        font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px;
	color:#E0B91D;
}
a.rubbas:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #E0B91D;
}
a.rub2 {
        font-weight: bold;
        font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;
	color:#E0B91D;
}
a.rub2:hover {
	font-family:Arial, Verdana, Helvetica, 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:Arial, Verdana, Helvetica, sans-serif; font-size:10px;
	color:#000;
        text-decoration: none;
}
a.srub:hover {
	font-family:Arial, Verdana, Helvetica, sans-serif;  font-size:10px;
        COLOR: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
a.srub1 {
        font-family:Arial, Verdana, Helvetica, sans-serif;  font-size:10px;
	color:#000;
        text-decoration: underline;
}
a.srub1:hover {
	font-family:Arial, Verdana, Helvetica, 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: Arial, Verdana, Helvetica, 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; }
body5{ margin:0 auto; width:750px; 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:Arial, Verdana, Helvetica, sans-serif; color:#008000; }
.urladsl { line-height:14px; font-size:11px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#d0272b; }
.description { font-family:Arial, Verdana, Helvetica, sans-serif; line-height:14px; font-size: 11px; color:#000000; }
.crochet { line-height:14px; font-size:11px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#c0c0c0; }
a.gras:hover {
        color: #000000;
}
a.grasinfos {
	font-weight: normal;
        line-height:12px;
        font: 11px; Arial, Verdana, Helvetica, sans-serif; 
        color: #000000;
}
a:hover {
        color: #000000;
}
a {
	font-weight: normal;
        font: 10px; Arial, Verdana, Helvetica, sans-serif; 
        color: #000000;
}
a.grasinfos:hover {
        color: #000000;
}
a.gras {
	font-weight: normal;
        font: 10px; Arial, Verdana, Helvetica, sans-serif; 
        color: #c0c0c0;
}
a.url { font-size:10px; font-family:Arial, Verdana, Helvetica, 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.header{ position:absolute; top:0; }
h2{
    height:22px;
	margin:10px 0 10px; 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;
}
h6{
    width:980px; 
	margin:10px 0 10px; padding:1px;
	background-color:#000;
	text-align:right;
	letter-spacing: 1px; 
	font-weight:normal;
	color:#fff;
}
h5{
	margin:10px 0 10px; padding:1px;
	background-color:#000;
	text-align:right;
	font-weight:normal;
	color:#fff;
}
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; }
#underH{
	padding:7px 0 2px;
	width:990px;
        text-align:left;
	background:#CFCFCF url(../images/barr.png) left top repeat-x;
	background-color:#000000;
}
#underH *{ padding:0 0 0 680px; font-size: 10px; letter-spacing: 1px; color:#C0C0C0; }
#underH span{ position:absolute; top:76px; left:845px; }

#menuLeft{
        text-align:left; 
	float:right;
	/*position:absolute; left:0; top:90px;*/
	padding:25px 0 3px 3px;
	width:180px;
	border-left:1px solid #d7d7d7; 
}
#menuLeft p{
	padding:3px 0 3px 6px;
	background:#fff url(images/button1a.gif) repeat-x; position:relative;
	letter-spacing: 2px;
	color:#d7d7d7;
}
#menuLeft p.pro{
	padding:3px 0 3px 6px;
	background-color:#E0B91D;
	letter-spacing: 1px;
	color:#d7d7d7;
}
#menuLeft ul, #menuLeft form{
	margin:5px 0; padding:3px 3px;
	border-top:1px dashed #c0c0c0;
	border-bottom:1px dashed #c0c0c0;
	border-right:1px dashed #c0c0c0;
}
#menuLeft ul.news{
	margin:5px 0; padding:3px 3px;
	height:50px;
	border-top:1px dashed #c0c0c0;
	border-bottom:1px dashed #c0c0c0;
	border-right:1px dashed #c0c0c0;
}
#menuLeft ul.pro, #menuLeft form.pro{
	margin:5px 0; padding:3px 3px;
	border-top:1px dashed #E0B91D;
	border-bottom:1px dashed #E0B91D;
	border-right:1px dashed #E0B91D;
}
#menuLeft form{ padding:5px 6px; text-align:center; }
#menuLeft input{ width:120px; }
#menuLeft input.button{ width:50px; }
#menuLeft a{ display:block; padding:1px 0 2px 2px; color:#000; text-decoration:none; font-size:11px; }
#menuLeft a.pro{ display:block; padding:1px 0 2px 2px; color:#000; text-decoration:none; font-size:10px; }
#menuLeft a.pro:hover{ display:block; padding:1px 0 2px 2px; color:#fff; background-color:#E0B91D; 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:1px;
 	width:788px;
 	text-align:left;
 }
 #content5{
 	float:left;
 	padding:1px;
 	width:830px;
 	text-align:left;
 }
#clickInText{
 	float:left;
 	padding:5px;
 	width:798px;
 	text-align:left;
 }
 
#rapidLink{
	padding:5px 0 0 5px;
	border-bottom:1px dashed #E0B91D;
}
#savoirplus{
	padding:5px 0 0 5px;
	border-bottom:1px dashed #E0B91D;
}
#rapidLink5{
	padding:5px 0 0 5px;
	border:1px solid #000000;
}
#rapidLink *{ font-family:Arial, Verdana, Helvetica, sans-serif; line-height:15px; }
#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
}
a img{ background-color:transparent; }
#footer{ clear:both; width:990px; height:22px; background:#fff url(images/button1a.gif) repeat-x; position:relative; }
#footer *{ letter-spacing: 1px; font-size: 10px; color:#fff; }
#footer a{ letter-spacing: 1px; font-size: 10px; color:#fff; }

#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; }
#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; }

table.liens{border-bottom:1px solid #dddddd; margin-top:3px;margin-bottom:3px;}
td.tableauaccueilrss{width:400px; margin-right:5px; vertical-align : top;}
td.tableauaccueilrssd{width:400px; 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;}


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

	MultiBox
	v1.3

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

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}


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

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

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


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


.jcarousel-skin-tango .jcarousel-item {
    width: 145px;
    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: 145px;
    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;
}





#menu {list-style-type:none; margin:40px 0 200px 15px; padding:0;}

#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:1px; z-index:100;}
#menu li a, #menu li a:visited {text-decoration:none;}

#menu dl {position:absolute; top:0; left:0; width: 150px; margin: 0; padding: 0; background: transparent url(transparency.gif);}
#menu dt {background: #b2ab9b; margin:0;font-size: 1.1em; border-bottom:1px solid #fff; width:150px; float:left;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#ff8; padding: 5px 5px 5px 20px; width:125px;}
#menu dd a, #menu dd a:visited {background:#b2ab9b; color:#ff8; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:276px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {width:301px; border-bottom:15px solid #e2dfa8;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #e2dfa8; color:#534;}

.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;}