/* structure */

html, body {
    width: 100%;
    color: #444;
    font-family: 'TitilliumText22LRegular', Arial, sans-serif;
    font-size: 13px;
       
}

select, textarea, input {
    border: 1px solid #999999;
    color: #222;
    font-size: 13px;
    font-family: 'TitilliumText22LRegular', Arial, sans-serif;
    padding:3px 0 0px 3px;
}

#bloc_base {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}


#bloc_contenu {
  width: 960px;
}


#bloc_left2, 
#bloc_center2, 
#bloc_right {
  margin: 20px 5px 0px 5px;
  float:left;
  padding:0px;
  font-size: 12px;
  line-height:15px;
}
  
  
#bloc_left2 {
  margin-left: 0px ;
  width:188px;
  }


#bloc_center2 {
  /*width:474px;*/
  width:494px;
  display: block;
}

#bloc_right {
  width:258px;
 /* overflow: hidden;*/
  margin: 20px 0px 0px 5px;
}




.ub_margin10 {
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
}


/* dons */
.don_vig 	{
	padding-top:4px;padding-right:5px;float:left;}
.don_nom {
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding-left: 0;
    padding-top: 12px;
    width: 116px;
    text-transform: capitalize;
	}
	

	
/* sociale */

.social-bookmarks-services:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.social-bookmarks-services {
	display:inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    
}
.social-bookmarks-label {
display:inline-block;
float:left;
margin-right:8px;
}
.social-bookmarks-service {
float:left;
height:16px;
margin:0 2px 0 0;
width:16px;
}
.social-bookmarks-service a {
background-image:url(../img_front/icons.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:16px;
text-indent:-5000px;
width:16px;
}


/* user */

#bloc_user,
#bloc_cms_user {
   
    float: left;
    margin: 26px 5px 22px 38px;
    padding: 0;
    width: 652px;
    
    
    }


#bloc_cms_user h1,
#bloc_user h1 {
  font-size: 23px;
  color: #ff0c7e;
  margin: 10px 0 16px 0;
}


.msg_validation_login {
    margin: 20px 0px 20px 0px;
    padding: 20px;
    border: 14px solid #ccc;
    background-color: #fff;
    }
.msg_validation {
    background-color: #E9E9EA; /*#efeeeb;*/
    padding: 16px;
    }

.msg_validation p {
  margin: 10px 0px 20px;
  padding: 10px 0px 40px;
  border-bottom: 1px dotted #777;
}

.msg_validation .gris {
  color:#aaa;
}

.msg_validation .ub_bouton_valider {
  color:#fff;
  background-color: #7ba30f;
  padding: 16px;
  font-size: 16px/26px;
  margin: 5px 0px 10px 10px;
}

.msg_validation_ok {
  color:#fff;
  background-color: #7ba30f;
  font-weight: normal;
}
.msg_validation_ok h3 {
font-weight: 500;
}



.ub_nav_user li,
.ub_nav_dossier li {
  list-style-position: outside;
  list-style-type: none;
  list-style-image: url('/img/ub_nav_user.png');
  margin-left:36px;
  padding-top:4px;
  }
  
.ub_nav_user li a:hover ,
.ub_nav_dossier li a:hover  {
color:#FD0F6E;
  }

.ub_bloc_r p.mdp {
padding:10px 0 4px 0;
}
.ub_bloc_r p.mdp a:link {
color:#eee
}

.ub_nav_user li a.on ,
.ub_nav_dossier li a.on  {
	color: #FF0C7E;
  }
  
.ub_nav_dossier li {
  list-style-image: url('/img_front/dossier_book.gif');
  }

.ub_nav_dossier li.li_select,
.ub_nav_dossier li.li_select a:hover {
  list-style-image: url('/img_front/dossier_book_over.gif');
  }
  
ul.ub_nav_dossier {	
	margin: 12px 0 4px 20px;
	}
ul.ub_nav_user {	
	margin: 12px 0 4px 0px;
	}

/* user tableau de bord */
.ub_user_tabbord {
background-color: #f0f0f0;
margin: 2px 0 2px 0;
padding: 20px 36px;

display: block;
}

.ub_user_tabbord p {  
    border-bottom: 1px dotted #AAAAAA;
    color: #999; 
    font-size: 15px;
    margin: 2px 0 2px;
    padding: 14px 0 32px;
    display:block;
    height:auto;
}

.left {
float:left;
}
.right {
float:right;
}  







/* pub */
.ub_pub_180,
.ub_pub_468,
.ub_pub_250 {
margin-left:auto;
margin-right:auto;
border:1px solid #444;
margin:20px 0 20px 0;
}

.ub_pub_180 {
width:180px; 
height:160px;
}
.ub_pub_468 {
width:468px; 
height:60px;
}
.ub_pub_250 {
width:250px; 
height:250px;
}









/* commun */

.border {border:1px solid #000}


#facebox .body {
    width: 600px;
}


a:link, a:hover, a:visited {
    text-decoration: none;
    color: #666;
}
a:hover {
	color:#FD0F6E;
}


strong {
  font-weight:normal;
  font-family: 'TitilliumText22LBold', Arial, sans-serif;
}


.red {
border:1px solid red;
}

.ub_bouton {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0 1px 0 1px;
  padding: 1px;
  border:1px solid #bbb;
  font-size: 11px/14px;
  opacity: 0.75;
  cursor:hand;
  }

.ub_bouton:hover {
  opacity: 1;
}

.ub_form_gris {
  background-color:#eee;
  height:13px;
  padding-top:4px;
  padding-left:4px;
  width:203px;
  }

.input_focus {
background-color:#f4f5dd;
}


.ub_maj {
  text-transform: capitalize;
}

#js_msg {
  display:none;
  background-color:#aed00f;/*aed00f add200*/
  padding:20px;
  margin: 10px 0 10px 0;
}


.msg_erreur {
  background-color:red;
  color:white;
  margin: 10px 0 10px 0;
  padding:20px;
}



input.ub_bouton_lien,
.ub_bouton_lien {
    font: 15px/27px 'TitilliumText22LRegular', Arial, sans-serif;
    background: url('/img/ub_fd_bouton_616163.gif') repeat-x #616163;
    color:white;
    padding: 4px 8px 4px 8px;
    height:12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input.ub_bouton_lien:hover,
.ub_bouton_lien:hover {
    background-color: #aaa;
    }






/* commun font*/

.titi_thin {
  font-family: 'TitilliumText22LThin', Arial, sans-serif;
}

.titi_light {
  font-family:'TitilliumText22LLight', Arial, sans-serif;
}

.titi_regulard {
  font-family: 'TitilliumText22LRegular', Arial, sans-serif;
}

.titi_medium {
  font-family: 'TitilliumText22LMedium', Arial, sans-serif;
}

.titi_bold {
  font-family: 'TitilliumText22LBold', Arial, sans-serif;
}

.titi_xbold {
  font-family: 'TitilliumText22LXBold', Arial, sans-serif;
}


/* nous contacter */
.ub_nouscontacter {
  float:right;
  margin-top: -20px;
  font-family: 'TitilliumText22LMedium', Arial, sans-serif;
}






/* metiers*/
.ub_bloc_metiers {
  width:640px;
  
}


.ub_bloc_metiers p {
  float: left;
  font: 23px/24px 'TitilliumText22LThin', Arial, sans-serif;
  padding: 0 4px 0 4px;
}

.ub_bloc_metiers h1,
.ub_bloc_metiers h2,
.ub_bloc_metiers h3,
.ub_bloc_metiers h4 {
  float: left;
  width: 100px;
}

.ub_bloc_metiers h1 a,
.ub_bloc_metiers h2 a,
.ub_bloc_metiers h3 a,
.ub_bloc_metiers h4 a {
  font: 26px/20px 'TitilliumText22LRegular', Arial, sans-serif;
  text-decoration: none;
  color: #222;
}

.ub_bloc_metiers h1 a.open,
.ub_bloc_metiers h2 a.open,
.ub_bloc_metiers h3 a.open,
.ub_bloc_metiers h4 a.open,
.ub_bloc_metiers h1 a:hover,
.ub_bloc_metiers h2 a:hover,
.ub_bloc_metiers h3 a:hover,
.ub_bloc_metiers h4 a:hover {
  color: red;
}


/* bandos haut */

.ub_bloc_bando {
  position: relative;
  width:960px;
  overflow: hidden;
  margin: 7px 0 5px 0px;
  background: #d7d7d7 url('/img/ub_bando.gif') no-repeat;
  height:92px;
}

.ub_bloc_bando_pub {
  position: absolute;
  top: 20px;
  left: 400px;
  width: 468px;
  height: 60px;
  overflow: hidden;
}

#made_in_france {
    height: 20px;
    left: 947px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 16px;
}




/* couleur */

.ub_coul_r, a.ub_coul_r {
  color: #ff0c7e;
}

.ub_page {
  width: 960px;
}

.ub_content {
  width: 600px;
}


/* menu top*/

.ub_menu_top_fd {
  padding: 2px;
  padding-bottom: 0px;
  margin: 0px;
      height: 38px;
    margin-bottom: 2px;
  background: #d7d7d7 url('/img/ub_deg_menu_fd.gif') repeat-x;
  display: block;
  width: 956px;
}

ul.ub_menu_top {
  
}

ul.ub_menu_top li, 
ul.ub_menu_top li.open {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
    background: url("/img/ub_deg_menu.gif") repeat-x scroll 0 0 #D7D7D7;
    display: block;
    float: left;
    font: 15px/18px 'TitilliumText22LRegular',Arial,sans-serif;
    height: 18px;
    list-style-type: none;
    margin: 2px;
    padding: 9px 4px 5px;
    text-align: center;
    width: 85px; 
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; 
}

ul.ub_menu_top li.open {
  margin-bottom: 0px;
  height: 22px;
  background: none;
  background-color: #fff;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}
ul.ub_menu_top li.rechercher {
	background: none;
	background-color: #b9c4ab;
	}
ul.ub_menu_top li.rechercher a {
	color: #111;
	}
	
ul.ub_menu_top li.magazine {
	background: none;
	background-color: #c6c6be;
	}
ul.ub_menu_top li.magazine a {
	color: #111;
	}

ul.ub_menu_top li.annonces {
	background: none;
	background-color: #b8b858;
	}
ul.ub_menu_top li.annonces a {
	color: #111;
	}
	
ul.ub_menu_top li.annonces.open,
ul.ub_menu_top li.magazine.open {
    background-color: #FFFFFF;
	}



ul.ub_menu_top li.flux {
	background: none;
	background-color: #c6c6be;
	width:90px;
	padding-left: 2px;
	padding-right:0px;
	}
ul.ub_menu_top li.flux a {
	color: #111;
	background: url('/img_front/34-coffee.png') no-repeat;
	padding:4px 22px;
	margin-left:17px
	}




li a {
  text-decoration: none;
  color: #000;
}

ul.ub_menu_top  li:hover {
  background: none;
  background-color: #fff;
}

.ub_menu_top_end {
  float: right;
  padding: 11px 10px 0 0;
  font-size: 15px;  
}
















/* form commun */

.ub_form_input {
  padding: 2px;
  padding-top: 3px;
  float: left;
  margin: 1px;
  border: none;
  display: block;
}

.ub_form_text {
  	color: #444;
	font-size: 16px/19px;
}
 
/* 
.ub_form_text:hover {
  background-color: #eee;
}
*/

.ub_form_submit {
  color: #fff;
  font: 12px/14px 'TitilliumText22LMedium', Arial, sans-serif;
  width: 70px;
  height: 20px;
  background-color: #aaa;
  float: right;
  cursor:pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.ub_form_submit:hover {
  background-color: #444;
}





/* newsletter */

form.ub_form_newsletter {
   padding: 1px 1px 1px 22px;
  margin: 4px 0 4px 0;
  background: url('/img/ub_mail2.gif') no-repeat 4px 6px;
  background-color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  height: 22px;
  width:210px;
}



/* memo_book */

ul#ub_memobook {
	margin: 0 0 0 -12px;
	}
	
ul#ub_memobook li {
	height:30px;
	display:block;
	padding:2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
	
ul#ub_memobook li:hover {
	background-color: #ededed;

	}
ul#ub_memobook li div.memobook_supp {
	display:none;
	}	
	
ul#ub_memobook li:hover div.memobook_supp {
	display: block;
	cursor: pointer;
	float:right;
	margin: 7px 4px;
	}

ul#ub_memobook .vig {
    float: left;
    padding-right: 5px;
    padding-top: 0px;
    margin: 2px;
	}



/* form rech */
form.ub_form_recherche,
form.ub_form_recherche2,
select.ub_form_select2 {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

form.ub_form_rechercheb,
form.ub_form_recherche {
  padding: 1px 1px 1px 22px;
  margin: 0px 60px 4px 13px;
  background-color: #fff;
  height: 22px;
}
form.ub_form_recherche {
  background: url('/img/ub_loupe.gif') no-repeat 4px 4px;
  }
form.ub_form_recherche2 {
  margin: 0 60px 4px 13px;
  height: 22px; 
  border: 1px solid rgb(201, 201, 210);
  padding: 2px;
}
.ub_form_select2 {
  border:none; 
  background-color:white;
  padding: 0px 0px 0px 4px; 
  margin: 2px 0px 0px 2px; 
  width: 135px; 
  height: 18px;
}

input.ub_form_input2 {
  height: 15px;
  margin: 2px 0 0 4px;
  padding: 3px 0 0 4px;
  width: 160px;
}

div.ub_form_recherche_border {
  margin: 0 10px 4px 13px;
  border: 1px solid rgb(201, 201, 210);
  padding: 3px 2px 1px;
  float:left;
    border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

form.uban input[type=radio]{
	border:0px;
}
form.ub_form_recherche2 input[type=checkbox],
form.ub_form_rechercheb input[type=checkbox] {
	border:0px;
}






.ub_form_input {
  /*background-color: #fff;*/
  float: left;
  margin: 1px;
  padding: 5px 12px 2px 4px;
  border: none;
  display: block;
 -moz-border-radius: 2px 2px 2px 2px;
}

.ub_form_text {
  color: #444;
  font: 12px/14px 'TitilliumText22LRegular', Arial, sans-serif;
  width: 98px;
}

.ub_form_submit {
  color: #fff;
  font: 12px/14px 'TitilliumText22LMedium', Arial, sans-serif;
  width: 70px;
  background-color: #aaa;
  float: right;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
padding: 2px 12px 2px 14px;
}

.ub_form_submit:hover {
  background-color: #444;
}








/* mots clef*/
.ub_mots_clefs {
    clear: both;
    display: block;
    font-size: 0.9em;
    margin: 12px 0 0;
    padding-top: 6px;
    width: 404px;
}
  
.ub_mots_clefs2 {    
    overflow: hidden;
    width: 330px;
}  
  
.ub_mots_clefs_el {
  text-transform: lowercase;
  color: #666;
  float:left;
  background-color:#cecece;
  margin:1px;
  padding:1px 4px 1px 4px;
  white-space: nowrap;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.highlight {
    background-color: #777;
    color: white;
    margin: 0 -4px;
    padding: 2px 4px 1px;
}




/* autocomplete */
.ac_results {
  padding: 0px;
  border: 1px solid #999;
   background-color: #fafafa;
  overflow: hidden;
  z-index: 99999;
  margin-top:2px;
    border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ac_results li strong {
font-weight:normal;
font: 12px/14px 'TitilliumText22LBold', Arial, sans-serif;
}
.ac_results li {
  margin: 0px;
  padding: 3px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #fefefe;
}

.ac_over {
  background-color: #999;
  color: white;
}

























/* votes+comment */
.ub_votes {
float:left;
margin: 0 20px 10px 10px;
}
.ub_votes_plus_vert {
background: url('/img/ub_votes+vert.gif') no-repeat 2px 1px;
width:14px;
height:14px;
float:left;
padding-left:18px;
padding-top:3px;
margin-right:14px;
font: 12px/14px 'TitilliumText22LRegular', Arial, sans-serif;
}

.ub_votes_plus {
background: #d7d7d7 url('/img/ub_votes+_.gif') no-repeat 2px 1px;
width:14px;
height:14px;
float:left;
}
.ub_votes_plus:hover {
background: #d7d7d7 url('/img/ub_votes+hover.gif') no-repeat 2px 1px;
}

.ub_votes_moins {
background: #d7d7d7 url('/img/ub_votes-.gif') no-repeat 2px 3px;
width:14px;
height:14px;
float:left;
}





/* commentaires*/

.ub_comt {
padding:12px;
margin-top:10px;
}

.ub_comt_bouton {
background: #d7d7d7 url('/img/ub_comment.gif') no-repeat 2px 3px;
height:14px;
float:left;
padding-left:20px;
padding-right:4px;
}

.ub_comt_txt {
/*background-color:#fafafa;*/
font:12px/14px 'TitilliumText22LRegular',Arial,sans-serif;
margin:4px;
padding:12px 0 12px 0;
width:300px;
border-bottom: 1px dotted #ccc;
}


form.ub_form_comt,form.ub_form_cont {
  padding: 1px 1px 1px 22px;
  margin: 4px 0 4px 0;
  background: url('/img/ub_comment.gif') no-repeat 4px 6px;
  border: 1px solid #dedede;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  height: 22px;
}

.ub_form_textarea_comt, .ub_form_textarea_cont {
background-color: #eee;
border:none;
width:271px;
height:50px;
padding:4px;
margin:2px;
margin-bottom:-1px;
clear: left;
font: 12px/14px 'TitilliumText22LRegular', Arial, sans-serif;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  
}





/* contact  herite de comt*/
form.ub_form_cont {  
  background: url('/img/ub_mail2.gif') no-repeat 4px 6px;
}


.ub_form_textarea_cont {
  width:411px;
  height:70px;
}

.ub_form_input_cont{
  width:414px;
  float:both;
}

.ub_bloc_minibook_contact {
  padding: 4px 0 40px 80px;
}











/* bloc */

.ub_bloc_d,  .ub_bloc_g, .ub_bloc_2g, .ub_bloc_g_n, .ub_bloc_2g_n, .ub_bloc_r, .ub_bloc_m  {
  /*background: #cac9c8 url('/img/ub_deg_g.gif') repeat-x;*/
  background: #e1e2e3 url('/img/ub_deg_g_e1e2e3.gif') repeat-x;
  padding: 10px;
  margin-bottom:10px;
  display: block;
}


.ub_bloc_d {
  background: #cfd0d1 url('/img/ub_deg_g_c4c6c7.gif') repeat-x;
}



/* bloc droite */

.ub_bloc_d  {
  width:238px;
}

.ub_bloc_d p  {
  font-size: 11px;
}

.ub_bloc_g h4, 
.ub_bloc_d h4  {
    font: 13px/16px 'TitilliumText22LBold', Arial, sans-serif; 
    font-weight: normal;
}





.ub_bloc_g, .ub_bloc_g_n {
  margin-bottom: 10px;
}




/* bloc book n0*/
.ub_bloc_2g, 
.ub_bloc_2g_n {
  position:relative;
  margin: 0px;
  min-height: 78px;
  background: none;
  margin-bottom: 4px;
}
.ub_bloc_2g_n {
  background-color: #ddd;
}

.ub_bloc_g_n h3,
.ub_bloc_g h3 {
  padding : 4px 0 8px 13px;
  color: #ff0c7e;
  font: 14px/18px 'TitilliumText22LMedium', Arial, sans-serif;
}


/* ultra sel*/

.ub_bloc_2g_n {
background-color: #121212;
}
.ub_bloc_g_n {
background-color:#1f1f1f ;
}

.ub_bloc_g_n h3 {
  color: #ff0c7e;
  }









/* ecoles partenaires */

.ub_bloc_g  h5,
.ub_bloc_d  h5 {
  color: #ff0c7e;
  padding : 4px 0 4px 0px;
  font: 14px/18px 'TitilliumText22LMedium', Arial, sans-serif;
  }

.ub_bloc_d ul.ub_ecoles_list {
  margin: 4px 0 4px 2px;
  font: 14px/18px 'TitilliumText22LMedium', Arial, sans-serif;
  display: inline-block;
}

.ub_bloc_d  .logo_mael {
  background: url('/img_partenaire/logo_mael.gif') 1px 1px no-repeat transparent;
  }

.ub_bloc_d  .logo_inla {
  background: url('/img_partenaire/logo_inla.png') 1px 1px no-repeat transparent;
  }
  
.ub_bloc_d  .pad20 {
  padding-left:20px;
}

.ub_bloc_d ul.ub_ecoles_list span.hover:hover {
  background-color:#fff;
  color:#111;
  }

  
.ub_bloc_d ul.ub_ecoles_list li {
  list-style-type: none;
  margin:0 4px 4px 0;
  float:left;
  }  
  
.ub_bloc_d ul.ub_ecoles_list li span {
  display: block;
  padding: 1px 2px 1px 20px;
  background-color:#fbfbfb;
  height:17px;
  width:90px;
  /*border: 1px solid #ddd;*/
    border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;  
}












/* bloc inscription*/
.ub_bloc_m {
  background: #FF3998 url('/img/ub_deg_m.gif') repeat-x;
}
.ub_bloc_m:hover {
  background: #FF3998 url('/img/ub_deg_m-hover.gif') repeat-x;
}

.ub_bloc_m  a.ub_bloc_m_lien {
  color: #fff;
  font: 13px/15px 'TitilliumText22LRegular', Arial, sans-serif;
  text-decoration: none;
}

.ub_fleche {
  padding-top:3px;
  float:right;
  *margin-top:-16px; /*IE*/
}


/* bloc connection*/

.ub_bloc_r {
  background: #FF204F url('../img/ub_deg_r.gif') repeat-x;
}

.ub_bloc_r h4 {
  color: #fff;
  margin-bottom:5px;
}

.ub_bloc_r label {
  color: #fff;
  float: left;
  width:90px;
  padding-top: 5px;
  font-size: 13px;
}

.ub_bloc_r .ub_form_input {
  padding: 3px;
  padding-top: 4px;
  margin: 2px;
  border: none;
  display: block;
}

.ub_bloc_r .ub_form_text, .ub_bloc_r a {
  color: #444;
  font: 12px/14px 'TitilliumText22LRegular', Arial, sans-serif;
  width: 98px;
}

.ub_bloc_r .ub_form_submit {
  color: #000;
  font: 12px/14px 'TitilliumText22LMedium', Arial, sans-serif;
  width: 70px;
  background-color: #ddd;
  float: left;
  margin-left:90px;
  margin-top:8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.ub_bloc_r .ub_form_submit:hover {
  background-color: #eeeeee;
}

.ub_bloc_r a.ub_mdp {
  color: #fff;
  font: 11px/13px 'TitilliumText22LRegular', Arial, sans-serif;
  width: 98px;
  text-decoration: none;
  margin-left:90px;
}




/* pied de page */

.ub_bottom {
  padding: 18px 18px 30px;
  margin: 0px;
}

.ub_bottom ul.ub_top {
   margin: 2px 0 18px 0;
}

.ub_bottom a:hover {
  color:#111;
}

.ub_bottom ul li.ub_logo {
  background: url('/2010_images/ultra-book_logo.gif') no-repeat;
  padding: 0 0 0px 18px;
  float: left;
}
.ub_bottom ul li.ub_contact {
  float:right;
  line-height: 18px;
  font-size:12px;
  color:#aaa;
}

.ub_bottom span.ub_txt {
  font-size:12px;
  color:#999;
}


.ub_bottom ul li {
  list-style-type: none;
}



.ub_bottom ul li.ub_menu {
  float:left;
  width:140px;
  margin: 2px 30px 0 0;
}



.ub_bottom ul li h3 {
    font: 13px/16px 'TitilliumText22LBold', Arial, sans-serif; 
    font-weight: normal;
    color: #444;
    padding: 0;
    margin-bottom:6px;
}



.ub_bottom ul li ul li {
  border-bottom: 1px solid #d7d7d7;
  font: 11px/16px 'TitilliumText22LRegular', Arial, sans-serif;
  color: #777;
}








/* bloc vignettes img margin: 12px 12px 0;  */

.ub_cellimg {
  float:left; 
  margin: 9px; 
  position:relative;
}

.vignette,
.ub_bloc_2g img,
.ub_cellimg img {
	background-color: #bbb;
}


.ub_cellimg_new, .ub_cellimg_new_b  {
  position:absolute; 
  bottom: 0; 
  background:#FD0F6E url('http://www.ultra-book.com/img_front/ub_portefolio_new.gif') no-repeat;
  width:100%;
  height:9px;
}
.ub_cellimg_new_b {
  background:#FDB6D4 url('http://www.ultra-book.com/img_front/ub_portefolio_new_b.gif') no-repeat;
}



.ub_bloc_nav {
  margin: 10px 0 0px 4px;
  width:250px;
}



/* nl archives */
.ub_nl_archi {
  margin: 8px 0px 5px 0; 
  padding: 0px 0px 0px 18px;
  cursor:pointer;
}
.ub_nl_v {
  background: url("/img/ub_fleche_v.png") no-repeat scroll 0px 1px transparent;
} 
.ub_nl_h {
  background: url("/img/ub_fleche_h.png") no-repeat scroll 0px 1px transparent;
}   

.ub_nl_liste_archi{
  line-height:18px;
  display:none;
  margin-left:18px;
}

.ub_nl_liste_archi strong {
  color:#222;
  font-family: 'TitilliumText22LBold', Arial, sans-serif;
  font-weight:normal;
}

.ub_nl_liste_archi a:hover {
  color:#000;
}





/* ultra_diapo */

#zoom {
  margin: 10px 0px 4px 6px;
}

#zoom_vignette {
  margin-right : 12px;
  margin-bottom: -8px;
  float: left;
}

#zoom h1 {
  font: 19px/24px 'TitilliumText22LMedium', Arial, sans-serif;
  margin-bottom: 2px;
  text-transform: capitalize;
  color:#222;
}

#zoom h6 {
  margin : 0px 0 4px 16px;
  color: #ff0c7e;
  font: 14px/18px 'TitilliumText22LMedium', Arial, sans-serif;
}
#zoom .diapo_lancer {
  margin: 4px 0px 4px 0;
  background: url("/img/ub_fleche_v.png") no-repeat scroll 0px 1px transparent;
  padding: 0 0 0 16px;
}

#zoom .zoom_lien {
  color: #222;
  text-decoration: none;
  border-bottom: 1px dotted #ff5a1c;
  float:left;
}



#zoom li{
  margin: 1px 1px 0px 0;
  width: 110px;
  height: 110px;
  float:  left;
  list-style: none;
}


/*
h6  {
  color:#777;
  padding-left:12px;
  }

#diapo_lancer {
  float:    left;
  color:    #626262;
  padding-right:  7px;
  margin-left:  12px;
  margin-top:   8px;
  margin-bottom:  12px;
}

#diapo_lancer:hover {
  color:#EF0E5C;
  }
  
*/

/* annuaire */

div.ub_abcd {
  margin:8px 0 8px 10px;
}

span.ub_abcd_border,
span.ub_abcd_sel,
a.ub_abcd {
    -moz-border-radius: 2px;
    display: inline-block;
    padding: 3px 3px 0;
    text-transform: capitalize;
    background-color:#cecece;
    font-family: 'TitilliumText22LBold', Arial, sans-serif;
    font-weight:normal;
    color:#999;
    margin: 0 0px 0 0 ;
    
    background-color:#bbb;
    color:#fff;
}

a.ub_abcd:hover {
  background-color:#999;
}

/*
span.ub_abcd_sel {
  border:0px solid #aaa;
  background-color:#555;
  color:white;
}*/
span.ub_abcd_sel {
  	border:0px solid #aaa;
    background-color: #DDDDDD;
    border: 0 solid #AAAAAA;
    color: #000000;
    margin-bottom: -14px;
    padding: 3px 6px 7px 6px;
}


span.ub_abcd_border {
  border: solid 1px #eaeaea;
  background:none;
}
.ub_abcd_result {
  margin:8px 8px 8px 4px;
}









.ub_anuaire {
  margin : 10px 0 0 0px;
}
.ub_anuaire .b0 {
  margin-right:18px;
  padding:12px;
  border: solid 1px #bbb;
  background:#f0f0f0;
  margin: 0 0 5px 0;
  display: inline-block;
  width: 425px;
}

  
.ub_anuaire .b0_selection{
	border: solid 1px #999;
	background:#fafafa;
	display: inline-block;
}

.ub_anuaire .b0_selection.ub_bookpro {
    border: 1px solid #000;
    background-color:#fff;
}

.ub_anuaire .b0_selection:hover,   
.ub_anuaire .b0_selection.ub_bookpro:hover,
.ub_anuaire .b0:hover {
  background:#eaeaea;
  }







    
.ub_anuaire .b1,
.ub_anuaire .b2 {
  float:left;
  }
.ub_anuaire .b1 {
  margin-right:10px;
  }
  
.ub_anuaire .b2 {
  margin-top:6px;
  }


.ub_anuaire .vignette {
  background:#ddd;
  }

/*       
.ub_anuaire br {
  margin-bottom:6px;
  }  
*/
  
.ub_anuaire h3 {
  padding:0;
  font-family: 'TitilliumText22LBold', Arial, sans-serif;
  color: #333;
  font-size:18px;
  line-height: 10px;
  
}
.ub_anuaire h3 a {
  color:#333;
  text-transform: capitalize;
}

.ub_anuaire h3 a.zoom_lien:hover {
  color: #000;
}


.ub_anuaire .both {
 clear: both;
}

.ub_anuaire .us_type {
  margin: 7px 0 0px 0;
  }


.ub_anuaire .col2_g {
  width:174px;
  float:left;
}
.ub_anuaire .col2_d {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
  }
  
  
.ub_anuaire .ub_date_sel {
  margin:6px 0 -4px 0;
  padding:1px;
  width:65px;
  height:14px;
  }
  


.ub_anuaire .lien_mb {
  padding:0 0 0 12px;
  float: left;
  background: url('../img_front/link_hover.png') no-repeat 0 3px;
  }


.ub_anuaire a.zoom_lien:hover {
  color: #000;
}
  


.ub_anuaire .maj_image0 {
  margin:10px 0 8px 0;
  clear: both;
  display: inline-block; 
}

.ub_anuaire .maj_image1 {
  float:left; 
  margin-right:1px;
}



/* mini book */
.ub_menu_book_fd {
  height: 23px;
  padding: 1px 1px 0 0;
  padding-bottom: 0px;
  margin: 0px;
  background: #d7d7d7 url('../img/ub_deg_menu_fd.gif') repeat-x;
  display: block;
}


ul.ub_menu_book li, ul.ub_menu_book li.open {
  cursor: pointer;
  background: #d7d7d7 url('../img/ub_deg_menu.gif') repeat-x;
  padding: 3px;
  padding-top: 5px;
  margin: 1px 1px 0 2px;
  width: 60px;
  height: 12px;
  float: left;
  font: 12px/14px 'TitilliumText22LRegular', Arial, sans-serif;
  text-align: center;
  list-style-type: none;
  display: block;
}

ul.ub_menu_book li.open {
  margin-bottom: 0px;
  height: 14px;
  background: none;
  background-color: #fff;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

ul.ub_menu_book li a {
  text-decoration: none;
  color: #000;
}

ul.ub_menu_book  li:hover {
  background: none;
  background-color: #fff;
}


.ub_bloc_2g_suite {
  background-color: #fff;
  margin: 0px 0 0 2px; 
  padding: 10px;
}






/* ub menu nav droite + gauche*/

#derniers_book ul li,
ul.ub_nav_menu_d li {
  list-style-type: none;
  list-style-type: square;
  margin: 0 0 4px 12px;
}

#derniers_book ul {
	margin: 0 0 22px 27px;
}
#derniers_book ul li {
	margin: 0 0 1px 0px;
}
ul.ub_nav_menu_d li a:hover,
#derniers_book ul li a:hover {
	color:#FD0F6E;
}





/* ub com */

.ub_corner2 {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.ub_corner4 {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ub_corner6 {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.ub_corner8 {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
}


.ub_corner8top {
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -khtml-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}

.ub_corner8bottom {
  border-radius: 0  0 8px 8px;
  -moz-border-radius: 0  0 8px 8px;
  -khtml-border-radius: 0  0 8px 8px;
  -webkit-border-radius: 0  0 8px 8px;
}




/* label */

.label.illustrateur   {    
    background-color: #C04020;
}
.label.graphiste   {
    background-color: #827ca1;
}
.label.photographe  {
    background-color: #606040;
}
.label.design  {
    background-color: #86BAB4;
}
.label.plasticien   {
    background-color: #a29374;
}
.label.architecte  {
    background-color: #6e5e4c;
}



.label.bookpro  {
    background-color: #424242;
    color: #fff;
	}
.label.bookselection {
	background-color: #CFCFCF;
	color: #000000;
	}


.label_book_right {
	position:absolute;
	right:26px;
	margin:-11px
	}
.label_book_right div {
	float:left;
	margin-left:1px;
	}



.label .statut {
    background-color:#bebebe;
}


.label {
    border-radius: 3px;
 	-moz-border-radius: 3px;
  	-khtml-border-radius: 3px;
  	-webkit-border-radius: 3px;  
    background-color: #BFBFBF;
    color: #FFFFFF;
    font-size: 9.75px;
    padding: 3px 5px 2px;
    text-transform: capitalize;
}

.label-light {
		border-radius: 2px;
	 	-moz-border-radius: 2px;
	  	-khtml-border-radius: 2px;
	  	-webkit-border-radius: 2px;  
	    color: #FFFFFF;
	    display: inline-block;
	    font-size: 8px;
	    letter-spacing: 1px;
	    padding: 1px 3px 0;
	    text-align: center;
	    text-transform: capitalize;
	    width: 21px;
	}
	
.cap {
    text-transform:capitalize;
}

.icone_sociale {
	margin-top:-1px;
	padding:0 3px 0 0;
	float:left;
}



/* accueil annonce */

.uban_accueil_list ul li {
    list-style-type: square;
    margin: 0 0 2px 25px;
}




/*
|--------------------------------------
| UItoTop jQuery Plugin 1.1
|--------------------------------------

*/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:10px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:-999px;
    background:url(../img_front/ui_totop.png) no-repeat left top;
}

#toTopHover {
    background:url(../img_front/ui_totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}







/* book suite aff */

.current_suite 
{display:none;}

.suite_contenu 
{display:block;}

.suite_lien 
{width:426px;margin:8px auto;padding:5px;text-align: center;height:16px;background-color: #777;color:#fff;cursor:pointer;
		border-radius: 3px;
	 	-moz-border-radius: 3px;
	  	-khtml-border-radius: 3px;
	  	-webkit-border-radius: 3px;  }

.suite_chargement
{background: url('../img_picto/loading2.gif') no-repeat 220px 30px; width:426px; height:100px;}


.ub_nl_v2 {
  background: url("../img_picto/ub_nl_fleche2.gif") no-repeat scroll 0px 3px transparent;
} 


/* savoirplus */

.savoirplus
{padding:30px; background:#fff;}

.savoirplus strong
{margin-top:5px;margin-bottom:5px;}

.savoirplus_titre
{font-size:16px;margin-top:30px;margin-bottom:10px;}

.savoirplus_titreplus
{font-size:20px;margin-bottom:20px;clear:right;}

.savoirplus_left
{float:left;margin-right:20px;margin-top:10px;}

.savoirplus img 
{ border: 1px solid #999;}




/* guide ecoles */

#guideecoles_leg {
padding-left: 20px;
}
#guideecoles {
	background: url("../img_front/ecoles_arts.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    height: 26px;
  	padding-left:20px;
	line-height: 16px;
	padding-left: 20px;
	font-weight:600;
	font-size:12px;
	color:#323232;
	font: 15px/24px TitilliumText22LMedium,Arial,sans-serif;
}
#guideecoles_txt {
	padding-left:20px;
	padding-top:12px;
	}