@charset "iso-8859-1";
html, body {
	color: #000;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* ----------------------------------------------------------------------- */
/* Basic Classes */
.bold {
	font-weight: bold;
}

.fielderror {
	font-weight: bold;
	color: #cc1414;
}

.clear {
    clear: both;
}


.cell{
 float:left;
}

/* ------------------------------------------------------------------------*/
/* Containers */

div.container {
	position: relative;
	/*padding: 20px 0 20px 4%;*/
	
}

div.half {
	width: 44%;
}

div.right {
    clear: right;
    float: right;
	margin-left:10px;
}

div.half.right {
    margin: 0 4% 0 0;
}

div.left {
    clear: left;
    float: left;
}

div.full {
	width: 92%;
	float: none;
	clear: both;
}

div.container h2 {
	padding: 10px 0;
	font: bold 14px Arial, sans-serif;
}

div.container h3 {
	padding: 10px 0;
	font: bold 14px Arial, sans-serif;
	color:#505050;
}

#titre_pub h1 {
	padding: 10px 0;
	font: bold 18px Arial, sans-serif;
	/*color:#037AAC;*/
}

div.clear {
    clear: both;
}

div.clearer {
    float: none;
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
}

.infos_caches{
 display:none;
}

#container_inscription{
 display:block;
}

p.infos
{
    line-height: 18px;
    background: transparent;
	font-size:12px;
}
.infos_bleu{
 padding:10px;
 border:1px solid #05B1D6;
 background:#E7F1FB;
}

.infos_jauneorange{
 padding:10px;
 border:1px solid #EBB902;
 background:#f5ebc6;
}

.h2_bleu{
  color:#0981CD;
}
.jauneorange{
 color:#EBB902;
}

.rouge{
 color:#DA1500;
}

.gris_fonce{
 color:#999;
}
.orange {
 color:#F58502;
}

.centrer{
 text-align:center;
}

.libelle_invite{
  font-size:11px;
  padding-top:8px;
}

.div_left{
 text-align:left;
}


/*
#container_inscription p, #container_inscription ul {
	padding: 0 0 0px 0;
}
#container_inscription ul li {
    padding: 0 0 5px 30px;
    background: transparent url(../images/img_systeme/listicon_small.gif) no-repeat 12px 5px;
}
*/
/* ----------------------Titre formulaires, Boutons Aide , retour------------------------------------*/
.titre_form {
  width:100%;
  margin: 0px;
  padding:0px;
}

.bleu{
  color:#029BCD;
}

.noir{
  color:#333;
}  

div.titre_form div.retour_admin {
    display: block;
    width: 80px;
    height: 16px;
    background: transparent url(../images/img_systeme/icone_retour_admin.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
}

/*div.titre_form span.retour {
    display: block;
    float: right;
    height: 0;
    margin: -28px 0 0 0;
}*/

div.titre_form div.retour {
    display: block;
    width: 80px;
    height: 16px;
    background: transparent url(../images/img_systeme/icone_retour.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
}

div.titre_form div.nouv_enreg {
    display: block;
    width: 160px;
    height: 16px;
    background: transparent url(../images/img_systeme/add.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
}

div.titre_form div.lib_item {
    display: block;
    width: 120px;
    height: 16px;
    background: transparent url(../images/img_systeme/add.png) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
}



div.titre_form div.aide{
    display: block;
    width: 56px;
    height: 16px;
    background: transparent url(../images/img_systeme/info.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
}

div.titre_form div.recherche{
    display: block;
    width: 110px;
    height: 16px;
	background: transparent url(../images/img_systeme/recherche.jpg) no-repeat 0 0;
	text-indent: 20px;
    overflow: hidden;
	float: right;
}



div.container div.helpinfo div,
div.container div.helpinfo p
{
    line-height: 150%;
    background: transparent;
}

div.container div.helpinfo p, div.container div.helpinfo ul {
	padding: 0 0 0px 0;
}
div.container div.helpinfo ul li {
    padding: 0 0 5px 30px;
    background: transparent url(../images/img_systeme/listicon_small.gif) no-repeat 12px 5px;
}
/*----------------------------Formulaires----------------------------------*/


input, textarea{
	/*border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;*/
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 2px;
	margin: 0;
}

.input_220{
	width:220px;
}

.input_225{
	width:225px;
}

.input_250{
	width:250px;
}

.input_255{
	width:255px;
}

.input_300{
	width:300px;
}

.input_310{
	width:310px;
}

.input_425{
	width:422px;
}


.height_140{
 height:140px;
 overflow:hidden;
}

.height_35{
 height:35px;
 overflow:hidden;
}

.height_75{
 height:75px;
}

.height_45{
 height:45px;
}

.input_400{
	width:400px;
}

.input_120{
	width:120px;
}

.input_160{
	width:160px;
}

.input_60{
	width:80px;
}

.input_125{
	width:125px;
}

.input_50{
	width:50px;
}

.height_checkbox{
 /*height:20px;
 overflow:hidden;*/
 margin :3px 0px;
 border-bottom:1px solid #fff;
 text-align:center;
}

.div_checkbox{
 /*background:#000;*/
}

.div_50{
 width:45%
}

.div_30{
 width:33%
}

.div_25{
 width:25%
}


div.container div div {
	position: relative;
	/*background: transparent;*/
	/*padding: 0;*/
}

div.container div div  div{
	position: relative;
	/*background: transparent;*/
	/*padding: 0;*/
}

div.container div div.aide_close{
	position: relative;
	float:right;
	margin-left: 6px;
}


#container_page  {
  width:698px;
  overflow:hidden;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:left;
}

#affichage_top_bar {
  width:698px;
  overflow:hidden;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:left;
}

#affichage_top_bar_2 {
  width:100%;
  overflow:hidden;
  /*margin-top: 20px;*/
  margin-left:auto;
  margin-right:auto;
  /*padding:10px;*/
  text-align:right;
}

#sys_liste_publications,
#container_liste_publications  {
  width:698px;
  overflow:hidden;
  margin: 0px 0px 0px 0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  text-align:left;
}


#container_page_login {
  width:500px;
  overflow:hidden;
  margin: 20px;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
}

.cadre_formulaire{
 padding:5px;
 border:1px solid #999;
 margin :0px;
 position: relative;
 text-align:left;
 background:#fff;
 width:98%;
}
div.container div label {
	font-size:12px;
}


div.container div div.libelle {
	float:left;
	background: transparent;
	position: relative;
	width:150px;
	padding:5px 0px 0px 0px;
}

div.container div div.libelle2 {
	float:left;
	background: transparent;
	position: relative;
	width:90px;
	padding:8px 0px 0px 0px;
}

div.container div div.libelle label {
	font-size:12px;
	color:#666;
}

div.container div div.libelle_login {
	float:left;
	background: transparent;
	position: relative;
	width:120px;
	padding:5px 0px 0px 0px;
}

div.container div div.libelle_login label {
	font-size:12px;
	color:#666;
}

div.container div div.champ {
	float:left;
	margin-left:0px;
	position: relative;
	text-align:left;
	min-width:300px;
	width:65%;
}
div.container div div.champ_login {
	float:left;
	margin-left:0px;
	position: relative;
	text-align:left;
	width:250px;
}

label.requiredfield {
    font-weight: bold;
	/*color:#D12003;*/
}


div.container div.ligneform_neutre {
 clear:both;
 background:transparent;
 padding:6px 10px;
 position: relative;
 width: 97%;
}


div.container div.ligneform_Recherche {
 clear:both;
 background:transparent;
 padding:0px;
 position: relative;
 width: 97%;
 display:none;
}


div.container div.ligneform {
 clear:both;
 background:#eee;
 padding:0px;
 margin:0px;
 width: 100%;
  text-align:left;
}


div.container div.ligneform_0 {
 clear:both;
 background:#eee;
 padding:6px 9px;
 position: relative;
 width: 97%;
 text-align:left;
}

div.container div.ligneform_1 {
 clear:both;
 background:#F2F2F2;
 border-bottom:1px solid #fff;
 padding:6px 10px;
 position: relative;
 width: 97%;
}


div.container div.ligneform_2 {
 clear:both;
 background:#f7f7f7;
 border-bottom:1px solid #fff;
 padding:6px 10px;
 position: relative;
 width: 97%;
}


div.container div.ligneform_3 {
 clear:both;
 background:#EBF3F9;
 border-bottom:1px solid #fff;
 padding:6px 10px;
 position: relative;
 width: 97%;
}


div.container div.ligneform_4 {
 clear:both;
 background:#FBFAF8;
 border-bottom:1px solid #fff;
 padding:6px 10px;
 position: relative;
 width: 97%;
}

/*-------------------------------------------------------------------------*/

/*------------------------------Containers---------------------------------*/

#cadre_parametres_login{
 position: relative;
 width: 97%;
}


/* ----------------------------------------------------------------------- */
/* Buttons */

div.container div.doGenericAdd,
div.container div.doGenericSave,
div.container div.doGenericDelete,
div.container div.doGenericDocs,
div.container div.doShowThumbs,
div.container div.doShowList,
div.container td.doDowngrade,
div.container td.doUpgrade,
div.container div.doYesConfirm,
div.container div.doReload,
div.container div.doLogin,
div.container div.doPreview,
div.container div.doUpload,
div.container div.doAddPresentation,
div.container div.doApiExplore,
div.container div.doCallMethod,
div.container div.doCancelConfirm,
div.container div.doGenericPrint,
div.container div.doSelectFromVideo,
div.container div.doReset
{
	background: #424242 url(../images/img_systeme/doDefault.gif) no-repeat right top;
	padding: 0;
	height: 40px;
	text-align: left;
}

div.container div.doGenericAdd a,
div.container div.doGenericSave button,
div.container div.doGenericSave a,
div.container div.doGenericDelete a,
div.container div.doGenericDocs a,
div.container div.doShowThumbs a,
div.container div.doShowList a,
div.container td.doDowngrade a,
div.container td.doUpgrade a,
div.container div.doYesConfirm button,
div.container div.doReload button,
div.container div.doReload a,
div.container div.doUpload button,
div.container div.doPreview button,
div.container div.doLogin button,
div.container div.doAddPresentation a,
div.container div.doApiExplore a,
div.container div.doCallMethod button,
div.container div.doCancelConfirm a,
div.container div.doGenericPrint a,
div.container div.doSelectFromVideo button,
div.container div.doGenericUser a,
div.container div.doGenericUsers a,
div.container div.doReset button
{
	display: block;
	border: none;
	background: transparent;
	color: #fff;
	text-decoration: underline;
	text-align: right;
	padding: 9px 55px 10px 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight:bold;
	float:right;
}



div.container div.doGenericSave {
	background-image: url(../images/img_systeme/doGenericSave.gif);	
}
div.container div.doGenericAdd {
	background-image: url(../images/img_systeme/doGenericAdd.gif);
}
div.container div.doGenericDelete {
	background-image: url(../images/img_systeme/doGenericDelete.gif);
}
div.container div.doGenericDocs {
	background-image: url(../images/img_systeme/doGenericDocs.gif);
}
div.container div.doShowThumbs{
	background-image: url(../images/img_systeme/doShowThumbs.gif);
}
div.container div.doShowList{
	background-image: url(../images/img_systeme/doShowList.gif);
}
div.container td.doDowngrade {
	background-image: url(../images/img_systeme/doDowngrade.gif);
}
div.container td.doUpgrade {
	background-image: url(../images/img_systeme/doUpgrade.gif);
}
div.container div.doYesConfirm {
	background-image: url(../images/img_systeme/doYesConfirm.gif);
}
div.container div.doCancelConfirm {
	background-image: url(../images/img_systeme/doCancelConfirm.gif);
}
div.container div.doAddPresentation{
	background-image: url(../images/img_systeme/doAddPresentation.gif);
}
div.container div.doLogin {
	background-image: url(../images/img_systeme/doLogin.gif);
}
div.container div.doPreview {
	background-image: url(../images/img_systeme/doPreview.gif);
}
div.container div.doUpload{
	background-image: url(../images/img_systeme/doUpload.gif);
}
div.container div.doReload {
	background-image: url(../images/img_systeme/doReload.gif);
}
div.container div.doApiExplore {
	background-image: url(../images/img_systeme/doApiExplore.gif);
}
div.container div.doCallMethod {
	background-image: url(../images/img_systeme/doCallMethod.gif);
}
div.container div.doGenericPrint {
	background-image: url(../images/img_systeme/doGenericPrint.gif);
}
div.container div.doSelectFromVideo {
	background-image: url(../images/img_systeme/doSelectFromVideo.gif);
}
div.container div.doGenericUser {
    background-image: url(../images/img_systeme/doGenericUser.gif);
}
div.container div.doGenericUsers {
    background-image: url(../images/img_systeme/doGenericUsers.gif);
}
div.container div.doReset {
    background-image: url(../images/img_systeme/doReset.gif);
}

div.container th.thChangePlan {
	/*background: #333 url(../images/img_systeme/thChangePlan.gif) repeat-x 0 0;*/
	background-color: #fff;
	color: #000;
	vertical-align: top;
}

div.container td.tdCurrent {
	background-color: #fff;
	font-weight: bold;
	vertical-align: top;
	padding: 10px 5px;
}

/* ----------------------------------------------------------------------- */

/* ------------------------------------------------------------------------*/
/* Container Tables */

div.container table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
	border-bottom: solid 1px #ddd;
}

div.container table tr {
    height: 30px;
	background: #FBFAF8;
}

div.container table.neutre tr {
	background: transparent;
	
}



div.container table tr.active {
	background: #E2EBF5;
}
div.container table tr.over {
	background: #FBE6E7;
}

div.container table th {
    height: 18px;
	padding: 8px 0 0 7px;
	font: 11px Arial, sans-serif;
	text-align: left;
	color: #fff;
	background: #456F99;
}

div.container table th.active {
    border: none;
    border: solid 1px #666;
    border-top: none;
    border-bottom: none;
    background: #555;
}

div.container table td {
	padding: 7px;
	text-align: left;
	
}

div.container table.neutre td {
	background: transparent;
	padding: 0px;
}



div.container table td img {
    /*display: block;*/
}

div.container table td.id_enreg {
    font-weight:bold;
	text-align:center;
	width:30px;
}

div.container table th.centrer, 
div.container table td.centrer {
	text-align:center;
}



div.container a {
	/*color: #1369bf;*/
	text-decoration:underline;
}

div.container a:hover {
	color: #BF3C02;
	text-decoration:none;
}

.tableau_cadre{
 border:1px solid #6A9BCF;
 padding:5px;
}

.tableau_cadre_gris{
 border:1px solid #ccc;
 padding:5px;
}

.tableau_ligne th {
	border-bottom: solid 1px white;
	/*border-right: solid 1px white;*/
}

.tableau_ligne td {
	border-bottom: solid 1px white;
	border-right: solid 1px white;
}

/* ------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------*/
/* Warnings etc */

#statusBlock {
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
}


div.container .flashDone {
	background: #D7EFC4 url(../images/img_systeme/showDone.gif) no-repeat left bottom;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
	line-height:18px;
}

div.container .flashWarning {
	background: #f5ebc6 url(../images/img_systeme/showWarning.gif) no-repeat left bottom;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
	line-height:18px;
}

div.container .flashAlert {
	background: #f1c4c6 url(../images/img_systeme/showError.gif) no-repeat left bottom;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
	line-height:18px;
}

div.container .flashAlert a{
	color: #920303;
}

div.container .texte_intro{
    /*padding: 10px 10px 10px 10px;*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    /*background: #c4d9ef;*/
	background: #c4d9ef url(../images/img_systeme/showIntro.gif) no-repeat left bottom;
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
	line-height:18px;
}

div.container .texte_intro a {
	font-family: Arial, sans-serif;
	color: #03719F;
	font-weight: bold;
	text-decoration:underline;
}

div.container .helpinfo {
    /*padding: 10px 10px 10px 10px;*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    /*background: #c4d9ef;*/
	background: #c4d9ef url(../images/img_systeme/showInfo.gif) no-repeat left bottom;
	margin: 0px;
	padding: 10px 10px 30px 60px;
	color: #000;
}


#image_form_inscription{
 float:left;
 margin-left:8px;
 margin-top:10px;
 background:url(../images/img_user.jpg) left top no-repeat;
 background-color: transparent;
 width:170px;
 height:120px;
 position: relative;
}

#image_form{
 float:left;
 margin-left:8px;
 margin-top:10px;
 /*background:url(../images/keys2.jpg) left top no-repeat;*/
 background-color: transparent;
 width:120px;
 /*height:120px;*/
 position: relative;
}

#image_form img{
 border: 5px solid #fff;
}

#image_form_login{
 float:right;
 margin-right:0px;
 margin-top:10px;
 background:url(../images/login.jpg) left top no-repeat;
 background-color: transparent;
 width:90px;
 height:70px;
 position: relative;
}

#bloc_avant_img_login{
 float:left;
 width:390px;
 background:#000;
}

#bloc_avant_bloc_image{
 float:left;
 width:465px;
}

#bloc_avant{
 float:left;
 width:480px;
}

.img_ajax{
 /*float:right;*/
 padding:0px;
 margin:0px;
 display:none;
}

.img_ajax2{
 float:right;
 padding:0px;
 margin:0px;
 display:none;
}


#cadre_g_codesecurite{
 float:left;
 width:70px;
 
}

#cadre_d_codesecurite{
 float:left;
 width:200px;
 padding-top:2px;
 text-align:left;
}

.code_securite{
 width:50px;
}

 div.decompte
     {
     width: 50px;
     border: 1px solid #FF0000;
	 background :  #FF0000;
	 color :  #FFFFFF;
	 font-weight:bold;
     font-size: 16px;
     font-family: Verdana, sans-serif;
	 float:left;
	 margin-top:2px;
 }
 
 .texte_petit{
   font-size:11px;
   color:#666;
 }
 .div_1{
   width:100%;
   padding:0px;
   position:relative;
   text-align:left;
 } 
 
 .div_2{
   float:left;
   width:45%;
   padding:0px;
   position:relative;
   text-align:left;
 }
 
 .div_3{
   float:left;
   width:30%;
   padding:0px;
   text-align:left;
 }
 
 .div_checbox{
   float:left;
   width:20px;
 }
 
 .div_gauche{
   float:left;
   margin-right:10px;
 }
 
  .div_droite{
   float:right;
   margin-right:10px;
 }
 
 .div_250{
  width:400px;
 }
 
 .checkbox_label {
  margin-top:0px;
 }
 
 select {
			display: block;
			margin-top:3px;
			float:left;
		}
		



/*************************MENUS D'ADMINISTRATION**********************************/
#admin_container {
  width:698px;
  overflow:hidden;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:left;
}

#cats_container {
  width:960px;
  overflow:hidden;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:left;
}

#cadre_menus_admin{
  padding:8px;
  border:1px solid #028CE3;
  width:680px;
  text-align:center;
}

#cadre_menus_admin ul {
	margin: 0;
	/*padding: 6px 0px 0px 0px;;   */
	border: 0;
	list-style-type: none;
	display: block;
}

#cadre_menus_admin ul li{
  background-color: #fff;
  border: 1px solid #bebebe;
  margin: 7px 16px;
  margin-bottom:25px;
  float: left;
  width: 98px;
  height:114px;
  text-align: center;
  display: block;
  font-size:11px;
  line-height:12px;
  padding:0px;
  color:#999;
}

#cadre_menus_admin ul li a {
  border: 1px solid #bebebe;
  text-decoration:none;
  width: 88px;
  height:114px;
  display: block;
   padding:0px 5px
}

#cadre_menus_admin ul li.active {
 border:0px;
 padding:0px;
}

#cadre_menus_admin ul li.inactive {
 border:0px;
 padding:0px;
} 		


#cadre_menus_admin ul li.active a:hover {
  border: 3px solid #9CDEFC;
  width: 84px;
  height:110px;
  display: block;
  
}

#cadre_menus_admin ul li.inactive div {
  border: 1px solid #bebebe;
  text-decoration:none;
  width: 88px;
  height:114px;
  display: block;
  padding:0px 5px
  
}

/***********************************CATEGORIES PUBLICATIONS**********************************************************/
.liste_categories .liste_titre {
	line-height:1.4em; 	
	font-weight: bold;
}

.liste_categories .liste_titre a {
	font-size: 1.1em;	
	font-weight: bold;
	text-decoration:none;
}

.liste_categories .liste_titre a:hover {
	text-decoration:underline;
}

/*.liste_categories .liste_titre h2 {
	font-size:13px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}*/

.libelle_categorie 
{
    font-size: 14px;
	font-weight:bold;
	display:inline;
}


/*
.location h1
{
	font-size: 32px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom:3px;
}

.locationsmall h1 
{
	font-size: 21px;
	padding-right: 6px;
	padding-left: 19px;
	font-weight: 600;
	padding-bottom:2px;
	letter-spacing: -1px;
}
*/

.liste_categories ul {
	margin: 0 5px 5px 0px; 
	padding: 0 5px 15px 0px;
}

.liste_categories li {
	color:#666666;	
	margin: 0 ; 
	padding: 0px 15px 6px 10px;
	list-style:none; 
	font-size:12px;
	line-height:16px;
	background: url("../images/cats_arrow.gif") no-repeat 0em 0em;
}

.liste_categories a {
	font-size:13px;
}

.cats_medias{
 float:left;
 width:270px;;
 margin:0px 10px;
}

.cats_medias .liste_categories ul li a,
.cats_medias .liste_categories .liste_titre a{
 color: #444;/*#345A80;*/
}

.cats_medias .liste_categories ul li a:hover,
.cats_medias .liste_categories .liste_titre a:hover{
 color:#A30606;
}

.cats_medias2 .liste_categories ul li {
	color:#666666;	
	margin: 0 ; 
	padding: 0px 15px 10px 10px;
	list-style:none; 
	font-size:12px;
	background: url("../images/cats_arrow.gif") no-repeat 0em 0em;
	float:left;
	width:30%;
}


.cats_medias2 .liste_categories ul li a,
.cats_medias2 .liste_categories .liste_titre a{
 color: #444;/*#345A80;*/
}

.cats_medias2 .liste_categories ul li a:hover,
.cats_medias2 .liste_categories .liste_titre a:hover{
 color:#A30606;

}

.cats_medias2{
 padding:10px;
 
}

.cadre_cats{
 padding:10px;
 border:1px solid #ccc;
 margin-top:15px;
}

.invite_cat{
 font-size:12px;
 margin-top:10px;
 color:#999;
}

.transparent{
 background:transparent;
}

.cadre_alphabet{
 /*border-bottom:1px solid #ededed;*/
 background: url("../images/misc_dots.gif") repeat-x left bottom;
 margin-bottom:20px;
}

.libelle_lettre{
 border-bottom:1px solid #ccc;
 background: #ededed;
 height:25px;
}

.libelle_lettre h1{
 font-size:18px;
 font-weight:bold;
 color:#333;
 font-family:Verdana;
 clear:none;
 display:block;
 float:left;
 margin-top:2px;padding:0;
 text-indent:12px;
 text-transform:uppercase;
}


.lien_alphabet{
 float:right;
 padding-right:10px;
 padding-top:3px;
 font-size:11px;
}

.lien_alphabet2{
 float:right;
 padding-right:10px;
 padding-top:0px;
 font-size:11px;
 height:16px;
 overflow:hidden;
}

.nav_cat {
 font-size:12px;
 padding:4px 0px 0px 8px;
}

p.nav_cat a {
 font-weight:bold;
 color:#287DBE;
}

p.nav_cat span {
 font-weight:bold;
 color:#9D1C03;
}

.nav_cat2 {
 font-size:12px;
 padding:0px;
}

p.nav_cat2 a {
 font-weight:bold;
 color:#287DBE;
}

p.nav_cat2 span {
 font-weight:bold;
 color:#9D1C03;
}

.itemViewerNav{
  text-align:left;
  margin-bottom:15px;
  padding-bottom:10px;
  background: url("../images/misc_dots.gif") repeat-x left bottom;
  
}
.itemViewerNav a{margin:0px 1px;padding:0px 5px; background:url(../images/icon_off.gif) no-repeat;font-size:11px;}
.itemViewerNav a:link, 
.itemViewerNav a:visited, 
.itemViewerNav a:hover {color:#263c5f; text-decoration: none!important; font-weight:bold;}
.itemViewerNav a:hover {background:url(../images/icon_on.gif) no-repeat; color:#ffffff!important;}


ul.publication {
	margin-left: 5px;
	list-style-type: none;
}

ul.publication li {
	margin-bottom: .4em;
	padding-left: 15px;
	background: url("../images/liste_bullet.gif")	no-repeat 0	100%;
}

div.publication p {
	margin: 0.2em 0;
}

.sous_titre{
  padding:6px;
  background:#f5f5f5;
   height:20px;
 overflow:hidden;
}


/****************************************MENU UPLOAD MEDIAS***************************************************/

#cadre_menus_upload{
  padding:8px;
  /*border:1px solid #CFDB49;*/
  width:530px;
  height:110px;
  text-align:center;
  background:#fff;
  margin-left:auto;
  margin-right:auto;
}

#cadre_uploader{
  padding:0px 10px;
  /*border:1px solid #CFDB49;
  width:530px;*/
  width:95%;
  text-align:left;
  background:#fff;
  height:67px;
  overflow:hidden;
}

#cadre_menus_upload ul {
	margin: 0;
	/*padding: 6px 0px 0px 0px;;   */
	border: 0;
	list-style-type: none;
	display: block;
}

#cadre_menus_upload ul li{
  background-color: #fff;
  border: 1px solid #bebebe;
  margin: 7px 20px;
  margin-bottom:0px;
  float: left;
  width: 90px;
  height:91px;
  text-align: center;
  display: block;
  font-size:11px;
  line-height:12px;
  padding:0px;
  color:#999;
}

#cadre_menus_upload ul li a {
  border: 1px solid #bebebe;
  text-decoration:none;
  width: 80px;
  height:91px;
  display: block;
   padding:0px 5px
}

#cadre_menus_upload ul li.active {
 border:0px;
 padding:0px;
}

#cadre_menus_upload ul li.inactive {
 border:0px;
 padding:0px;
} 		


#cadre_menus_upload ul li.active a:hover {
  border: 3px solid #9CDEFC;
  width: 76px;
  height:91px;
  display: block;
  
}

#cadre_menus_upload ul li.inactive div {
  border: 1px solid #bebebe;
  text-decoration:none;
  width: 80px;
  height:91px;
  display: block;
  padding:0px 5px
  
}

td.petit,
span.petit,
p.petit {
 font-size:11px;
}

.gris{
 color:#999;
}

.neutre{
 padding:0;
 margin:0;
}

.rouge{
 color:#9D0303;
}

.noir{
 color:#000;
}

.marron_jaune{
color:#C69D05;
}

.orange{
 color:#F1820A;
}


#flashcontent{
 /*float:left;*/
 width:435px;
 padding-top:13px;
}

#icone_type{
 float:right;
 padding-right:0px;
 height:67px;
 width:72px;
}

.centrer{
 text-align:center;
}

#content_pagination{
  width:100%;
  height:25px;
  overflow:hidden;
  margin:20px 0px;
}

#content_pagination2{
  width:100%;
  height:35px;
  overflow:hidden;
 /* margin-top:20px;*/
 }

/*Pagination des pages*/
	div.pagination {
	    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	    padding: 2px;
	    margin: 5px;
	}
	
	div.pagination a {
	    border: 1px solid #5a82b8;
	    color: #5a82b8;
	    margin: 1px;
	    padding: 2px 5px;
	    text-decoration: none
	}
	
	div.pagination a:hover,active {
	    background-color: #5a82b8;
	    border: 1px solid #5a82b8;
	    color: #fff;
	    margin: 1px;
	    padding: 2px 5px
	}
	
	div.pagination span.courante {
	    background-color: #5a82b8;
	    border: 1px solid #5a82b8;
	    color: #fff;
	    font-weight: bold;
	    margin: 1px;
	    padding: 2px 5px
	}
	
	div.pagination span.desactive {
	    border: 1px solid #eee;
	    color: #ddd;
	    margin: 1px;
	    padding: 2px 5px
	}
    
	
	.img_video{float:left; width:100px; margin-right:12px;}
    
	#div_form{
      width:600px;
	  margin-top:15px;
	  float:left;
	}
	
	#conseil_content {
	margin-top:40px;
	}
	
	.border_img{
	  border:5px solid #fff;
 	}
	
	
.select-free
{
	position:absolute;
	z-index:10;
	cursor:move;

	overflow:hidden;/*must have*/
	width:100%;/*must have for any value*/;
	
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}