/*
design.css
----------		Par Cam et mateo21
Créé le 10 fevrier 2009

Description : feuille de style du site reprenant notamment l'ensemble des anciennes feuilles, adaptées pour le nouveau design.
*/

/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------------------- CSS DES BALISES GENERIQUES <<<---------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/*@font-face
{
    font-family: TrebuchetMS;
    src: local('Trebuchet MS'), url('../../fonts/trebuc.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-weight: bold;
    src: local('Trebuchet MS'), url('../../fonts/trebucbd.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-style: italic;
    src: local('Trebuchet MS'), url('../../fonts/trebucit.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-weight: bold;
    font-style: italic;
    src: local('Trebuchet MS'), url('../../fonts/trebucbi.ttf') format('truetype');
}*/

body
{
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: TrebuchetMS, "Trebuchet MS", Verdana, Tahoma, sans-serif;
    font-size: 0.8em;
    color: #1F1F1F;
    min-width: 1000px;
    margin-right: 3px\9;
}

h1
{
    color: #1877D5;
    padding-left: 30px;
    font-size: 2em;
    font-weight: 100;
    background: url("../../images/designs/2/icone_h1.png") no-repeat left 3px;
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: 80%;
}

h1.page_statique
{
    background: none;
    color: #FFF;
    margin: 0;
    padding: 37px 0 0 15px;
    text-align: center;
}

h1 + h2
{
    margin-top: 0;
    margin-bottom: 20px;
    color: #696969;
    font-size: 1em;
    font-weight: 100;
    letter-spacing: 0;
    text-align: left;
}

h2
{
	text-align: center;
	font-size: 1.7em;
	color: #E8A22B;
}

h4
{
    font-weight:bold;
    font-size:1.2em;
    font-style:italic;
    color: #1877D5;
    margin: 0;
    margin-left:50px;
}

hr
{
    border: 0;
    border-top: 2px solid #9F9F9F;
    border-bottom: 1px solid #CCC;
    margin-top: 20px;
    margin-bottom: 20px;

}

hr.clearehr
{
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

hr.panier
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.panier_nb_produit{
    width: 100%;
    text-align: center;
}

a:link, a:visited, a:active { color: #2677C9; text-decoration: none; }
a:hover { color: #C87B02; }
a img { border: 0 }
a img:active { background: none; }
img { border: none;	vertical-align: middle; }
img.logo
{
    width: 100px;
}
label {	cursor: pointer; }
fieldset
{
    margin: 10px 0 20px 0;
    padding: 14px 10px 7px 10px;
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    clear:right;
}
#applyJob_middle fieldset
{
    clear: none;
}
fieldset.connexion
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 320px;
}

fieldset.connexion2
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 350px;
}
.tab_co
{
    width: 40%;
}
legend
{
    color: #1877D5;
    padding: 3px 10px;
    font-weight: bold;
    background: #B2DAFD url("../../images/designs/2/bg_grosse_cat.png") repeat-x bottom;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

legend img {
    vertical-align: baseline;
}
legend.sous_fieldset
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background:#2B2A2D url(../../images/designs/2/bg_petite_cat.png) repeat-x scroll 24px 0;
    color:#D8BB22;
    font-weight:bold;
    padding:3px 10px;
}
textarea
{
    width: 650px;
    height:200px;
    padding: 0.2em;
}
/*#bientot_lien { line-height: 1.3em;}*/
html>body textarea { width: 95%; }
#comment { width: 77%; }
textarea.petit_textarea { width: 280px;	height: 85px; }
input[type=button], input[type=submit], textarea, select { border: 1px solid #7B7B7B; }
input[type=button], input[type=submit]
{
    cursor: pointer;
    color: #222;
    background-color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input[type=button]:hover, input[type=submit]:hover { border:1px solid #F1AB37; }
input[type=button]:focus, input[type=submit]:focus, textarea:focus, select:focus { border: 1px solid #000; }
input[disabled] { background-color:#DDD; cursor:default; }
/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------- FIN DES DEFINITIONS DU CSS DES BALISES GENERIQUES <<<-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */


#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
    /* text-indent: -50000px;
    font-size: 1px; */
    display: none;
}

/*	Stats membres / intersites	*/

.stats_sites, .intersites
{
    margin: 0;
    list-style: none;
}

.stats_sites
{
    padding: 0 0 0 20px;
    height: 1.45em;
    color: #5B9DE0;
    float:left;
}

.intersites
{
    padding: 0 20px 0 0;
    float: right;
}

.intersites li
{
    float: left;
    background-color: #F3F9FE;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;

    border-color: #B9DAFB;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.intersites a
{
    float: left;
    display: block;
    padding: 2px 10px 0 0;
    text-decoration: none;
    color: #765;
}

.intersites a:hover { color: #000; }
.intersites .selected {
    background-color: #A2D0FD;
}

.intersites .selected a
{
    color: #333;
}

.intersites #speed_admin a{
    color: #a80303;
}

.stats_sites > li {	float: left; }
.stats_sites .last_items { float: left; padding-left: 4px }

#popup_amis
{
    display: inline;
    float: left;
    height: 1.45em;
}

#popup_amis ul { width: 130px; }

/* Menus popup */

.popup_menu ul
{
    position: absolute;
    z-index: 1001;
    list-style-type: none;
    display: none;
    padding: 0;
    margin-top: 0;
    background-color: #488AD4;
    border: #2568B1 1px solid;
    opacity: .90;
    filter: alpha(opacity=90);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.popup_menu ul li {	padding: 0; }

.popup_menu ul a:link, .popup_menu ul a:visited, .popup_menu ul a:active
{
    display: block;
    margin: 0;
    padding: 1px 2px;
    color: white !important;
}

.popup_menu ul a:hover { background: #E09821 url("../../images/designs/2/speedbarre/bg_speed.png") no-repeat right -27px; }

/*  Adresses  */
.adresses
{
    width:360px;
    height: 300px;
    margin: 5px;
}

.adresses_boutique
{
    width:360px;
    height: 260px;
    margin: 5px;
}

/*	Header	*/

#header
{
    height: 130px;
    /* overflow: hidden; */
    background: #79B6FC url("../../images/designs/2/bg_header.png") repeat-x top;
    margin:0;
    clear:both;
    background-position: 0 14px;
}

#header .header_gauche
{
    width: 208px;
    height: 92px;
    float: left;
    padding-left: 5px;
    padding-top: 14px;
    text-align: center;
}

#header .header_droit {margin-left: 218px; position: relative; height:106px;/* overflow: hidden; */}

#publicite_header
{
    height : 106px; /* taille du header */
    display: table;
    width: 100%;
}

#publicite_banniere
{
    text-align: center;
    height: 106px;
    display: table-cell;
    vertical-align: middle;
}


/*	Recherche et logbox	*/
#logbox
{
    width: 260px;
    height: 50px;
    background: #7EBAFC;
    -moz-border-radius : 10px; /* pour mozilla */
    -webkit-border-radius: 10px; /* pour safari et chrome */
    border-radius: 10px 10px;
    border : #9bc8fa 1px solid;
    padding: 7px 9px; /* + 1px avec la bordure*/
    margin: 14px 10px 0 0;
}
#logbox .avatar_membre
{
    max-width: 45px;
    max-height: 45px;
    border: 2px solid #99CCFD;
    float: left;
}
#logbox #mp_box
{
    float: right;
    width: 49px;
    height: 32px;
    margin-top: 4px;
}
#logbox #mp_box a
{
    display: block;
    padding: 1px 0 0 24px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    width: 25px;
    height: 31px;
}
#logbox a:link, #logbox a:visited, #logbox a:active { color: #3669B5 }
#logbox a:hover { color: #FFF }
#logbox .new_mp {background: url("../../images/designs/2/logbox_mp.png") no-repeat right top;}
#logbox .no_mp  {background: url("../../images/designs/2/logbox_mp.png") no-repeat right -32px;}

#logbox div.bloc_inscription, #logbox div.bloc_connexion
{
    font-size: 0.8em;
    color: #D3E9FF;
    width: 48%;
    padding: 5px 0 0 5px;
    margin: 7px 0 0 55px;
    line-height: 135%;
}
#logbox div.bloc_inscription a, #logbox div.bloc_connexion a { color: #D3E9FF }
#logbox div.bloc_inscription { float: left; margin: 0 }
#logbox div.bloc_connexion { margin: 0 0 0 51% }
#logbox a strong.liens_invites {font-size: 1.5em;color: #174A86;}
#logbox a:hover strong.liens_invites { color: #C87B02 }

#infos_membre {margin-top: 5px; margin-left: 54px; }

#popup_menu_compte ul { width: 85px; z-index:2102;}
#popup_menu_compte { width: 105px; }


/** CSS Employments **/
#field_employment_search, .fieldsHot
{
    color: #717171;
    border: 0px solid #71A6E1;
}



#recherche { margin: 0 0 0 20px; text-align: center; position: relative; }
#recherche input#champ_recherche {
    width: 119px;
    color: #717171;
    border: 1px solid #b9b9be;
    padding: 2px 5px 2px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height:15px;
    float:left;
    margin:2px 7px 0 1px;
}
#recherche select{
    border: 1px solid #b9b9be;
    width:90px;
    padding: 0px 1px 1px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    font-size:13px;
    float:left;
    margin:2px 8px 0 0;

}
#recherche p { margin: 0; float:right;}
#recherche input[type=image]{ height:22px; margin-top:-3px }
#recherche img.icon_avancee, #logbox img.icone_more, input[type=image] { vertical-align: middle; }

.adress{
    width: 30%;
    height: 100px;
}
/*	Speedbarre	*/


.menuh_more{
    padding:5px 10px;
    clear:both;
    display:block;
    text-align:right;
}

ul#speedbarre
{
    margin: 0;
    padding: 95px 0 0 26px;
    list-style-type: none;
    height: 27px;
    background: url("../../images/designs/2/speedbarre/bg_left_speed.png") no-repeat left 95px;
}
ul#speedbarre li
{
    float: left;
    color: #FFF;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-weight: bold;
}
ul#speedbarre li a
{
    display: block;
    line-height: 1.2em;
    background: url("../../images/designs/2/speedbarre/bg_speed.png") no-repeat right top;
    color: #FFF;
    padding: 6px 12px;
    height: 15px;
    text-align: center;
    text-decoration: none;
}
ul#speedbarre li a img { vertical-align: baseline; }
ul#speedbarre li a:hover, ul#speedbarre li a.last_item:hover { background-position: right -27px; }
ul#speedbarre li a.last_item { padding-right: 44px;background: url("../../images/designs/2/speedbarre/bg_right_speed.png") no-repeat right top; }

/*	Menus	*/
#menu
{
    float:left;
    width: 202px;
    color: #707070;
}
.ml
{
    margin: 20px;
}
.mleft
{
    margin-left: 20px;
}
.box_menu > h5
{
    width: 187px;
    height: 21px;
    margin: 0;
    padding: 7px 0 0 15px;
    background: #686868 url("../../images/designs/2/header_menus.png") no-repeat top right;
    color: #EBEBEB;
    font-size: 1em;
}
.box_menu .corpsmenu
{
    width: 194px;
    margin: 0 auto 15px auto;
    background: #FFF url("../../images/designs/2/bg_corps_menu.png") repeat-y left;
    border: 2px solid #D6D6D6;
    border-width: 0 2px 2px 2px;
    padding: 4px 2px;
}

.box_menu .corpsmenu p, .box_menu .corpsmenu ul, .box_menu .corpsmenu dl { margin: 0; }
.box_menu .corpsmenu ul, .box_menu .corpsmenu dl {list-style-type: none;padding: 0;}
.box_menu .menu_section, #menu_sondage .question_sd, .box_menu .corpsmenu dd {border-bottom: 1px solid #D1D1D1;padding: 5px;}
.box_menu .corpsmenu dt { padding: 5px 5px 0 5px; margin: 0 }
.box_menu .corpsmenu dd { padding-top: 0; margin: 0; color: #5B9DE0;}
.box_menu .corpsmenu ul li.last_idem_liste {border: 0;}
#formations_similaires ul li, #my_contributions ul li{border-bottom:0;padding:2px 0;}

.box_menu .liste_cours_menu h5 > a, .box_menu .liste_cours_menu h5 {font-size: 1em; color: #707070;}
.box_menu .liste_cours_menu h5 {margin:0; background : none; padding: 0;}

.img_etu_similaires
{
    max-width:130px;
}

.text_notepad
{
    overflow: hidden;
}

.liste_cours_menu {display: block;margin-left: 38px;}

.barre_msg,
.barre_msg_beta
{
    border: solid 2px;
    padding: 9px;
    padding-left: 40px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float:right;
    width:35%;
}
.button_connexion
{
    width: 150px;
    background: url("../../images/designs/2/bg_footer.png") repeat;
    margin: 33px 0 18px;
    border: solid 1px silver;
    padding: 3px;
    text-align: center;
    font-size: 1em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.barre_info_zozor
{
    background:#E9E9E9 url("../../images/designs/2/zcode/info_zozor.png") no-repeat 9px center;
    border-color:#5D5B5C;
    color:black;
}

.barre_msg_beta.barre_info,
.barre_msg.barre_info
{
    background:#DFFFDF url("../../images/designs/2/zcode/zcode_info_tn.png") no-repeat 9px center;
    border-color:#9FCF9F;
    color:#005F00;
}

.barre_msg_beta.barre_att,
.barre_msg.barre_att
{
    background:#FFF0DE url("../../images/designs/2/zcode/zcode_attention_tn.png") no-repeat 9px center;
    border-color:#CFB99F;
    color:#5F3300;
}

.barre_msg_beta.barre_error,
.barre_msg.barre_error
{
    background:#ffe7e7 url("../../images/designs/2/zcode/zcode_erreur_tn.png") no-repeat 9px center;
    border-color:#b22222;
    color:#be0b0b;
}

/*	Contenu	*/

.contenu
{
    padding: 15px 10px;
    background: url("../../images/designs/2/bg_debut_contenu.png") repeat-x top;
    background-position: left -20px;
    clear: left;
}

#corps {
	margin-left: 30px;
	margin-right: 30px;
}
#corps ul {	list-style-image: url("../../images/designs/2/zcode/liste_img.png");}

#arbre {font-size: 0.8em;}
#arbre img { margin: 0 3px 0 5px }
#arbre img.first_puce { margin-left: 0 }

/*      Zozor   */
#zozor_position
{
    float:right;
    margin-right:120px;
    height: 1px;
    position:relative;
    top:-8px;
    right:-20px;
}

#zozor
{
    position:absolute;
    z-index:100;
}

#arrow_border_error,
#arrow_border_att,
#arrow_border_info,
#arrow_border_info_zozor{
    background:url(../../images/bulle_zozor.png);
    width: 21px;
    height: 11px;
    position:absolute;
    top:20px;
    right:-21px;
}

#arrow_border_error
{
    background-position: 0 -93px;
}

#arrow_border_att
{
    background-position: 0 -62px;
}
#arrow_border_info
{
    background-position: 0 -31px;
}

#arrow_border_info_zozor
{
    background-position: 0 0;
}


/*	Page d'accueil	*/

.infobox
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 15px;
}
.infobox dd, .infobox dt{margin:0px; padding:0px;}
.infobox dl{padding:10px 5px 5px 45px; background:url("../../images/bg-menu.gif") repeat-x transparent; margin:0 0 5px 0; border: 1px solid #fff; position:relative;}
.icomenu{position:absolute; top:10px; left:5px;}
.infobox .conteneur_infobox { padding: 3px 6px;}
.infobox h3
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_titre.png") repeat-x top;
    font-size: 1em;
    height: 18px;
    margin: 0;
    padding: 5px 14px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    display: block;
    border: none;
}
.infobox h3.light
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_light.png") repeat-x top;
    font-size: 1em;
    height: 18px;
    margin: 0;
    padding: 5px 14px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    display: block;
    border: none;
}
.infobox h3 img { vertical-align: middle }
.infobox h3 a {	color: #B1D8FC; }
.infobox h3 a.blanc {	color: white; }
.infobox h3 a.fonce {	color: #1877D5; }

/*Test pub cote droit*/
#pave_pub_tuto_idem_without_border
{
    border: none;
    background-color: white;
    margin-top: 25px;
}



.cadre_photo
{
}
.cadre_photo img
{
    border: 2px solid #E3E7Ec;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 6px;
    margin: 20px 5px 20px 5px;
}

.cadre_photo h4
{
    font-size: 1em;
    color: black;
    margin: 0;
}

.cadre_photo table
{
    margin: auto;
}
table.cadre_submit_quizz
{
    width: 50%;
    margin: 20px 25%;
}
.pauto90
{
    width: 90%;
    padding: auto;
}
.p5px
{
    width: 90%;
    padding: 5px;
}

.pautof
{
    padding: auto;
    float: right;
}

.cadre_photo table td, table.cadre td
{
    padding: 30px 5px;
    margin: auto;
    vertical-align: top;
    width: 1%;
    text-align: center;
}

.liste_espacee li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

h3, .conteneur_infobox h3
{
    font-size:1.5em;
    margin: 0;
    color: #E8A22B;
    font-weight: normal;
    background: transparent;
}

.bloc_left_home { float: left;	width: 48%; margin: 0;}
.bloc_right_home
{
    width: 48%;
    float: right;
    margin: 0 auto;
}

div.contenu_a_la_une
{
    padding: 8px;
    text-align: justify;
    margin: 0 auto;
    overflow: auto;
    height: 190px;
}

.contenu_a_la_une a img.padding-right_10 {padding-right: 10px;}
.contenu_a_la_une img.width_120,.width_120 {width: 145px;}
.contenu_a_la_une div.marginleft_140 {margin-left: 140px;}

.bloc_foot_right_home
{
    text-align:right;
    margin-right:8px;
}

.slideshowpause,.slideshowplay
{
    margin-left:8px;
    margin-right:8px;
    cursor:pointer;
}

.bloc_foot_right_home a
{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:transparent;
    border:1px solid transparent;
    margin-left:1px;
    margin-right: 1px;
    padding:3px 7px !important;
    text-decoration:none;
}

#corps ul.pdf
{
    list-style-image: url("../../images/static/picto-pdf.png");
}

img.icone_services_sdz { float: left; margin-right: 10px;}
img.petite_icone_tutos { float: left; width: 35px; margin: 0 0 0 10px; }
img.petite_icone_news {	float: left; margin: 0 0 0 10px; }

.grosse_icone_news_edit { margin-left:170px; }

#services_sdz .row_module_index strong.titre_section_index, #derniers_tutos .row_module_index strong.titre_section_index { font-size: 15px; font-weight: bold;}

#dernieres_news .row_module_index,
#services_sdz .row_module_index,
#derniers_tutos .row_module_index
{
    padding: 10px;
    border-top: 1px solid #E3E7EC;
    background: url("../../images/designs/2/homepage/bg.png");
    background-position: top center;
    background-repeat: no-repeat;
}

#services_sdz .row_module_index:hover, #derniers_tutos .row_module_index:hover, #dernieres_news .row_module_index:hover
{
    background-color: #FFF;
}

#derniers_tutos .row_module_index_more:hover, #dernieres_news .row_module_index_more:hover
{
    background-color: #F8FAFD !important;
}

#services_sdz .first, #derniers_tutos .first
{
    background-image: none;
}

#services_sdz .last, #derniers_tutos .last
{
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
}

#services_sdz .row_module_index .margin_grande_icone ul li
{
    display: inline;
}

#derniers_tutos img.petite_icone_tutos
{
    margin: 0 0 0 10px;
}

#derniers_tutos p.margin_petite_icone
{
    margin: 0 0 0 60px !important;
}

.derniers_tutos_beta
{
    margin-top: 10px;  
}

.derniers_tutos_beta h3
{
    position: relative;
}

.derniers_tutos_beta .icone
{
    position: absolute;
    right: 2%;
    top: -5px;
}

span.job_headline
{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("../../images/star.png") no-repeat;
    background-position: 0px 2px;
}

.element_more
{
    display: inline-block;
    background: url("../../images/designs/2/homepage/bg.png");
    width: 6px;
    height: 8px;
    background-position: 7px 510px;
    font-style: normal;
}

#services_sdz .row_module_index .margin_grande_icone ul, #derniers_tutos .row_module_index .margin_grande_icone ul
{
    list-style-type: disc;
    list-style-image: none;
    color: #B9B9BE;
    margin: 0 0 0 57px;
    padding: 0;
}
#sondage .row_module_index { padding: 12px 17px 0 17px }

#corps #sondage ul.liste_reponses { list-style: none; padding-left: 0; }
.nbr_pourcent { color: #2677C9 }

/* Style du calendrier et des événements */

#evenements {overflow: hidden;}
#evenements table
{
    border-collapse: collapse;
    border: 1px solid #E3E7EC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    width: 64%;
}
#evenements table .sous_cat td { padding: 0 }
#evenements table th { padding: 2px 5px }
#evenements table td { background-color: #F8FAFD; border-bottom: 1px solid #E2E2E2; text-align: center; }
#evenements table th, #big_calendar th {background: #B7DEFD url("../../images/designs/2/bg_grosse_cat.png") repeat-x bottom;color: #154F8A;}
#corps #evenements td.event a { color: #FFF }
#corps #evenements td.event .eventslist a { color: #2677C9 }
#evenements .eventslist {
    position: absolute;
    display: none;
    width: 150px;
    background-color: #D2E3F4;
    opacity: .9;
    margin-left: -100px;
}
#evenements .eventslist ul
{
    list-style-type: none !important;
    list-style-image: none;
    list-style-position: inside;
    padding: 0;
}
#evenements .row_module_index {text-align: center; padding: 10px 17px; }
#evenements td.event {background: url("../../images/designs/2/homepage/bg_infobox_titre.png") repeat-x scroll center center;}

#derniers_tutos .row_module_index { padding: 12px 0 /* ; border-top: 1px solid #dee7f4 */; clear: both;}
#dernieres_news .row_module_index { padding: 10px 15px 7px 0; clear:both;}

.row_module_index strong.titre_section_index { font-size: 1.4em; font-weight: 100;}
.row_module_index p.margin_grande_icone { margin-left: 60px; padding: 0;}
p.margin_petite_icone {margin: 0 0 0 70px; padding: 0;}
p.resume_news {padding: 5px 0 0 0; 	text-align: justify;}
p.resume_objet{ margin-left: 100px;}
a.nbr_comments
{
    float: right;
    display: block;
    width: 33px;
    height: 21px;
    text-align: center;
    color: #FFF;
}
a.comments_nonew {background: url("../../images/designs/2/homepage/fond_comments.png") no-repeat left top;}
a.comments_new {background: url("../../images/designs/2/homepage/fond_comments.png") no-repeat left -42px;}
a.nbr_comments:hover {background-position: left -21px; color: #FFF;}

p.margin_petite_icone strong a {color: #1E6CC0;}
p.margin_petite_icone strong a:hover {color: #C87B02;}

.row_module_index span.sous_titre_module {color: #848484; font-size: 0.85em;}

.ligne_blocs_homepage
{
    overflow: hidden;
    height: 100%;
    margin-top: 10px;
}

.solve
{
    background: none;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
}


a.bouton_action, .bouton_action
{
    width: 145px;
    height: 22px;
    background: url("../../images/designs/2/bouton_action.png") no-repeat left top;
    display: block;
    text-align: center;
    color: #FFF;
    padding-top: 2px;
}
a.bouton_action_petit {font-size: 0.85em;}
.bouton_action:hover {background-position: left -24px;}


.flt_bt_right { margin-left: 160px }
.m_auto
{
    margin: auto;
    display: block;
    text-align: center;
}

/*	Pied de page	*/
#footer
{
    margin-top: 120px;
    clear: both;
    overflow: hidden;
    background: url("../../images/designs/2/bg_debut_contenu.png") repeat-x top;
    border-top: 3px solid #686868;
    padding-top: 0;
}
#footer ul
{
    display: block;
    margin: auto;
    width: 780px;
    margin-top: 0;
    padding: 0;
}
#footer ul li
{
    color: white;
    font-size: 1.1em;
    width: 150px;
    display: block;
    float: left;
    list-style-type: none;
}
#footer ul ul.dernier li
{
    width: 200px;
    display: block;
}
#footer ul ul
{
    margin: 8px 0 0;
    width: auto;
}
#footer ul ul li
{
    color: black;
    float: none;
    font-size: 0.75em;
    margin: 2px 0;
    width: auto;
}

/* News */
.taille_news {width: 70%; float: left;}
.auteur_date_commentaires {font-size: 0.85em;margin-bottom: 11px;}
.commentaires_news {color: #666; float: right;}

#news_accroche{
    float: left;
    width:386px;
    height:inherit;
    margin: 0 8px 0 0;
}

#news_accroche + p{
    margin: 0;
}
#news_accroche + p + br{
    clear: both;
}

#comments_news_table{
    float: left;
    width: 100%;
}

/* Cadres */
/*Bouton acueillant des images de dimensions maximum 150x150 px et 100x100 px*/
.btn150, .btn100
{
    border:1px solid #A3C0D5;
    background-color:#E9F0F5;
    padding: 5px;
    margin: 5px;
    float:left;
    text-align: center;
}
.btn150 { width: 175px;	height: 175px;}
.btn100 { width: 125px; height: 125px;}

.cadre_btn {width: 95%; float: left;}

/* Global */
.auteur_date
{
    border:1px solid #A3C0D5;
    background-color:#E9F0F5;
    margin: 4px;
    padding: 4px;
}
.cadre_auteur_date
{
    width:300px;
    float:right;
    min-width: 350px;
    width: 30%;
    margin-left: 10px;
}
.cadre_info_news
{
    width:27%;
    min-width:200px;
    float:right;
}
.corps_cote_cadre_auteur_date {	width:65%; }

.photo
{
    float:left;
    background-color: #F8FAFD;
    border: 2px solid #E3E7Ec;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    padding: 4px;
    margin: 4px;
}
.photo_tableau_cats
{
    border: 2px solid #A3C0D5;
    float: left;
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 20px;
}
.cont_photo_galerie
{
    height: 380px;
    width: 320px;
    text-align: center;
    float: left;
}
.photo_galerie {border: 2px solid #A3C0D5;	margin: 10px;}
.photo_galerie:hover {border: 2px solid #F60;}

.disclaimer_ecole
{
    font-size: 0.9em;
    margin-top: 30px;
    text-align: right;
}
.logo_liste {margin: 20px;}

acronym
{
    border-bottom:1px dotted;
}
@media screen
{
    acronym
    {
        cursor:help;
    }
}

/* Messages */
#message_0, #message_1, #message_2 /* Tous les messages */
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 150px;
    margin-top: -75px;
    margin-left: -200px;
}
#message_token /* message token */
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 400px;
    margin-top: -200px;
    margin-left: -200px;
}
#message_token .contenu_msg {background: url('../../images/designs/2/zcode/zcode_erreur.png') 13px 12px no-repeat; color: red;}
#message_token p.legende {color: #000; font-size: 11px;}
#message_token textarea {height: 190px;}
.contenu_msg { margin: 2px 0 0 0; padding: 12px 10px 10px 64px;}
#message_0 .contenu_msg, #message_2 .contenu_msg /* Message 0 : indécis. Message 2 : action correctement effectuée */
{background: url('../../images/designs/2/zcode/zcode_info.png') 13px 12px no-repeat; color: green;}
#message_1 .contenu_msg /* Message 1 : erreur */
{background: url('../../images/designs/2/zcode/zcode_erreur.png') 13px 12px no-repeat; color: red;}

#pas_attendre
{
    font-style: italic;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
#message_zcode
{
    background-color: white;
    border: 1px solid #CCC;
    margin-top:150px;
    margin-left:50px;
    margin-right:50px;
    padding: 8px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-image: url('../images/zcode/zcode_erreur.png');
    color: red;
}
code {margin-left: 25px; font-size: 0.9em;}

/* Tableaux */
/* Tableau listant les messages des visiteurs. Cela comprend le forum, les MP, les commentaires de news, de tutos etc. */
.liste_messages
{
    width: 98%;
    margin: auto;
    margin-top: 10px;
    border-collapse: collapse;
    border: 1px solid #C7D6E0;
    background-color: #F8FAFD;
}
.liste_messages thead
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.liste_messages th
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_titre.png") repeat-x bottom;
    padding: 5px 3px;
    color: #FFF;
    text-align: center;
}
.liste_messages tbody
{
    border-bottom:1px solid #2C485C;
    border-top:1px solid #2C485C;
}
.liste_messages td
{
    border: 1px solid #E2E2E2;
    padding: 2px 3px;
    vertical-align: top;
}
.liste_messages img {max-width: 660px;}
.pseudo_membre, .dates {font-size: 0.9em;}
.pseudo_membre a:hover, .dates a:hover { text-decoration: underline }
.liste_messages td.pseudo_membre {width: 155px;}
.liste_messages .header_message td {background: #B7DEFD url("../../images/designs/2/bg_grosse_cat.png") repeat-x bottom; color: #154F8A;}
.liste_messages .header_message_bonne_reponse td {background: #BAF0D5; color: #154F8A;}
.liste_messages td.infos_membre, .liste_messages td.message {background-color: #FFF;}
.liste_messages td.infos_membre {text-align: center;}
.liste_messages td.message {padding: 5px;}
.signature
{
    margin-top:20px;
    clear: both;
    height: 100px;
    max-width: 470px;
    overflow: hidden;
    font-size:0.8em;
}
.signature hr
{
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    border-top-width: 1px;
}
.message {vertical-align:top;}
.boite_message {width:100%; margin:0px;padding:0px;} /* Empèche les grandes images d'agrandir la fenêtre */
.infos_membre {vertical-align:top;font-size:0.8em;}
.message_bonne_reponse {background-color:#CFFFCD;}
.icone_commande {width: 15px;	height: 15px;}

/* Tableaux listant les catgories à savoir : liste des forums, liste des catgories de tutos, liste concours, liste études etc */
.liste_cat
{
    width: 98%;
    margin: auto;
    margin-top: 10px;
    border-collapse: collapse;
    border: 1px solid #C7D6E0;
    background-color: #F8FAFD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/* Tableau historique e-mail de contact backend */
.sf_admin_list .liste_cat
{
    width: 98% !important;
}

.liste_cat th
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_titre.png") repeat-x bottom;
    padding: 5px 3px;
    color: #FFF;
    text-align: center;
}
.liste_cat th a {color: #B1D8FC;}
.liste_cat tfoot td, .liste_cat thead td {padding: 2px 3px;}
.grosse_cat td {color: #1877D5;	padding: 3px; background: #B7DEFD url("../../images/designs/2/bg_grosse_cat.png") repeat-x bottom;}
.grosse_cat a {text-decoration: none;color: #1877D5;font-size: 1.1em;}

td.nom_forum { padding-left: 15px; }
.espace_postit td {height: 15px;}

.sous_cat td
{
    color: #333;
    border: 1px solid #E2E2E2;
    border-width: 1px 0;
    vertical-align: middle;
    padding: 3px;
}
.sous_cat .dernier_msg  {border-right: 1px solid #A3C0D5;}
.ligne_impaire td {	background-color: #ECEFF2;}

/* Forums */
.btn_supprimer_msg { text-align: right;	margin-top: 10px;}
.boutons_saut_forum { padding: 12px 0;}
.boutons_saut_forum p { margin: 0; }
.aucun_sujet, .pas_de_message {text-align: center;font-size: 1.3em;}

.switch_forum
{
    width: 99%;
    height: 21px;
}

#wrapper
{
    float: right;
    position: relative;
    top: 11px;
}

#actif
{
    color: #ffffff;
    text-shadow: 0px 1px #5a5a5a;
    padding-right: 10px;
    margin-left: 5px;
}

#inactif
{
    font-weight:normal;
    color: #1f1f1f;
    text-shadow: 0px 1px #f8f8f8;
    margin-left: 5px;
    padding-right: 10px;
}

.switch_forum #onglet_forum_actif
{
    float: left;
    background: url("../../images/designs/sciences/forum/onglet.png") no-repeat;
    padding-left: 21px;
    line-height: 21px;
}

.switch_forum #onglet_forum_actif_repeat
{
    float: left;
    background: url("../../images/designs/sciences/forum/onglet.png") repeat-x;
    height: 21px;
    background-position: 0 -65px;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -o-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    -ms-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.switch_forum #onglet_forum_science_repeat
{
    float: left;
    background: url("../../images/designs/sciences/forum/onglet.png") repeat-x;
    background-position: 0 -107px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    line-height: 21px;
}

.dernier_msg
{
    font-size: 0.85em;
    font-style: italic;
    padding: 2px 2px 2px 5px;
}
.message_edite
{
    margin-top: 15px;
    padding-left: 30px;
    font-style: italic;
    font-size: 0.8em;
    clear: both;
}
.reprise_dernier_message
{
    text-indent: 20px;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}
.cats_colonne_flag { width:7% }
.cats_colonne_sujets, .cats_colonne_reponses, .cats_colonne_connectes{ width:8% }
.cats_colonne_dernier_msg{ width:19% }
.forum_colonne_flag{ width:4% }
.forum_colonne_categorie{width: 12%}
.forum_colonne_page{ width:6% }
.forum_colonne_createur{ width:9% }
.forum_colonne_reponses { width: 4% }
.forum_colonne_dernier_msg{ width:18% }

#rep_rapide {text-align: center;border: none;}
#rep_rapide textarea {width: 60%; height: 120px;}


.reponse_ajout_sujet {margin-top: 30px;}

.sujet_resolu
{
    background-color: #BAF0D5;
    padding: 5px 10px;
    margin: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
tr.sujet_alerte td
{
    background-color: #FEDEE0;
    color: #CF8084;
}
tr.sujet_alerte td a { color: #CF8084; }
tr.sujet_alerte td a span.bulle
{
    /*background-position: 0 -2px;*/
    color: black;
    position:        relative;
    bottom:          5px;
    left:            -5px;
    font-size:       11px;
    /*padding:         3px 0;
    width:           23px;
    height:          23px;*/
    text-align:      center;
    display:         inline-block;
}
p.sujet_alerte
{
    background-color: #FEDEE0;
    padding: 5px 10px;
    margin: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.info_bonne_reponse
{
    background-color: #BAF0D5;
    border:1px solid green;
    padding: 6px 8px;
    margin-bottom: 12px;
    font-size: 1.1em;
}
.actions_sujet
{
    margin: 0px;
    color: #2677C9;
    text-decoration: none;
    font-weight: none;
}
.actions_sujet:hover
{
    margin: 0px;
    color: #C87B02;
    text-decoration: none;
    font-weight: none;
    cursor: pointer;
}

/* Calendrier */
#big_calendar
{
    text-align: center;
    border-spacing: 1px;
    font-size: 1.0em;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #C7D6E0;
    background-color: #F8FAFD;
}
#big_calendar tbody a {	display: block;	height: 100%; padding: 1px 2px;}
#big_calendar tbody a:hover {background: #BFE2FA; text-decoration: none;}
#big_calendar td { padding: 2px; }
#big_calendar .sous_cat td { border: none; }
#big_calendar .eventslist {background-color: #EBF0F6; border: 1px solid #BCD1DF;z-index: 10;}
#big_calendar .eventslist li, #big_calendar .eventslist ul {margin: 0;	padding: 0;	list-style-type: none; list-style-image: none;}
#big_calendar #today, #evenements td #today a {	border: 1px solid #5C9DE7;	display: block;}
#big_calendar { width: 80%; }
#big_calendar td { width: 14%; }
#big_calendar tbody a {	height: auto; padding: 2px; }
#big_calendar .eventslist li, #big_calendar .eventslist p {margin: 0 0 1px;	background: #DEEAF4;}
#big_calendar .eventslist { height: 85px; }

/* Descriptif des évènements */
ul.evt-infos
{
    border:1px solid #A3C0D5;
    background-color:#E9F0F5;
    margin:8px;
    width:30%;
    float:right;
    list-style-type: none;
    padding: 8px;
}
li.evt-infos { padding: 0; margin: 2px;}

/* Admin & options membres & cours tuto*/
.boutons_box {float: left; width: 55%;}
.button_box
{
    padding: 5px;
    margin: 5px;
    float:left;
    text-align: center;
}
.button_box a:hover {text-decoration: none;}
.button_box a:focus {background:none !important;}

.sections_options {margin-left: 55%;}
.section_option {margin: 5px; float:left;width:80%;}

.ensemble_admin, .ensemble_membre {width:95%; margin:auto;}
.sstitre_section {font-weight:bold; color:#707070; list-style: none;}

.bouton_tuto
{
    margin: 5px;
    padding: 0px;
    float:left;
    text-align: center;
    height: 200px;
    width: 160px;
}
.bouton_tuto .image_cat
{
    height: 100px;
    width: 200px;
    background: #79B6FC url("../../images/designs/2/bg_header.png") repeat-x top;
    display: table-cell;
    vertical-align: middle;
}
.bouton_tuto hr.bouton_hr
{
    border-color:#9F9F9F -moz-use-text-color #CCC;
    border-style:solid none;
    border-width:2px 0 1px;
    margin: 0px;
    padding: 0px;
}
.bouton_tuto > h3
{
    margin: 0px;
    padding: 0px 0px 12px 0px;
    line-height: 30px;
    background-color : #707070;
}

.description_produit
{
    padding:5px;
}

.bouton_boutique
{
    margin: 5px;
    padding: 0px;
    float:left;
    text-align: center;
    width: 330px;
    min-height: 300px;
}
.bouton_boutique .image_objet
{
    height: 171px;
    width: 330px;
    background: #79B6FC url("../../images/designs/2/boutique/bg_objet_boutique.png") repeat-x top;
    display: table-cell;
    vertical-align: middle;
}
.bouton_boutique hr.bouton_hr
{
    border-color:#9F9F9F -moz-use-text-color #CCC;
    border-style:solid none;
    border-width:2px 0 1px;
    margin: 0px;
    padding: 0px;
}
.bouton_boutique > h3
{
    margin: 0px;
    background-color : #707070;
    padding:5px;
}

.boutiquebox
{
    -moz-border-radius:10px 10px 10px 10px;
    background-color:#F8FAFD;
    border:2px solid #E3E7EC;
    margin-bottom:15px;
}

.boutiquebox h3 {
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background:url("../../images/designs/2/homepage/bg_infobox_titre.png") no-repeat scroll center top #808080;
    border:medium none;
    color:#FFFFFF;
    display:block;
    font-size:1em;
}

#contenu_boutique
{
}

#contenu_boutique_gauche
{
    width : 63%;
}

#contenu_boutique_droite
{
    width : 35%;
    float: right;
}

.boutique_article
{
    width : 40%;
    float: left;
    margin: 5px;
}

.boutique_answer_sit
{
    margin:5px 5px 5px 20px;
    border-left: 5px solid #00548a;
    padding:5px;
}

.boutique_acheter_onSdZ{
    width: 100%;
    text-align: center;
    margin: auto;
    color: #1877D5;
    font-size: 2em;
    font-weight: 100;
    margin-bottom: 8px;
    margin-top: 8px;
}

.boutique_add_photo{
    width:100%;
    clear:both;
}

.boutique_post_photo{
    width: 80%;
    text-align:center;
}

.boutique_new_article{
    text-align: center;
    margin-bottom: 30px;
    width:80%;
}

.logo_boutique_sdz{
    padding: 25px;
}


.onglets_boutique
{
    width:100%;
    background:  url("../../images/designs/2/tutos/bas_onglets.png") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px;
}


#corps .onglets_boutique ul {margin:0;padding:10px 10px 0;list-style:none;}
#corps .onglets_boutique li {vertical-align:baseline; float:left;background:url("../../images/designs/2/tutos/bg_onglets.png") no-repeat left -28px;margin:0 3px 0 0;padding:0 0 0 21px;}
#corps .onglets_boutique li img {vertical-align:baseline;}
#corps .onglets_boutique a
{
    float:left;
    display:block;
    background:url("../../images/designs/2/tutos/bg_onglets.png") no-repeat right -28px;
    padding: 5px 21px 4px 0px;
    text-decoration:none;
    font-weight:bold;
    color:#0045A0;
}
#corps .onglets_boutique a:hover {color: #FFF;}
#corps .onglets_boutique .selected {background-position: left 0;}
#corps .onglets_boutique .selected a {color:#FFF;padding-bottom:4px;background-position: right 0;border-bottom: none;}

.disclamer_preco{
    width: 100%;
    font-weight: bold;
    color: #FF0000;
    text-align: center;
}

.bookmarklet_details
{
    color:#666666;
    margin-bottom:10px;
    margin-left:10px;
    width:180px;
}

.bookmarklet_link
{
    background-image:url('../../images/admin/bkmarklet_button.png');
    background-repeat:no-repeat;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    font-size:11px;
    height:19px;
    line-height:19px;
    margin: auto;
    margin-bottom:6px;
    margin-top:10px;
    padding-bottom:2px;
    text-align:center;
    vertical-align:bottom;
    width:114px;
}

a.bookmarklet_link
{
    text-decoration:#FFFFFF;
    color:#FFFFFF;
}


/* Livre d'or */
#formulaire_livreor {width:45%; min-width:453px; margin:auto;}
#formulaire_livreor p, #presentation_livreor {text-align:center;}
#formulaire_livreor textarea {	width:95%;	height:100px;}

.ensemble_blocs
{
    border:1px solid #A3C0D5;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}
.lor_bloc_msg
{
    padding:8px;
    overflow:hidden;
}
.lor_infos_msg
{
    font-size:70%;
    margin-bottom:0px;
    padding-top:4px;
    padding-left:8px;
    padding-right:8px;
    color:#2C485C;
}

/* Connection */
.connection_header
{
    padding: 2px 0 15px 130px;
    background: url('/images/designs/2/zozor_connex.png') no-repeat 30px top;
}
.connection_header p
{
    margin: 6px 0;
}
.connection_header p#provider
{
    line-height: 60px;
}

#connection_form
{
    background: url('/images/designs/2/form/fieldset_background.png') repeat-x top center;
    min-height: 216px;
}
#connection_form fieldset
{
    background: none;
}
#connection_form input[type="text"], #connection_form input[type="password"]
{
    width: 160px;
}
#connection_form .submit_block
{
    padding-left: 0;
    text-align: right;
    width: 100%;
}
#connection_form .legend_required
{
    background: none;
    margin: 0 10px 0 0;
    text-align: right;
} #connection_form .legend_required span
{
    background: url('/images/designs/2/form/decoupe_formulaire.png') no-repeat -35px -343px;
    padding: 0 0 0 15px;
}
#connection_form .form_fields
{
    width: 100%;
}

.connection_block_right
{
    float: right;
}

div.connection_block_left p
{
    padding: 3px 11px;
}

.connection_block_left
{
    float: left;
}

#connection_separator
{
    background: url('/images/designs/2/connection/separator.png') no-repeat center center;
    line-height: 205px;
    text-align: center;
    width: 50px;
    float: left;
}

ul#providers_form
{
    list-style-type: none;
    padding: 0px 8px;
    margin-top: 0;
}

ul#providers_form li
{
    display: inline-block;
    width: 112px;
    height: 39px;
}

/* registration */
#registration_recaptcha
{
    margin: 20px 0 30px 0;
}

#registration_submit
{
    margin: 10px 0 20px 0;
}

/* Membres */
label.label_cote /* Les labels sont placés sur une "colonne" à gauche  */
{
    width:180px;
    clear:left;
    float:left;
    text-align:right;
    margin-right:15px;
}

.tableau_team, .tableau_dernieres_visites, .tableau_membres {width:80%;}
.tableau_connectes {width:90%;}
.tableau_anniversaires {width:30%;}

#pseudo_vld
{
    text-align: center;
    color: red;
    font-size: 1.5em;
}
#notepad_actuel
{
    border:1px solid black;
    width:80%;
    margin:auto;
    height:250px;
    overflow:auto;
    margin-bottom:35px;
    padding:3px;
    background-color:white;
}

.liste_membres_liste_zeros {left:195px;	margin-bottom:5px;}

#regles_site
{
    width:80%;
    height:350px;
    margin:auto;
    margin-bottom:10px;
    padding:5px;
    overflow:auto;
    border:1px solid black;
    background-color:white;
    text-align:justify;
}

.wrap_sections_profil {margin:auto;border-spacing: 20px;width:95%;max-width: 1000px;}
.wrap_sections_profil td {vertical-align: top;}
.wrap_sections_profil td p {margin-left: 40px;}
.wrap_sections_profil td ul {list-style-position: outside;list-style-type: none;}
.wrap_avatar {float: left; width: 150px; height: 150px; margin-bottom: 50px;text-align: center;}

.tableau_histo_psd, .tableau_avert, .tableau_sanctions {text-align: center;margin: 0px auto 0px auto;}
.tableau_histo_psd td, .tableau_avert td, .tableau_sanctions td {width: auto;padding:2px;border-bottom:1px solid #555555;}
.tableau_histo_psd th, .tableau_avert th, .tableau_sanctions th {padding:2px;}

.question_contact {font-weight:bold;margin-right:8px;text-align:right;}

/* Informations membres */
.cadre_info {margin: 0px auto 0px auto;}
.categories_infos {width: 100%;}
.infos_notif {padding-bottom: 45px;}
.mail_field {height:27px; max-width:450px}

/* Commande détaillée d'membre */
.command_in_detail {margin:auto;border-spacing: 20px;width:95%;max-width: 1000px;}
.command_in_detail td {width: 50%;vertical-align: top;}
.command_in_detail td p {margin-left: 40px;}
.command_in_detail td ul {list-style-position: outside;list-style-type: none;}

/* Pygmentize */
.code2 .hll { background-color: #FFC }
.code2 .c { color: #408080; font-style: italic } /* Comment */
.code2 .err { border: 1px solid #F00 } /* Error */
.code2 .k { color: #008000; font-weight: bold } /* Keyword */
.code2 .o { color: #666 } /* Operator */
.code2 .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.code2 .cp { color: #BC7A00 } /* Comment.Preproc */
.code2 .c1 { color: #408080; font-style: italic } /* Comment.Single */
.code2 .cs { color: #408080; font-style: italic } /* Comment.Special */
.code2 .gd { color: #A00000 } /* Generic.Deleted */
.code2 .ge { font-style: italic } /* Generic.Emph */
.code2 .gr { color: #F00 } /* Generic.Error */
.code2 .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.code2 .gi { color: #00A000 } /* Generic.Inserted */
.code2 .go { color: #808080 } /* Generic.Output */
.code2 .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.code2 .gs { font-weight: bold } /* Generic.Strong */
.code2 .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.code2 .gt { color: #0040D0 } /* Generic.Traceback */
.code2 .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.code2 .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.code2 .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.code2 .kp { color: #008000 } /* Keyword.Pseudo */
.code2 .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.code2 .kt { color: #B00040 } /* Keyword.Type */
.code2 .m { color: #666 } /* Literal.Number */
.code2 .s { color: #BA2121 } /* Literal.String */
.code2 .na { color: #7D9029 } /* Name.Attribute */
.code2 .nb { color: #008000 } /* Name.Builtin */
.code2 .nc { color: #00F; font-weight: bold } /* Name.Class */
.code2 .no { color: #800 } /* Name.Constant */
.code2 .nd { color: #A2F } /* Name.Decorator */
.code2 .ni { color: #999; font-weight: bold } /* Name.Entity */
.code2 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.code2 .nf { color: #00F } /* Name.Function */
.code2 .nl { color: #A0A000 } /* Name.Label */
.code2 .nn { color: #00F; font-weight: bold } /* Name.Namespace */
.code2 .nt { color: #008000; font-weight: bold } /* Name.Tag */
.code2 .nv { color: #19177C } /* Name.Variable */
.code2 .ow { color: #A2F; font-weight: bold } /* Operator.Word */
.code2 .w { color: #BBB } /* Text.Whitespace */
.code2 .mf { color: #666 } /* Literal.Number.Float */
.code2 .mh { color: #666 } /* Literal.Number.Hex */
.code2 .mi { color: #666 } /* Literal.Number.Integer */
.code2 .mo { color: #666 } /* Literal.Number.Oct */
.code2 .sb { color: #BA2121 } /* Literal.String.Backtick */
.code2 .sc { color: #BA2121 } /* Literal.String.Char */
.code2 .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.code2 .s2 { color: #BA2121 } /* Literal.String.Double */
.code2 .se { color: #B62; font-weight: bold } /* Literal.String.Escape */
.code2 .sh { color: #BA2121 } /* Literal.String.Heredoc */
.code2 .si { color: #B68; font-weight: bold } /* Literal.String.Interpol */
.code2 .sx { color: #008000 } /* Literal.String.Other */
.code2 .sr { color: #B68 } /* Literal.String.Regex */
.code2 .s1 { color: #BA2121 } /* Literal.String.Single */
.code2 .ss { color: #19177C } /* Literal.String.Symbol */
.code2 .bp { color: #008000 } /* Name.Builtin.Pseudo */
.code2 .vc { color: #19177C } /* Name.Variable.Class */
.code2 .vg { color: #19177C } /* Name.Variable.Global */
.code2 .vi { color: #19177C } /* Name.Variable.Instance */
.code2 .il { color: #666 } /* Literal.Number.Integer.Long */
/*End of Pygmentise*/

/* Spoiler */
.spoiler3 {	visibility: visible; }
.spoiler3_hidden { display: block; }
.spoiler_hidden a, .spoiler a
{
    visibility : hidden;
}


.supprimer_adresse
{
    float: left;
    width: 140px;
    margin-right: 8px;
    text-align: right;
}

/* zForm */
#corps label.center_label_cote
{
    line-height:23px;
}
#corps label.label_cote
{
    float: left;
    width: 150px;
    margin-right: 8px;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
}
.cadre_previsualisation_finale
{
    border: 1px inset #CCC;
    padding: 3px;
    margin: 10px 0 7px 0;
    width: 95%;
}
.code_parse_final
{
    max-height: 500px;
    overflow: auto;
}
.apercu_tps_reel
{
    border: 1px solid #2C485C;
    overflow: auto;
    margin-top: 1px;
    padding: 0.2em;
    width:95%;
}
#prev, #prev_texte, #prev_notepad, #prev_avert {height: 250px;}
#prev_intro, #prev_conclu, #prev_qst, #prev_explic, #prev_sig, #prev_bio, #prev_nws_texte, #nws_texte, #prev_cmt_texte, #cmt_texte {height: 200px;}

/* Tous les textarea des zForm */
.boutons{margin-right: 20px;cursor: pointer;}
.boutons_zform, .zform {margin-left: 150px;}
.boutons_zform img {border: 1px #f8fafd solid;}
.boutons_zform img:hover, .element:hover
{
    border-top: 1px #e3e7ec solid;
    border-left: 1px #e3e7ec solid;
    border-bottom: 1px #5F5F5F solid;
    border-right: 1px #5F5F5F solid;
}

.element
{
    border: 1px #f8fafd solid;
}
.smilies_zform {width: 130px; height: 180px; clear: left; float: left;}
.smilies, .smilies table td {text-align: center;}
.smilies_zform_grande {width: 130px;height: 280px;float: left;}
.smiley_cliquable, .bouton_cliquable {cursor: pointer;}

.opt_titre {text-align: center;	font-weight: bold;}
.lien_autobackup {float: right;	margin-right: 3em;}

/* Extra CSS pour la zForm */
.zform_menu
{
    cursor: pointer;
    display:none;
    position:absolute;
    background-color: #f8fafd;
    border: 1px #e3e7ec solid;
    padding: 2px;
}

.zform_couleur
{
    border: 1px #e3e7ec solid;
}

.zform_couleur:hover
{
    border: 1px #5f5f5f solid;
}

.boutons{float: left;}

.zform_trigger
{
    text-align: center;
    margin-right: 4px;

}

.clear{clear: both;}

.zform_menu
{
    display: none;
    position: absolute;
}


#liste_code
{
    padding: 2px;
    width: 150px;
    height:300px;
    overflow:auto;
}


div[id^="recent_"]
{
    color:brown;
    border: 1px #f8fafd solid;
}


div[id^="recent_"]:hover
{
    border-top: 1px #e3e7ec solid;
    border-left: 1px #e3e7ec solid;
    border-bottom: 1px #5F5F5F solid;
    border-right: 1px #5F5F5F solid;
}


div[id^="title_recent_"]
{
    color:brown;
}

/* Tutoriels */

h1.titre_tuto{
    font-weight: 500;
    font-size: 1.9em;
    background: none;
    padding-left: 0;
}

h1.titre_tuto img.icon_titre{
    padding: 3px;
    border: 1px solid #E3E7EC;
    width: 30px;
    font-size: 18px;
}

.onglets_tutos
{
    width: 100%;
    font-size: 93%;
    line-height: normal;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}
hr.bas_onglets {border: 0;	margin-bottom:30px;}

#corps .onglets_tutos ul {
    margin: 0;
    padding: 10px 0 2.5px 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #E3E7EC;
    height: 25px;
    overflow: visible;
}

#corps .onglets_tutos li {
    float: left;
    margin: 0;
    padding-right: 3px;
    position: relative;
}

#corps .onglets_tutos a
{
    float: left;
    display: block;
    background: url("../../images/designs/2/tutos/tut_button.png") repeat-x left -27px;
    padding: 0 20px;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    color: black;
    border: 1px solid #9FCBFB;
    border-radius: 6px;
    text-shadow: 0 1px 0 #FFFFFF;
    outline: none;
}

#corps .onglets_tutos .fav_button{
    float: right;
    padding-right: 0;
}

#corps .onglets_tutos .fav_button a{
    background-position: left 0;
    border: 1px solid #E3E7EC;
    padding: 0 10px;
}

#corps .onglets_tutos .selected{
    background: white;
    padding-bottom: 5px;
    padding-left: 3px;
}

#corps .onglets_tutos .first{
    padding-left: 0;
}

#corps .onglets_tutos .prev{
    padding-right: 0;
}

#corps .onglets_tutos .selected a, #corps .onglets_tutos .selected a.has_vote {
    height:20px;
    padding-bottom: 3px;
    background-position: left 0;
    border: 1px solid #E3E7EC;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
}

#corps .onglets_tutos a.no_exist, #corps .onglets_tutos a.has_vote{
    background-position: left -50px;
    border-color: #D1D1D1;
}

#corps .onglets_tutos a.no_exist{
    padding-right: 33px;
}

#corps .onglets_tutos li.selected a.no_exist{
    padding-right: 50px;
    background-position: left 0;
    border-color: #E3E7EC;
}

.vote_plus_un{
    background: url("../../images/designs/2/tutos/tut_button.png") no-repeat left -210px;
    float:left;
    width:36px;
    height:30px;
    position:absolute;
    top:-4px;
    right:6px;
}

.onglet_separation{
    background: url("../../images/designs/2/tutos/tut_button.png") no-repeat left -118px;
    float: left;
    width: 9px;
    height: 24px;
    margin-left: 6px;
}


.onglet_bas_gauche,.onglet_bas_droit{
    border-bottom:1px solid #E3E7EC;
    top:21.5px;
    position:absolute;
    width:6px;
    height:6px;
}

.onglet_bas_gauche{
    border-right:1px solid #E3E7EC;
    border-radius: 0 0 6px 0;
    left:-3px;
}

.onglet_bas_droit{
    border-left:1px solid #E3E7EC;
    border-radius: 0 0 0 6px;
    right:-3px;
}

.onglet_icone_livre,.onglet_icone_ebook,.onglet_icone_pdf,.onglet_icone_emploi{
    background: url("../../images/designs/2/tutos/tut_button.png") no-repeat;
    padding-left:25px;
    height:23px;
    float:left;
}

.onglet_icone_livre{
    background-position: 0 -139px;
}

.onglet_icone_ebook{
    background-position: 0 -162px;
}

.onglet_icone_pdf{
    background-position: 0 -185px;
}

.onglet_icone_emploi{
    background-position: -5px -731px;
}

.onglet_icone_fav{
    background: url("../../images/designs/2/etoile.png") no-repeat 0 3px;
    padding-left:25px;
    height:23px;
    float:left;
}

#menu_pub_tuto {position:relative;z-index:100;text-align: center;}

#menu_ajout_cours {width:100%;text-align:right;padding-top:5px;padding-bottom:5px;line-height : 23px;}

.auteur_date .avatar {margin-right:5px;}
.scrollable {overflow: auto;max-height: 400px;}
.infobox img.avatar {display:none;}
.infobox td > img:first-child {display:block;}
.infobox #auteurs{
    float:left;
}
.infobox #auteurs_liste{
    list-style: none outside none;
    margin-left: 20px;
}

#info_tuto_generales{
    background:#F4F4F4;
    color:#717171;
    min-height: 102px;
    width:100%;
}

.boite_avatar_100px {
    padding: 6px;
    background: white;
    border: 1px solid #E3E7EC;
    margin: 10px;
    float: left;
    position: relative;
    border-radius: 3px;
}

#info_tuto_generales .boite_avatar_100px img{
    width: 53px;
    position: relative;
    z-index: 2;
}

#info_tuto_generales img.mini_avatar_tuto{
    height:20px;
    background:white;
    padding:0 2px;
}

#info_tuto_generales #visites_tuto{
     float:right;
     margin-right:10px;
}

.blocinfo{
    margin-bottom:5px;
}

.bloctuto{
    float:left;
    width:100%;
}

.arrow_avatar{
    border-left: 1px solid #E3E7EC;
    border-bottom: 1px solid #E3E7EC;
    position: absolute;
    height: 10px;
    width: 10px;
    bottom: -6px;
    bottom: -5px\0/; /* ie8 and 9 */
    left: 28px;
    background: white;
    z-index:1;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)";
}

.level_indication, .tps_etude, .licence_tuto{
    margin-right:20px;
}

.boite_avatar_100px {display:none;}

.icone_chap /* L'ensemble icône + titre chapitre */
{
    width: 50px;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #E3E7Ec;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    padding: 4px;
    margin: 4px 20px 0 5px;
    font-size: 12px;
}
.avatar_carte
{
    width: 15%;
    float: left;
    margin-right:5px;
}
.pseudo_carte
{
    margin: 10px;
    text-align: left;
}
.flow_carte
{
    max-height: 650px;
    overflow-y: auto;
}
.flow_infobulle
{
    max-height: 150px;
    overflow-y: auto;
}
h3.flow
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_light.png") repeat-x top;
    font-size: 1em;
    height: 18px;
    color: #FFF;
    display: block;
    border: none;
    margin: 0 10px;
}
h3.flow2, h4.flow2
{
    background: #808080 url("../../images/designs/2/homepage/bg_infobox_light.png") repeat-x top;
    font-size: 1em;
    height: 13px;
    color: #FFF;
    display: block;
    border: none;
    margin: 0 10px;
}
.droite_chapitre {margin-left: 95px;}

.sommaire_chap .droite_chapitre{margin-left: 75px;}
.sommaire_chap .icone_chap{margin-right: 0;}

.titre_chapitre {margin-top:25px;}

.sommaire_chap {float: left;width: 445px}
.sommaire_chap span {font-size: 1.1em;display: block;margin-bottom: 10px;}

#btuto_intro{
    float: left;
    margin-top: 25px;
    width: 100%;
}

#chap_intro:first-letter, #chap_conclusion:first-letter, #btuto_intro:first-letter, #btuto_conclusion:first-letter {font-size: 1.3em;}

#btuto_conclusion
{
    clear: both;
}

#chap_conclusion{
    float: left;
    width: 100%;
}

#chap_intro{
    margin-top: 25px;
    margin-bottom: 25px;
}

#chap_intro:first-letter, #chap_conclusion:first-letter, #btuto_intro:first-letter, #btuto_conclusion:first-letter {font-size: 1.3em;}

.titre_sous_partie:hover {text-decoration: none;}

.liens_bas_tuto {text-align:center;margin-top:20px;float:left;width:100%;}

.sommaire_chap .liens_bas_tuto{
    margin-top:80px;
}

.sommaire_chap .liens_bas_tuto select{
    max-width: 440px;
}

.separateur_tuto {
	border-top: 2px solid #D2D1D0;
	float: left;
	width: 100%;
	height: 0;
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}

#corps a.retour_haut_tuto{
   background-color: white; position: relative; top: -0.8em;float:right;padding: 0 20px 0 5px;margin-right:15px;
   background: url("../../images/designs/2/fleche_haut.png") no-repeat right 0 white;
}

.bloctuto h2{
    margin-top: 0;
}

.liste_parties_btut .description-partie{
    margin-top: 18px;
}

#corps ul.liste_chapitres_btut li.contenu_chapitre{
    margin-top: 30px;
}

#corps ul.liste_chapitres_btut li.contenu_chapitre a.big_lien{
    font-weight: bold;
}

#corps ul.liste_parties_btut{
    margin-top: 0;
}

#corps ul.liste_parties_btut, #corps ul.nopuce, #corps ul.liste_chapitres_btut, #corps ul.reponses_qcm, #corps ul.liste_sommaire_chap {list-style: none;padding-left: 0;}
#corps ul.liste_parties_btut li, #corps ul.liste_chapitres_btut li, #corps ul.reponses_qcm li, #corps ul.liste_sommaire_chap li {background: none;}
#corps ul.liste_sommaire_chap, #corps ul.liste_btuto_chap {list-style: none;margin-top: 3px;padding: 0px;}

#corps ul.liste_sommaire_chap a{
    background: url("../../images/designs/2/fleche_bas.png") no-repeat scroll left 0 transparent;
    padding-left: 20px;
}

#pre_liste_parties{font-size:14px;margin-bottom:15px;}
#liste_parties {list-style-image:none !important;list-style-type:none !important;margin-left:40px;margin-bottom:0px;padding:0;}

#liste_parties a{
    background: transparent url("../../images/designs/2/fleche_bas.png") no-repeat left 0;
    padding-left: 20px;
}

/* Q.C.M. */
.question_qcm .question_header{height: 80px;width: 24px;background: transparent url("../../images/designs/2/tutos/ico_qcm.png") no-repeat 0 0; position:absolute; left: -21px; top: 15px;}
.question_qcm {position: relative; color:#145AC1; background: transparent url("../../images/designs/2/tutos/bg_qcm.png") repeat-y top left; padding: 15px 0 15px 14px; margin: 20px 0 10px 21px;}
.question_qcm .question {background:none;}
.question_qcm .rmq {padding: 0 0 0 10px; }
.question_qcm label, .question_qcm .code, .question_qcm .code2{color:#1f1f1f;}

.logo_reussite {width:60px;}

#note_cmt {margin-left:35px;}
#retour_cours {text-align:center;margin-top:30px;}

/* Creation d'un Q.C.M */

.add_qcm_possible_answer_input{
    width: 50%;
}

.add_qcm_possible_answer_label, .add_qcm_possible_answer_input{
    margin: 2px 0;
}

/* Correction Q.C.M */
.question_qcm h5{
    font-size:13px;
    font-weight: bold;
    margin:0;
    padding:0;
}

.reps>li{
    display:block;
}

ul.reps, ul.reps>li, ul.reps_qcm{
    list-style:none;
    margin:0;
    color:#1f1f1f;
    padding:0;
}

ul.reps_qcm ul{
    padding:11px 0 0 28px;
}

ul.reps>li,li.rep_true, li.rep_false{
    padding:11px 12px 10px 0;
}

.question_qcm p{
    margin:0;
    padding-left:10px;
}

.reps_qcm{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.rep_is_good {width:90%;}
.indic_true_rep {
    background : url("../../images/designs/2/tutos/fleche.png") no-repeat;
    float: left;
    width: 20px; /* 10px for margin-right equivalent */
    height: 29px;
}
.question_qcm .rep_true .indic_true_rep + h5 + p {
    padding-left: 30px;
}
.rep_true p{color:#11a001;}
.rep_false p{color:#d91717;}

.reps .question{color:#145AC1;}

.question_qcm .question_header_f, .question_qcm .question_header_t  {
    height:80px;
    left:-21px;
    position:absolute;
    top:15px;
    width:24px;
}

.question_qcm .question_header_f{
    background:url("../../images/designs/2/tutos/qcm_faux2.png") no-repeat scroll 0 0 transparent;
}

.question_qcm .question_header_t{
    background:url("../../images/designs/2/tutos/qcm_vrai2.png") no-repeat scroll 0 0 transparent;
}

#note_cmt #note{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* Liste des tutos classés par catégorie */
.tutos_cats_tableau {width:40%;}
.tutos_nbre {width:15%;}
.pas_tutos {text-align:center;font-size:1.3em;border:1px solid #A3C0D5;background-color:#E9F0F5;}

/* Commentaires de tutos */
#rep_rapide {text-align: center;border:none;}
#rep_rapide textarea {width:50%;height:100px;}

#zcorrige {text-align: center;width: 100%;}
#zcorrige img {margin-top: 20px;height: 40px;}

.options_valido {border:1px solid #A3C0D5;background-color:#E9F0F5;margin-bottom:10px;}

#tabs_same {float: left; margin: 10px 0 15px 0; width:50%; max-width: 600px; font-size: 1em;}
#tabs_same a:link, #tabs_same a:visited, #tabs_same a:active { color: #2677C9; text-decoration: none; }
#tabs_same a:hover { color: #C87B02; }

/* Edition de tutoriels */
.boite_a_outils {width: 180px;float: right;}

.detail_tuto_edition {margin-right: 200px;}



#tut_vot_ldz_img
{
    margin-right: 10px;
}

.tut_appreciation
{
    float: left;
    text-align: center;
    margin-left: 5px;
    width: 10%;
}

.tut_appreciation_smiley
{
    width: 19px;
    height: 19px;
    margin: auto;
    background-image: url(../../images/designs/2/tutos/evaluate.png);
    background-repeat: no-repeat;
}

.tut_appreciation_smiley.eval_enabled, .tut_appreciation_delete img:hover
{
    cursor: pointer;
}
.has_rated
{
    cursor: help;
}

/* Infobulle */
a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle:hover { z-index: 900; }
a.infobulle:hover span
{
    display: inline;
    position: absolute;
    top: 25px;
    left: 30px;
    border: 2px #DEE5F0 solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #F6F8FC;
    padding: 6px;
    width: 200px;
}

.corps_inter
{
    background:#FFF url(../../images/designs/2/bg_corps_menu.png) repeat-y scroll left center;
    border-color:#D6D6D6;
    border-style:solid;
    border-width:0 2px 2px;
    margin:0 auto 15px;
    padding:4px 2px;
    width:164px;
    white-space: nowrap;
}
.corps_inter ul
{
    list-style-type:none;
    padding: 0px;
    margin: 0px;
}

.li_menu_img
{
    padding-top:6px;
    padding-bottom:6px;
}

.menu_ters .begin_contributions_date{
    padding-left: 2px !important;
}

#my_contributions ul li.begin_contributions_date
{
    padding-left: 10px;
    font-weight:bold;
    color: #707070;
}

#my_contributions ul li.end_contributions_date
{
    font-weight:bold;
    border-top: 1px solid #D1D1D1;
    text-indent: 10px;
    padding-top: 6px;
}

#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #101000;
    background-color: #FF9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    opacity: 0.85;
    color: #000;
}

#tooltip.tooltip_in_book
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #B9DAFB;
    background-color: #dfedfd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    opacity: 0.95;
    color: #2677c9;
}
#tooltip h3
{
    font-size:1em;
    margin: 0;
    margin-left: 0;
    color: black;
    font-weight: normal;
}

#mes_tuto_favoris ul a.suppr {padding-left: 10px;background: transparent url(../../images/designs/2/forum/supprimer.png) no-repeat scroll;visibility: hidden;}
#mes_tuto_favoris li:hover {visibility: visible;}


/* Diff */
ins {font-weight: bold;color: green;text-decoration:none;white-space:pre-wrap;}
del {font-weight: bold; color: red; text-decoration:none;white-space:pre-wrap;}
td.diff-deletedline {background:#FFA none repeat scroll 0 0;}
td.diff-addedline {background:#CFC none repeat scroll 0 0;}
td.diff-context {background:#EEE none repeat scroll 0 0;}
td.diff-deletedline, td.diff-addedline, td.diff-context {line-height:1.8em;font-size: 0.9em;color:inherit;vertical-align:top;}
td.diff-marker {text-align: right;}
table.diff {width: 100%;table-layout: fixed;}
table.diff col.diff-marker {width:2%;}
table.diff col.diff-content {width:48%;}

/*Redirection Code Web*/

.bloc_form_codeweb{
    float: right;
    margin-right: 20px;
    width: 255px;
}

.codeweb_msg{
    margin-right: 270px;
}

/* Page Simpleit Qui sommes nous ? */
.bloc_simpleit
{
    display:block;
}

.lien_simpleit:active , .lien_simpleit:visited , .lien_simpleit:link{
    outline:none;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ------------------------- AUTOCOMPLETE JQUERY <<<------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */
.ac_results
{
    padding: 0px;
    border: 1px solid #2568B1;
    background-color: #5895E3;
    overflow: hidden;
    z-index: 5000;
    color: white;
    opacity: .9;
    filter: alpha(opacity=90);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.ac_results ul
{
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li
{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
    /*width: 100%;*/
    font: menu;
    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: #A8DFFC url('../../images/designs/2/loading_petit.gif') right center no-repeat;
    opacity: .8;
    filter: alpha(opacity=80);
}
.ac_odd {background-color: #5CA0E9;}
.ac_over {background-color: #C87B02;color: white;}
/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------END OF CSS AUTOCOMPLETE JQUERY DEFINITION<<<------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---- THICKBOX SPECIFIC LINK AND FONT SETTINGS <<<------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666; }
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color: #666;}
#TB_window a:hover {color: #000;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(/images/designs/2/jquery/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window
{
    position: fixed;
    background: #FFF;
    z-index: 102;
    color:#000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}
#TB_window img#TB_Image
{
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load
{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
#TB_HideSelect
{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#FFF;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}
#TB_iframeContent
{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
}
/** IE6 HACK **/
* html #TB_overlay, * html #TB_HideSelect
{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
* html #TB_window, * html #TB_load
{position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------- END OF THICKBOX CSS DEFINITION <<<------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */

#corps ul.tree, #corps ul.tree ul {
    list-style-image: none
}

ul.tree, ul.tree * {
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}

ul.tree img.arrow {
    padding: 2px 0 0 0;
    border: 0;
    width: 20px;
}

ul.tree li {
    padding: 4px 0 0 0;
    clear: both;
}

ul.tree li ul {
    padding: 0 0 0 20px;
    margin: 0;
}

ul.tree label {
    cursor: pointer;
    font-weight: bold;
    float: left;
    display: inline;
    white-space: nowrap;
}

ul.tree label.hover {
    color: red;
}

ul.tree li .arrow {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: left;
    background: transparent no-repeat 0 3px;
}

ul.tree li .collapsed {
    background-image: url('../../images/designs/2/collapsed.gif');
}

ul.tree li .expanded {
    background-image: url('../../images/designs/2/expanded.gif');
}

ul.tree li .checkbox {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: left;
    background: transparent no-repeat 0 2px;
    background-image: url('../../images/designs/2/check0.gif');
}

ul.tree li .checked {
    background-image: url('../../images/designs/2/check2.gif');
}

ul.tree li .half_checked {
    background-image: url('../../images/designs/2/check1.gif');
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------- START OF jQuery UI CSS Framework <<<----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-datepicker-multi .ui-datepicker-group, .alignleft { float: left; }
.ui-widget { font-family: TrebuchetMS, "Trebuchet MS", Verdana, Tahoma, sans-serif;font-size: 1em;color: #1F1F1F; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
	/* http://bugs.jqueryui.com/ticket/7233
	 - Resizable: resizable handles fail to work in IE if transparent and content overlaps
	*/
	background-image:url(data:);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.12
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------- END OF jQuery UI CSS Framework <<<----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.flux_popup{
    overflow: hidden;
    position: absolute;
    display: none;
    width: 350px;
    z-index: 100;
}

.flux_popup ul{
    list-style: none;
}

.flux_popup a.lien_flux{
    color:#2677C9;
    text-decoration:none;
}

.selecteur_flux{
    margin-top: 5px;
}






/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------- BEGIN OF SortTable <<<----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
table.tablesorter
{
    background-color:#CDCDCD;
    font-family:arial;
    font-size:8pt;
    margin:10px 0 15px;
    text-align:left;
    width:100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th
{
    background-color:#E6EEEE;
    border:1px solid #FFFFFF;
    font-size:8pt;
    padding:4px;
}

table.tablesorter thead tr .header
{
    background-image: url(../../images/designs/2/sorttable/bg.gif);
    background-position:right center;
    background-repeat:no-repeat;
    cursor:pointer;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
{
    background-color:#8DBDD8;
}

table.tablesorter thead tr .headerSortDown
{
    background-image:url(../../images/designs/2/sorttable/desc.gif);
}

table.tablesorter thead tr .headerSortUp
{
    background-image:url(../../images/designs/2/sorttable/asc.gif);
}

table.tablesorter tbody tr td
{
    background-color:#F0F0F6;
    padding: 5px;
}

table.tablesorter tbody tr.odd td
{
    background-color:#F0F0F6;
}

table.tablesorter tbody tr.even td
{
    background-color:#FFFFFF;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------- END OF SortTable <<<----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
.expandable
{
    background:     transparent url('../../images/designs/2/border_arron_plus_f.png') repeat-x left bottom;
    border-bottom : 0 none;
}

.expend span.more, .moreexpend
{
    background: transparent url('../../images/designs/2/puce_plus.gif') no-repeat;
    display:block;
    height:16px;
    line-height:16px !important;
    overflow:hidden;
    width:16px;
}

.addthis_toolbox .vertical
{
    margin-bottom: 5px;
}

.addthis_toolbox .vertical a
{
    position: relative;
    display: block;
    padding: 4px 0 4px 22px;
    text-decoration: none;
    color: #2677C9;
    outline: none;
}

.addthis_toolbox .vertical a:hover
{
    color: #C87B02;
}

.addthis_toolbox .vertical span
{
    position: absolute;
    left: 2px;
    top: 4px;
}

#form_alert
{
    -moz-border-radius:20px 20px 20px 20px;
    border:2px solid #D6D6D6;
    margin-top:10px;
    padding:10px;
    width:400px;
    height: 140px;
    background:url("../../images/designs/2/bg_corps_menu.png") repeat-y scroll left center #FFFFFF;
}

#form_alert select
{
    width: 87%;
}

#form_alert #bloc_other
{
    margin-top: 10px;
}

#form_alert input[type="button"], #send_alert_submit
{
    float:right;
    margin:10px 15px 0 0;
}

#form_alert h5
{
    -moz-border-radius:10px 10px 10px 10px;
    color:#00000;
    background: none;
    font-size: 14px;
    padding: 5px 3px;
    text-align: center;
    margin: 0 0 15px;
}

ul.onglet_tuto{
    padding:0px;
}

.onglet_tuto li{
    list-style: none;
    position:relative;
}

.onglet_tuto li>a{
    background-image: url("../../images/designs/2/tutos/icos_list_tuto.png");
    background-repeat:no-repeat;
    padding:11px 0 0 60px;
    display:block;
    height:27px;
}

.onglet_tuto li>a:active,.onglet_tuto li>a:visited, .onglet_tuto li>a:link{
    outline:medium none;
}

.onglet_tuto li a.actif{
    background-color: #f8fafd;
    color:#1f1f1f;
    font-weight:bold;

}

#btn_tuto_hl{background-position:10px 0;}
#btn_tuto_ev{background-position:10px -130px;}
#btn_tuto_el{background-position:10px -262px;}

h3.soft_h3{
    background:none;
    color:#707070;
}

.contenen{
    overflow:auto;
    white-space:normal;
}

.tablo_parti_tuto{
    position:relative;

}

.tablo_parti_tuto .liste_cat{
    margin:0px;
    width:100%
}

/*Style module communication*/

#commForm input,#commForm select,#commForm textarea{
    margin-bottom: 3px;
}
#commForm input[type="text"],#commForm select{
    width: 300px;
}

#comm_h2_distrib{
    margin-top: 50px;
}
#comm_distribPlace{
    position:relative;
    bottom:6px;
}
#comm_error {
    color:red;
}

.comm_pack {
    width: 33%;
    text-align:center;
}
div.comm_pack {
    float:left;
}
#bloc_paper {
    overflow: auto;
}

#comm_radio_list li{
    display:inline;
}

#comm_submit {
    margin: 20px 0 20px 0;
}


/* JOB MODULE*/
#connection_form .error_list{list-style:none;margin-top:0;padding:0 !important;max-width:350px;}
#connection_form .error_list li{list-style:none;}
.interlabel{margin:0 0 3px 0;} /* Classe permettant les interlignes entre les input de formulaire */
.interlabel input{width:287px;margin:0;}
.interlabel input.min{width:200px;margin:0;}
.interlabel input[type="checkbox"]{width:20px;}
.interlabel select{width:287px;margin:0;text-align:left;}
.interlabel .infomore
{
    color:#005F00;
}
.content_middle{
    margin-right:298px;
}

@media screen and (max-width:1149px)
{
    #applyJob_right
    {
        display: none;
    }
    
    #applyJob_middle
    {
        margin-right: 0;
    }
}





.content_right{width:298px; float:right;margin:0 0 0 10px;}
.content_right .infobox p{padding:5px 5px 5px 16px;background:url("../../images/bg-menu.gif") repeat-x transparent; margin:1px 0 3px 0; border: 1px solid #fff; position:relative;}
label.label_cote_mini{width:100px !important;}

input.button_submit, a.link_contextual{background:url("../../images/designs/2/buttoncut.png") repeat-x left -99px !important;border:0px !important;color:white;height:23px;padding:3px 10px;}
input.button_submit:hover, a.link_contextual:hover{background:url("../../images/designs/2/buttoncut.png") repeat-x left -124px !important;}
a.link_contextual{margin:0 0 15px 0;padding:0 0 6px 0;display:block;font-weight:bold;height:19px;width:100%;max-width:200px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
span.textlink{display:block;padding-top:4px;}
span.arrowlink{display:block;height:19px;width:30px;margin:0 5px 0 0px;float:left;background:url("../../images/designs/2/buttoncut.png") no-repeat left -151px !important;}
span.homelink{display:block;height:19px;width:30px;margin:0 5px 0 0px;float:left;background:url("../../images/designs/2/buttoncut.png") no-repeat -20px -778px !important;}

.job_type{line-height:22px;padding:1px 5px;color:#FFFFFF;text-shadow:0px 1px 0 #282828;font-weight:bold;margin:0;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.job_type{color:#FFFFFF;}
.last_jobs{width:55px;float:left;margin-right:5px;height:35px;}
.top_companies{width:95px;float:left;margin-right:5px;height:45px;text-align:center;}
.top_companies img{margin-top:8px;}
.last_jobs .job_type{min_width:25px;display:block;text-align:center;line-height:16px;margin:3px 5px;}
.radius-bottom-block{border-bottom-releft-radius: 10px;
                     border-bottom-right-radius: 10px;
                     -moz-border-radius-bottomleft: 10px;
                     -moz-border-radius-bottomright: 10px;
                     -webkit-border-bottom-left-radius: 10px;
                     -webkit-border-bottom-right-radius: 10px;}
div.button_link_jobapplication {margin:15px 0;display:block;height:39px;width:100%;}

div.button_link_jobapplication a.leftlink {float:left;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x left -175px !important;height:39px;width:5px;}
div.button_link_jobapplication a.rightlink {float:right;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x right -213px !important;height:39px;width:5px;}
div.button_link_jobapplication a.centerlink {display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x left -251px !important;height:39px;width:100px;margin:auto;width:288px;}
div.button_link_jobapplication a.centerlink span.textlink{padding:8px 0 0 3px;color:#000000;font-size:15px;}
div.button_link_jobapplication a.centerlink span.already{}
div.button_link_jobapplication a.centerlink span.arrowlink{float:right;height:30px;width:33px;max-width:550px;background:url("../../images/designs/2/buttoncut.png") no-repeat right -410px !important;margin:3px -3px 0 0;}

div.button_link_jobapplication:hover a.leftlink{background:url("../../images/designs/2/buttoncut.png") repeat-x left -289px !important;}
div.button_link_jobapplication:hover a.rightlink{background:url("../../images/designs/2/buttoncut.png") repeat-x right -327px !important;}
div.button_link_jobapplication:hover a.centerlink{background:url("../../images/designs/2/buttoncut.png") repeat-x left -365px !important;}

.content_middle div.button_link_jobapplication{float: right;margin:0;width: 290px;}
.content_middle div.button_link_jobapplication a.centerlink{width: 280px;}

div.serach_bar_job{margin-bottom:20px;position:relative;background:url('../../images/designs/2/buttoncut.png') repeat-x left -1519px;height:29px;padding:13px 10px 0 10px;}
div.serach_bar_job_border_left{background:url('../../images/designs/2/buttoncut.png') white no-repeat left -471px; width:4px; height:90px; position:absolute; bottom:0; left:0; z-index:2;}
div.serach_bar_job_border_right{background:url('../../images/designs/2/buttoncut.png') white no-repeat -5px -473px; width:4px; height:90px; position:absolute; bottom:-2px; right:0;}


div.button_link_job_search_result{float: left;width: 170px;}
div.button_link_job_search_result a.leftlink {float:left;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x left -661px !important;height:39px;width:5px;}
div.button_link_job_search_result a.rightlink {float:right;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x right -623px !important;height:39px;width:5px;}
div.button_link_job_search_result a.centerlink {display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x left -699px !important;height:39px;margin:auto;width:168px;}
div.button_link_job_search_result a.centerlink span.textlink{padding:9px 0 0 16px;color:#FFFFFF;font-size:13px;text-shadow: 0 1px 0 #454545;}
div.button_link_job_search_result:hover a.centerlink span.textlink{color:#000000; text-shadow:none;}
div.button_link_job_search_result a.centerlink span.already{}
div.button_link_job_search_result a.centerlink span.arrowlink{height:30px;width:33px;max-width:550px;background:url("../../images/designs/2/buttoncut.png") no-repeat left -742px !important; margin: 3px 0 0 -2px;}
div.button_link_job_search_result a.centerlink .spaceTextLink{letter-spacing:-0.02em;}

div.button_link_job_search_result:hover a.leftlink{background:url("../../images/designs/2/buttoncut.png") repeat-x left -289px !important;}
div.button_link_job_search_result:hover a.rightlink{background:url("../../images/designs/2/buttoncut.png") repeat-x right -327px !important;}
div.button_link_job_search_result:hover a.centerlink{background:url("../../images/designs/2/buttoncut.png") repeat-x left -365px !important;}



.label_cote_no_in_form{clear:none !important;width:110px !important;}
.lister_job{height:120px;padding:8px;background:url('../../images/designs/2/buttoncut.png')  repeat-x  left -1976px;border:1px solid #FFFFFF;border-bottom:1px solid #FAFAFA;}
.lister_job2{background:url('../../images/designs/2/buttoncut.png') #FAFAFA repeat-x  left -1976px;border-top:1px solid #FAFAFA;border-bottom:1px solid white;}
.lister_job:hover{border:1px solid #F5B325;}
.element_job{height:60px;}
.element_job h4{font-style:normal;}
.element_job img{margin:0 10px 0 0;padding:4px 0;}
.lister_job span.date, .lister_headline span.date{float:right;margin-right:2px;text-align:right;}
.element_job div{float:left;width:38%;padding-top:10px;}
.element_job div span{font-weight:bold;}
.lister_job .link_contextual, .lister_headline .link_contextual{width:140px;margin:7px 0 0 8px;padding-left:15px;}
.lister_job .link_contextual .textlink, .lister_headline .link_contextual .textlink, .homeJob span.textlink{padding-left:25px;}
.lister_job .link_contextual .arrowlink, .lister_headline .link_contextual .arrowlink, .homeJob  span.arrowlink{height:25px;float:right;background:url("../../images/designs/2/buttoncut.png") no-repeat left -66px !important;}
.lister_headline{-moz-box-shadow:inset 0px -1px white;-webkit-box-shadow: inset 0px -1px white;box-shadow: inset 0px -1px white;height:120px;padding:8px;background:#EBF4FF;border:1px solid #FFFFFF;border-bottom:1px solid #71a6e1;}

.bloc_headline{margin-bottom:10px;padding: 0 0 15px;background:url("../../images/designs/2/bg_debut_contenu.png") repeat-x scroll left bottom transparent}

.fieldset_apply_info{background: url('/images/designs/2/zcode/zcode_info_bleu.png') no-repeat scroll #F8FAFD 5px 50%; padding-left:39px;margin:0px;border: solid 1px #71a6e1}

div.backbutton a.leftlink {float:left;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x -28px -532px !important;height:30px;width:5px;}
div.backbutton a.rightlink {float:right;display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x -38px -532px !important;height:30px;width:5px;}
div.backbutton a.centerlink {display:block;background:url("../../images/designs/2/buttoncut.png") repeat-x left -593px !important;height:30px;width:192px;margin:auto;margin-bottom:10px;}
div.backbutton a.centerlink span.textlink{text-align:left;padding:5px 0 0 0;color:#000000;font-size:13px;color:#FFFFFF;font-weight:bold;}
div.backbutton a.centerlink span.already{}
div.backbutton a.centerlink span.arrowlink{float:left;height:25px;width:35px;max-width:550px;background:url("../../images/designs/2/buttoncut.png") no-repeat -20px -493px !important;margin:3px 0 0 -3px;}

div.backbutton:hover a.leftlink{background:url("../../images/designs/2/buttoncut.png") repeat-x -12px -532px !important;}
div.backbutton:hover a.rightlink{background:url("../../images/designs/2/buttoncut.png") repeat-x -69px -532px !important;}
div.backbutton:hover a.centerlink{background:url("../../images/designs/2/buttoncut.png") repeat-x left -561px !important;}
div.backbutton:hover a.centerlink span.arrowlink{background:url("../../images/designs/2/buttoncut.png") no-repeat -20px -460px !important;}
div.backbutton:hover a.centerlink span.homelink{background-position:-20px -807px !important;}
div.backbutton:hover a.centerlink span.textlink{color:#000000;}

a.corpsmenu, a.corpsmenu span{display:block;}
a.corpsmenu .link{color:#2677C9;}
a.corpsmenu .link:hover{color:#C87B02;}

.admin_list{list-style:none;padding:0 0 0 15px;margin:0 0 10px 0;}
.admin_list li{list-style:none;text-indent:0;display:inline;}
.admin_list li a{padding:8px 10px 8px 20px;}
.admin_edit{background:url("/Templates/images/designs/2/forum/editer.png") no-repeat left center;}
.admin_delete{background:url("/Templates/images/designs/2/forum/supprimer.png") no-repeat left center;}
.admin_candidature{background:url("/Templates/images/designs/2/job/ico_candidature.png") no-repeat left center;}

.button_job_select{width:140px;text-align:center;padding:2px 8px;}

.paginate{width:auto;float:right;}
.paginate a, .paginate span{height:22px;min-width:20px;padding:0 1px;line-height:22px;display:block;float:left;text-align:center;margin:0 2px;border:1px solid #F8F8F8;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.paginate a.previous{background:url('/Templates/images/designs/2/fleche_gauche.png') no-repeat center center}
.paginate a.next, .nextJobs .icon{background:url('/Templates/images/designs/2/fleche_droite.png') no-repeat center center}

a.remove_filter{display:inline-block;margin-bottom:5px;height:18px;line-height:19px;text-align:center;margin-right:8px;font-size:12px;color:#000000;background:url("/images/designs/2/buttoncut.png") #E9E9E9 no-repeat right 1px;padding: 0px 23px 0px 5px;font-weight:normal;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.remove_filter_job_type{color:#FFFFFF;font-weight:bold;}

span.tag_bar{float:left;display:block;margin-bottom:5px;height:18px;line-height:19px;text-align:center;margin-right:8px;font-size:12px;color:#000000;background:#E9E9E9;padding: 0px 5px 0px 5px;font-weight:normal;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#tags_bar_search span.job_type{color:#FFFFFF !important;font-weight:bold;float:left;display:block;margin-bottom:5px;height:18px;line-height:19px;text-align:center;margin-right:8px;font-size:12px;background:#E9E9E9;padding: 0px 5px 0px 5px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


.jobtypes1{background-color:#EEA327 !important;}
.jobtypes2{background-color:#A1BCFF !important;}
.jobtypes3{background-color:#04A17C !important;}
.jobtypes4{background-color:#E6753C !important;}
.jobtypes5{background-color:#D44284 !important;}
.jobtypes6{background-color:#D6A600 !important;}
.jobtypes7{background-color:#237600 !important;}
.jobtypes8{background-color:#4F5FD4 !important;}









/* Go button */
.button_go_search
{
    background:url('../../images/designs/2/speedbarre/speed_barre_decoupe.png') #646464 left -116px no-repeat !important;
    width:27px;
    height:22px;
    color:white !important;
    border:0px solid #7B7B7B !important;
    border-bottom:1px solid #7B7B7B !important;
    font-size:12px;
    float:left;
    margin-top:1px;
    padding-bottom:1px;
}

.button_more_search
{
    font-weight:bold;
    padding:0 3px;
    color:white !important;
    font-size:20px;
    margin:-1px 4px 0 2px;
    float:right;
    display : block;
    width : 13px;
}


/* Membres */
span.span_label_cote /* Les labels sont placés sur une "colonne" à gauche  */
{
    width:160px;
    clear:left;
    float:left;
    text-align:left;
    margin-left:15px;
    font-weight:bold;
}

/* For form : design sdz*/
#sf_admin_container th a, #sf_admin_container th a:hover, .liste_cat th.whity a, .liste_cat th.whity a:hover{color:#FFFFFF;}
.liste_cat th.whity{text-align:left;}
.sous_cat_search:hover {background:#F1FAFD;}
.verticalcenter td{vertical-align:middle !important;}
.keyword_button{background:#F8FAFD;border:2px solid #E3E7EC;padding:5px;border-radius: 5px; -moz-border-radius: 5px;}


/* Contact Module View Contact*/
.cadre_auteur_contact
{
    float:none;
    width:100%;
    height:250px;
}
.cadre_auteur_contact .infobox
{
    width:49%;
    height:250px;
    max-width:550px;
}
.cadre_auteur_contact .infobox ul
{
    list-style: none !important;
    display:block;
    float:left;
    padding:0 0 0 38px;
}
.cadre_auteur_contact ul.tel{background:url('../../images/vocationaltraining/ico_tel.png') no-repeat left top;}
.cadre_auteur_contact ul.adress{background:url('../../images/contact/ico_adresse.png') no-repeat left top;width:80%;height:62px;}
.cadre_auteur_contact ul.fax{background:url('../../images/vocationaltraining/ico_fax.png') no-repeat left top;width:80%;}
.cadre_auteur_contact ul.mail{background:url('../../images/contact/ico_mail.png') no-repeat left top;width:80%;}
.cadre_auteur_contact .infobox ul li
{
    margin:0 0 15px 0;
}
.textarea_mess_contact{width:67%;}

.keyboard_shortcut
{
    padding: 0px 3px;
    border: 1px #c1c1ab solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: url('../../images/designs/2/zcode/keyboard_shortcut_bg.png') repeat-x left top;
}


/*    Speedbarre    */

#speedbarre .smenu>li a, #speedbarre .smenu>li a:hover, #speedbarre .menuh,#speedbarre .menuh_content, .menu_ters, .menu_ters_content{
    background-image: url("../../images/speedbarre/bgs_speedbarre.png");
}

#speedbarre{
    background-image: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    position: relative;
    height: 29px;
    padding: 0;
    z-index: 10;
}

#speedbarre_expand{
    z-index: 99999;
}

#speedbarre ul{
    padding:0px;
    margin:0px;
}

#speedbarre .smenu>li{
    background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png") no-repeat scroll 0 -87px transparent;
    float: left;
    height: 29px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
}

#speedbarre .smenu>li.home{
    background: inherit;
}

#speedbarre .smenu>li a{
    font-size:12px;
    color:#ffffff;
    display:block;
    padding:3px 22px 3px 6px;
    margin:3px 0 0 0;
    height:16px;
    background-position:right 0px;
    background-repeat:no-repeat;
}

#speedbarre .smenu>li .smenu_hover{
    color:#595859;
    padding:3px 21px 3px 5px;
    margin-top:3px;
    background-position:right -28px;
    background-repeat:no-repeat;
    border:1px solid #656565;
    border-bottom:0px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    display:block;
    z-index:10;
    height:19px;
}

#speedbarre .arg, #speedbarre .ard{
    background-image: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    background-repeat: no-repeat;
    float: left;
    height: 29px;
    z-index: 1;
}

#speedbarre .arg{background-position: 0px 0px; width:30px;}
#speedbarre .ard{background-position:0 -29px; width:27px; z-index:10;}

#speedbarre .menuh{
    position:absolute;
    top:29px;
    left:218px;
    z-index: 4;
    max-width:760px;
    font-family: TrebuchetMS, "Trebuchet MS", Tahoma, 'DejaVu sans','sans-serif';
    box-shadow: 1px 2px 12px #555;
    -moz-box-shadow: 1px 2px 12px #555;
    -webkit-box-shadow: 1px 2px 12px #555;
}

#speedbarre .menuh, .menu_ters{
    background-position:0px -62px;
    background-color:#ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-left:2px solid #656565; border-right:2px solid #656565; border-bottom: 3px solid #656565; border-top:0px;
}

#speedbarre .menuh_content{
    position:relative;
    background-position:0 bottom;
    background-repeat:repeat-x;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;

}

#speedbarre .menuh h5{
    font-size: 13px;
    color:#1F1F1F;
    font-weight: bold;
    margin:0px;
    padding:5px 10px;
}

#speedbarre .menuh h6,#speedbarre .menuh h6 a{
    color: #707070;
    font-size: 12px;
}

.menuh_content{
    padding-bottom: 2px;
}

.menuh_princi_col {
    float:left;
    width:256px;
}

.menu_ters ul{
    width: 190px;
    margin: 0;
    list-style: inside;
}

.menuh_content .ico{
    position:relative;
    width:35px;
    height:35px;
    display:block;
    float:left;
}

#speedbarre .menuh ul, .menuh h6{
    margin: 0 0 0 40px;}

.menuh_content .menu_prim{
    width:234px;
    float:left;
    border-right:1px solid #656565;
    height:100%;}

.menuh_content .menu_princi{
    width:522px;
    float:left;
}

.menuh_content #menuh_study .menu_princi{
    width:596px;
}

.menuh_content #menuh_study .menuh_princi_col{
    width: 282px;
}

#speedbarre .menuh_list_category {
    padding: 3px 10px;
}

#speedbarre .menu_princi .menuh_list_category {
    width: 252px;
}
#speedbarre .menu_princi li {
    display:inline;
}

.menuh .menu_prim li{
    display:block;
    position:relative;
}

.menuh_content .menu_ters{
    width:210px;
    display:block;
    position:absolute;
    background-position:0 bottom;
    background-repeat:repeat-x;
    height:100%;
    left:-212px;
    top:0px;
}

.menu_ters_content{
    padding:10px;
    background-position:0 -62px;
    position:relative;
    bottom:0px;
}

#speedbar_expand li{
    list-style:none;
}

.menu_ters{
    box-shadow: -6px 1px 12px #555;
    -moz-box-shadow: -6px 1px 12px #555;
    -webkit-box-shadow: -6px 1px 12px #555;
    border-right: 1px solid #656565;
}
.menu_ters ul{list-style:none;
              clear:both;}

.menuh li a, .box_menu .corpsmenu .liste_cours_menu a, #menu_ajout_cours a{
    display:block;
}

#menu_ajout_cours li{
    border-bottom : none;
    padding : 0px;
}

.menuh li a{
    display:block;
}

.box_menu .corpsmenu .liste_cours_menu a{
    display:block;

}

.box_menu .corpsmenu .liste_cours_menu li{
    border-bottom : none;
    padding : 0px;
    position : relative;
}

.menuh li a:hover, .menu_ters a.info:hover, .liste_cours_menu li a:hover, #menu_ajout_cours li a:hover{
    background-color:#dfedfd;
    color:#2677c9;
    display:block;}

#create_tutorials_button{
    text-align: right;
}

#find_training{
    margin: 15px 0 0 40px;
}

.icoforum{
    width:47px;
    height:42px;
    position:absolute;
    right:5px;
    top:5px;
}

#speedbarre #my_contributions ul, #speedbarre #my_favorites_tutorials ul{margin:0;}

#my_contributions ul li{
    float: left;
    width: 100%;
}

#my_contributions ul li a.info span,
#my_contributions div ul li a.info span
{
    width: 154px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    display: block;
}

.ico_study{
    position:absolute;
    top:9px;
    left:5px;
}

.in_book
{
    position:absolute;
    top:0px;
    right:0px;
    background-color:#fff;
    display : block;
}
.menuhcattuto li a{
    display:inline;
}

.menuhcattuto li a:hover{
    display:inline;
}
#menuh_collaborate{
    width:550px;
    padding-top: 6px;
    ;}

#menuh_shop{
    width:609px;
    ;}

#menuh_shop .buy{
    display: block;
    width: 74px;
    margin: 10px 2px 0 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#speedbarre  .flagship_products{
    width:148px;
    float:left;
    margin:2px 0px 2px 2px;
    padding:40px 0px 0px 0px;
    height:320px;
    position:relative;
    /*        cursor:pointer;*/
    text-align: center;
}

#speedbarre .flagship_products h5{
    font-size:12px;
    margin-top:25px;
}

#speedbarre .menuh .menu_ters_content h5{
    padding:0px 0px 15px 0px;
}

#speedbarre .prixbarre{display:block;}
#speedbarre .min_price{font-weight : normal;}
#speedbarre .prixbarre, #speedbarre .min_price{font-size:14px; color:#7f1717;}
.prixbarre{background:url("../../images/designs/2/boutique/soldes/old.png") no-repeat center; font-weight: bold;}
#speedbarre .price
{
    color:#7f1717;
    font-size:14px;
    font-weight : bold;
    margin-top : 10px;
}



#speedbarre .other_products{
    width:148px;
    height:176px;
    border:1px solid #d6d6d6;
    margin:2px;
    float:left;
    background:#fff;
    position:relative;
    cursor:pointer;
}

#speedbarre .other_products span{
    position:absolute;
    bottom:0px;
    left:0px;
    width:142px;
    height:54px;
    display:block;
    text-align: center;
    font-size:11px;
    color:#4f4e4e;
    padding:3px;
    visibility: hidden;
}

#speedbarre .other_products:hover span{
    background:url("../../images/speedbarre/bg_autreproduit.png") repeat-x top;
    width:142px;
    height:54px;
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    visibility:visible;
}

#speedbarre .headband_preorder, #speedbarre .bandeaunouveau{
    background-image: url("../../images/speedbarre/bandeauxboutique.png");
    background-repeat: no-repeat;
}

#speedbarre .headband_preorder{background-position: left top;}
#speedbarre .bandeaunouveau{background-position: right top;}

#speedbarre img.ope_cle_speedbar{
    position: absolute;
    top: -1px;
}

#speedbarre .ope_cle{
    background-image: url("../../images/speedbarre/bandeau_operation_spe.png");
    background-repeat: no-repeat;
}

#speedbarre .menuh_more, .menuh_more{
    padding:5px 10px;
    clear:both;
    display:block;
    text-align:right;
}

#speedbarre .menuh_more2{
    padding:5px 10px;
    clear:both;
    display:block;
    text-align:right;
    position:absolute;
    bottom:0px;
    right:0px;
}

.flagship_products .bouton_action{
    position:absolute;
    bottom:0px;
    left:0px;
}

.button_all_forums{
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color: #CDE3FC;
    border: 1px solid #C2D2E4;
    color: #2677C9;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 5px auto;
    text-align: center;
    text-shadow: 0 1px 0 #E7F0F9;
    width: 97%;
}

.button_all_forums:hover{
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color: #CDE3FC;
    border: 1px solid #2677c9;
    color: #2677C9;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 5px auto;
    text-align: center;
    text-shadow: 0 1px 0 #E7F0F9;
    width: 97%;
}

.speedbarre_arrow {
    bottom: -7px;
    display: block;
    height: 16px;
    margin: 3px 0;
    padding: 3px 0;
    position: absolute;
    right: 0;
    width: 20px;
    cursor: pointer;
}

/* Job Speedbarre*/
#menuh_job{
    padding-bottom:20px;
}

#menuh_job .menu_princi {
    width: 535px;
}

#menuh_job .menuh_princi_col{
    width:253px;
    margin-right: 10px;
}

#speedbarre #menuh_job .menu_princi .menuh_list_category{
    width:253px;
}

#speedbarre #menuh_job h6{
    margin: 8px 0 8px 5px;
}

.menuh_list_category_job{
    border-color: #D6D6D6;
    border-style: solid;
    border-width: 1px 0 0 0;
}

#menuh_job .menuh_list_category a.corpsmenu{
    border-color: #D6D6D6;
    border-style: solid;
    border-width: 0 0 1px;
    height: 45px;
    margin: 0 auto 0;
    padding: 4px 2px;
}

#menuh_job a:hover{
    color: #2677C9;
}

#menuh_job .job_title{
    margin: 1px 0 0 60px;
}

#menuh_job .job_title:hover{
    background-color: #DFEDFD;
}

/* END Speedbarre */

/* Wall */
.wall{
    width: 90%;
    /*    display: none;*/
}

.wall .code_parse_final {
    max-height: 182px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#wall_date{
    margin:0;
}

#wall_show{
    background-color: #FFF;
}
/* END Wall */

.strict_center_column
{
    min-width:50%;
}


/* Google A/B Testing */
.ABtesting{display:block;width:409px;height:164px;background:url('../../images/static/btn_autopromo_xhtml_2.png') center center no-repeat;margin:20px auto 0 auto;}
.ABtestinglink{display:block;padding:132px 0 0 122px;font-size:16px;color:#2677C9 !important;}
.ABtestinglink:hover{text-decoration:underline;}
.ABtesting:hover{text-decoration:underline;color:#2677C9 !important;}




.rssLogoMin{background: url("../../images/designs/2/rss_mini.png") no-repeat center center;width:26px;height:16px;display:block;float:left;}

.question_qcm div.console div.syntax{color:#FFFFFF !important;}

.msdn *
{
    margin:0px;
    padding:0px;
}


.msdn
{
    padding: 0;
    background: #FAFAFA;
    margin-bottom: -120px;
    padding-bottom: 20px;
    min-height: 525px;
}


.msdn .ms_forum
{
    margin-top: 0px;
}

.ms_baniere , .ms_logo , .ms_onglets , .ms_selected, .ms_sites_liens, .ms_banniere_bottomfleche
{
    background-image: url("../../images/microsoft/microsoft.png");
}

.ms_descriptif, .ms_banniere_bottom_texte
{
    text-shadow: 0 1px 0 #d9f1fc;
}

#speedbarre #my_favorites_tutorials ul li, #speedbarre #my_favorites_tutorials ul li a
{
    display:block;
    background:none;
}

.msdn .ms_baniere
{
    background-position: 0 -766px;
    height: 116px;
    background-repeat: repeat-x;
    position: relative;
}

.msdn .ms_logo
{
    position: absolute;
    top: 20px;
    left: 10px;
    height: 96px;
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    width: 200px;
    text-indent : -1999px;
}

.msdn .ms_descriptif
{
    position: absolute;
    left: 470px;
    height: 75px;
    max-width: 425px;
    _width : 425px;
    top: 25px;
    text-align: justify;
}

.msdn .ms_onglets
{
    background-position: 0 -910px;
    height: 42px;
    background-repeat: repeat-x;
    padding-left: 30px;
}

.msdn .ms_onglets ul
{
    padding-top: 5px;
    margin: 0px;
}

.msdn .ms_onglets ul li
{
    list-style-type: none;
    display: inline;
}

.msdn .ms_onglets ul li a
{
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    font-size:16px;
    color: #5e5656;
    text-shadow: #f0f0f0 0px -1px 1px;
    margin-right: 25px;
}

.msdn .ms_onglets ul li .ms_selected
{
    background-position: 0 -882px;
    background-repeat: no-repeat;
    border: 1px solid #f8f8f8;
    border-bottom: none;
    font-size: bold;
    color: #000;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.msdn .ms_corps
{
    margin: 0;
    padding: 10px;
}

.msdn .ms_cours
{
    background-image: url("../../images/microsoft/microsoft_courbe.png");
    background-position: right -8px;
    background-repeat: no-repeat;
    min-height: 406px;
    padding: 20px 0;
    position: relative;
    top: -7px;
    z-index: 999;
}

.msdn .ms_section
{
    width : 1000px;
    float : left;
}

.msdn .ms_categorie
{
    font-size : 13px;
    color : #000000;
    width : 270px;
    float : left;
    margin : 8px 10px;
    padding-left : 10px;
}

.msdn .ms_inactive
{
    color: #000000;
    padding: 10px 20px;
}

.msdn .ms_categorie a
{
    display: block;
    color: #000000;
    padding: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.msdn .ms_categorie a:hover
{
    background-color: #CDE3FC;
}

.msdn a:hover .ms_categorie_titre:first-child
{
    color:#c87b02;
}

.msdn .ms_categorie .ms_ico
{
    float:left;
}

.msdn .ms_categorie .ms_description
{
    margin-left : 60px;
    display: block;
}

.msdn .ms_categorie_titre
{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    display: block;
}

.msdn .ms_banniere_bottom
{
    height : 45px;
    margin-top : 65px;
}

.msdn .ms_sites_liens
{
    background-position: 0 -127px;
    background-repeat: repeat-x;
    max-width: 550px;
    _width : 550px;
    height : 45px;
    position: relative;
    left: 0;
    padding-left: 10px;
    font-weight: bold;
}

.msdn .ms_banniere_bottom_texte
{
    margin: 12px 10px 0 0;
    float:left;
    display: block;
}

.msdn .ms_banniere_bottom a
{
    float: left;
    margin-right : 10px;
}

.msdn .ms_banniere_bottomfleche
{
    background-position: 0 -172px;
    background-repeat: no-repeat;
    position : absolute;
    right: -25px;
    top: 0;
    height: 45px;
    width: 25px;
}

.msdn table
{
    width: 98%;
    border-collapse: collapse;
    margin: 10px;
}

.msdn .ms_forum th
{
    padding-bottom : 5px;
}

.msdn .ms_sujet
{
    font-size: 11px;
    text-align: left;
}

.msdn .ms_forum li
{
    list-style-type: none;
}

.msdn .ms_forum_titresuj
{
    font-size: 13px;
}

.msdn tfoot .pagination_recherche
{
    text-align: right;
    border: none;
    margin: 25px;
}

#sciencesSwitchButton
{
    border-color:#92dbe5;
    background:#d7f2f5;
}

.recherche_avancee fieldset.champs_facultatifs { width: 39% }
.recherche_avancee fieldset.champs_facultatifs legend{color: green;}
.recherche_avancee fieldset.champs_obligatoires { width: 30% }
.recherche_avancee fieldset.champs_obligatoires legend{color: red;}

.box_menu .corpsmenuprin
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.auteur_date_commentaires { clear:both; }

.no_padding
{
    padding: 0;
}

/* Tutorial wanted */

.tutorial_wanted .demand
{
    float: left;
}

.tutorial_wanted ul
{
    list-syle: none;
    margin-bottom: 0;
}

.tutorial_wanted ul li
{
    display: inline;
    padding-left: 17px;
}

.tutorial_wanted ul li img
{
    margin: 0 0px 2px 4px;
}


.tutorial_wanted .bloc_headline
{
    border-bottom: 1px solid #DEDEDE;
    background: none;
    margin: 0;
    padding: 0;
}

.tutorial_wanted .bloc_headline .headline
{
    -moz-box-shadow: inset 0 1px #FAFAFA, inset 0 -1px #FAFAFA;
    -webkit-box-shadow: inset 0 1px #FAFAFA, inset 0 -1px #FAFAFA;
    box-shadow: inset 0 1px #FAFAFA, inset 0 -1px #FAFAFA;
    text-shadow: 0px 1px white;
    min-height: 110px;
    padding: 8px;
    color: #696969;
    background: url('../../images/designs/2/buttoncut.png') repeat-x -2006px #ffe5e5;
    background-position: bottom;
    border-top: solid 1px #dedede;
}

.tutorial_wanted .bloc_others .element
{
    min-height: 110px;
    padding: 8px;
    background: url('../../images/designs/2/buttoncut.png') repeat-x -2006px;
    background-position: bottom;
    border: 1px solid white;
    border-bottom: 1px solid #FAFAFA;
    color: #696969;
}

.tutorial_wanted .bloc_others .element .description
{
    overflow: hidden;
}

.tutorial_wanted .bloc_others .element h4, .tutorial_wanted .bloc_headline .headline h4
{
    margin-bottom: 16px;
    font-style: normal;
}

.tutorial_wanted .bloc_others .element .img_my_tutorials, .tutorial_wanted .bloc_headline .headline .img_my_tutorials
{
    margin-top: -4px;
}

.tutorial_wanted .bloc_others .element2
{
    background:url('../../images/designs/2/buttoncut.png') repeat-x bottom -2006px;
    background-color: #FAFAFA;
    border-top:1px solid #FAFAFA;
    border-bottom:1px solid white;
}

.tutorial_wanted .bloc_others .element:hover , .tutorial_wanted .bloc_others .element2:hover
{
    border:1px solid #F5B325;
}

.tutorial_wanted .link_redaction
{
    margin-top: 20px;
    display:block;
    margin-bottom:5px;
}

.tutorial_wanted .redactBlock
{
    float:right;
    border: 1px solid #FFFFFF;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    cursor:pointer;
    position:absolute;
    right:15px;
    margin-top: 11px;
}

.tutorial_wanted .bloc_headline .redactBlock
{
    border: 1px solid #FFE5E5;
}


.tutorial_wanted .element2 .redactBlock
{
    border: 1px solid #FAFAFA;
}

.tutorial_wanted .blockOfList
{
    height:20px;
    padding:8px 0 0 0;
}

.tutorial_wanted .redactBlock .text
{
    height:20px;
    padding-left:8px;
    float:left;
}

.tutorial_wanted .linkDeleteUnlink
{
    letter-spacing: -1px;
}

.tutorial_wanted .linkDeleteUnlink img
{
    margin:0 2px 0 0;
    padding:0px;
    float:left;
}


.tutorial_wanted .redactBlock .arrow
{
    display:block;
    background: url('../../images/tutorialWanted/ico.png')  no-repeat 0px 5px ;
    width:20px;
    height:20px;
    border:2px solid #E9E9E9;
    border-bottom:none;
    border-top:none;
    float:right;
    margin-left:8px;
}

.tutorial_wanted .redactBlock:hover
{
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 4px 4px -3px #000000;
    -moz-box-shadow: 0 4px 4px -3px #000000;
    -webkit-box-shadow: 0 4px 4px -3px #000000;
    z-index:1000;
    background:white;
}

.tutorial_wanted .endBlockWanted
{
    height:8px;
}
.tutorial_wanted .redactBlock:hover .endBlockWanted
{
    background:url("../../images/designs/2/buttoncut.png") #ffffff repeat-x scroll center bottom;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tutorial_wanted .redactBlock:hover .arrow
{
    border-right:2px solid #FFFFFF;
}

.tutorial_wanted .redactBlock .button
{
    text-align:center;
}

.tutorial_wanted .redactBlock input
{
    float:left;
    margin-right:8px;
    margin-top:2px;
}

.tutorial_wanted .redactBlock .button_submit
{
    float:none;
    margin:auto;
    font-size: 12px;
}

.tutorial_wanted .dropDownList
{
    display:none;
    border-top:1px solid #E9E9E9;
    margin-top:8px;
    padding:0;
    cursor:auto;
}

    .tutorial_wanted .dropDownList p
    {
        padding:0 8px;
        margin:5px 0;
    }

    .tutorial_wanted .dropDownList ul, .tutorial_wanted .dropDownList li
    {
        padding:0;
        margin:0;
        text-indent:0;
        display:block;
    }

    .tutorial_wanted .dropDownList li
    {
        padding:4px 8px;
        border-bottom:1px solid #E9E9E9;
        width:auto;
        min-height:30px;
        line-height:15px;
    }

    .tutorial_wanted .dropDownList .avatar_membre
    {
        float:left;
        margin:0px 4px 4px 0;
        width:21px;
    }

.tutorial_wanted .redactBlock:hover .dropDownList
{
    display:block;
    position:relative;
}

.tutorial_wanted .redactBlock:hover .dropDownListJS
{
    display:none;
}

.tutorial_wanted .listVersion li .mp
{
    background: url('../../images/tutorialWanted/ico.png')  no-repeat 0px -24px;
    float:right;
    width:20px;
    height:25px;
    margin: 0 0 0 0;
}

.tutorial_wanted .dropDownList a
{
    font-size: 12px;
}


/* Tutorial wanted for speedbar */
#speedbarre #menuh_collaborate ul, #speedbarre #menuh_collaborate h6
{
    margin: 0 0 0 50px;
}

#menuh_collaborate .ico
{
    width: 45px;
    height: 45px;
}

#menuh_collaborate .tutorial_wanted
{
    float: left;
    width: 262px;
}

#menuh_collaborate .tutorial_wanted h6
{
    margin: 0 0 2px 0px !important;
    padding-bottom: 6px;
}

#menuh_collaborate .tutorial_wanted .link_liste
{
    padding: 6px;
}

#menuh_collaborate .tutorial_wanted .bloc_others .element
{
    border: none;
    border-bottom:1px solid #DEDEDE;
    background: none;
}

#menuh_collaborate .tutorial_wanted img
{
    padding: 15px 10px 10px;
}

#menuh_collaborate .tutorial_wanted p
{
    margin: 0;
    padding: 5px;
}

#menuh_collaborate .tutorial_wanted .bloc_others .element:hover
{
    border: none;
    border-bottom:1px solid #DEDEDE;
    margin: 0;
    padding: 0;
}

#menuh_collaborate .tutorial_wanted .little_description
{
    padding-top: 4px;
    width: 194px;
    color: #1F1F1F;
}

#menuh_collaborate .tutorial_wanted .bloc_others .element, #menuh_collaborate .tutorial_wanted .bloc_others .element2, #menuh_collaborate .tutorial_wanted .bloc_headline .headline
{
    min-height: 50px;
    padding: 0;
    margin: 0;
}

/*
JOB TRANSITION  CSS
*/

.job_offer
{
    width:  330px;
    float:  left;
}
.zozor_job_offer, .job_offer hr, .job_offer .header, .job_offer .header h2.free,
.job_offer .header h2.fee, .job_offer .content, .job_offer .price, .job_offer .price span.fee_price, .job_offer .price span.free_price,
.job_offer .footer, .job_offer .button, .job_offer .button a, .job_offer .content ul li, .job_offer .content ul li.fade,
.job_offer .button .fadin, .job_offer  .promotion, .job_offer .decoration, .job_offer .button a:hover, .job_offer div.equal
{
    background: url('../../images/static/job_offer_transition.png');
}

.job_offer_first
{
    margin:0 0 0 40px;
}
.zozor_job_offer
{
    width:  46px;
    height: 450px;
    float:  left;
    background-position:0 4px;
}
.job_offer hr
{
    margin:0;
    width: 100%;
    height: 20px;
    border:0;
    position:relative;
    bottom: -15px;
    margin-top: -15px;
    background-position:-54px -176px;
    z-index: 2;
}
.job_offer .header
{
    width:100%;
    min-height: 65px;
    padding-top: 15px;
    background-position:-396px 0 ;
}
.job_offer .header h2
{
    display:block;
    height: 52px;
    margin: 0 auto 0 auto;
}
.job_offer .header h2.free
{
    width: 300px;
    background-position:-1094px 0 ;
}
.job_offer .header h2.fee
{
    width: 300px;
    height: 52px;
    background-position:-1094px -84px ;
}
.job_offer .content_header
{
    margin-top:-14px;
}
.job_offer .content
{
    width:100%;
    min-height: 100px;
    background-position:-736px;
    position:relative;
}

.job_offer .content ul
{
    width:100%;
    margin:0;
    padding:0;
    list-style: disc;
}

.job_offer .content ul li
{
    display:block;
    background-position:-1752px;
    padding:10px;
    text-align:justify;
    line-height: 12pt;
}
.job_offer div.equal
{
    height: 20px;
    background-position:-2090px;
}
.job_offer .content ul li.fade
{
    background-position:-2090px;
}
.job_offer .promotion
{
    width:100%;
    background-position:-1078px -158px;
    height: 92px;
}
.job_offer .price
{
    width:100%;
    background-position:-1752px;
}
.job_offer .decoration
{
    width:50px;
    height:40px;
    position:absolute;
    margin:0 0 0 140px;
    background-position:-396px -168px;
    z-index: 3;
    top:80px;
}
.job_offer .price span.fee_price
{
    width: 240px;
    height: 48px;
    padding-top: 10px;
    background-position:-1456px -76px;
    margin:auto;
    display:block;
}

.job_offer .price span.free_price
{
    width: 240px;
    height: 48px;
    padding-top: 20px;
    background-position:-1456px 10px;
    margin:auto;
    display:block;
}

.job_offer .footer
{
    width:100%;
    height: 30px;
    background-position:-396px -226px ;
}

.job_offer .button
{
    width:100%;
    background-position:-736px;
}
.job_offer .button a
{
    margin:auto;
    width:236px;
    height:56px;
    display:block;
    background-position:-104px 0;
}
.job_offer .button a:hover
{
    background-position:-104px -66px;
}
.job_offer .button .fadin
{
    padding: 20px 0 5px 0;
    background-position:-2090px 50%;
    width:100%;
}



#switcher:hover .arrow, #switcher .location:focus + div + div + .arrow
{
    background-position:-5px -256px;
}
#switcher .arrow
{
    height:29px;
    width:18px;
    background-position:-5px -227px;
    float:left;
    cursor:pointer;
}
#switcher .arrow:hover
{
    background-position:-5px -256px;
}
#switcher .separator
{
    height:29px;
    width:2px;
    background-position:0 -197px;
    margin:0 0 0 0px;
    float:left;
    cursor:pointer;
}

#speedbarre .ardswitch{
    background-position:0 -401px;
    float: left;
    height: 29px;
    width: 27px;
    z-index: 10;
}
#speed_cours
{
    background:none !important;
}
#switcher_expand
{
    position:absolute;
    top:29px;
    left:29px;
    display:none;
}
#switcher_expand ul
{
    padding:0 0 8px 0 !important;
    width:142px;
    margin:0 7px 0 4px !important;
    text-indent:0;
    list-style:none;
    display:block;
    background-position:0 -835px;
    background-repeat:repeat-x !important;
}

#switcher_expand li.computing
{
    border-left:2px solid #80bbfd;
    background:none;
}
#switcher_expand li.computing:hover
{
    border:0;
    padding-left:2px;
    background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    background-position:0 -348px;
    background-repeat:no-repeat;
}

#switcher_expand li.sciences
{
    border-left:2px solid #99dde6;
    background:none;
}
#switcher_expand li.sciences:hover
{
    border:0;
    padding-left:2px;
    background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    background-position:0 -376px;
    background-repeat:no-repeat;
}

#switcher_expand .border-left
{
    float:left;
    width:4px;
    height:52px;
    background-position:-20px -531px;
}
#switcher_expand .border-right
{
    float:right;
    width:7px;
    background-position:0 -683px;
    height:52px;
}
#switcher:hover  #switcher_expand, #switcher_expand:hover, #switcher.nojs > .location:focus + #switcher_expand, #switcher_expand a:focus
{
    display:block;
}
#switcher.JQ:hover  #switcher_expand
{
    display:none;
}


a.titre_section_index { font-size: 15px; font-weight: bold; color: #1F1F1F;}
a.titre_section_index:hover { color: #1F1F1F;}

#goodies_comments .block_admin
{
    margin: 10px auto auto;
    padding: 5px 10px;
    background-color: #F8FAFD;
    border: solid 1px #E2E2E2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#goodies_comments .block_admin .block_title
{
    color: #1877D5;
    padding: 3px 10px;
    margin: 10px;
    font-weight: bold;
}

#goodies_comments ul
{
    list-style-image: none;
    list-style: none;
}

#goodies_comments table ul
{
    padding: 0;
}

#goodies_comments thead a
{
    color: #FFFFFF;
}

#goodies_comments thead a:hover
{
    text-decoration: underline;
}

.action_edit a, .action_delete a
{
    padding-left: 20px;
}

.action_edit a
{
    background : url("../../images/designs/2/forum/editer.png") no-repeat left;
}

.action_delete a
{
    background : url("../../images/designs/2/forum/supprimer.png") no-repeat left;
}

.info_tooltip
{
    background:  url('/images/designs/2/form/decoupe_formulaire.png') no-repeat -25px -49px;
    color: #004d83;
    min-height: 25px;
    padding: 0 0 0 24px;
    margin: 40px 0 0 40px;
}

.info_tooltip_background
{
    background: url('/images/designs/2/form/decoupe_formulaire.png') no-repeat -38px -248px;
    display: none;
    padding: 0 0 0 10px;
    position: absolute;
    top: 20px;
    left: -90px;
    width: 175px;
}

.info_tooltip:hover .info_tooltip_background
{
    display: block;
}

.tooltip_in_info
{
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 3px #666666;
    -moz-box-shadow: 1px 1px 3px #666666;
    -webkit-box-shadow: 1px 1px 3px #666666;
}

/** FAVORITE TOPIC BUTTON **/
.fav_icon
{
    background: url("../../images/ico_fav_bouton.png") no-repeat;
    width:22px;
    height:18px;
    display: block;
    float:left;
    margin-right:3px;
}
.boutons_saut_forum_new .bouton_action
{
    background: url("../../images/designs/2/buttoncut.png") repeat-x scroll left -99px transparent !important;
    cursor:pointer;
    padding:5px;
    height:15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width:140px;
}
.boutons_saut_forum_new .bouton_action:hover
{
    background:url("../../images/designs/2/buttoncut.png") repeat-x left -124px !important;
}
#my_contributions ul li a.favshow
{
    background: url("../../images/ico_fav.png") no-repeat center center;
}

#my_contributions ul a.suppr {
    display: block;
    float: left;
    width: 15px;
}

#my_contributions ul a.info {
    display: block;
    float: left;
    margin: 0 1px;
    width: 154px;
}

#my_contributions ul li:hover a.suppr {
    background: transparent url(../../images/designs/2/forum/supprimer.png) no-repeat scroll;
}


/** Home page job **/

.headerBlock, .publishButton, .publishButton:hover, .bodyBlock div.logoRss, .homeJob .flag, .tabBlock
{
    background:url('../../images/designs/2/job/homepage_job_elements.png');
}
#headerHome
{ 
    padding:10px 10px 0 10px;
    margin:0 0 10px 0;
}
#contentHome
{
    padding:0;
    margin:0;
    margin:0 313px;
}

.formSearch
{
    margin-bottom:10px;
}

.formSearch p
{
    padding-left:8px !important;
}

#contentHome .formSearch
{
    margin:0 13px 10px;
}


.contentBlock
{
    width:300px;
    border: 2px solid #D6D6D6;
    margin: 0 0 10px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.headerBlock
{
    background-repeat:repeat-x;
    color:white;
    padding:6px 8px 6px 16px;
    color:#EBEBEB;
    font-size:13px;
    border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    font-weight:bold;
}
.bodyBlock
{
    color:white;
    background:url("../../images/bg-menu.gif") repeat-x scroll 0 0 transparent;
    padding:5px 0;
}

.bodyBlock a.tabBlock
{
    border-top:1px solid #D6D6D6;
    padding:5px 0 5px 0;
    text-align:center;
    display:block;
    margin-top:5px;
    background-position:0 -250px;
    background-repeat:no-repeat;
}

.bodyBlock div.logoRss
{
    float:left;
    background-position:0 -469px;
    width:35px;
    height:37px;
    margin:8px 0 0 8px;
}

.bodyBlock div.Rss
{
    margin-left:43px;
}

.bodyBlock div.Rss p
{
    padding:4px 6px;
}

.bodyBlock div.Rss p a
{
    display:block;
}

.bodyBlock p
{
    margin:0;
    padding:5px 5px 0 5px;
    color:#1F1F1F;
}

.bodyBlock a.contractLink
{
    padding:0 8px 0 0;
}

.bodyBlock a.importantLink
{
    font-weight:bold;
}

.bodyBlock a.caseLink
{
    background: url("../../images/bg-menu.gif") repeat-x scroll 0 0 transparent;
    display:block;
    height:45px;
}

.bodyBlock a.lastCaseLink
{
    border-radius-bottomleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius-bottomleft: 8px;
    border-radius-bottomright: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius-bottomright: 8px;
}

.bodyBlock a.caseLink span.recruiterName
{
    display:block;
    padding-top: 5px;
}

.bodyBlock a.caseLink span.recruiterOffer
{
    color:#1F1F1F;
}

.publishButton
{
    margin: 15px auto 0 auto;
    width: 160px;
    padding: 9px 5px 5px 20px;
    height: 15px;
    text-align: center;
    display:block;
    font-size: 1.05em;
    letter-spacing: -0.08em;
    background-position:0 -48px;
    height:30px;
    position:relative;
    color:#394754 !important;
    text-shadow:0 1px 0 #bcddfe;
    font-weight:bold;
}
.publishButton:hover
{
    background-position:0 -99px;
}
#mainMenu
{
    float:left;
}

#secondMenu
{
    float:right;
}
#secondMenu .contentBlock
{
    margin: 0 10px 10px 0;
}
.homeSearch
{
    width:100%;
    background:red;
}

div.searchline
{
    border:2px solid #E3E7EC;
    height:29px;
    background-color:#ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position:relative;
    margin: 0 7px;
}

input#field_employment_search, .fieldsHot
{
    height:27px !important;
    width:85% !important;
    text-indent:5px;
    margin:0px !important;
}

input.submitSearchLine
{
    height: 25px !important;
    position: absolute;
    top: 2px;
    right: 2px;
    margin:0px !important;
}

.homeJobParent
{
    text-align:center;
    width:auto;
}

.homeJob
{
    text-align:left;
    background-color: #FDFDFD;
    border: 2px solid #E3E7EC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width:300px;
    margin:5px 10px 5px 0px;
    display:block;
    float:left;
    position:relative;
}
.pageJob
{
    background-color: #FDFDFD;
    border: 2px solid #E3E7EC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:5px 10px 5px 0px;
    position:relative;
    padding:8px;
    text-align:center;
    font-size: 13px;
}
.pageJob a, .pageJob span{margin: 0 6px;}
.pageJob a.previous{background:url('/Templates/images/designs/2/fleche_gauche.png') no-repeat center left;  padding-left: 16px; }
.pageJob a.next, .nextJobs .icon{background:url('/Templates/images/designs/2/fleche_droite.png') no-repeat center right; padding-right: 16px; }

.homeJob .flag
{
    position:absolute;
    width:30px;
    height:30px;
    right:-2px;
    top:-3px;
    background-position:0 -201px;
    background-repeat:no-repeat;
}

.homeJob .logo
{
    float:left;
    margin:8px 0 0 10px;
}
.homeJob .logo .admin_edit, .homeJob .logo .admin_delete
{
    width:20px;
    height:20px;
    margin:10px 8px;
    display:inline-block;
}
.homeJob .elementJob
{
    margin-left:100px;
}

.homeJob .elementJob p
{
    margin:0;
    padding:2px 5px 2px 0;
    font-size:13px;
}

.homeJob .elementJob p.date
{
    margin:0;
    font-size:11px;
}

.homeJob .elementJob a.titleJob
{
    margin:5px 0 20px 0;
    font-size:14px;
    font-weight:bold;
    display:block;
    height:35px;
    max-height:35px;
    padding-right:23px;
    overflow: hidden;
}


.homeJob .elementJob a.link_contextual
{
    width:160px;
    text-align:center;
    margin:0 0 5px 0;
}

.homeJob .elementJob .textlink
{
    padding-left:10px;
}

.nextJobs
{
    clear: both;
    display: block;
    float: right;
    margin: 20px 15px 20px 0;
}

.nextJobs .icon
{
    height:20px;
    width:20px;
    display:block;
    float:right;
}
.nextJobs .text
{
    padding-top:2px;
    float:left;
}

.form label.job_type
{
    float:none;
    line-height: 22px;
    width:auto;
    min-height:none;
}

.interviewBlock p
{
    color:#696969;
}

.interviewBlock h5
{
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.jobCorps
{
    margin-right:315px;
}



h3.titleNoMargin
{
    margin:0 0 0 0;
}
.parentHomePageNext
{
    width:100%;
    float:left;
    margin:10px 10px 50px 0px;
}
.parentHomePageNext .homePageNext
{
    width:180px;
    float:right;
    margin:0;
}

#homeList
{
    margin-right: 310px;
    overflow:hidden;
    margin-top:30px;
}

#menuSecond
{
    position: absolute;
    right: 5px;
    margin:30px 0 0 0;
    top: 225px;
}

a.interviewFace img
{
    float:left;
    height:120px;
    width:106px;
    margin:5px;
}

div.legendmargin
{
    padding-top:35px;
}
@media screen and (max-width:1200px)
{
    a.interviewFace img
    {
        float:none;
        display:block;
        margin:0 auto 5px auto;
    }

    #homeList
    {
        margin-right:10px;
    }

    #menuSecond .contentBlock
    {
        width:198px;
        margin:0;
    }

    #menuSecond
    {
        width:198px;
        position: static;
        margin:0 0 10px 0;
    }
}


/* CC tutorial inputs */

.config_CC
{
    float:left;
    width:38%;
    min-width:409px;
}

.separator_CC
{
    float:left;
    border-right:4px solid #E3E7EC;
    position:relative;
    margin-bottom: -33px;
    top: -25px;
    height:249px;
}

.separator_icon_CC
{
    background: url("../../images/CC/fleche.gif") no-repeat center center;
    width:10px;
    height:13px;
    position:absolute;
    top:51%;
    left:0;

}

.legend_CC
{
    float: left;
    margin-left: 10px;
    width:43%;
}

#box_CC p
{
    margin:0 0 1px 25px;
}

#box_CC input
{
    position:absolute;
}

.description_CC
{
    margin:2px 0 2px 25px!important;
    font-size:11px;
}

.autorization_CC .description_CC
{
    display:block;
    margin-left:0 !important;
}

.autorization_CC label
{
    display:inline;
    float:left;
    width:212px;
    min-height:35px;
}

.autorization_CC .choice_CC span
{
    display:block;
}
.autorization_CC .choice_CC label
{
    display:inline;
    margin:0;
    float:none;
    width:auto;
    height:auto;
}

.autorization_CC div
{
    margin:20px 0 0 0;
}

.autorization_CC div div
{
    margin:0 0 0 0;
}

.legend_CC p
{
    margin:0 0 0 62%;
}

.legend_CC a
{
    font-weight:bold;
}

.legend_CC .licenceBlock_CC
{
    margin:8px 0 8px 0;
    padding:2px 0 0 40px;
}

.legend_CC .licenceBlock_CC p
{
    margin:1px 0;
}

.legend_CC .licence_BY
{
    background: url("../../images/CC/ccby.png") no-repeat left center;
}
.legend_CC .licence_NC
{
    background: url("../../images/CC/ccnc.png") no-repeat left center;
}
.legend_CC .licence_ND
{
    background: url("../../images/CC/ccnd.png") no-repeat left center;
}
.legend_CC .licence_SA
{
    background: url("../../images/CC/ccsa.png") no-repeat left center;
}


.tutorial_awaiting .head
{
    background-image: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    height: 29px;
    color: white;
    border-radius: 10px 10px 0px 0;
    -webkit-border-radius: 10px 10px 0px 0;
    -moz-border-radius: 10px 10px 0px 0;
}   

.tutorial_awaiting tbody tr .second
{
    border-left: solid 1px #E9E9E9;
}

.tutorial_awaiting .element
{
    background: url('../../images/designs/2/buttoncut.png') repeat-x -2006px;
    background-position: bottom;
    border: 1px solid white;
    border-bottom: 1px solid #FAFAFA;
    color: #696969;
}

.tutorial_awaiting .element2
{
    background:url('../../images/designs/2/buttoncut.png') repeat-x bottom -2006px;
    background-color: #FAFAFA;
    border-top:1px solid #FAFAFA;
    border-bottom:1px solid white;
}

.tutorial_awaiting .intro
{
    background: #E2F0FF;
    border: 1px solid #2677C9;
    width: 100%;
    margin: 45px 0 10px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0px 0px 0px 0px;
    height: 90px;
}

.tutorial_awaiting .intro_zozor
{
    background: url('../../images/designs/2/zozor_bg.png') no-repeat;
    min-height: 67px;
    padding: 20px 10px 0px 80px;
    background-position: 1px -196px;
    position: relative;
    top: -23px;
}

.tutorial_awaiting .intro_beta
{
    background: url('../../images/designs/2/tutos/ico_beta.png') no-repeat 10px 10px;
    min-height: 67px;
    padding: 15px 10px 0px 80px;
    background-position: 15px 35px;
    position: relative;
}

.tutorial_awaiting td img
{
    padding: 5px 5px 5px 0px;
}

.tutorial_awaiting .mp
{
    background: url('../../images/speedconnexion/speedconnexion.png') no-repeat;
    background-position: -9px -147px;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
}

.tutorial_awaiting .link_author
{
    display: block;
    min-height: 18px;
}

.tutorial_awaiting table
{
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
}

.tutorial_awaiting tbody td
{
    padding-left: 10px;
}

.tutorial_awaiting table td ul
{
    padding: 0;
    list-style: none;
}

.tutorial_awaiting .author
{
    padding: 0;
    float: left;
    font-weight: bold;
}

.tutorial_awaiting th
{
    padding-left: 10px;
}

.tutorial_awaiting a.profilMembre
{
    color:#696969;
}

.tutorial_most_visited .auteur
{
    border-radius: 0px 10px 0 0;
    -moz-border-radius: 0px 10px 0 0;
    -webkit-border-radius: 0px 10px 0 0;
}

.tutorial_most_visited .position
{
    border-radius: 10px 0px 0 0;
    -moz-border-radius: 10px 0px 0 0;
    -webkit-border-radius: 10px 0px 0 0;
}

.tutorial_most_visited .title
{
    min-width: 40%;
}

.tutorial_most_visited ul, .tutorial_most_visited ul li
{
    list-style-image: none;
}

/* Pub menu */
.pub_menu_160
{
    text-align: center;
}

.ui-widget-daredevel-checkboxTree li
{
    list-style-type: none;
    position: relative;
}

.ui-widget-daredevel-checkboxTree label
{
    float: none !important;
}

.ui-widget-daredevel-checkboxTree .expanded
{
    background: url('../../images/designs/2/expanded.gif') no-repeat;
    background-position: 0px 7px;
    padding: 4px 0 0 15px;
}

.ui-widget-daredevel-checkboxTree .collapsed
{
    background: url('../../images/designs/2/collapsed.gif') no-repeat;
    background-position: 0px 7px;
    padding: 4px 0 0 15px;
}

.ui-widget-daredevel-checkboxTree li span
{
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: -3px;
}

.ui-widget-daredevel-checkboxTree
{
    border: none;
    background: none;
}

.ui-widget-daredevel-checkboxTree .ui-icon
{
    background: none;
}

/* Design for tab pdf*/
#TabsBySupport
{
    padding:2px;
    margin-bottom:10px;
    margin-right:510px;
    display:none;
}

    #TabsBySupport *
    {
        font-size:11px;
    }

    #TabsBySupport ul
    {
        margin:0px;
        padding:0px;
        position:relative;
        border-bottom:1px solid #E6EAEE;
        top:-20px;
        padding-bottom:2px;
    }

    #TabsBySupport ul li
    {
        display:inline-block;
        font-size:12px;
        min-width:100px;
        background:url('../../images/designs/2/forum/onglet.png') repeat-x center -244px #B0DAFE;
        text-align:center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        position:relative;
        bottom:-3px;
        margin-left:3px;
    }

    #TabsBySupport ul li:first-child
    {
        margin:0;
    }

    #TabsBySupport ul li a
    {
        color:black;
        padding:4px 5px;
        display:block;
    }

    #TabsBySupport ul li  span.pdfBook, #TabsBySupport ul li span.sdzBook
    {
        display:block;
        float:left;
        margin:0 4px 0 0;
        height:15px;
        width:17px;
        background:url('../../images/designs/2/forum/onglet.png') no-repeat center -223px;
    }

    #TabsBySupport ul li span.sdzBook
    {
        background:url('../../images/ico_livre.png') no-repeat;
    }

    #TabsBySupport .selectedTab
    {
        background:url('../../images/designs/2/forum/onglet.png') repeat-x center -187px #fff;
        position:relative;
        bottom:-3px;
        padding:3px 0px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        margin:0;
    }

    #TabsBySupport .selectedTab a
    {
        display:block;
    }

    #TabsBySupport .leftBorder, #TabsBySupport .rightBorder
    {
        height: 30px;
        margin: 0;
        min-width: 0;
        position:relative;
        bottom:-14px;
        width:6px;
        margin:0;
    }

    #TabsBySupport .leftBorder
    {
        background: url("../../images/designs/2/forum/onglet.png") repeat-x scroll left -128px #FFFFFF;
    }
    
    #TabsBySupport .rightBorder
    {
        background: url("../../images/designs/2/forum/onglet.png") repeat-x scroll right -157px #FFFFFF;
        margin-right:-3px;
    }

    #previewPage .searchline
    {
        float:left;
        width:340px;
    }

    #previewPage .fieldsHot
    {
        width:260px !important;
        font-size:12px;
    }

    #previewPage form input[type=submit]
    {
        background: url("../../images/designs/2/buttoncut.png") repeat-x left -99px !important;
        border: 0px !important;
        color: white;
        height: 23px;
        padding: 3px 10px;
    }

@media screen and (max-width:1200px)
{
    #previewPage .searchline
    {
        width:200px;
    }

    #previewPage .fieldsHot
    {
        width:125px !important;
        font-size:12px;
        letter-spacing:-1px;
    }

    #TabsBySupport
    {
        margin-right:360px;
    }

    #TabsBySupport ul li span.sdzBook, #TabsBySupport ul li span.pdfBook
    {
        display:none;
    }
}
    

#speedConnection
{
    width:100%;
    height:24px;
    background:url('../../images/speedconnection/speedconnection.png') repeat-x;
    margin:0;
    padding:0px;
}
    .dblockspeed
    {
        display:block !important;
    }

    #speedConnection li
    {
        list-style:none;
        float: left;
        height:24px;
    }

    #speedConnection li:first-child a
    {
        background:none;
    }

    #speedConnection li.other, #speedConnection li.listed
    {
        position:relative;
    }

    #speedConnection li.other
    {
        float:right;
        z-index: 1000;     
    }

    #speedConnection li
    {
       background:url('../../images/speedconnection/speedconnection.png') 0 -535px no-repeat;
    }

    #speedConnection li a
    {
        color:white;
        background:url('../../images/speedconnection/speedconnection.png') 0 -535px no-repeat;
        padding:5px 13px 1px 12px;
        display:inline-block;
        height: 16px;
        font-size: 0.85em;
    }

    #speedConnection li.arrow a, #speedConnection li.listed a
    {
        padding-right:3px;
    }

    #speedConnection li:hover a, #speedConnection li:hover form.logoutBack
    {
        background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png") repeat-x 0 0;
    }
    
    .speedConnectionBack
    {
        background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png") repeat-x 0 0 !important;
    }

    #speedConnection li form.logoutBack
    {
        height:22px;
    }

    #speedConnection li span.arrow
    {
       background:url('../../images/speedconnection/speedconnection.png') -12px -208px no-repeat;
       width:15px;
       height:15px;
       display: inline-block;
       vertical-align: middle;
       margin-left: 4px;
    }

    #speedConnection li input.logout
    {
       background:url('../../images/speedconnection/speedconnection.png') center -181px no-repeat;
       width:15px;
       height:15px;
       border:none;
       padding:11px 20px;
       
    }

    #speedConnection li a.mp
    {
        padding:3px 12px 3px 12px;
        text-indent:-60000px;
    }
    
    #speedConnection li a.mpNew
    {
        background:url("../../images/speedconnection/speedconnection.png") no-repeat scroll center -70px transparent;
        position:relative;
        height:30px;
        padding: 3px 7px 3px 10px;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        z-index: 1000;
    }

    #speedConnection li a span.mp
    {
       background:url('../../images/speedconnection/speedconnection.png') center -114px no-repeat;
       width:12px;
       height:14px;
       border:none;
       padding:1px 4px;
       display: block;
       text-indent:-60000px;
    }
    
    .mpoutline
    {
        outline: none;
    }

    #speedConnection li:hover span.arrow
    {
       background:url('../../images/speedconnection/speedconnection.png') -12px -243px no-repeat;
    }

    #speedConnection li ul.menu
    {
       display:block;
       position:absolute;
       right:0;
       padding:7px 0 0 0;
       z-index:2000;
       background-position: center bottom;
       background-color:#686868;
       background-repeat: repeat-x;
       color:white;
       display:none;
       top:22px;
    }

    #speedConnection .secondType .menu
    {
        right:auto;
        left:0;
        min-width:150px;
    }

    #speedConnection li:hover ul.menu
    {
        display:block;
    }


    #speedConnection li ul.menu a, #speedConnection li ul.menu a:hover
    {
        background:none;
    }

    #speedConnection li > a:focus,
    #speedConnection li > form input.logout:focus
    {
        background-color:#686868;
    }

    #speedConnection li ul.menu li
    {
        display:block;
        background:none;
        float:none;
        padding:0 15px 7px 15px;
        height:auto;
    }
    
    #speedConnection li ul.menu li.bottom
    {
            background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png") bottom center;
            background-repeat: repeat-x;
            position:relative;
            height:4px;
            top:7px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            -webkit-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
    }

    #speedConnection li ul.menu li.simple
    {
        padding:0 10px 0 10px;
        margin-left:0px;
    }

    #speedConnection li ul.menu li.simpleForget
    {
        font-size:11px;
        text-align:right;
    }

    #speedConnection li ul.menu li input[type="text"], #speedConnection li ul.menu li input[type="password"]
    {
        width:220px;
        height:14px;
        font-size:12px;
        color:black;
    }

    #speedConnection li ul.menu li label
    {
        display:inline-block;
        margin:0 15px 0 2px;
    }

    #speedConnection li ul.menu li input[type="checkbox"]
    {
        position: relative;
        top:2px;
    }

    #speedConnection li ul.menu li input[type=submit]
    {
        background: url("../../images/designs/2/buttoncut.png") repeat-x left -99px !important;
        color: white;
        height: 23px;
        padding: 3px 5px;
        font-size:12px;
        border:1px solid gray;
    }

    #speedConnection li ul.menu li input[type=submit]:hover
    {
        background: url("../../images/designs/2/buttoncut.png") repeat-x left -124px !important;
    }

    #speedConnection li ul.menu li a.avatar_member
    {
        margin:0px 10px 0px 0px;
        padding:0;
        display:block;
        float:left;
        border:2px solid #686868;
        height:auto;
        position:relative;
    }

    #speedConnection li ul.menu li a.avatar_member img
    {
        width:45px;
    }

    #speedConnection li ul.menu li a.avatar_member:hover,
    #speedConnection li ul.menu li a.avatar_member:focus
    {
        border:2px solid white;
    }

    #speedConnection li ul.menu li ul.memberList
    {
        margin-left:60px;
        padding:0;
    }

    #speedConnection li ul.menu li ul.memberList li
    {
        padding:1px 4px;
        margin:0;
        height:auto;
    }

    #speedConnection li ul.menu li ul li:hover,
    #speedConnection li ul.menu li ul li > a:focus
    {
        background:#404040;
    }

    #speedConnection li ul.menu li ul.memberList li a
    {
        margin:0;
        height:auto;
        padding:0;
    }

    #speedConnection li ul.menu li span.editAvatarmember,
    #speedConnection li ul.menu li a.avatar_member:focus span.editAvatarmember  
    {
        background:url("../../images/designs/2/forum/editer.png") no-repeat left center white;
        width:16px;
        height:16px;
        position:absolute;
        top:0px;
        right:0px;
        display:none;
        border:1px solid white;
    }

    #speedConnection li ul.menu li a.avatar_member:hover span.editAvatarmember,
    #speedConnection li ul.menu li a.avatar_member:focus span.editAvatarmember
    {
        display:block;
    }

    #speedConnection li.secondType ul.menu li
    {
        padding:0 4px 7px;
    }

    #speedConnection li:first-child
    {
        margin-left:7px;
        background:none;
    }

    #speedConnection li:first-child a
    {
        padding-left:5px;
    }

    #speedConnection .friendsList img
    {
        width:30px;
        display:inline-block;
        height:30px;
    }

    #speedConnection .friendsList li
    {
        margin-left:0px;
        position:relative;
        height:30px !important;
    }

    #speedConnection .friendsList li.bottom
    {
        height:4px !important;
    }

    #speedConnection .friendsList li a
    {
        font-size:12px !important;
    }

    #speedConnection .friendsList li a:focus, #speedConnection .friendsList li a:active
    {
        background: none repeat scroll 0 0 #404040;
        display: block;
        height: 100%;
        width: 98%;
    }

    #speedConnection .friendsList li span.pseudo
    {
        position:absolute;
        left:43px;
        top:6px;
    }

    #speedConnection .friendsList li a.mp
    {
        display:inline-block;
        position:absolute;
        width:8px;
        height:6px;
        top:21px;
        left:36px;
        background: url("../../images/speedconnection/speedconnection.png") no-repeat center -150px !important;
    }

    #speedConnection .friendsList li a.mp:focus
    {
        background: url("../../images/speedconnection/speedconnection.png") #404040 no-repeat center -150px !important;
    }
    
    #speedConnection .friendsList li:hover,
    .listBack
    {
        background:repeat #404040;
    }
    
    
    /*provider connection*/
    #speedConnection li.connection a
    {
        padding: 0 3px 0 0;
        height: 24px;
        line-height: 24px;
        padding: 0 3px 0 8px;
    }
    
    #speedConnection li.connection span.arrow
    {
        margin-left: 6px;
    }
    
    #speedConnection li.connection span#google, #speedConnection li.connection span#facebook
    {
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-left: 4px;
    }
    
    #speedConnection li.connection span#google
    {
        background: url('../../images/speedconnection/speedconnection.png') -9px -282px no-repeat;
    }
    
    #speedConnection li.connection span#facebook
    {
        background: url('../../images/speedconnection/speedconnection.png') -9px -317px no-repeat;
    }
    
    #speedConnection li ul.menu li#providerSeparator
    {
        height: 0.5px;
    }
    
    #speedConnection li ul.menu li#providerSeparator hr
    {
        border-color: #575757 #575757 #828282;
    }
    
    #speedConnection li ul.menu li#providerList
    {
        padding-bottom: 0;
    }
    
    #speedConnection li ul.menu li#providerList ul
    {
        padding: 0;
        margin-top: 2px;
    }
    
    #speedConnection li ul.menu li#providerList ul li, #speedConnection li ul.menu li#providerList ul li a
    {
        width: 72px;
        height: 26px;
        padding: 0;
        margin: 0;
    }
    
    #speedConnection li ul.menu li#providerList ul li
    {
        display: inline-block;
    }
    
    #speedConnection li ul.menu li#providerList ul li:hover
    {
        background: none;
    }


.link_dl_pdf .info_tooltip_background
{
    background:none;
}

.job_partner_imaginove
{
    background-color: #FAFAFA;
    width:99%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}


/*
    gestion des news sciences dans le menu informatique
*/

.news_sciences
{
    padding-left: 10px !important;
}

div#dernieres_news .boutons_bloc a.bouton_action
{
    margin-left: 10px;
}

.news_sciences h4 {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin: 10px 10px 10px 0 !important;
    padding: 0;
}

.news_sciences .news{
    width: 172px;
    padding: 5px 5px 5px 0;
    float:left;
    /*display:inline-block;*/
    position: relative;
    margin: 0 0 30px 0;
}

.news_sciences .nbr_comments{
    font-size: 0.9em;
    height: 16px;
    left: 3px;
    padding: 3px 0 0;
    position: absolute;
    top: 38px;
    width: 29px;
}

.news_sciences .illuNews{
    height:35px;
    width: 35px;
    overflow: hidden;
    display: block;
}
.news_sciences .news .image a img{
    width: 35px;
}

.news_sciences .news h5{
    position: absolute;
    left: 55px;
    top: -15px;
}

.news_sciences .news h5 a{
    font-size: 1.1em;
    font-weight: normal;
}

.news_sciences div a.comments_nonew {background: url("../../images/designs/2/homepage/fond_comments.png") no-repeat left -65px;}
.news_sciences div a.comments_new {background: url("../../images/designs/2/homepage/fond_comments.png") no-repeat left -107px;}
.news_sciences div a.nbr_comments:hover {background-position: left -86px; color: #FFF;}


/* NEW SPEEDBARRE COMPATIBLE IE6 & 7*/
/*   image de fond  */
ul#speedbarre_title,
ul#speedbarre_title li,
ul#speedbarre_title li#switcher a,
div.separator,
div.arrow,
div.ardswitch,
div.ard,
#switcher_expand .border-left, #switcher_expand .border-right,
ul#speedbarre_title li#switcher #switcher_expand ul,
ul#speedbarre_title li#switcher #switcher_expand li a,
ul#speedbarre_title li#smenu a
{
    background-image: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png");
    background-repeat: no-repeat;
}

ul#speedbarre_title li#smenu{
    position: relative;
}

ul#speedbarre_title
{
    padding: 0;
    margin: 0;
    color: white;
    height: 29px;
    width: 100%;
    background-position: 0 0;
    background-repeat: repeat-x;
    min-width: 1009px;
}

ul#speedbarre_title ul
{
    padding: 0;
    margin: 0;
}

ul#speedbarre_title li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    height: 29px;
    line-height: 29px;
}

ul#speedbarre_title li a
{
    color: white;
    text-decoration: none;
}


/* CHOIX UNIVERS */
ul#speedbarre_title li#switcher
{
    padding-left: 35px;
    background-repeat: repeat-x;
    background-position: 0 -58px;
    text-shadow: 0 1px 0 #343434;
}

ul#speedbarre_title li#switcher a.location
{
    display: block;
    float: left;
    width: 90px;
    height: 29px;
    font-size: 15px;
    padding: 0px 8px 0 27px;
    background-position: 0 -286px;
    text-shadow: 0 1px 0 #343434;
    color: white;
    cursor: pointer;
}

div.separator
{
    display: block;
    width: 2px;
    background-position: 0 -197px;
    cursor: pointer;
    float: left;
    height: 29px;    
}

div.arrow
{
    display: block;
    cursor: pointer;
    float: left;
    height: 29px;
    width: 18px;
    background-position: -5px -227px;    
}

div.arrow:hover
{
    background-position: -5px -256px;    
}

div.ardswitch
{
    display: block;
    float: left;
    height: 29px;
    width: 27px;
    background-position: 0 -401px;
    background-repeat: repeat-x;
    margin-left: 10px;
}

ul#speedbarre_title li#switcher #switcher_expand
{
    display: none;
    background-position: 0 -835px;
    background-repeat: repeat-x;
    position: absolute;
    top: 29px;
    left: 29px;
    width: 152px;
    height: 52px;
    padding: 0 0 8px;
}

ul#speedbarre_title li#switcher #switcher_expand li
{
    display:block;
    float:none;
    line-height:22px;
    height: auto;
    margin: 0 0 1px 0;
}

ul#speedbarre_title li#switcher #switcher_expand li a
{
    font-size: 15px;
    margin: 0 0 1px 0;
    padding: 0px 8px 0px 27px;
}

ul#speedbarre_title li#switcher #switcher_expand li.computing a
{
    background-position:0 -288px;
}

ul#speedbarre_title li#switcher #switcher_expand li.sciences a
{
    background-position:0 -319px;
}

ul#speedbarre_title li#switcher #switcher_expand .border-left
{
    float:left;
    width:4px;
    height:52px;
    background-position:-20px -531px;
}

ul#speedbarre_title li#switcher #switcher_expand .border-right
{
    float:right;
    width:7px;
    background-position:0 -683px;
    height:52px;
}

/* SOUS MENU */
ul#speedbarre_title li#smenu ul li
{
    height: 29px;
    line-height: 29px;
    position: relative;
}

ul#speedbarre_title li#smenu ul li a
{
    font-size: 12px;
    background-position: right 0px;
    background-image: url("../../images/speedbarre/bgs_speedbarre.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 3px 22px 7px 6px;
    margin: 3px 0 0;
}

#speedbarre li#smenu ul li a.smenu_hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: right -28px;
    background-repeat: no-repeat;
    border-color: #656565 #656565 -moz-use-text-color;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #595859;
    display: block;
    height: 19px;
    margin-top: 3px;
    padding: 3px 21px 3px 5px;
    position: relative;
    z-index: 10;
}


/* BARRE RECHERCHE */
ul#speedbarre_title li#search_bar
{
    float: right;
    background-position: 0 -58px;
    background-repeat: repeat-x;
}

ul#speedbarre_title li#search_bar form#recherche
{
    float: left;
    height: 29px;
    line-height: 29px;
}

ul#speedbarre_title li#search_bar form#recherche input#champ_recherche
{
    border: 1px solid #B9B9BE;
    border-radius: 4px 4px 4px 4px;
    color: #717171;
    height: 15px;
    margin: 4px 7px 0 1px;
    padding: 2px 5px 2px 2px;
    width: 119px;
    vertical-align: top;
}

ul#speedbarre_title li#search_bar form#recherche select {
    background-color: #FFFFFF;
    border: 1px solid #B9B9BE;
    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    margin: 4px 8px 0 0;
    padding: 0 1px 1px 2px;
    width: 90px;
    vertical-align: top;
}

ul#speedbarre_title li#search_bar form#recherche input.button_go_search {
    -moz-border-bottom-colors: none !important;
    -moz-border-image: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background: url("../../images/designs/2/speedbarre/speed_barre_decoupe.png") no-repeat scroll left -116px #646464 !important;
    border-color: #7B7B7B !important;
    border-style: solid !important;
    border-width: 0 0 1px !important;
    color: white !important;
    font-size: 12px;
    height: 22px;
    margin-top: 4px;
    padding-bottom: 1px;
    width: 27px;
    vertical-align: top;
}

ul#speedbarre_title li#search_bar form#recherche a.button_more_search
{
    display: inline;
    float: none;
    color: white !important;
    font-weight: bold;
    margin: 0px 10px 0 2px;
    width: 13px;
}

div.ard
{
    float: left;
    height: 29px;
    width: 27px;
    background-position: 0 -29px;
    background-repeat: repeat-x;
    margin-right: 10px;
}

/** BIG TUTO COMMENT **/

form.checkboxShow
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
}

form.checkboxShow input[type=checkbox]
{
    margin:0;
    position:absolute;
    top:1px;
}

form.checkboxShow label
{
    margin-right:10px;
    padding: 0 0 0 20px;
    color: #2677C9;
}

form.checkboxShow label:hover
{
    color: #C87B02;
}

.chapterComment
{
    color: #154F8A;
    display:block;
    float:right;
    margin:0 10px 0 0;
}


/** LAST TUTORIAL COMMENTS **/

#lastComments #totalComments{
    font-size: 16px;
}

#lastComments #allComments{
    float:right;
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 7px 7px 7px 7px;
    margin-top: 15px;
    padding:5px 7px;
}

#lastComments p.no_comment{
    margin-bottom: 30px;
}

td.infos_membre span.eval_tuto{
    background-color: white;
    border: 1px solid #E3E7EC;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 7px;
    position:relative;
}

.arrow_eval{
    border-right: 1px solid #E3E7EC;
    border-top: 1px solid #E3E7EC;
    position: absolute;
    height: 3px;
    width: 7px;
    top: -3px;
    top: -4px\0/; /* ie8 and 9 */
    left: 20px;
    background: white;
    z-index:1;
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform:rotate(-30deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.8660254037844387, M12=0.49999999999999994, M21=-0.49999999999999994, M22=0.8660254037844387)";
}

/** NEW COMMENT TUTORIAL PAGE **/
#new-comment{
    background: url("/images/designs/2/form/fieldset_background.png") repeat-x scroll center top transparent;
    border: 2px solid #E3E7EC;
    border-radius: 5px 5px 5px 5px;
    background-color: #FDFDFD;
    float:left;
    width:99.7%;
    margin-top:10px;
    margin-bottom: 30px;
}

#new-comment table{
    width:100%;
    padding:19px;
    padding-bottom:0;
}

#new-comment td{
    padding:0px 3px 15px 3px;
    text-align: center;
}

#new-comment td.label{
    width:180px;
    vertical-align: top;
}

#new-comment td.label label{
    width:100%;
}

#lastComments div.tut_appreciation_smiley_form{
    margin: 0;
    float: left;
    width: 19px;
    height: 19px;
    margin: auto;
    background-image: url(../../images/designs/2/tutos/evaluate.png);
    background-repeat: no-repeat;
}

#lastComments div.total_eval{
    margin-left: 6px;
    margin-right: 50px;
}

#lastComments table.liste_messages{
    margin-top: 15px;
    width: 100%;
}

#new-comment td input[type=radio]{
    float:left;
}

#new-comment td textarea{
    border: 2px solid #E3E7EC;
    width:100%;
    height:inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E3E7EC;
    border-radius: 5px 5px 5px 5px;
    margin: 2px 0 2px 0;
}

#new-comment td input.bouton_action{
    color: white;
    border: none;
    padding: 0 15px !important;
    width: inherit;
    height: 24px;
    font-size: 13px;
    float: left;
    background-position: -10px top;
}

#new-comment td input.bouton_action:hover{
    background-position: -10px -24px;
}

#more_options.bouton_action{
    float:left;
    line-height: 22px;
    margin-left:10px;
}

#new-comment td div.labelSmiley{
    float: left;
    margin: 3px 20px 0px 5px;
}

/** ADD THIS BUTTONS **/

#addthis_buttons{
    width:100%;
    float:left;
    padding: 10px 0;
    margin-bottom:20px;
}

#addthis_buttons a{
    float:left;
    margin-right:10px;
}

#addthis_buttons .addthis_button_google_plusone{
    padding-top:3px;
}

/** SAME ELEMENTS **/
#same_elements td{
    padding-top: 2px;
    padding-right: 5px;
}

#same_elements div.same_elements_icone{
    border: 1px solid #E3E7EC;
    width: 35px;
    min-height: 25px;
    border-radius: 3px;
}

#same_elements td img{
    max-width: 25px;
    font-size: 10px;
    margin: 5px;
}

a.big_lien{
    font-size: 14px;
}

/** ONGLET LIVRE **/
#desc_livre{
    padding-left: 20px;
    padding-bottom: 10px;
}

#desc_livre table{
    width: 100%;
}

#desc_livre td.desc_right{
    height: 167px;
}

#desc_livre td.desc_left{
    width: 252px;
}

#desc_livre td .container a{
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 0 #454545;
    margin-right: 20px;
    float: left;
    position: relative;
}

/** Blue button **/
.blue_button_left,.blue_button_right,.blue_button_middle,.blue_button_separation,.blue_button_middle_right{
    background-image: url("../../images/designs/2/tutos/tut_button.png");
    height: 45px;
    float: left;
    text-shadow: 0 1px 0 #454545;
}

.blue_button_left{
    background-position: left -270px;
    width: 5px;
    background-repeat: no-repeat;
}

.blue_button_right{
    background-position: left -317px;
    width: 5px;
    background-repeat: no-repeat;
}

.blue_button_middle{
    background-repeat: repeat-x;
    background-position: left -365px;
    line-height: 45px;
    padding: 0 5px;
}

.blue_button_separation{
    background-position: left -681px;
    width: 5px;
    height: 42px;
}

.blue_button_middle_left{
    float: left;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    margin: 0 20px 0 15px;
    font-size: 14px;
}

.blue_button_middle_right{
    background-position: left -641px;
    width: 30px;
    height: 42px;
}

/** Orange button **/
.orange_button_middle, .orange_button_left, .orange_button_right, .orange_button_separation, .orange_button_middle_preco{
    background-image: url("../../images/designs/2/tutos/tut_button.png");
    height: 45px;
    float: left;
    text-align: center;
}

.orange_button_middle{
    background-repeat: repeat-x;
    background-position: left -504px;
    line-height: 45px;
    padding: 0 9px 0 4px;
}

.orange_button_middle_preco{
    background-repeat: repeat-x;
    background-position: left -504px;
    padding: 4px 9px 0 9px;
    height: 41px;
}

.orange_button_left{
    background-repeat: no-repeat;
    background-position: left -412px;
    width: 6px;
}

.orange_button_right{
    background-repeat: no-repeat;
    background-position: left -458px;
    width: 6px;
}

.orange_button_separation{
    background-repeat: no-repeat;
    background-position: left -549px;
    width: 6px;
    margin: 0 15px 0 10px;
}

.orange_button_middle_left, .orange_button_middle_right{
    float: left;
}

.info_preco{
    position: absolute;
    font-size: 13px;
    color: #808080;
    top: -20px;
    left: 64px;
    font-weight: normal;
    text-shadow: none;
}

.container{
    display: table;
    margin: 0px auto;
}


#vote_livre{
    background: url("../../images/designs/2/tutos/bg_vote.png");
    height:333px;
}

#zozor_no_vote,#votez,#votez_bottom, #votez_bottom_ebook,#lien_tut_vote,#zozor_vote,#remerciement_vote{
    background: url("../../images/designs/2/tutos/zozor_vote.png") no-repeat;
}

#zozor_no_vote{
    background-position:left -277px;
    height:240px;
    margin:50px 13px 45px 20px;
    width:255px;
    float:left;
}

#no_vote_right{
    float:left;
    width:285px;
    margin-top:45px;
}

#no_vote_right p{
    text-align: center;
}

#votez{
    background-position:left -952px;
    height:72px;
    margin:auto;
    margin-bottom:15px;
    width:265px;
}

#votez_bottom, #votez_bottom_ebook{
    background-position:left -1062px;
    height:48px;
    width:265px;
    margin:auto;
}

#votez_bottom_ebook{
    background-position:left -1150px !important;
}

.no_vote_separation{
    border-width: 1px;
    margin-top:10px;
    margin-bottom:15px;
}

#lien_tut_vote{
    background-position:-27px -859px;
    height:56px;
    width:210px;
    margin:auto;
    display:block;
}

#zozor_vote{
    background-position:left -9px;
    height:255px;
    margin:30px 20px 45px 85px;
    width:207px;
    float:left;
}

#vote_right{
    float:left;
    width:262px;
    height:100%;
    font-size:12px;
    text-align:center;
}

#remerciement_vote{
    margin-bottom: 10px;
    background-position: left -1238px;
    height: 24px;
    width: 265px;
}

.vote_separation{
    border-width: 1px;
    margin-top:10px;
    margin-bottom:10px;
}

#vote_mail{
    position:relative;
}

#vote_mail input[type=text]{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E3E7EC;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 5px 2px 0;
    font-size: 12px;
    padding: 5px 2px;
    font-weight: bold;
    width:100%;
}

#vote_mail input[type=submit]{
    background: url("../../images/designs/2/buttoncut.png") repeat-x scroll left -99px transparent !important;
    border: 0 none !important;
    color: white;
    height: 23px;
    line-height: 23px;
    position: absolute;
    top: 13px;
    right: -6.5px;
    padding: 0 7px;
    width: 30px;
    font-size: 12px;
}

#vote_mail input[type=submit]:hover {
    background: url("../../images/designs/2/buttoncut.png") repeat-x scroll left -124px transparent !important;
}

#signaler{
    margin: 60px 0 25px 0;
    float:left;
    padding-left:20px;
    background: url("../../images/designs/2/tutos/tut_button.png") no-repeat;
    background-position: left -244px;
    font-size:15px;
}

/** EBOOK TAB **/
#zozor_ebook_vote{
    background: url("../../images/designs/2/tutos/zozor_vote.png") no-repeat;
    background-position:left -538px;
    height:287px;
    margin:25px 13px 0px 55px;
    width:255px;
    float:left;
}

/** TUTORIAL MENU **/

#tutorial_menu{
    padding: 8px 3px 3px 3px;
}

#tutorial_menu a{
    padding: 0 !important;
    height: auto !important;
}

#tutorial_menu li.selected a{
    font-weight: bold;
    color: #707070;
}

/* Boutigue*/
.zozor_boutique
{
    width: 340px;
    position: fixed;
    bottom: 0px;
    right: 10px;
}

.zozor_boutique .zozor_image, .zozor_boutique .zozor_message
{
    float: left;
}

.zozor_boutique .zozor_image
{
    display:block;
    background-image: url('/images/boutique/zozor.png');
    background-position: 0 0;
    width: 86px;
    height: 88px;
}

.zozor_boutique .zozor_message
{
    display:block;
    background-color: #9fcbfb;
    background-image: url('/images/boutique/zozor.png');
    background-position: 0 -108px;
    height: 43px;
    padding: 10px;
    width: 234px;
    background-repeat: repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    text-shadow: 0 1px 0 #d8ecfe;
    line-height: 13px;
}

.zozor_boutique .zozor_message
{
    color: #000000 !important;
}

.zozor_boutique .zozor_message .zozor_titre
{
    font-size: 1.1em;
}

/* HARDWARE TUTO PUB MATERIEL.NET  */
a#hardware_pub1_tuto
{
    display: block;
    clear: left;
    padding-top: 30px;
}

/** admin menu **/

#menu_admin .corpsmenu 
{
    padding: 15px 2px; 
}

#menu_admin .corpsmenu p
{
    padding: 0 0 0 10px; 
}

#TutorialHeadlineCategory
{
    margin-top: 10px;
    margin-bottom: 50px;
    padding:0 10px;
}

#TutorialHeadlineCategory li
{
    background: url("/images/designs/2/form/fieldset_background.png") repeat-x center top;
    background-color: #FDFDFD;
    border: 2px solid #E3E7EC;
    padding:8px;
    display: block;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

#TutorialHeadlineCategory li.categoryName
{
    color: #2677C9;
    font-weight: bold;
}

#TutorialHeadlineCategory ul
{
    margin-bottom: 20px;    
}

#TutorialHeadlineCategory ul li
{
    border-top: none;
    padding: 5px 8px;
}

#TutorialHeadlineCategory ul li a
{
   display:block;
   float:right;
   margin-left:10px;
}

#TutorialHeadlineCategory ul li a.up
{
    background: url("/images/designs/2/fleche_haut.png") no-repeat center center;
    width:16px;
    height:26px;
}

#TutorialHeadlineCategory ul li a.down
{
    background: url("/images/designs/2/fleche_bas.png") no-repeat center center;
    width:16px;
    height:26px;
}

#TutorialHeadlineCategory ul li span.space
{
    margin-left:10px;
    width:16px;
    height:26px;
    display: block;
    float:right;
}

#TutorialHeadlineCategory ul li a.delete, #TutorialHeadlineCategory ul li a.edit
{
    padding: 5px 0 5px 22px;
}

#TutorialHeadlineCategory ul li a.delete
{
    background: url("/Templates/images/designs/2/forum/supprimer.png") no-repeat scroll left center transparent;
    margin-right: 50px;
}


#TutorialHeadlineCategory ul li a.edit
{
    background: url("/Templates/images/designs/2/forum/editer.png") no-repeat scroll left center transparent;
    margin-right: 20px;
}

#TutorialHeadlineCategory ul li input[type="text"]
{
    border: 1px solid #E3E7EC;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    padding: 3px;
    width: 300px;
    margin-right: 20px;
}

#TutorialHeadlineCategory ul li input[type="checkbox"]
{
    position: relative;
    top: 2px;
}

.troisdsecureFlag
{
    cursor: pointer; 
    border: 1px solid gray; 
    height: 10px; 
    width: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/** icone précommande **/
#icone_preco{
    position:absolute;
    right: -2px;
    top: -15px;
    z-index: 100;
}

/** opération clé USB **/
#add_on_ope_cle{
    background: url("../../images/speedbarre/add_on_cle_usb_epuisee.png") no-repeat center top !important;
    height: 40px;
    position: absolute;
    right: -35px;
    top: -1px;
    width: 34px;
    z-index: 1;
}

#add_on_ope_cle_menu{
    display:none;
    background: url("../../images/speedbarre/add_on_cle_usb_epuisee.png") no-repeat center bottom !important;
    height: 101px;
    position: absolute;
    right: -53px;
    top: 13px;
    width: 70px;
    outline:none;
}

span.offert{
    color: #008000;
}

#suppression_compte label{
    width: 280px !important;
}

#popup_partners{
    position: absolute;
    right: 5px;
    width: 425px;
    top: 5px;
    background-color: white;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #2677C9;
    z-index: 999;
}

#popup_partners .close{
    position: absolute;
    right: 3px;
    top: -2px;
    color: #848484;
    font-size: 1.3em;
}

#popup_partners .close:hover{
    cursor: pointer;
}

#popup_partners .description{
    color: #848484;
    font-size: 0.85em;
    display: block;
    text-align: justify;
}

#popup_partners .nouveau{
    font-size: 1.2em;
}

#popup_partners .actions{
    text-align: center;
    font-size: 0.85em;
    margin-top: 5px;
}

#popup_partners .buttons{
    padding: 3px 0px 15px 140px;
}

#popup_partners input{
    display: block;
    background: url("../../images/designs/2/tutos/tut_button.png") repeat-x left -27px;
    height: 20px;
    text-decoration: none;
    border: 1px solid #9FCBFB;
    border-radius: 6px;
    text-shadow: 0 1px 0 white;
    outline: none;
    float: left;
    width: 70px;
}

#popup_partners input.refuse{
    font-size: 0.95em;
    color: #848484;
    border-color: #D1D1D1;
    background-image: none;
    margin-left: 4px;
}