/*

bleu clair : #C4D7ED
bleu fonce moyen #4792BF => #C4D7ED
bleu fonc #0F67A1 => #375D81
bleu tres fonc #0A1421
nv
#C4D7ED/
bleu clair : #C4D7ED
bleu fonce moyen #C4D7ED #C4D7ED
bleu fonc #375D81
bleu fonc moyen 2: #375D81
bleu tres fonc : #0A1421
*/


/* GENERAL */
html{margin: 0;padding: 0;color:#000;}
h3,h4{margin:5px 0 5px 0;}
img{border:0px;}
a:link,a:hover,a:active,a:visited{color:#375D81;}
input{font-family:Arial;font-size: 13px;color: #000;background-color:#fff;border: 1px solid #ccc;}
form{padding:0px;margin:0px;border:0px;}
td{font-size: 12px;vertical-align:top;}
body{background-color: #FFFFFF;font-family: Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-size: 0.8em;width:984px;position:relative;margin:0px;left:50%;margin-left:-492px;}
textarea{font-family:Arial;font-size: 13px;color: #000;background-color:#fff;border: 1px solid #ccc;width:400px;}
/* FIN GENERAL */


.unselected
{
	border:1px solid #C4D7ED;
	position:relative;
}

.selected
{
	border:1px solid #C4D7ED;
	background-color:#D4E8FF;
	cursor:pointer;
	position:relative;
}

div.btn_detail
{
	background-color:#375D81;
	color:#fff;
	padding:5px;
	width:70px;
	position:absolute;
	right:0px;
	bottom:0px;
	display:none;
}


/* HEADER */

#header{background:#FBFBFB top left repeat-x;padding:3px 0px 0px 0px;border:2px solid #EBECF0;}
#header h1{font-size:36px;color:#0A1421;margin:0 0 0 6px;display:inline;}
#header h1 a:link,
#header h1 a:hover,
#header h1 a:active,
#header h1 a:visited
{text-decoration:none;color:#0A1421;}

#header h2{font-size:24px;color:#375D81;margin:10px;display:inline;}
#header ul{margin:18px 0px 0px 0px;padding:0px;width:100%;}
#header li{margin:0px;display:block;float:left;font-size:13px;padding:6px 4px 6px 4px;}
#header li a{color:#0A1421;}
#header li a:link,
#header li a:active,
#header li a:visited
{
	padding:6px 4px 0 4px;
	text-decoration:none;
	font-weight:bold;
	font-variant:small-caps;
}
#header li.clicked
{
	padding:6px 4px 6px 4px;
	text-decoration:none;
	background-color:#0A1421;
	color:#FFF;
}
#header li.selected
{
	padding:6px 4px 6px 4px;
	text-decoration:none;
	background-color:#FBFBFB;
	color:#0A1421;
	border:0px;
}
#header li.selected a{}
#header li.clicked a{color:#FFF;}

#auteur
{
	position:absolute;
	top:0px;
	right:0px;
	padding:5px 15px;
	/*background-color:white;
	border-left:1px solid #EBECF0;
	border-bottom:1px solid #EBECF0;*/
}

#auteur a
{
	font-weight:bold;
}

/* CONTENU DE PAGE */

#chemin_progression{margin:9px 0 0 0;padding:0 0 9px 0;}
#chemin_progression ul{margin:0;padding:0;display:inline;}
#chemin_progression li{display:inline;list-style:none;list-style-image:none;padding:0px;border:0px;margin:0px;font-size:11px;}

#donate{position:absolute;top:99px;right:0px;}
#donate input{border:0px;}
#donate div.msg{
	border:1px solid #FCEFA1;
	background-color:#FBFAF3;
	display:none;
	padding:5px;
	float:left;
}

#contenuPage{position:relative;}
#contenuPage h2{font-variant:small-caps;color:#fff;background-color:#375D81;font-size:19px;letter-spacing:2px;padding:6px;border:1px solid #C4D7ED;margin-top:0;}
#contenuPage h3{margin:15px 0px 15px 2px;background-color:#fbfbfb;border:1px solid #ebecf0;padding:3px;}
#contenuPage h4{font-variant:small-caps;color:#375D81;font-size:14px;padding:6px 6px 0px 6px;}

pre{border:1px solid #fbfbfb;background-color:#ebecf0;font-size:13px;font-family:sans-serif;padding:5px;margin-left:20px;}

/* FOOTER */

#footer{text-align:center;font-size:11px;clear:both;}
#footer div{margin:5px;}
#footer ul{display:inline;padding:0px;}
#footer li{display:inline;}
#footer li a:link,#footer li a:hover,#footer li a:active,#footer li a:visited
{text-decoration:underline;font-size:11px;}

/* MENU DOC */


.menu_left_general{float:left;}
.menu_left,#menu_doc{width:200px;border:1px solid #ebecf0;background-color:#fbfbfb;}
#menu_doc>ul{list-style-image:none;list-style-type:none;padding:3px;margin:0px;}
#menu_doc>ul>li{cursor:pointer;}
#menu_doc>ul>li a{text-decoration:underline;font-variant:small-caps;}
#menu_doc>ul>li {margin:3px 3px 6px 3px;}
#menu_doc>ul>li div.item{padding:6px;border:1px solid #C4D7ED;background-color:#fff;font-weight:bold;position:relative;}
#menu_doc>ul>li.categorie_selected>div,
#menu_doc>ul>li.categorie_clicked>div
{
	border:1px solid #C4D7ED;
	background-color:#C4D7ED;
	color:#fff;
	font-variant:small-caps;
	cursor:pointer;
}
#menu_doc>ul>li.categorie_clicked>div
{
	background-color:#375D81;
}
#menu_doc>ul>li.categorie_clicked>div>a
{
	margin:0px;
	background-color:#375D81;
	color:#FFF;
}

#menu_doc>ul>li>ul{list-style-image:none;list-style-type:none;padding:0 0 0 0;margin:0px 3px 0px 3px;color:#375D81;border:1px solid #C4D7ED;border-top:0px;border-bottom:0px;}
#menu_doc>ul>li>ul>li{padding:6px;margin:0px;font-weight:none;background:#fff;cursor:pointer;border-bottom:1px solid #C4D7ED;}/*border:1px solid #C4D7ED;}*/
#menu_doc>ul>li>ul>li a{text-decoration:underline;font-size:13px;font-variant:normal;}
#menu_doc>ul>li>ul>li.selected div,
#menu_doc>ul>li>ul>li.clicked div
{
	border:1px solid #C4D7ED;
	background-color:#C4D7ED;
	cursor:pointer;
}
#menu_doc>ul>li>ul>li.clicked
{
	background-color:#C4D7ED;
}
#menu_doc>ul>li>ul>li.clicked a
{

}

#menu_doc>ul>li div.show_hide_sub_menu
{
  color:#C4D7ED;
  font-size:20px;
  position:absolute;
  display:block;
  left:150px;
  top:0px;
  padding:0px;
  text-align:center;
  width:30px;
  cursor:pointer;
}

#menu_doc>ul>li div.show_hide_sub_menu.activ
{
color:#375D81;
}

#menu_doc>ul>li.categorie_selected div.show_hide_sub_menu
{
  color:#fff;
}

#contenuPage div.menu_left>h3,#menu_doc h3{margin:3px 3px 0 3px;border:0;padding:6px 6px 0 6px;color:#0A1421;}

#contenuPage div.menu_left p
{
  margin:10px;
}

#form_recherche
{
	position:absolute;
	right:12px;
	top:55px;
}

#form_recherche input,#form_recherche select
{
	padding:2px;
	border-color:#C4D7ED;
}

#form_recherche select
{
border:1px solid #C4D7ED;
padding:2px;
width:100px;
}

#chp_submit
{
	background-color:#375D81;
	font-variant:small-caps;
	color:#fff;
	font-weight:bold;
	
}

#chp_recherche
{
	width:170px;
}

.ac_results {padding: 0px;border: 1px solid #C4D7ED;background-color: Window;overflow: hidden;width:150px;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results iframe {display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font: menu;font-size: 12px;overflow: hidden;}
.ac_over {background-color: #375D81;color: #fff;}

#contenu_doc{width:765px;float:right;position:relative;}

/* PAGE LISTE FONCTIONS */


#liste_fonctions ul,#liste_selecteurs ul{list-style-image:none;list-style-type:none;padding:3px;}
#liste_fonctions li,#liste_selecteurs li{padding:4px;margin-bottom:3px;}


#liste_fonctions_det,#news_detail {border:1px solid #C4D7ED;}
#liste_fonctions_det p,#news_detail p{margin:10px;}
#liste_fonctions_det ul{margin:2px 10px 2px 20px;}
#liste_fonctions_det h4{margin:10px 10px 10px 2px;}
#liste_fonctions_det>div>p.description_fonction{padding:15px 0 15px 0;}


#liste_fonctions>ul>li>a{display:block;font-size:15px;padding:3px;}
#liste_fonctions>ul>li>p{margin:0px;padding-left:5px}


#liste_selecteurs>ul>li>a{font-size:15px;padding:3px;}
#liste_selecteurs>ul>li>p{margin:0px;padding-left:5px;display:inline;}


/* plugins */


#liste_plugins ul{list-style-image:none;list-style-type:none;padding:3px;}
#liste_plugins li{padding:4px;margin-bottom:3px;}

#liste_plugins>ul>li>img{float:left;margin:5px;}
#liste_plugins>ul>li>a{display:block;font-size:15px;padding:3px;}
#liste_plugins>ul>li>p{margin:0px;padding:5px;}



.commentaire{border:1px solid #ebecf0;margin:10px;padding:5px;}

/* demonstration */
#demonstration div{border:1px solid black;padding:30px;width:200px;float:left;}
#demonstration input{border:1px solid white;padding:5px;background-color:#375D81;color:white;font-variant:small-caps;font-size:15px;margin-bottom:10px;}
#demonstration pre{margin:0 0 0 270px;}
#liste{float:left;width:200px;}
.li_hover{border:1px solid black;}

#fonctions_liste {margin:18px 0px 0px 0px;padding:0px;width:100%;}
#fonctions_liste li{cursor:pointer;margin:2px;display:block;float:left;font-size:13px;padding:6px;border-top:1px solid  #C4D7ED;border:1px solid  #C4D7ED;font-weight:bold;}
#fonctions_liste li.clicked{
	background-color:#0A1421;
	color:#fff;
	cursor:default;
}
#fonctions_liste li.selected{
	background-color:#C4D7ED;
}

#fonctions_liste>li.libelle{font-weight:none;border:0px;}

/* plugin detail */



#plugin_detail>div.detail
{
  border:1px solid #C4D7ED;
  padding:5px;
}

#plugin_detail>h2
{
	margin-bottom:5px;
}

#menu_box_proposer_plugin
{
  margin-top:20px;

}

#menu_box_proposer_plugin a
{
  display:block;
  margin:10px;
  padding-left:20px;
  padding-top:5px;
  font-size:14px;
  text-decoration:none;
}

#menu_box_proposer_plugin div.icone
{
  display:block;
  background:#fff;
  color:#375D81;
  font-size:30px;
  border:1px solid #C4D7ED;
  float:left;
  padding:0px;
  text-align:center;
  margin:5px 5px 5px 10px;
  width:30px;
  height:30px;
  position:relative;
}

#menu_box_proposer_plugin div.icone_rss > img
{
  position:absolute;
  top:5px;
  left:5px;
}

.content>p.description
{
	margin-top:0px;
}

#image_container
{
	text-align:center;
	width;765px;
	background-color:#C4D7ED;
	margin-bottom:5px;
	padding:5px;
}


/* actus */
#liste_actus{list-style-image:none;list-style-type:none;padding:3px;margin:2px;}
#liste_actus li{padding:8px;margin-bottom:3px;}
#liste_actus  span.titre{font-size:13px;padding:3px;color:#375D81;text-decoration:underline;}
#liste_actus  p{display:none;}

p#news_auteur{text-align:right;font-style:italic;}
a#news_link_back{display:block;width:200px;padding:8px;margin-left:250px;margin-top:20px;text-align:center;border:1px solid #C4D7ED;}
a#news_link_back:hover{background:#C4D7ED}
#box_proposer_actu
{
	margin-top:20px;
}

#form_news
{
	padding-left:5px;
}

#form_news label
{
	font-variant:small-caps;
	font-weight:bold;
	color:#375D81;
	font-size:12px;
	padding-top:3px;
}

#form_news span.required_field
{
	padding-left:2px;
	color:red;
}

#form_news input,select
{
	padding:3px;
	width:175px;
}

#form_news select
{
	border:1px solid #CCC;
}

#form_news .submit
{
	padding:3px;
	margin:10px;
	width:150px;
	margin-left:33px;
}

#form_news textarea
{
	padding:3px;
	width:175px;
	height:300px;
}

#news_filter
{
	margin-left:5px;
	margin-bottom:5px;
	float:right;
	position:absolute;
	right:20px;
	top:10px;
	color:#FFF;
}

#news_filter a.sup
{
	color:#FFF;
}

#news_filter img
{
	padding:1px;
	border:1px solid ;
	vertical-align:bottom;
}

#news_filter img.selected
{
	padding:1px;
	border:1px solid #FFF;
}

/* LIVRES */

#liste_livres div.livre_item
{
	float:left;
	width:220px;
	border:1px solid #C4D7ED;
	padding:5px;
	margin:5px 10px 5px 0px;
	text-align:center;
}

#liste_livres div.livre_item p
{
	text-align:justify;
}

#liste_livres div.livre_item h3
{
	border:none;
	background-color:#fff;
	margin:0px 0px 5px 0px;
}

#liste_livres div.livre_item img.image_livre
{
	width:180px;
	border:1px solid #fff;
}

#liste_livres div.livre_selected img.image_livre
{
	border:1px solid #C4D7ED;
}

#jobSearch
{
	border:1px solid #FCEFA1;
	background-color:#FBFAF3;
	margin-bottom:10px;
	display:none;
}

#jobSearch h3
{
	background-color:#FBFAF3;
}

.yellow
{
	border:1px solid #FCEFA1;
	background-color:#FBFAF3;
	margin:10px 0 10px 0;
}

#staticMode
{
	padding:5px;
}

#offer_beer
{
	border:1px solid #F1AD29;
	background-color:#FFF;
	padding:1px;
	margin:10px 0 10px 0;
}

#offer_beer img
{
	float:right;
	margin-right:10px;
}

#offer_beer p
{
	font-size:12px;
}

.logoJob
{
	margin-bottom:10px;
}

.logoJob img
{
	margin:5px;
	width:190px;
}

.jobIntro
{
	font-weight:bold;
	font-size:13px;
}

.note
{
	font-style:italic;
}

.level
{
	width:52px;
	height:17px;
	background:url('imgs/level.png') no-repeat left top;
	display:block;
	float:left;
	padding-right:5px;
}
.level2{background-position:0px -16px;}
.level3{background-position:0px -32px;}

.contentType
{
	font-variant:small-caps;
	font-size:10px;
	color:#fff;
	padding:2px;
	letter-spacing:1px;
}
.contentTypeNews{background-color:#CC0000;}
.contentTypeArticle{background-color:#EC7000;}
.contentTypeTutorial{background-color:#64992C;}
.contentTypePlugin{background-color:#206CFF;}



/* DIVERS */

.message_erreur,.message_erreur_small{font-variant:small-caps;border:1px solid #ff9c8e;background-color:white;background:url(imgs/ico_erreur.jpg) no-repeat left center;color:#b03632;font-weight:bold;text-align:center;padding:5px;margin-bottom:10px;}
.message_ok,.message_ok_small{font-variant:small-caps;border:1px solid #9aff8c;background-color:white;background:url(imgs/ico_ok.jpg) no-repeat left center;color:#62aa59;font-weight:bold;text-align:center;padding:5px;margin-bottom:10px;}
.message_attente,.message_attente_small{font-variant:small-caps;border:1px solid grey;background-color:white;background:url(imgs/ajax-loader.gif) no-repeat left center;color:grey;font-weight:bold;text-align:center;padding:5px;margin-bottom:10px;}

.message_erreur_small,.message_ok_small,.message_attente_small{font-size:12px;font-variant:normal;font-weight:normal;margin-top:10px;}
.message_ok_small{background:url(imgs/ico_ok.jpg) no-repeat left top;}
.clearer {
  clear:both;
  visibility:hidden;
  font-size:0;
  width:1px;
} 

div.exemples,div.exemples_statiques
{
  margin:10px 4px 4px 20px;
}

span.exemple
{
color:#375D81;
font-size:14px;
font-variant:small-caps;
padding:9px 6px 0 0;
float:left;
font-weight:bold;
}




/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	position: relative;
	z-index: 1;
	bottom: -1px;
}
.ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
}
.ui-tabs-nav li {
	/*resets*/margin: 2px; padding: 0px; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px dotted #C4D7ED;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	/*font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: 6px;
	color: #000;*/
	color:#C4D7ED;
	padding: 6px;
	background: #fff;
	font-variant:small-caps;
	font-weight:bold;
}
.ui-tabs-nav li a:hover {
	background: #C4D7ED;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
  border: 1px solid #C4D7ED;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff url(imgs/jquery_ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #000;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0;outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border:0px;
	border:1px solid #C4D7ED;
	background: #ffffff url(imgs/jquery_ui/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	width:730px;
	margin:4px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(imgs/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(imgs/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */