/* CSS Document */
body{
background-color:#ECECEC;
padding-bottom:15px;

}

* {
margin:0;
padding:0;
}

#container {
position:absolute;
float:left;
left:50%;
width:1008px;
height:auto;
margin-left:-502px;
margin-right:auto;
margin-top:25px;
padding-bottom:15px;
border:0px solid #ccc;
}

#pubtop {
position:relative;
float:left;
width:850px;
height:84px;
/*border:1px solid #000;*/
margin:0px 0px 10px 0px;
padding-left:8%;
}

#Insertpub {
position:relative;
float:left;
width:840px;
height:84px;
/*border:1px solid #000;*/
margin-bottom:10px;
padding-top:12px;
padding-bottom:12px;
background:#fff ;
border-bottom:0px solid #999;
border-top:0px solid #d0d0d0;
}

#Insertpub span {
margin-left:10%;
}


#pubright{
position:relative;
float:left;
margin:16.5em 0 0 18px;
background-color:#;
width:143px;
height:auto;
border:0px solid red;
}

#login{
position:relative;
float:left;
width:140px;
height:96px;
background:url(../images/fond_form.jpg) no-repeat;
margin:0 0 10px 0;
font:normal 9px Verdana, sans-serif;
color:#fff;
}

.search_job{
width:96px;
height:23px;
border:1px solid #3165B0;
color:#fff;
cursor:pointer;
background:url('../images/bg_submit.jpg');
}

.login_email{
width:80px;
height:10px;
cursor:text;
}

.login_pwd{
width:58px;
height:10px;
cursor:text;
}

.login_submit{
width:20px;
height:17px;
border:1px solid #fff;
text-align:center;
color:#fff;
font:bold 8px Helvetica, Arial, sans-serif;
background:#1561B6;
cursor:pointer;
}

#pub1{
width:140px;
height:163px;
background:url(../images/formation.jpg) no-repeat;
margin:0 0 18px 0;
}

#pub1 #menutraining li {
margin: 0 0 15px 0; 
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#pub1 #menutraining a {
text-decoration:none; 
color:#000;

}

#pub1 #menutraining a:hover{
text-decoration:underline; 
color:#000;

}

 #pub1 .head_title  , #pub5 .head_title , #pub2 .head_title , #pub4 .head_title{
color:#fff;
font:bold 14px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
text-transform:capitalize;
padding:0.5em 0 0 0.2em;
margin:0 0 0.8em 0;
border:0px solid red;
}

#pub1 .head_title  a , #pub5 .head_title a , #pub2 .head_title a , #pub4 .head_title a{
text-decoration:none;
color:#fff;
}

#pub1 .head_title a:hover , #pub5 .head_title a:hover , #pub2 .head_title a:hover , #pub4 .head_title a:hover{
text-decoration:underline;
color:#fff;
}

#pub2{
width:140px;
height:230px;
background:url(../images/offre.jpg) no-repeat;
margin-bottom:18px;
}

#pub3{
width:140px;
height:186px;
background:url(../images/jobfinance.jpg) no-repeat;
margin-bottom:18px;
}

#pub6{
position:relative;
width:140px;
height:186px;
background:url(../images/iwhoswho.jpg) no-repeat;
margin:10px 0 18px 0;
}

#pub6 a{
text-decoration:none;
color:#fff;

}

#pub6 a:hover{
text-decoration:underline;
color:#fff;

}


#pub7{
position:relative;
width:140px;
height:186px;
background:url(../images/edito.jpg) no-repeat;
margin:10px 0 18px 0;
}

#pub8{
position:relative;
width:140px;
height:186px;
background:url(../images/social_link.jpg) no-repeat;
margin:10px 0 18px 0;
}

#pub9{
position:relative;
width:140px;
height:186px;
margin:10px 0 18px 0;
}

#pub10{
position:relative;
width:140px;
height:186px;
margin:10px 0 18px 0;
background:#9CC7E5;
}

.link-right{
position:relative;
width:140px;
height:186px;
margin:10px 0 18px 0;
background:#9CC7E5;
}

#pub10 .head_titre{
position:relative;
float:left;
width:100%;
height:29px;
background:url(../images/pix_msn.png) repeat-x;
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
padding-top:4px;
/*padding:0.5em 0 0 0.2em;
margin:0 0 0.8em 0;*/
border:0px solid red;
}

.link-right .head_titre{
position:relative;
float:left;
width:100%;
height:29px;
background:url(../images/pix_msn.png) repeat-x;
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
padding-top:4px;
border:0px solid red;
}

#pub10 #img_msn {
position:relative;
float:left;
width:140px;
height:153px;
margin:0;
padding:0;


}

.head_titre span{ 
margin-top:15px;
margin-left:5px;
}

.head_titre span a{ 
text-decoration:none;
color:#fff;

}

.head_titre span a:hover{ 
text-decoration:none;
color:#fff;

}


#pub7 a, #pub8 a {
text-decoration:none;
color:#fff;

}

#pub7 a:hover, #pub8 a:hover{
text-decoration:underline;
color:#fff;

}

#pub4{
width:140px;
height:163px;
background:url(../images/jobfinance.jpg) no-repeat;
margin-bottom:18px;
}

#pub3 .head_title3{
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
padding:0.6em 0 0 0.2em;
margin:0 0 0.8em 0;
border:0px solid red;
}

#pub6 .head_titre{
color:#fff;
font:bold 14px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
padding:0.5em 0 0 0.2em;
margin:0 0 0.8em 0;
border:0px solid red;
}

#pub7 .head_titre, #pub8 .head_titre{
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
padding:0.5em 0 0 0.2em;
margin:0 0 0.8em 0;
border:0px solid red;
}


#pub6 .head_titre a{
text-decoration:none;
color:#fff;
}

#pub6 .head_titre a:hover{
text-decoration:underline;
color:#fff;
}

#pub3 #piedjob{
position:relative;
width:140PX;
height:28px;
margin:8.49em 0 0 0;
padding:0;
}

#wsh {
position:absolute;
width:99%;
top:130px;
height:auto;
border:0px solid #fff;
margin:0;
padding:0;
color:#fff;
font:bold 14px Arial, Helvetica, sans-serif;
}


#pub3 #piedjob a{text-decoration:none; color:#fff;}

#pub3 #piedjob a:hover{text-decoration:underline; color:#fff;}

#pub3 .head_title3 a{text-decoration:none; color:#fff;}

#pub3 .head_title3 a:hover{text-decoration:underline; color:#fff;}

#pub4{
width:140px;
height:180px;
background:url(../images/club.jpg) no-repeat;
margin:10px 0 18px 0;
}

#pub4 #menuclub{
position:relative;
list-style:none;
display:block;
color:#fff;
border:0px solid red;
padding:0px;
margin:11em 0 0 0.5em !important;
margin:10em 0 0 0.5em;
color:#fff;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;

}

#pub4 #menuclub a{text-decoration:none; color:#fff;}
#pub4 #menuclub a:hover{text-decoration:underline; color:#fff;}


#pub5 {
width:140px;
height:170px;
background:url(../images/abone.jpg) no-repeat;
margin-bottom:18px;

}

#pub5 #piedabone {
position:relative;
width:140px;
height:15px;
border:0px solid #fff;
margin:8.9em 0 0 0.1em;
padding:0;
color:#fff;
font:bold 14px Arial, Helvetica, sans-serif;

}


#corp {
position:relative;
float:left;
width:840px;
padding:0;
background-color:#e2e2e2;
height:auto;
border:0px solid red;
-webkit-box-shadow: 1px 2px 2px #777; /*coin arrondi pour chrome*/
-moz-border-radius-topleft:5px; /*coin arrondi pour chrome*/

}

#pub5 #piedabone a{text-decoration:none; color:#fff}

#pub5 #piedabone a:hover{text-decoration:underline; color:#fff}

#bloctop {
position:relative;
float:left;
width:840px;
height:auto;
border:0px solid yellow;
background:#fff;
padding-bottom:10px;

}

.line {
position:relative; 
float:left; 
width:820px; 
height:20px; 
margin:0px 0 5px 10px !important;
margin:0px 0 5px 5px;
border:0px solid red;
}

#top1{
position:relative; 
float:left; 
/*width:820px; */
height:25px; 
border:0px solid red;
margin:0 0 0 5px !important;
margin:0;
}

.item1 {
position:relative;
float:left;
width:100% !important;
width:auto;
height:12px !important;
height:10px;
border:0px solid red;
margin:0;
padding:0 0 3px 10px;
border:0px solid red;
}

.item1 	#puce1{
position:relative;
float:left;
background:url(../images/home.png) no-repeat;
width:10px; 
height:10px;
margin:0;
padding:0;
border:0px solid red;
margin:2px 2px 0 2px;
}

.item1 	#puce2{
position:relative;
float:left;
background:url(../images/group.png) no-repeat;
width:10px; 
height:10px;
margin:0;
padding:0;
border:0px solid red;
margin:2px 2px 0 2px;
}

.item1 	#puce3{
position:relative;
float:left;
background:url(../images/member.png) no-repeat;
width:10px; 
height:10px;
margin:0;
padding:0;
border:0px solid red;
margin:2px 2px 0 2px;
}

.item1 	#puce4{
position:relative;
float:left;
background:url(../images/rss.png) no-repeat;
width:10px; 
height:10px;
margin:0;
padding:0;
border:0px solid red;
margin:2px 2px 0 2px;
}

.item1 	#puce5{
position:relative;
float:left;
background:url(../images/letter.png) no-repeat;
width:10px; 
height:10px;
margin:0;
padding:0;
border:0px solid red;
margin:2px 2px 0 2px;
}


.item1 .linktop {
position:relative;
float:left;
width:auto;
height:12px;
font:normal 12px Arial, Helvetica, sans-serif;
margin:0px 7px 0 2px;
}

.item1 .link_login{
position:relative;
float:right;
width:auto;
height:12px;
font:normal 12px Arial, Helvetica, sans-serif;
margin:0px 18px 0px 0px !important;
margin:0px 9px 0px 0px;
}


.item1 a{
display:inline;
line-height:12px;
text-decoration:none;
/*text-align:center;*/
font:normal 11px Arial, verdana, sans-serif;
color:#3165b0; 
cursor:pointer;
margin:0; 
padding:0;

}

.item1 a:hover {
text-decoration:underline;
margin:0; 
padding:0;
}




#bloclogo {
position:relative;
float:left;
width:840px;
height:108px;
background:url(../images/header.jpg) no-repeat;
border:0px solid red;
margin:5px 0 5px 0px !important;
margin:3px 0 5px 5px;

}

#zone{
position:relative;
text-align:left;
font:bold 20px 'Trebuchet Ms', sans-serif;
color:#f8F8F9;
line-height:50px;
top:-5 !important;
top:12px;
left:250px;
}


#menu {
position:absolute;
width:800px !important;
width:800px;
height:40px;
top:100px !important;
top:150px;
bottom:-8px;
left:20px !important;
left:20px;
right:8px;
display:block;
z-index:30;
border:0px solid red;
background:url(../images/pix.png) repeat-x;
moz-border-radius-topleft:10px; /*coin arrondi pour chrome*/
padding-top:0.2em;
/*color:#0033FF;*/

}

/******************************************/
#navcontainer{
position:relative; 
float:left; 
width:795px !important; 
width:785px;
border:0px solid #ddd; 
height:auto;
margin-left:2px;
padding:0;

}

#blkmenu1 {
position:relative;
float:left;
width:auto;
height:30px;
border-right:1px solid #ddd;
margin:7px 0 0 0;
padding:0 0.6em 0 0.6em;
}

#blkmenu1 span, #blkmenu2 span, #blkmenu3 span, #blkmenu4 span, #blkmenu5 span, #blkmenu6 span, #blkmenu_last span{
color: #ccc;
font-family: verdana;
font-size: 11px;

}

#blkmenu1 a, #blkmenu1 a:link, #blkmenu1 a:visited {
float:left;
border:0px solid;
height:11px;
width:auto;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:11px;

}

#blkmenu1 a:link:hover{
float:left;
border:0px solid;
height:11px;
width:auto;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:11px;

}


#blkmenu2 {
position:relative;
float:left;
width:auto;
height:30px;
border:0px solid #ccc;
margin:7px 0 0 0.5em;
}

#blkmenu2 a, #blkmenu2 a:link, #blkmenu2 a:visited {
float:left;
border:0px solid;
height:11px;
width:auto;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:11px;

}

#blkmenu2 a:hover {
float:left;
border:0px solid;
height:11px;
width:auto;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:11px;

}

#blkmenu3 {
position:relative;
float:left;
width:95px;
height:30px;
border:0px solid #ccc;
margin-top:1px;
margin-left:3px;
margin-right:3px;
}

#blkmenu3 a, #blkmenu3 a:link, #blkmenu3 a:visited {
float:left;
border:0px solid;
height:11px;
width:80px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu3 a:hover {
float:left;
border:0px solid;
height:11px;
width:80px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}


#blkmenu4 {
position:relative;
float:left;
width:100px;
height:30px;
border:0px solid red;
margin-top:1px;
}

#blkmenu4 a, #blkmenu4 a:link, #blkmenu4 a:visited {
float:left;
border:0px solid;
height:11px;
width:92px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu4 a:hover {
float:left;
border:0px solid;
height:11px;
width:92px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}


#blkmenu5 {
position:relative;
float:left;
width:85px;
height:30px;
border:0px solid #ccc;
margin-top:1px;
}

#blkmenu5 a, #blkmenu5 a:link, #blkmenu5 a:visited {
float:left;
border:0px solid;
height:11px;
width:80px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu5 a:hover {
float:left;
border:0px solid;
height:11px;
width:80px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}



#blkmenu6 {
position:relative;
float:left;
width:70px;
height:30px;
border:0px solid #ccc;
margin-top:1px;

}

#blkmenu6 a, #blkmenu6 a:link, #blkmenu6 a:visited {
float:left;
border:0px solid;
height:11px;
width:65px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu6 a:hover {
float:left;
border:0px solid;
height:11px;
width:65px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu_last {
position:relative;
float:left;
width:112px;
height:30px;
border:0px solid red;
margin-top:1px;
margin-left:4px;
}

#blkmenu_last a, #blkmenu_last a:link, #blkmenu_last a:visited {
float:left;
border:0px solid;
height:11px;
width:108px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
text-decoration: none;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

#blkmenu_last a:hover {
float:left;
border:0px solid;
height:11px;
width:108px;
padding:0 1.6em 5px 0 ;
padding:0;
margin-bottom:2px;
color:#003872;
font-family: verdana;
line-height: 17px;
text-decoration: none;
font-size:10px;

}

.bordure{
border-bottom:1px solid #FFCC66;
overflow:hidden;
}

.navlist {
position:relative;
width:765px!important;
width:760px;
height:20px;
margin:0 0 0 1em !important;
margin:0;
padding:0;
display:inside;
list-style-type:square;
list-style-image:url(../images/pix_nav.png);
}

.navlist a, .navlist a:link, .navlist a:visited {
padding:0 1.6em 0 0 !important;
padding:0;
margin:0 0.2em 0 0;
color:#333;
font-weight: bold;
text-decoration: none;
display:list-item; /*passe l'élément a en type bloc et permet d'y adjoindre une puce*/
 /*url("../images/blueball.gif")*/; /* déterminer la puce ou l'image qui servira de puce*/
}

.navlist a:hover, .navlist a:active, .navlist a:focus {
border: 0px solid #000;
/*padding: 1px;*/
padding:0 1.5em 0 0 !important;
padding:0;
margin:0 0.2em 0 0;
text-decoration:underline;
color:#333;

}

.navlist li {
padding-right:1em !important;
padding-right: 1.8em;
list-style-position:inherit !important;
list-style-position:inside;
font-size: 0.6em;
float : left;/* pour obtenir une liste horizontale et qui reste de type bloc (display : inline fait perdre cette 
caractéristique) sur IE, float : left empêche l'affichage de la puce, c'est pour cela que les liens du menu se voient 
attribués une puce, cf la suite*/
text-align : center;
/*list-style-type:square; les puces sont cachées pour que firefox n'affiche pas ces puces et celles prévues pour le lien 
compris dans les li*/
}

#nav {
position:relative;
float:right;
width:auto;
height:20px;
display:none;
margin:0;
padding-right:11px;
background:#f0f0f1 url(../images/bg_annonce.jpg);
font-family: verdana;
line-height: 15px;
font-size:9px;
}

#nav ul, #nav ul li {
position:relative;
float:right;
padding-left:1em;
list-style:none;
list-style-position:inherit !important;
list-style-position:inside;
}

#nav a, #nav a:link, #nav a:active, #nav a:visited{
color:#333;
text-decoration: none;
}

#nav a:hover{
color:#0077c4;
text-decoration: none;
}


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

#blocmidd1{
position:relative;
float:left;
width:506px;
height:auto;
/*background-color:#fff;*/
margin:0;
border:0px solid red;
}

#blknews {
position:relative;
float:left;
width:493px;
height:32px;
margin-left:10px;
background:url(../images/form_news.png);
border:0px solid;
margin:8px 0 0 8px;

}

#blknews #b1 {
position:relative;
float:left;
width:27px;
height:24px;
border:0px solid #fff;
margin:3px 0 0 8px;
}

#blknews #b2 {
position:relative;
float:left;
width:80px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 3px;
font:normal 14px Verdana;
color:#fff;
padding-top:4px;
}

#blknews #b3 {
position:relative;
float:left;
width:295px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 10px;
font:normal 14px Verdana;
color:#fff;
color:#fff;
padding-top:3px;
}

#blknews #b4 {
position:relative;
float:left;
width:50px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 10px;
font:normal 14px Verdana;
color:#fff;
color:#fff;
padding-top:4px;
}


#blocmidd2{
position:relative;
float:left;
width:296px;
height:auto;
/*background-color:#fff;*/
margin-left:25px;
border-left:0px solid red;
border-right:0px solid red;
}


#containerblocnews{
position:relative;
float:left;
width:296px;
height:auto;
border:0px solid #ccc;
padding:0;
}

#blocnews{
position:relative;
float:left;
width:296px;
height:auto;
/*background:#f4f5f6;*/
}

#NewsHome	{
position: relative;
float: left;
width: 505px;
height:auto;
/*margin-right: 23px;*/
background-color: #fff;
border-right:0px solid red;
padding:0 5px 0 10px;
}
/*******Footer***********/

#pub_both {
position:relative;
float:left;
height:103px;
width:815px;
border:0;
margin:0.1em 0 0 .9em;
font:normal 10px Verdana, sans-serif;
border:0px solid #fff;

}

#blk_both {
position:relative;
float:left;
height:auto;
width:840px;
border:0;
margin:0;
padding-bottom:2em;
border:0px solid red;
background:#fff
}


#topfoot {
position:relative;
float:left;
height:28px;
width:840px;
border:0;
margin:0;
font:normal 10px Verdana, sans-serif;
color:#ccc;
border:0px solid red;
background:#d0d0d0/*url(../images/pix_topfoot.png) repeat-x;*/

}

#topfoot #blk1 {
position:relative;
float:left;
width:300px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 8px;
}

#topfoot #blk2 {
position:relative;
float:left;
width:100px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 5px;
}

#topfoot #blk3 {
position:relative;
float:left;
width:80px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 2em;
font:bold 14px Verdana;
padding-top:0px;
color:#000
}

#topfoot #blk4 {
position:relative;
float:left;
width:230px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 8px;
}

#topfoot #blk5 {
position:relative;
float:left;
width:50px;
height:20px;
border:0px solid #fff;
margin:3px 0 0 8px;
}




#footer {
position:relative;
float:left;
height:auto;
background:url(../images/pied.jpg);
width:840px;
border:0;
margin:0;
padding-bottom:10px;
font:normal 10px Verdana, sans-serif;
color:#ccc;
border:0px solid red;
}

#linkboth {
position:relative;
float:left;
height:25px;
width:840px;
border:0;
margin:0;
font:normal 10px Verdana, sans-serif;
background:url(../images/pix_both.png) repeat-x;
clear:both;
padding-top:5px;
color:#fff;

}

#linkboth a {

text-decoration:none;
color:#fff;
}

#linkboth a:hover {

text-decoration:underline;
color:#fff;
}



#foot_actu {
position:relative;
float:left;
width:338px;
height:auto;
border:0px solid #fff;
margin-left:10px;
background:url(../images/foot_pix.png) repeat-x;

}

#lesflux {
position:relative;
float:left;
width:100%;
height:auto;
border-top:0px solid #333;
margin-top:8px;
padding-bottom:4px;
background:url(../images/pix_rss.png) repeat-x;
}

#lesflux a {
text-decoration:none;
color:#999;
}

#lesflux a:hover {
text-decoration:none;
color:#999;
}


.nav_foot {
position:relative;
float:left;
width:120px;
height:auto;
border:0px solid #ccc;
margin-left:5px;
margin-top:15px;

}

.nav_foot1 {
position:relative;
float:left;
width:98px;
height:auto;
border-top:0px solid red;
margin-left:5px;
margin-top:15px;

}
.nav_foot  ul {
position:relative;
float:left;
display:block;
list-style-type:disc;
list-style-position:inside;
color:#fff;
font-size:10px;
}

.nav_foot1  ul {
position:relative;
float:left;
display:block;
list-style-type:disc;
list-style-position:inside;
color:#fff;
font-size:10px;
}

#foot_actu h1 {
position:relative;
float:left;
width:70%;
color:#4AB4FF;
font-size:12px;
margin:10px 0 0 10px;
font-weight:normal;

}

#footlink1 h1 {
position:relative;
float:left;
width:95%;
color:#fff;
font-size:12px;
margin:10px 0 0 10px;
font-weight:normal;
color:#4AB4FF;

}

#footlink2 h1 {
position:relative;
float:left;
width:99%;
color:#fff;
font-size:12px;
margin:10px 0 0 2px;
font-weight:normal;
color:#4AB4FF;

}

#footlink1 ul {
position:relative;
float:left;
display:block;
list-style-type:none;
list-style-position:inside;
color:#fff;
font-size:10px;
margin:14px 0 0 20px;

}

#footlink1 ul  a, #footlink2 ul  a{
text-decoration:none;
color:#fff;

}

#footlink1 ul  a:hover, #footlink2 ul  a:hover{
text-decoration:none;
color:#4AB4FF;

}


#footlink2 ul {
position:relative;
float:left;
display:block;
list-style-type:none;
list-style-position:inside;
color:#fff;
font-size:10px;
margin:14px 0 0 15px;

}

#footlink2 ul li, #footlink1 ul li{
margin-bottom:8px;
}

#footlink1{
position:relative;
float:left;
width:250px;
height:auto;
border:0px solid #fff;
margin-left:1px;


}

#footlink2{
position:relative;
float:left;
width:235px;
height:auto;
border:0px solid #fff;
margin-left:1px;


}






#footer #menufoot{
position:relative;
width:100%;
float:left;
height:auto;
margin: 0;
padding:0.2em 0;
/*color: #EFBD0F;*/
line-height: 20px;
}

#footer #endlink {
position:relative;
float:right;
width:100%;
height:auto;
border:0px solid red;
margin:0.4em 0 0 0 !important;
margin:0em 0 0 0;
}

#footer #endlink #linkend {
position:relative;
float:right;
width:100%;
height:15px;
border:0px solid blue;
margin:0.6em 0 0 0 !important;
margin:1em 0 0 0;
}

#footer #endlink #linkend a{
color:#fff;
padding:0 2em 0 2em !important;
padding:0 2em 0 2em;
}
#footer #endlink #footlogo {
position:relative;
float:right;
width:130PX;
height:70px;
border:0px solid blue;
margin:0.1em 0 0.5em 0 !important;
margin:0em 0 0.3em  0;
background:url(../images/logoba.jpg) no-repeat;

}



#footer a, #footer a:link, #footer a:visited
{
color: #fff;
padding:0 1px 0 1px;
text-decoration:none;

}

#footer a:hover {

color: #fff;
text-decoration: underline;
padding:0 1px 0 1px;
}

#foot_msg{
position:relative;
float:left;
font:normal 12px Verdana, sans-serif;
color:#fff;
margin:4em 0 0.5em 1em !important;
margin:4em 0 0.5em 1em;
}

#foot_msg a, #foot_msg a:link, #foot_msg a:visited{
color:#fff;
text-decoration:none;
}

#foot_msg a:hover{
text-decoration:underline;
color:#fff;
}

#actu{
position:relative;
width:194px; 
height:47px;
background:url('../images/actu.gif') no-repeat;
margin:0 0 1em 0;
}

#footer #search {
position:relative;
float:right;
width:100%;
height:30px;
margin:0.1em 0 0 0 !important;
margin:0em 0 0 0;
}

.bouton_search{
background:url('../images/bouton_search.jpg') no-repeat;
width:98px;
height:28px;
border:0;
font:bold 10px Verdana, sans-serif;
color:white;
text-align:center;
cursor:pointer;
}

.search_bouton{
background:url('../images/search_bouton.jpg') no-repeat;
width:98px;
height:28px;
border:0;
font:bold 10px Verdana, sans-serif;
color:white;
text-align:center;
cursor:pointer;
}

.text{
width:388px;
height:18px;
font:normal 14px Verdana, sans-serif;
color:#9a9a9a;
}

.searchtext{
width:388px;
height:18px;
font:normal 14px Verdana, sans-serif;
color:gray;
border:1px solid gray;
}


#footer #bloclien .lien span {
text-transform:none;
text-decoration:none;
font-weight:bold;
color:#ccc;
font-size:10px;

}

#footer .lien {
position:relative;
float:left;
width:99%;
height:auto;
clear:both;
margin:0;
padding:0 0 0 0.3em;
border:0px solid #fff;
text-transform:uppercase;
font-weight:normal;

}

/*******Footer***********/


p#training{
color:#333;
font: bold 14px Arial, Helvetica, sans-serif;
text-align:center;
font-stretch:normal;
text-transform:capitalize;
padding-top:0.5em;
}

p#offer, p#offer a, p#offer a:link, p#offer a:active {
color:#ccc;
text-decoration:none;
font: bold 14px Arial, Helvetica, sans-serif;
text-align:center;
font-stretch:normal;
text-transform:capitalize;
padding-top:0.5em;
}

p#offer a:hover{
text-decoration:underline;
}

p#by{
font: bold 12px Arial, Helvetica, sans-serif;
text-align:center;
text-transform:capitalize;
padding-top:0.5em;
clear:both;
margin:15.3em 0 0 0;
}

p#by a{
color:#fff;
text-decoration:none;
}

p#by a:hover{color:#fff; text-decoration:underline;}

p#job{
color:#F5CB07;
font: bold 11px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
text-transform:none;
padding:0.5em 0 0 0.4em;
}

p#club{
color:#F5CB07;
font: bold 11px Arial, Helvetica, sans-serif;
text-align:center;
font-stretch:normal;
text-transform:none;
padding:0.5em 0 0 0.4em;
}

p#clubunder{
color:#F5CB07;
font: bold 11px Arial, Helvetica, sans-serif;
text-align:center;
font-stretch:normal;
text-transform:none;
margin:9.8em 0 0 0.2em;
border:1px solid yellow;
}

p#jobunder{
color:#F5CB07;
font: bold 11px Arial, Helvetica, sans-serif;
text-align:left;
font-stretch:normal;
text-transform:none;
margin:12.5em 0 0 0.4em;
}


#menutraining{
position:relative;
margin:1.5em 0 0 .3em;
width:92%;
list-style-type:none;
list-style-position:inside;
color:#000;
border:0px solid red;
padding:0 0 0 3px;
display:list-item;
}

#menuclub{
position:relative;
list-style:none;
display:block;
color:#fff;
border:0px solid red;
padding:0 0 0 0px;
font: bold normal 9px Verdana, Arial, Helvetica, sans-serif;
margin:13em 0 0 0.5em;
color:#fff;

}


#pub1 li{
margin: 0 0 20px 0; 
}

/*TITRE DANS COLONNE Newshome*/

/*
TOUS LES TITRE SONT DES DIV

TITRE-N01		GRAND TITRE GRANDE PHOTO
TITRE-N03		GRAND TITRE PHOTO DROITE
TITRE-N04		GRAND TITRE SANS PHOTO

TITRE-N05		MOYEN TITRE GRANDE PHOTO
TITRE-N02		MOYEN TITRE PHOTO DROITE
TITRE-N06		MOYEN TITRE SANS PHOTO
*/

#INFOS {
position:relative;
float:left;
margin:0;
padding:10px 0 0 0;
list-style:none;
list-style-position:outside;
}

.TITRE1 , TITRE2 {
position:relative;
}

.murimg_right{
float:right;
}

.TITRE1 h1 {
font:normal 36px 'Trebuchet MS', Verdana, sans-serif;
line-height: 39px;
color: #3165B0;
text-decoration:none;
margin:0 0 15px 0;
padding:0;
}

.TITRE1 h1 a, .TITRE1 h1 a:link, .TITRE1 h1 a:active {
font:normal 30px 'Trebuchet MS', Verdana, sans-serif;
line-height: 39px;
color: #003872;
text-decoration:none;
margin:0 0 15px 0;
padding:0;
}

.TITRE1  h1 a:hover{
color:#3165b0;
text-decoration:underline;
}

#INFOS img {
border:0px solid red;
margin-left:3px;
}


#INFOS h2 {
position:relative;
font:normal 12px Verdana,sans-serif;
float:left;
line-height: 18px;
color:#666;
margin:0 0 15px 0;
text-align:justify;
padding:0;
}

#INFOS h2 a:link, #INFOS h2 a:active, #INFOS h2 a:visited{
text-decoration:none;
color:#ccc;
} 

#INFOS h2 a:hover{
text-decoration:none;
color:#3165B0;
}

#INFOS h2.conten_art {
font:normal 12px 'Trebuchet MS', Verdana, sans-serif;
line-height: 18px;
color: #000;
margin:0 0 15px 0;
padding:0;
text-align:justify;

}

#INFOS h2 ul{
list-style:none;
}


#INFOS .filet  {
position:relative;
float:left;
width:98%;
border-bottom: dashed 1px #cdcdcd;
margin:5px 0 10px 0;

}

#INFOS .tiret  {
position:relative;
/*float:left;*/
width:98%;
background-color: #3165B0;
overflow: hidden;
height: 1px;
margin:0 0 10px 0;

}

.TITRE3 h1  {
font:bold 19px Helvetica, Verdana, sans-serif;
line-height: 33px;
color: #3165B0;
text-decoration:none;
margin:0 0 15px 0;
padding:0;
position:relative;
}

.TITRE2 h1  {
font: normal 28px 'Trebuchet MS', Verdana, sans-serif;
line-height: 33px;
float:left;
color: #3165B0;
text-decoration:none;
margin:0 0 15px 0;
padding:0;
position:relative;
}

.short_article {
position:relative;
width:99%;
height:auto;
border:0px solid gray;
float:left;
font:normal 12px Verdana, sans-serif;
line-height: 18px;
color: #666;
text-align:justify;
}

.short_article h1  a, .short_article h1  a:link, .short_article h1  a:active {
font: normal 25px 'Trebuchet MS', Verdana, sans-serif;
line-height: 30px;
color: #003872;
text-decoration:none;
margin:0 0 15px 0;
padding:0;
text-align:left;

}


.short_article h1 a:hover{
color:#3165b0;
text-decoration:underline;
text-align:left;
}

.TITRE2 h1  a, .TITRE2 h1  a:link, .TITRE2 h1  a:active {
font: normal 25px 'Trebuchet MS', Verdana, sans-serif;
line-height: 30px;
color: #003872;
text-decoration:none;
margin:0 0 15px 0;
padding:0;

}

.TITRE2 h1 a:hover{
color:#3165b0;
text-decoration:underline;
}

.rightimg {
position:relative;
float:right;
border:0;
margin:0 5px 2px 0;
}

.img_left{
position:relative;
float:left;
border:0;
margin:0 5px 2px 0;
}

a .img_edito {
float:right;
width:294px;
height:125px;
border:0;
}

.leftimg {
float:left;
width:100px;
height:105px;
border:1px solid #000;
margin:0 5px 2px 0;
}

.pubslash {
position:relative;
float:right;
width:296px;
height:auto;
margin:2px 0 8px 0;
background:#fff;
/*text-align:center;*/
}

.dossier {
position:relative;
float:right;
width:99%;
margin:0 0 5px 0;
padding:0;
border:1px solid #000;
background:#fff;

}

.dossier p.titreright {
position:relative;
width:100%;
background:#999;
margin:0 0 5px 0;
text-align:center;
font:bold 12px 'Trebuchet MS', Verdana, sans-serif;
}

.dossier h2 {
font:bold 12px 'Trebuchet MS', Verdana, sans-serif;
line-height: 18px;
color: #003872;
text-align:left;
margin:0 0 0 0;
padding:0;

}

#blocnews .filetright  {
position:relative;
float:right;
width:100%;
background-color:#cdcdcd;
overflow: hidden;
height: 1px;
margin:5px 0 15px 0;

}

#tv{
position:relative;
float:right;
width:294px;
height:auto;
border:1px solid #006DB9;
background:#fff;
padding:3px 0 3px 3px;
margin-bottom:8px;
}

#tv a, #tv a:link, #tv a:active, #tv a:visited{
font:bold 12px 'Trebuchet MS', Verdana, sans-serif;
text-decoration:none;
color:#003872;
}

#tv a:hover{
text-decoration:underline;
color:#003872;
}

#titre_tv{
position:relative;
width:284px;
height:28px;
margin:0 0 4px 0;
padding:5px 0 0 4px;
border:1px solid #3e71ba;
color:white;
text-align:left;
background:#3165b0;
font:bold 17px Arial, Helvetica, sans-serif;
}

.pubslash p.titreright {
position:relative;
width:97%;
color:white;
background:url(../images/publicite.jpg);
margin:0 0 5px 2px;
padding:0 0 0 8px;
font:bold 12px 'Trebuchet MS', Verdana, sans-serif;
}

.pubslash p.Textright {
position:relative;
width:99%;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
color: #111;
margin:0px 0 15px 2px;
padding:0;
text-align:justify;

}

.texteright{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
color: #111;
margin:0px 0 15px 5px;
padding:0;
top:-1em;

}


.pubslash h2 {
font:bold 12px 'Trebuchet MS', Verdana, sans-serif;
line-height: 18px;
color: #003872;
text-align:left;
margin:0 0 0 3px;
padding:0;

}


.dossier p.enete1  {
position:relative;
width:100%;
height:40px;
color:#fff;
font:bold 22px Arial, Helvetica, sans-serif;
line-height:22px;
margin:0px 0 5px 0;
padding:10px 0 0 1px;
text-align:left;
/*background:url(../images/pix_parole.jpg) repeat-y;*/
background-color:#000;
}
.dossier p.enete2  {
position:relative;
width:100%;
height:40px;
color:#fff;
font:bold 22px Arial, Helvetica, sans-serif;
line-height:22px;
margin:0px 0 5px 0;
padding:10px 0 0 1px;
text-align:left;
background-color:#3e71ba;
}



.piedparole1 {
position:relative;
width:100%;
height:20px;
float:right;
border:0px solid red;
margin: 0;
background:#000;
}

.piedparole2 {
position:relative;
width:100%;
height:20px;
float:right;
border:0px solid red;
margin: 0;
background:#3e71ba;
}


.blocparole {
position:relative;
float:right;
border:0px solid #000;
margin:0 0 10px 0;
padding:0 4px 0 4px;
}

/****style des titres de la colonne au centre******/

h2 a.flashmur {
text-decoration:none;
text-indent:0;
padding:0;
margin:0;
color: #003872;

}

h2 a.flashmur:link {
text-decoration:none;
text-indent:0;
padding:0;
margin:0;
color: #003872;

}

h2 a.flashmur:visited {
text-decoration:none;
text-indent:0;
padding:0;
margin:0;
color: #003872;

}

h2 a.flashmur:hover{
text-decoration:underline;
text-indent:0;
padding:0;
margin:0;
color:#3165b0;
}

a.flashmur:active {
text-decoration:none;
text-indent:0;
padding:0;
margin:0;
color: #003872;

}

.lesbreves{
position:relative;
font:17px 'Trebuchet MS', Verdana, helvetica, sans-serif;
color:#fff;
background:url('../images/publicite.jpg');
line-height:23px;
border:0px solid #000;
padding:4px 0 0 5px;
margin:0;
}

.pre a{text-decoration:none; color:darkblue;}
.pre a:hover{text-decoration:underline; color:darkblue;}


#textslash{
position:relative;
width:294px;
height:220px;

}

#textslash a p, #textslash a:link p, #textslash a:active p{
width:96%;
font:normal 10px Verdana, helvetica, sans-serif;
text-decoration:none;
color:#003872;
padding:4px 3px 5px 3px;
margin-left:3px;
border-bottom:1px solid silver;
}

#textslash a:hover p{
text-decoration:underline;
color:#3165b0;
}


/****style des titres de la colonne au centre******/

/* Easy Slider */

#slider{ 
position:relative;
width:296px;
height:auto;
float:left;
margin:0 0 10px 0;
padding:0;
border:0px solid red;

}

#slider div {
position:relative;
float:left;
width:295px;
height:auto;
border-top:0;
border:0px solid #ccc;
border-top:0;
background:#fff;
margin:0;
padding:0;

}

#slider div #bkbourse {
position:relative;
float:left;
width:295px;
height:auto;
background:#ffefe5;
border:0;
margin:0;
padding:0;

}

#slider ul#tabnav {
    font: bold 10px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    margin: 0;
	border:0px solid;
}

#slider ul#tabnav li {
    float: left;
    height: 30px;
    background-color: #f5f5f5;
    margin: 0x;
	padding:0 8px 0 7px;
    border: 1px solid #ccc;
	overflow: hidden;
	position:relative;
}


#slider ul#tabnav li#last {
    float: left;
    height: 30px;
    background-color: #f5f5f5;
    margin: 0x;
	padding:0 10px 0 10px;
    border: 1px solid #ccc;
}

#slider ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#slider #tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
	width:100%;
    padding: 5px;
}

#slider #tabnav a#first {
    float: left;
    display: block;
    color: #0067b1;
    text-decoration: none;
	width:58px;
    padding: 5px;
}

#slider #tabnav a#last {
    float: left;
    display: block;
    color: #0067b1;
    text-decoration: none;
	width:100%;
    padding: 5px;
}

#slider #tabnav a:hover, #slider #tabnav a#last:hover {
    Color:#db0d23;
}

#slider .tab_container a:link, #slider .tab_container a:active, #slider .tab_container a:visited {
    color: #003872;
    text-decoration: none;
}

#slider .tab_container a:hover{
    Color:#0067b1;
	text-decoration: none;
}

#bkbourse table {
 /*border-width:0px; 
 border-style:solid; 
 border-style:solid; 
 border-color:none;*/
 width:100%;
 }
 
 #bkbourse td { 
 /*border-width:1px;
 border-style:solid; 
 border-color:none;*/
 width:auto;
 }
 
#bkbourse #ligne1, #bkbourse #ligne2  {
position:relative;
float:left;
width:auto;
height:auto;
border-bottom:0px solid #ccc;
margin:0;
padding:5px 0 5px 0;

}

 #bkbourse #ligne3  {
position:relative;
float:left;
width:auto;
height:auto;
margin:0 0 0 2px;
padding:0;
border:1px solid #ccc;
background:none;
}

#ligne3 form  {
position:relative;
float:left;
background:none;
padding:0;
margin:0;

}


td form input#bouton {
background:url(../images/bt-bourse.png) no-repeat;
width:32px;
height:23px;
cursor:pointer;
border:0;
margin:-2px 0 0 0;
}


#ligne1 span  {
color:#000;

}

#ligne2 a {
text-decoration:none;
Color:#003872;
padding:2px;
}

#ligne2 a:hover  {
text-decoration:underline;
Color:#003872;
padding:2px;
}



#slider div p {
position:relative;
float:left;
width:98%;
border-bottom:1px solid #f3f3f3;
height:auto;
margin:0 0 0 4px;
padding:9px 0 9px 0;
color:#003872;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;

}

span.conten_art{
font-size:10px;
color:#f00;
}

span.conten_art a, span.conten_art a:link, span.conten_art a:active{
text-decoration:none;
color:#f00;
}

span.conten_art a:hover{
text-decoration:none;
color:#000;
}

.lesblog {
position:relative;
float:left;
width:290px;
height:100px;
margin-left:2px;
margin-bottom:10px;
}

#anim_salon {
position:relative;
width:140px;
height:450px;
margin:10px 0 18px 0;

}