body{
background:#B3B3B3;
color:#333;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
}

* {margin:0; padding:0; border:0;}

#page{
width:960px;
margin:0 auto;
/*overflow:hidden;*/
}

#logo{float:left;}

#nav {
    position: absolute;
    bottom:0;
    left:0;
}
#nav li {
    float: left;
    list-style: none;
}
#nav li a {
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    display: block;
    padding: 0 14px;
    font-size:11px;
    font-weight: bold;
}
#nav li a:hover {
    text-decoration: underline;
}
#banniere{
    position: relative;
width:708px;
height:117px;
overflow:hidden;
background:url(templates/retravailler-accueil/images/header.jpg) no-repeat;
float:left;
}

#connexion{
width:156px;
height:62px;
float:right;
overflow:hidden;
font-size:9px;
color:#fff;
padding-top:28px;
padding-left:2px;
text-align:right;
position:relative;
}
#connexion label{
    text-transform:uppercase;
    float:left;
    font-size:9px;
    margin-right:4px;
    line-height:12px;
}
#connexion input{
height:13px;
margin-bottom:3px;
font-size:10px;
width:65px;
margin-left:3px;
}
#connexion input.submit{
width:20px;
height:20px;
background:url(templates/retravailler-accueil/images/btn-go.gif) no-repeat;
float:right;
margin-top:2px;
}
#connexion input.button{
width:90px;
height:15px;
background:#eee;
font-size:11px;
color:#333;
margin-left:0;
margin-top:5px;
}
#connexion table.moduletable{
margin-left:10px;
}
#connexion table.moduletableintranet{
position:absolute;
left:0;
top:70px;
margin-left:10px;
width:100px;
text-align:left;
}
#connexion table.moduletableintranet a{
color:#fff;
text-decoration:none;
font-size:11px;
}
#connexion table.moduletableintranet a:hover{text-decoration:underline;}

#recherche{
width:158px;
height:28px;
float:right;
clear:both;
overflow:hidden;
}
#recherche input{
margin-left:4%;
margin-right:3%;
margin-top:4px;
vertical-align:middle;
width:74%;
border:1px solid #000;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6{
display:block;
width:208px;
background-color:#A5C43D;
border-left:4px solid #FFF;
margin-bottom:10px;
margin-left:14px;
margin-right:8px;
padding:5px 10px 5px 10px;
text-decoration:none;
    -webkit-border-top-right-radius: 120px;
    -moz-border-radius-topright: 12px;
    border-top-right-radius: 12px;
}
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{text-decoration:none;}

#menu1.active, #menu1:hover{background-color:#FFF;border-color:#22ABFF;}
#menu1.active span.h1, #menu1:hover span.h1, #menu1.active.left-menu-bloc td h2 a, #menu1.left-menu-bloc:hover td h2 a{color:#22ABFF;}
#menu1.left-menu-bloc td > p a, #menu1.active span.h2, #menu1:hover span.h2, #menu1.active.left-menu-bloc td h3 a, #menu1.left-menu-bloc:hover td h3 a{color:#22ABFF;}

#menu2.active, #menu2:hover{background-color:#FFF;border-color:#5B105D;}
#menu2.active span.h1, #menu2:hover span.h1, #menu2.active.left-menu-bloc td h2 a, #menu2.left-menu-bloc:hover td h2 a{color:#5B105D;}
#menu2.left-menu-bloc td > p a, #menu2.active span.h2, #menu2:hover span.h2, #menu2.active.left-menu-bloc td h3 a, #menu2.left-menu-bloc:hover td h3 a{color:#5B105D;}

#menu3.active, #menu3:hover{background-color:#FFF;border-color:#8EB50D;}
#menu3.active span.h1, #menu3:hover span.h1, #menu3.active.left-menu-bloc td h2 a, #menu3.left-menu-bloc:hover td h2 a{color:#8EB50D;}
#menu3.left-menu-bloc td > p a, #menu3.active span.h2, #menu3:hover span.h2, #menu3.active.left-menu-bloc td h3 a, #menu3.left-menu-bloc:hover td h3 a{color:#8EB50D;}

#menu4.active, #menu4:hover{background-color:#FFF;border-color:#EF9300;}
#menu4.active span.h1, #menu4:hover span.h1, #menu4.active.left-menu-bloc td h2 a, #menu4.left-menu-bloc:hover td h2 a{color:#EF9300;}
#menu4.left-menu-bloc td > p a, #menu4.active span.h2, #menu4:hover span.h2, #menu4.active.left-menu-bloc td h3 a, #menu4.left-menu-bloc:hover td h3 a{color:#EF9300;}

#menu5.active, #menu5:hover{background-color:#FFF;border-color:#B37080;}
#menu5.active span.h1, #menu5:hover span.h1, #menu5.active.left-menu-bloc td h2 a, #menu5.left-menu-bloc:hover td h2 a{color:#B37080;}
#menu5.left-menu-bloc td > p a, #menu5.active span.h2, #menu5:hover span.h2, #menu5.active.left-menu-bloc td h3 a, #menu5.left-menu-bloc:hover td h3 a{color:#B37080;}

#menu6.active, #menu6:hover{background-color:#FFF;border-color:#785333;}
#menu6.active span.h1, #menu6:hover span.h1, #menu6.active.left-menu-bloc td h2 a, #menu6.left-menu-bloc:hover td h2 a{color:#785333;}
#menu6.left-menu-bloc td > p a, #menu6.active span.h2, #menu6:hover span.h2, #menu6.active.left-menu-bloc td h3 a, #menu6.left-menu-bloc:hover td h3 a{color:#785333;}

#title a span.h2{
font-size:18px;
text-align:left;
font-weight:normal;
margin-bottom:10px;
}

#title a span.h1{
font-size:28px;
letter-spacing:-2px;
font-weight:bold;
text-align:left;
line-height:25px;
}


#left h3{
font-size:14px;
font-weight:normal;
margin-bottom:5px;
}

#left a{display:block; font-size:16px; letter-spacing:-1px; color:#fff; text-decoration:none; font-weight:bold; text-align:left; clear:both;}
/*#left a span{font-size:11px; letter-spacing:normal; display:block; margin-bottom:15px; font-weight:normal;}*/
#left a:hover{color:#5b105d;}

#left h2{font-size:17px; letter-spacing:-1px;}
#left p{margin-bottom:15px;}

#left span.h1, #left .left-menu-bloc h2{
color:#fff;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
}

#left span.h2{
color:#c7da86;
font-weight:bold;
font-size:15px;
letter-spacing:-1px;
margin-right:35px;
}
#left .left-menu-bloc h3 a{
    color:#FFF;
    font-weight:normal;
    font-size:15px;
    letter-spacing:-1px;
}
#left .left-menu-bloc td > p{
    display:none;
}
#left .left-menu-bloc td > p{
    margin:6px 0 2px 2px;
}
#left .left-menu-bloc td > p a{
    font-size:12px;
    letter-spacing: normal;
    /*color:#668209;*/
    font-weight:normal;
}
#left .left-menu-bloc td > p a:hover{
    color:#747474;
}
#left .left-menu-bloc:hover td > p{
    display:block;
}
#left .left-menu-bloc td > a{
    display:none;
}

#site{
width:960px;
background:url('templates/retravailler-accueil/images/fond-repeat.png') repeat-y center center transparent;
clear:both;
margin-bottom:10px;
}

#contenu2{
width:549px;
float:left;
min-height:542px;
background:url(templates/retravailler-accueil/images/background-repeat-contenu.gif) repeat-y;
padding-bottom:10px;
margin-bottom:20px;
font-size:12px;
text-align:justify;
}

#contenu{font-size:12px; text-align:justify;}
#contenu #texte ul{padding-left:20px;}

#left, #right, #contenu {
    margin-bottom:30px;
}

#left{
    position:relative;
    min-height:720px;
    padding:10px 0;
    width:253px;
    float:left;
    text-align:left;
    color:#fff;
    font-size:12px;
    background:url(templates/retravailler-accueil/images/background-left-accueil-3.png) no-repeat;
}
#right{
    width:158px;
    min-height:740px;
    float:left;
    background:url(templates/retravailler-accueil/images/background-right-2.png) no-repeat;
    overflow:hidden;
}

#lien-carte{
display:block;
width:90px;
height:95px;
position:absolute;
right:0;
top:508px;
}

#lien-carte2{
display:block;
width:100%;
height:240px;
margin-top:80px;
}
#carte-right a{
    text-decoration:none;
}
#carte-right h2 a{
    color: #FFFFFF;
    display: block;
    font-size: 9px;
    letter-spacing: -0.03em;
    font-weight: normal;
    margin-top: 10px;
    padding-left: 30px;
}
#carte-right h2 a span{
    font-weight:bold;
}
#carte-right table a {
    color: #5b105d;
    font-size: 13px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    height:17px;
}
#carte-right table a:hover, #carte-right table a:focus, #carte-right table a:active {
    color:#999;
}
#carte-right table {
    margin-top: 30px;
    margin-left:4px;
}
#bloc-un {
    display:block;
    width:158px;
    height:45px;
    text-decoration:none;
    color:#FFF;
    font-size:11px;
    padding-left: 30px;
    padding-top: 11px;
    margin-top:30px;
    letter-spacing:-0.05em;
    background:url(templates/retravailler-accueil/images/background-right-2-2.png) no-repeat top left transparent;
}
#bloc-un span{
    font-weight: bold;
}

#sondage{
width:131px;
clear:both;
margin:0 auto;
/*border:1px solid #5b105d;*/
border-top:none;
position:relative;
margin-top:15px;
color:#000;
text-align:left;
background:#dcdcdc;
}
#sondage h2{
width:131px;
height:25px;
line-height:25px;
background:url(templates/retravailler-accueil/images/titre-right-sondage.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:13px;
text-align:center;
}

#footer{
clear:both;
position:relative;
text-align:center;
background-color:#666666;
}
#footer li{display:inline;}
#footer li a{
color:#FFF;
text-decoration:none;
margin:0 10px;
}
#footer li a:hover{text-decoration:underline;}

.float-left{float:left;}
.float-right{float:right;}

#tags{text-align:center;}
#tags table{width:100%;}
#tags a{color:#333; text-decoration:none; line-height:16px;}
#tags a:hover{color:#fff; background:#5B105D;}
#tags img{display:none;}

#tags .tag1{
    font-size:90%;
}
#tags .tag2{
    font-size:130%;
}
#tags .tag3{
    font-size:150%;
}
#tags .tag4{
    font-size:170%;
}
#tags .tag5{
    font-size:190%;
}

#tags .tagCloud{
    text-align:right;
    padding:0 4px;
    text-transform:capitalize;
}

/************************************************ JOOMLA ************************************************/

#footer table{margin:auto;}

table.moduletablesondage th{
width:121px;
height:25px;
line-height:25px;
background:url(templates/retravailler-accueil/images/titre-right-sondage.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:13px;
border:none;
padding-left:10px;
}

table.pollsondage{width:100%; border:1px solid #5b105d;}
table.pollsondage tr td{padding:2px 3px;}
table.pollsondage input.button{margin:5px 0;}
table.pollstablebordersondage{color:#444; text-align:left;}
table.pollstablebordersondage td{padding-bottom:3px;}

#tags table.moduletable th{
color:#5B105D;
font-size:13px;
padding:5px;
text-align:right;
}

#menu-left li{list-style:none;}
#menu-left a{
display:block;
color:#fff;
text-decoration:none;
font-size:13px;
padding-left:12px;
}
#menu-left a:hover{color:#5b105d;}

#menulink_1, #menulink_2, #menulink_3, #menulink_4, #menulink_5, #menu-left li a, .menu li a{
width:220px;
height:26px;
background:url(templates/retravailler-accueil/images/menu-left-accueil-item3.gif) no-repeat;
padding-top:2px;
text-align:left;
}
.menu li{
    list-style:none;
}
#left .menu li a span{
    display:block;
    font-size:13px;
    padding-left:12px;
}
/*#menulink_5{
width:150px;
height:36px;
background:url(templates/retravailler-accueil/images/menu-left-accueil-item1.gif) no-repeat;
padding-top:2px;
text-align:left;
}*/
#menulink_6{
width:137px;
height:20px;
background:url(templates/retravailler-accueil/images/menu-left-accueil-item2.gif) no-repeat;
margin-top:9px;
}

/*table.moduletableactu{clear:both; margin:0 auto;}*/
/*table.moduletableactu li{*/
/*display:block;*/
/*width:138px;*/
/*height:75px;*/
/*background:url(templates/retravailler-accueil/images/menu-right-accueil-1.gif) no-repeat;*/
/*clear:both;*/
/*text-align:left;*/
/*}*/
/**/
/*#actualites h2{*/
/*	font-size:12px;*/
/*	line-height:20px;*/
/*}*/
/**/
/*table.moduletableactu li span.region{*/
/*	float:right;*/
/*	color:#5B105D;*/
/*	margin-right:10px;*/
/*	font-size:10px;*/
/*	padding:2px 0 1px;*/
/*    font-weight:bolder;*/
/*}*/
/**/
/*#actualites table.moduletableactu li a{*/
/*	position:relative;*/
/*	left:-6px;*/
/*	color:#000;*/
/*	width:118px;*/
/*    font-style:italic;*/
/*    text-align:right;*/
/*}*/
/*#actualites table.moduletableactu li a:hover{*/
/*	text-decoration:none;*/
/*	color:#fff;*/
/*}*/

table.forme td{
text-align:left;
padding-right:10px;
padding-bottom:5px;
color:#000;
}
table.forme input, table.forme select{
border:1px solid #aaa;
width:260px;
height:18px;
font-size:11px;
}
table.forme textarea{
border:1px solid #aaa;
width:260px;
height:110px;
}
table.forme select{font-size:10px;}
table.forme input#submit{
width:100px;
height:20px;
margin-left:100px;
}

#actualites table.moduletablearchive{float:left; width:150px; display:block;}
#actualites table.moduletablearchive a{
/*background:transparent url(templates/retravailler-accueil/images/titre-right-accueil-archives.gif) no-repeat scroll 0 0;*/
color:#fff;
float:right;
font-size:11px;
font-weight:normal;
height:19px;
line-height:19px;
margin-top:10px;
width:140px;
text-decoration:none;
}
#actualites table.moduletablearchive a:hover{text-decoration:underline;}

#contenu table.contentpaneopen span.allvideos, #contenu table.contentpaneopen span.allvideos_player{
position:static;
left:auto;
top:auto;
}

#artforms-box{text-align:left;}

#contenu input, #contenu textarea, #contenu select{border:1px solid #ccc; margin-left:15px}
table.contentpaneopen span.pagenav{display:none;}
div.pagenavcounter{font-weight:bold; margin-bottom:10px; font-size:11px; font-style:italic; text-align:right;}
div.pagenavbar{text-align:center;}
div.pagenavbar a{text-decoration:none;}
div.pagenavbar a:hover{text-decoration:underline;}

#contenu table.contentpaneopen ul{
position:relative;
z-index:999;
}

#actualites h2, #actualites table.moduletablearchive a{font-weight:bold;}

#recherche input.button{
width:14px;
height:14px;
background:transparent url(templates/retravailler-accueil/images/btn_submit.png) no-repeat;
margin-left:5px;
border:0;
}

#tags{overflow:visible;}
.pagenav{line-height:50px;}

#contenu #title table.moduletablesous-menu tr td a {
    color: #000;
}
#contenu #title table.moduletablesous-menu tr td a#active_menu {
    color: #666;
}
.hide{
    display:none;
}

