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


.clearer, .cleaner { clear: both }


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


/*	Liens	*/

a:link, a:visited, a:active
{
	color: #2677c9;
	text-decoration: none;
}

a:hover
{
	color: #c87b02;
}

a img { border: 0 }


/*	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;
	height: 1.45em;
}

.intersites li
{
	float: left;
	background: url("../images/intersites/left_on.png") no-repeat left top;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	height:1.45em;
}

.intersites a
{
	float: left;
  	display: block;
  	background: url("../images/intersites/right_on.png") no-repeat right top;
  	padding: 2px 10px 0 0;
  	height: 17px;
  	text-decoration: none;
  	color: #765;
}

.intersites a:hover 
{
  	color: #000;
}
  
.intersites .selected
{
    background-position: left -20px;
}

.intersites .selected a 
{
  	color: #333;
  	background-position: right -20px;
}

.stats_sites > li 
{
	float: left;
}


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


#popup_amis ul
{
	width: 130px;
}

/* Menus popup */



.popup_menu ul
{
	position: absolute;
	z-index: 100;
	
	list-style-type: none;
	display: none;
	padding: 0;
	margin-top: 0;
	background-color: #488ad4;
	border: #2568b1 1px solid;
	opacity: .90;
	filter: alpha(opacity=90);
	-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/speedbarre/bg_speed.png") no-repeat right -27px;
}

/*	Header	*/

#header
{
	height: 122px;
	/* overflow: hidden; */
	background: #79b6fc url("../images/bg_header.png") repeat-x top;
	margin-top:1.5em;
	clear:both;
}

#header .header_gauche 
{
	width: 208px;
	float: left;
}

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

#publicite_banniere
{
	position:absolute; 
	left:50%; 
	height:80px; 
	width:468px; 
	margin-left:-380px; 
	top:17px;
}

#publicite_retardee
{
	display: none;
}


/*	Recherche et logbox	*/

.options_membre
{
	float: right;
}


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

#popup_menu_compte
{
    display:inline;
}

#popup_menu_compte ul
{
	width: 85px;
}

#recherche
{
	margin: 0 20px 0 0;
	text-align: center;
}

#recherche input#champ_recherche 
{ 
	width: 95px;
	color: #717171;
	background: #fff url("../images/icone_recherche_avancee.png") no-repeat 2px 2px;
	border: 1px solid #71a6e1;
	padding: 2px 5px 2px 19px;
}


#recherche p { margin: 7px 0 0 0 }
#recherche img.icon_avancee, #logbox img.icone_more { vertical-align: middle }



/*	Speedbarre	*/


ul#speedbarre
{
	margin: 0;
	padding: 95px 0 0 26px;
	list-style-type: none;
	height: 27px;
	background: url("../images/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/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
{
	background-position: right -27px;
	color: red;
}

ul#speedbarre li a.last_item
{
	padding-right: 44px;
	background: url("../images/speedbarre/bg_right_speed.png") no-repeat right top;
}

ul#speedbarre li a.last_item:hover
{
	background-position: right -27px;
}

/*	Menus	*/

#menu
{
    	float:left;
	width: 172px;	
	color: #707070;
}

.box_menu h5
{
	width: 157px;
	height: 21px;
	margin: 0;
	padding: 7px 0 0 15px;
	background: #686868 url("../images/header_menus.png") no-repeat;
	color: #ebebeb; 
	font-size: 1em;
}	

.box_menu .corpsmenu
{
	width: 164px;
	margin: 0 auto 15px auto;
	background: #fff url("../images/bg_corps_menu.png") repeat-y left;
	border: 2px solid #d6d6d6;
	border-width: 0 2px 2px 2px;
	padding: 4px 2px;
}

.box_menu img.image_categorie_tut
{
	float: left;
	margin-right: 10px;
}

.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 .corpsmenu ul li, #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.menu_cours_fin
{
	text-align: center;
}

.box_menu .corpsmenu ul li.last_idem_liste
{
	border: 0;
}

a .menu_cours_section
{
	color: #707070;
}

/*	Contenu		*/

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

#corps 
{
	margin-left: 195px;
}

#arbre 
{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#arbre img { margin: 0 3px 0 5px }
#arbre img.first_puce { margin-left: 0 }


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

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: #4d8fd1;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: 0;
	text-align: left;
}

h2
{
	text-align: center;
	font-size: 1.7em;
	letter-spacing: 1px;
	color: #e8a22b;
}

hr
{
	border: 0;
	border-top: 2px solid #9F9F9F;
	border-bottom: 1px solid #CCCCCC;
	
}


/*	Page d'accueil		*/

.infobox
{
	background-color: #f8fafd;
	border: 2px solid #e3e7ec;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 15px;
}

.infobox .conteneur_infobox
{
	padding: 3px 6px;
}

.infobox h3
{
	background: #808080 url("../images/homepage/bg_infobox_titre.png") repeat-x top;
	font-size: 1em;
	height: 18px;
	margin: 0;
	padding: 5px 14px;
	color: #fff;
	-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 a
{
	color: #B1D8FC;
}

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

.bloc_right_home
{	
	width: 48%;
	overflow: auto;
	height: 100%;
	float: right;
	margin: 0 auto;
}

.recherche_avancee fieldset.champs_facultatifs { width: 45% }

.bloc_right_home img
{
	margin: 10px;
}

img.icone_services_sdz 
{ 
	float: left;
	margin-top: 10px;
}

img.petite_icone_tutos
{
	float: left;
	width: 35px;
	margin: 0 0 0 18px;
}

img.petite_icone_news
{
	float: left;
	margin: 0 0 0 18px;
}

.grosse_icone_news_edit
{
	margin-left:170px; 
}

#services_sdz .row_module_index { padding: 3px 10px }
#sondage .row_module_index { padding: 12px 17px 0 17px }

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

span.nbr_pourcent { color: #2677c9 }

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

#evenements 
{
	overflow: hidden;
}

#evenements table
{
	border-collapse: collapse;
	border: 1px solid #e3e7ec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center; 
	margin: 0 auto;
	width: 70%;
}

#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/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;
	visibility: hidden; 
	width: 150px;
	background-color: #d2e3f4;
	opacity: 0.9;
}

#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/homepage/bg_infobox_titre.png") repeat-x bottom; 
}

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

#derniers_tutos .boutons_bloc, #dernieres_news .boutons_bloc { margin-left: 70px }

.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;
}

div.contenu_a_la_une
{
	padding: 8px;
	text-align: justify;
}

a.nbr_comments
{
	float: right;
	display: block;
	width: 33px;
	height: 21px;
	text-align: center;
	color: #fff;
}

a.comments_nonew
{
	background: url("../images/homepage/fond_comments.png") no-repeat left top;
}


a.comments_new
{
	background: url("../images/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;
}

.flottant_gauche
{
	float: left;
	padding: 0 10px 0 0;
}


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

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


a.bouton_action, span.bouton_action
{
	width: 145px;
	height: 22px;
	background: url("../images/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;
}

a.bouton_action:hover
{
	background-position: left -24px;
	
}

.flt_bt_left { float: left }
.flt_bt_right { margin-left: 160px }





#corps ul
{
	list-style-image: url("../images/zcode/liste_img.png");
}

#corps ul li
{
}


/*	Pied de page	*/

#footer
{
	margin-top: 120px;
	clear: both;
	background: url("../images/bg_debut_contenu.png") repeat-x top;
	border-top: 3px solid #686868;
	padding-top: 0;
}

#footer ul
{
	display: block;
	margin: auto;
	width: 780px;
	overflow: hidden;
	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
{
	margin: 8px 0 0;
	width: auto;
}

#footer ul ul li
{
	color: black;
	float: none;
	font-size: 0.75em;
	margin: 2px 0;
	width: auto;
}

#xiti-logo-noscript
{
	text-align: right;
}




/* News */

.taille_news { width: 82%; margin: 0 auto }

.auteur_date_commentaires
{
	font-size: 0.85em;	
	margin-bottom: 11px;
}

.commentaires_news
{
	color: #666666;
	float: right;
}






/* Cadres */





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

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

.cadre_btn
{
	width:95%;
	margin:auto;
}






/* Global */

img
{
	border: none;
	vertical-align: middle;
}

a img:active
{
	background: none;
}

.couleur_admin { color: red }
.couleur_modo { color: blue }
.couleur_newser { color: green }
.couleur_valid { color: rgb(230, 115, 0) }


.auteur_date
{
	border:1px solid #A3C0D5;
	background-color:#E9F0F5;
	margin: 4px;
	padding: 4px;
}

.cadre_auteur_date
{
	width:30%;
	min-width:350px;
	float:right;
	margin-left:10px;
}

.corps_cote_cadre_auteur_date
{
	width:65%;
}

.photo_tableau_cats
{
	border: 2px solid #A3C0D5;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 20px;
}

.cont_photo_galerie
{
	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;
}

.contenu_msg
{
	margin: 2px 0 0 0;
	padding: 12px 10px 0 64px;
}

#message_0 .contenu_msg, #message_2 .contenu_msg /* Message 0 : indécis. Message 2 : action correctement effectuée */
{
	background: url('../images/zcode/zcode_info.png') 13px 12px no-repeat;
	color: green;
}

#message_1 .contenu_msg /* Message 1 : erreur */
{
	background: url('../images/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 #CCCCCC;

	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;
}




/* zCode */




.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }
.italique { font-style: italic; }
.gras { font-weight:bold; }

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 0 4px 50px;
}

.erreur
{
	color: #be0b0b;
	background-image: url('../images/zcode/zcode_erreur.png');
}

.question
{
	color: #145ac1;
	background-image: url('../images/zcode/zcode_question.png');
}

.attention
{
	color: #da5e0f;
	background-image: url('../images/zcode/zcode_attention.png');
}

.information
{
	color: #7d9b0a;
	background-image: url('../images/zcode/zcode_info.png');
}

.information, .attention, .question, .erreur
{
	height:30px; /* On fixe la hauteur, que IE interpr�te comme une "hauteur minimale" */
	text-align:left;
}

/* Petit arrangement CSS pour une diff�rence entre IE et Firefox. On r�tablit en fait la
hauteur en auto (par d�faut), et on utilise min-height pour d�finir une hauteur minimale
sous Firefox et autres navigateurs comprenant le CSS 2. */
html>body .information, html>body .attention, html>body .question, html>body .erreur
{
	height:auto;
	min-height:30px;
}

.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: rgb(100, 100, 100); }
.rouge { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: 'DejaVu Sans Mono', Courier, monospace; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.vcentre { vertical-align: middle !important; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.flot_gauche { float: left; }
.flot_droite { float: right; }
.flot_gauche, .flot_droite { margin:1em; }

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }

span.code, span.citation, span.spoiler, span.spoiler_hidden /* Titre du code, de la citation et du spoiler */
{
	font-weight: bold;
	display:block;
	margin-left: 40px;
}

div.code2, .citation2, .spoiler2, .spoiler2_hidden /* Contenu du code, de la citation et du spoiler */
{
	border:2px solid #dee5f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background-color: #f6f8fc;

	padding: 8px;
	width:95%;
	margin: auto;
	overflow: auto;
}

.boite_message .code2
{
    width: 700px;
    margin-left: 10px;
}

@media screen {
	.code2, .citation2, .spoiler2, .spoiler2_hidden /* Contenu du code, de la citation et du spoiler */
	{
	max-height: 700px;
	}
}

.syntaxtable
{
	width: 90%;
}

.syntaxtable .linenos
{
	width: 30px;
}

.syntaxtable, .syntaxtable tr, .syntaxtable td, .syntaxtable tbody
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	border-collapse: collapse;
	border: none;
}

.code2 pre, .code2
{
	font-family:'Courier New', 'DejaVu Sans Mono', monospace;
	font-size:1.0em;
	line-height: 110%;
}

.ln-xtra { color: #880; background-color: #ffb; }

@media screen { 
    div.console, .console table, .console td, .console tr
    {
        background-color:black;
        color:white;
        border:none;
    }
}

.console .linenos
{
	display: none;
}

.code_lien_numerotation
{
	font-size:0.8em;
}

.smilies
{
	vertical-align: middle;
}

/* Les tableaux zCode */

.tab_user 
{
	border-collapse:collapse;
	border:2px solid #2C485C;
	margin: 0px auto 0px auto;
}

.tab_user caption
{
	font-weight:bold;
}

.tab_user td
{
	border:1px solid #2C485C;
	background-color:#E9F0F5;
	padding:2px;
}

.tab_user th
{
	padding:2px;
}

h3, .conteneur_infobox h3 /* Balise sémantique "Sous-titre 1" */
{
	margin: 0;
	margin-left:0px;
	color: #000000;
	font-weight: bold;
	background: transparent;
}

h4 /* Balise sémantique "Sous-titre 2" */
{
	font-weight:bold;
	font-size:1.2em;
	font-style:italic;
	color: #1877D5;
	margin: 0;
	margin-left:50px;
}

span.console {
    background-color: black;
    color: white;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}


/* Pygmentize */




.code2 .hll { background-color: #ffffcc }
.code2 .c { color: #408080; font-style: italic } /* Comment */
.code2 .err { border: 1px solid #FF0000 } /* Error */
.code2 .k { color: #008000; font-weight: bold } /* Keyword */
.code2 .o { color: #666666 } /* 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: #FF0000 } /* 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: #666666 } /* Literal.Number */
.code2 .s { color: #BA2121 } /* Literal.String */
.code2 .na { color: #7D9029 } /* Name.Attribute */
.code2 .nb { color: #008000 } /* Name.Builtin */
.code2 .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.code2 .no { color: #880000 } /* Name.Constant */
.code2 .nd { color: #AA22FF } /* Name.Decorator */
.code2 .ni { color: #999999; font-weight: bold } /* Name.Entity */
.code2 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.code2 .nf { color: #0000FF } /* Name.Function */
.code2 .nl { color: #A0A000 } /* Name.Label */
.code2 .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.code2 .nt { color: #008000; font-weight: bold } /* Name.Tag */
.code2 .nv { color: #19177C } /* Name.Variable */
.code2 .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.code2 .w { color: #bbbbbb } /* Text.Whitespace */
.code2 .mf { color: #666666 } /* Literal.Number.Float */
.code2 .mh { color: #666666 } /* Literal.Number.Hex */
.code2 .mi { color: #666666 } /* Literal.Number.Integer */
.code2 .mo { color: #666666 } /* 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: #BB6622; font-weight: bold } /* Literal.String.Escape */
.code2 .sh { color: #BA2121 } /* Literal.String.Heredoc */
.code2 .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.code2 .sx { color: #008000 } /* Literal.String.Other */
.code2 .sr { color: #BB6688 } /* 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: #666666 } /* Literal.Number.Integer.Long */




/* Spoiler */




.spoiler3
{
	visibility: hidden;
}

.spoiler3_hidden
{
	display: none;
}




/* zForm */

#corps label.label_cote
{
	float: left;
	width: 140px;
	margin-right: 8px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

label
{
	cursor: pointer;
}


legend
{
	color: blue;
	padding: 3px 10px;
	font-weight: bold;
	background: #D3DAED url("../images/bg_grosse_cat.png") repeat-x bottom;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

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;
}


.cadre_previsualisation_finale
{
	border: 1px dashed #CCCCCC;
	padding: 3px;
	margin: 10px 0 7px 0;
	width: 95%;
}

.bouton_prev_finale
{
	text-align:center;
}

.code_parse_final
{
	max-height: 500px;
	overflow: auto;
}

.apercu_tps_reel
{
	border: 1px solid #2C485C;
	overflow: auto;
	margin-top: 1px;
	padding: 0.2em;
	width: 650px;
}

html>body .apercu_tps_reel
{
	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 */

textarea
{
	width: 650px;
	height:200px;
	padding: 0.2em;
}

html>body textarea
{
	width: 95%;
}


.send
{
	margin: 10px 0;
	text-align: center;
}


.boutons
{
	margin-right: 20px;
}

.smilies_zform
{
	width: 130px;
	height: 180px;
	clear: left;
	float: left;
}

.smilies
{
    text-align: center;
}

.smilies table td
{
    text-align: center;
}

.boutons_zform, .zform
{
	margin-left: 150px;
}

.boutons_zform img
{
	border: 1px #DFDFDF solid;
}

.boutons_zform img:hover
{
	border: 1px #5F5F5F solid;
}

.smilies_zform_grande
{
	width: 130px;
	height: 280px;
	float: left;
}

.smiley_cliquable, .bouton_cliquable
{
	cursor: pointer;
	margin-bottom: 5px;
}

.opt_titre
{
	text-align: center;
	font-weight: bold;
}

.case_apercu
{
	float: left;
}

.lien_autobackup
{
	float: right;
	margin-right: 3em;
}


/* Tutoriels */

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

hr.bas_onglets
{
	border: 0; 
	margin-bottom:30px;
}

#corps .onglets_tutos ul
{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#corps .onglets_tutos li
{
	float:left;
	background:url("../images/tutos/bg_onglets.png") no-repeat left -28px;
	margin:0 3px 0 0;
	padding:0 0 0 21px;
}

#corps .onglets_tutos a
{
	float:left;
	display:block;
	background:url("../images/tutos/bg_onglets.png") no-repeat right -28px;
	padding: 5px 21px 4px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#00000;
}

#corps .onglets_tutos a:hover 
{
	color: #fff;
}
  
#corps .onglets_tutos .selected
{
	background-position: left 0;
}

#corps .onglets_tutos .selected a 
{
	color:#fff;
	padding-bottom:5px;
	background-position: right 0;
	border-bottom: none;
}

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

.auteur_date .avatar
{
	margin-right:5px;
}

.infobox img.avatar
{
	display:none;
}

.infobox td > img:first-child 
{
	display:block;
}

.icone_chap /* L'ensemble icéne + titre chapitre */
{
	width: 60px;
	float: left;
	background-color: #f8fafd;
	border: 2px solid #e3e7ec;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	padding: 6px;
	margin: 4px 5px 0 5px;
}

.droite_chapitre
{
	margin-left: 100px;
	
}

#corps ul.liste_sommaire_chap, #corps ul.liste_btuto_chap
{
	list-style: none;
	margin-top: 5px;
	padding: 0px;
}

.titre_chapitre
{
	margin-top:25px;
}

.sommaire_chap
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
	min-height: 70px;
}

.sommaire_chap span
{
	font-size: 1.1em;
}

#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;
}

.separateur_parties
{
	width: 30%;
}

#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;
}

hr
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#liste_parties
{
	list-style-type:upper-roman;
}

#pre_liste_parties, #liste_parties
{
	margin-left:55px;
	margin-bottom:20px;
}

/* Q.C.M. */

.qcm_liste_btut
{
	margin-left:20px;
}

.question_qcm
{
	border: 1px dashed black;
	margin-bottom: 20px;
	padding: 10px;
}

.logo_reussite
{
	width:60px;
}

#note_cmt
{
	margin-left:35px;
}

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

/* 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;
}



/* Edition de tutoriels */

.boite_a_outils
{
	width: 180px;
	float: right;
}

.detail_tuto_edition
{
	margin-right: 200px;
}

.infos_generales_tuto
{
	float: left;
}


/* 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;
    -moz-border-radius: 10px;
    background: #f6f8fc;
    padding: 6px;
    width: 200px;    
}

