*{      
        margin:0; padding:0; 
	font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:13px; line-height:16px; 
}
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: 11px;
}
textarea{ 
	margin:1px 0; padding:0 2px;
	background-color: #EFF5F7; 
	border:1px solid #000000;
	font-family: Arial;	font-size: 11px;
}
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: 11px; MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; 
        color: #000000;
}
a.grasinfos:hover {
        color: #000000;
}
a.gras {
	font-weight: normal;
        font: 11px; MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; 
        color: #c0c0c0;
}
a.url { font-size:11px; font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif;  color:#008000; text-decoration: none; }
a.urltitre:hover {
	color: #ffffff;
        font-size:11px
	text-decoration: none;
	background-color: #000000;
}
a.urltitre {
        line-height:14px;
        font-weight: bold;
        font-size:11px;
	color: #000000;
}

h1{
	margin:0px 0 0;
        text-align:left;
	width:990px; height:144px;
	background:#000000 url(../images/johan-ben-azzouz.jpg) 98% 50% no-repeat;
}
h1 img{ position:absolute; top:0; }
h2{
    width:972px; 
    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;
}
h6{
    width:963px; 
    height:22px;
	margin:0px 0 0 0; padding:0px;
	padding:5px 9px;
	background:#fff url(../images/button1a.gif) repeat-x; position:relative;
	text-align:right;
	font-weight:normal;
	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: 11px; 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:0px;
 	width:988px;
 	text-align:left;
 }
#clickInText{
 	float:left;
 	padding:5px;
 	width:798px;
 	text-align:left;
 }
 
#rapidLink{
	padding:2px 0 0 2px;
	border:1px solid #000000;
	margin:5px 0;
	width:986px;
}
#rapidLink *{ font-family:MyriadLight, Helvetica Neue, Arial, Liberation Sans, FreeSans, sans-serif; font-size:13px; line-height:16px; }
#rapidLink span strong{ font-size:13px; }
#rapidLink a{ padding:0 2px; color:#000; text-decoration:none; }
#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; }
object.ifr {
        width:800px;
        height: 760px;
        overflow: auto;
        border:0px
}


    /* partie positionnement et déco */  
ul#menu { background: #000; }
    #menu a {  
        display:block;  
        color: #fff;  
        text-decoration:none;  
        text-transform:uppercase;
    }  
    #menu > li,  
    #menu > li li {  
        position: relative;  
        display:inline-block;  
        width: 196px;  
        padding: 5px 0px;  
        background: url(../images/button1a.gif);  
    }  
    #menu > li li { background: transparent none; }  
    #menu > li li a { color: #444; }  
    #menu > li li:hover { background:#eee; }  
    #menu > li:first-child {  
        border-right: 1px solid #777;   
    }  
    #menu > li + li {  
        border-left: 1px solid #aaa;  
        border-right: 1px solid #777;  
    }  
    #menu > li:last-child {  
        border-right:0;  
        border-left: 1px solid #aaa;   
    }  
    #menu > li:hover {  
        background-color: #999;  
        background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);  
    }  
    /* (presque) fin de la partie positionnement/déco */  
    /* dans cette déclaration, on fixe le max-height */  
    #menu ul {  
        position: absolute;  
        top: 2em; left:0;  
        max-height:0em;  
        margin:0; padding:0;  
        background-color:#ddd;  
        background-image: linear-gradient(#fff,#ddd);  
        overflow:hidden;  
        transition: 0.7s max-height 0.3s;  
        border-radius: 0 0 8px 8px;  
    }  
    /* ici on change la valeur de max-height au :hover */  
    #menu > li:hover ul {  
        /* need an adaptation, lower is better, but see it large   */  
        max-height:13em;  
    }  
    
    
a img{ background-color:transparent; }
#footerbis{ clear:both; width:990px; height:5px; background:#fff }
#footerbis *{ font-size: 11px; letter-spacing: 1px; color:#d7d7d7; }

#footer{ top:8px; clear:both; width:990px; height:22px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; }
#footer *{ font-size: 11px; 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; font-size: 11px; letter-spacing: 1px }
#footertag{ margin:5px 5px; padding:5px 2px; clear:both; width:990px; border:1px dashed #c0c0c0; }
#footertag *{ letter-spacing: 1px; font-size: 11px; 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:#000; }
#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;
}