@charset "iso-8859-1";
html, body {
	color: #000;
	/*background-color: #fff;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
}
p{line-height:18px;}
/* ----------------------------------------------------------------------- */
/* 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-bottom: 10px;
	font: bold 18px Arial, sans-serif;
}

div.container h2.form {
	padding-bottom: 0px;
}

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

div.container h3.sms {padding: 0;float:left;}

#titre_pub h1 {
	/*padding-bottom: 10px;*/
	font: bold 17px Arial, sans-serif;
	color:#000;
	float:right;
}

#h_toggle {
	/*padding-bottom: 10px;*/
	font: bold 12px Arial, sans-serif;
	float:left;
	overflow:hidden;
	margin-left:20px;
	padding-top:4px;
}

div.clear {
    clear: both;
}

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

.infos_caches{display:none;}
.infos_visibles{display:block;}
#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;
}

div.container h3.h2_bleu,
.h2_bleu{
  color:#0981CD;
}
.jauneorange{
 color:#EBB902;
}

.rouge{
 color:#DA1500;
}

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

.centrer{
 text-align:center;
}

.droite{
 text-align:right;
}

.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;
  padding-bottom:0px;
}

.bleu{
  color:#029BCD;
}

.bleu_sombre{color:#456D8D;}

.noir{
  color:#333;
}

.div_moitie{
 width:50%;
 float:left;
}

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

/*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: 20px;
    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: 23px;
    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;
    height: 20px;
    background: transparent url(../images/img_systeme/add2.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 20px;
    overflow: hidden;
	float: right;
	margin-right:15px;
}

div.lib_check {
    display: block;
    height: 20px;
    background: transparent url(../images/checkall.gif) no-repeat 0 3px;
    /*text-indent: -9999px;*/
	text-indent: 13px;
    overflow: hidden;
	float: left;
	margin-right:15px;
	width:90px;
}



div.lib_uncheck {
    display: block;
    height: 20px;
    background: transparent url(../images/uncheckall.gif) no-repeat 0 3px;
    /*text-indent: -9999px;*/
	text-indent: 13px;
    overflow: hidden;
	float: left;
	margin-right:5px;
	width:120px;
}

div.lib_inverse {
    display: block;
    height: 20px;
    background: transparent url(../images/inverse.gif) no-repeat 0 3px;
    /*text-indent: -9999px;*/
	text-indent: 13px;
    overflow: hidden;
	float: left;
	margin-right:15px;
	width:80px;
}

div.titre_form div.lib_envois_1 {
    display: block;
    height: 20px;
    background: transparent url(../images/envois_1.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 28px;
    overflow: hidden;
	float: right;
	margin-right:15px;
}

div.titre_form div.lib_envois_0 {
    display: block;
    height: 20px;
    background: transparent url(../images/envois_0.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 28px;
    overflow: hidden;
	float: right;
	margin-right:15px;
}


div.titre_form div.lib_receptions_1 {
    display: block;
    height: 20px;
    background: transparent url(../images/receptions_1.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 28px;
    overflow: hidden;
	float: right;
	margin-right:15px;
}

div.titre_form div.lib_receptions_0 {
    display: block;
    height: 20px;
    background: transparent url(../images/receptions_0.gif) no-repeat 0 0;
    /*text-indent: -9999px;*/
	text-indent: 28px;
    overflow: hidden;
	float: right;
	margin-right:15px;
}

.intro3,
.intro2,
.intro{
  padding:10px;
  background:#FAFDF3;
  clear:both;
  /*font-weight:bold;*/
  margin-bottom:15px;
  color:#405E05;
  border:1px solid #9EC84A;
}
.img_droite{float:right;}
.intro2{padding-right:0px;}
.intro3{padding-right:0px;padding-bottom:0px;}

.intro_orange{
  padding:10px;
  background:#FBF8EF;
  clear:both;
  /*font-weight:bold;*/
  margin-bottom:15px;
  color:#000;
  border:1px solid #F49604;
}

#div_contacts{height:172px;}
#div_contacts p{margin-bottom:10px;}

div.titre_form div.aide{
    display: block;
    width: 56px;
    height: 20px;
    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: 20px;
	background: transparent url(../images/img_systeme/recherche.jpg) no-repeat 0 0;
	text-indent: 20px;
    overflow: hidden;
	float: right;
}

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

div.container div.texte_intro p, div.container div.texte_intro ul,
div.container div.helpinfo p, div.container div.helpinfo ul {
	padding: 0 0 0px 0;
}
div.container div.texte_intro ul li,
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_305{
	width:305px;
}

.input_425{
	width:422px;
}

.input_675{
	width:672px;
}
.input_750{
   width:755px;
}

.height_140{
 height:140px;
}

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

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

.input_110{
	width:110px;
}


.height_75{
 height:75px;
}

.height_100{
 height:100px;
}
.height_45{
 height:45px;
}

.input_400{
	width:400px;
}

.input_405{
	width:407px;
}

.input_120{
	width:120px;
}

.input_150{
	width:150px;
}

.input_130{
	width:130px;
}

.input_170{
	width:170px;
}

.input_137{
	width:137px;
}

.input_160{
	width:160px;
}

.input_180{
	width:180px;
}

.input_185{
	width:185px;
}

.input_250{
	width:250px;
}

.input_60{
	width:80px;
}
.input_op{
	width:60px;
}

.input_70{
	width:70px;
}

.input_30{
	width:30px;
}

.input_50{
	width:50px;
}

.input_80{
	width:80px;
}
.input_90{
	width:90px;
}

.input_100{
	width:100px;
}

.input_153{
	width:153px;
}

.margin_top_15{
 margin-top:12px;
}

.margin_top_7{
 margin-top:7px;
}

.padding_top_7{
 padding-top:7px;
}

.margin_top_5{
 margin-top:5px;
}

.no_margins{
 margin:0;
}

.padding_bottom_5{
 padding-bottom:8px;
}

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

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

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

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

#sys_liste_publications,
#container_liste_publications  {
  width:698px;
  overflow:hidden;
  margin: 0px 0px 15px 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:#000;
}

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_data {
 clear:both;
 background:transparent;
 padding:10px 10px;
 position: relative;
 width: 97%;
 background: url("../images/traitsep.gif")	repeat-x left bottom;
}

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;
 text-align:left;
}

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


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


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


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

div.container div.ligneform_5 {
 clear:both;
 background:#FAFAFA;
 padding:6px 0px 6px 9px;
 position: relative;
 text-align:left;
}
#container_page  {
  width:698px;
  overflow:hidden;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:left;
}
/*-------------------------------------------------------------------------*/

/*------------------------------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.dolisteelements,
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.dolisteelements a.submit,
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.dolisteelements div.lib_inverse a,
div.container div.dolisteelements div.lib_uncheck a,
div.container div.dolisteelements div.lib_check a{
 color:#fff;
 text-decoration:underline;
}

div.container div.dolisteelements div.lib_inverse a:hover,
div.container div.dolisteelements div.lib_uncheck a:hover,
div.container div.dolisteelements div.lib_check a:hover{
 color:#96E2F8;
 text-decoration:none;
}


div.container div.dolisteelements,
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.liste_sms tr {
    height: 25px;
	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;
	vertical-align: middle;
}

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;
	line-height:18px;
	/*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:20px;
	font-size:11px;
}

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

#infos_solde a.rouge {color: #cc0000;text-decoration:none;}
#infos_solde a.rouge:hover {color: #505050;text-decoration:underline;}

div.container a.nonsouligne {
	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:0px;
 margin-top:10px;
 background:url(../images/img_user.jpg) left top no-repeat;
 background-color: transparent;
 /*width:170px;*/
 height:120px;
 position: relative;
 text-align:right;
}

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

#image_form2{
 float:right;
 background-color: transparent;
 position: relative;
 overflow:hidden;
}

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

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

.image_droite{float:right;}

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

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

.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;
 }
 
 .texte_petit{
   font-size:16px;
 }
 .petit{
   font-size:11px;
 }
 .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_4{
   float:left;
   width:20%;
   padding:0px;
   position:relative;
   text-align:left;
   padding-bottom:10px;
 }
 
 .div_checbox{
   float:left;
   width:20px;
 }
 
 .div_gauche{
   float:left;
   margin-right:10px;
 }
 .div_gauche2 {
   float:left;
   text-align:left;
  }
 
  .div_droite{
   float:right;
   margin-right:10px;
 }
 
 .div_250{
  width:400px;
 }
 
 .checkbox_label {
  margin-top:0px;
 }
 
 .libelle_groupes_options {
  height:12px;
  margin-bottom:5px;
  margin-right:5px;
  color:#fff;
  padding:4px 6px;
  background:#1976BE;
  width:120px;
  font-weight:bold;
  text-align:center;
  font-size:12px;
  font-family:arial;
 }
 
 select {
			display: block;
			margin-top:3px;
		}
		



/*************************MENUS D'ADMINISTRATION**********************************/
#admin_container {
  width:798px;
  overflow:hidden;
  margin-top: 10px;
  margin-left:auto;
  margin-right:auto;
  padding:0px 10px 0px 10px;
  text-align:left;
  height:auto;
  /*min-height: 600px; 
  height: expression(this.scrollHeight < 600 ? "600px" : "auto");*/
}

#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:780px;
  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
  
}



/*************************MENUS DU HAUT**********************************/
#cadre_menus_admin_haut{
  padding:1px;
  border:5px solid #AFAFAF;
  text-align:center;
  margin-top:1px;
  display:block;
}

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

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

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

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

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


#cadre_menus_admin_haut ul li.active a:hover {
  border: 1px solid #05C4FB;
  width: 40px;
  height:45px;
  display: block;
  
}

#cadre_menus_admin_haut ul li.inactive div {
  border: 1px solid #bebebe;
  text-decoration:none;
  width: 40px;
  height:45px;
  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;
}

.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;
	margin-top:6px;
}

ul.publication li {
	margin-bottom: .8em;
	padding-left: 18px;
	background: url("../images/puce_porteur.gif")	no-repeat 0	1px;
	line-height:18px;
}

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

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

 ul.liste_operateurs {
	margin-left: 5px;
	list-style-type: none;
	margin-top:0px;
}

 ul.liste_operateurs li {
	padding-left: 12px;
	background: url("../images/bt_infos.gif")	no-repeat 0	5px;
	line-height:20px;
	float:left;
	margin-right:15px;
	width:25%;
	color:#333;
}

div.container ul.liste_operateurs {
	margin-left: 5px;
	list-style-type: none;
	margin-top:0px;
}

div.container ul.liste_operateurs li {
	padding-left: 12px;
	background: url("../images/bt_infos.gif")	no-repeat 0	5px;
	line-height:20px;
	float:left;
	margin-right:15px;
	width:25%;
	color:#333;
}

div.container div.operateur_actifs{background:#FAF8E1; padding:3px; border-bottom:1px solid #ccc; font-weight:bold;padding-left:8px;}


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

td.grd,
span.grd,
p.grd {
 font-size:14px;
}

.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 0px 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;}
    
	.border_img{
	  border:5px solid #fff;
 	}
	
	.border_img2{
	  border-bottom:5px solid #fff;
 	}
	.margin_r{margin-right:10px;}
	
/***************************** MISE EN FORME DES SELECT MULTIPLE ***************************/

/* multiple_select */
.multiple_select {color: #444; width: 710px;border:1px solid #7F9DB9;}
ul.multiple_select_list {margin: 0; padding: 2px 0; overflow: auto; list-style: none; z-index: 500;width: 710px;border:1px solid #fff;padding:4px;max-height: 150px;max-height: 150px;height: expression(this.scrollHeight > 150 ? "150px" : "auto");}
ul.multiple_select_list li {background: url('../images/option_0.gif') left no-repeat; color: #247BA8; padding: 0 0 0 20px; border-bottom: 1px solid #efefef; line-height: 25px; cursor: pointer; font-weight: normal; font-size: 12px; width:190px; float:left;margin-right:5px;}
ul.multiple_select_list li.choice_selected {background: url('../images/option_1.gif') left no-repeat; color: #247BA8;}
ul.multiple_select_list li.choice_hover {background-color:#fff;color: #247BA8;}
ul.multiple_select_list li a {text-decoration: none; color: #247BA8;}

/*********************INFOS BULLE **********************/
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat; z-index:99999;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden; z-index:99999;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#68C5EF; color:#FFF; z-index:99999;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden; z-index:99999;}

.infosbulle h2{
 font-size:12px;
 margin:0px;
 font-weight:bold;
 margin-bottom:4px;
 padding:0px;
 line-height:16px;
}

.infosbulle p{
 font-size:11px;
 margin:0px;
 padding:0px;
 line-height:15px;
}

.etoiles{
 text-align:center;
 margin-top:3px;
 /*width:60px;
 background:#E2F3FA;*/
}

.button_close{
 float:right;
 padding:0;
 margin:3px 10px 0px 0px;
}

.auteur_msg{
 font-size:10px;
}

.infosbulle p.top_15{
margin-top:5px;
}

 div.nbre_caracteres {
     width: 30px;
     border: 1px solid #0098EB;
	 background-color :  #0098EB;
	 color :  #FFFFFF;
	 font-weight:bold;
     font-size: 12px;
     font-family: Arial, Verdana, sans-serif;
	 padding:2px;
	 text-align:center;
 }
 
  div.nbre_msg {
     width: 50px;
     border: 1px solid #D84113;
	 background-color :  #D84113;
	 color :  #FFFFFF;
	 font-weight:bold;
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif;
	 padding:2px;
	 text-align:center;
	 /*display:none;*/
 }
 
 /****************************** AFFICHAGE GENERALE *******************************************/
 
 #body{
   background: #f0efeb;/*c0c0c0 url(../images/bg.jpg) left top repeat-x;*/
 }
 
 #header_bg {
  width:878px;
  overflow:hidden;
  background: #f0efeb url(../images/header_bg.gif) left bottom no-repeat;
  margin-left:auto;
  margin-right:auto;
  height:30px;
 }
 
 #div_solde {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  /*text-align:right;*/
 }
 
 #infos_solde {
  /*background:#7FAB17;
  font-size:11px;
  font-weight:bold;*/
  /*color:#fff;
  padding:8px 8px 3px 8px;*/
  float:right;
  font-family:arial;
  margin-right:20px;
 }
 
 
 #footer_bg {
  width:878px;
  overflow:hidden;
  background: #f0efeb url(../images/footer_bg.gif) left top no-repeat;
  margin-left:auto;
  margin-right:auto;
  height:37px;
 }
 
 #contenu_site {
  width:878px;
  overflow:hidden;
  background: #f0efeb url(../images/bg_body.gif) left top repeat-y;
  margin-left:auto;
  margin-right:auto;
 }
 
 #page_content {
  width:820px;
  overflow:hidden;
  background:#fff;
  margin-left:auto;
  margin-right:auto;
  padding-left:5px;
 }
 
 #entete_page{
  height:146px;
  overflow:hidden;
  padding:5px 5px 0px 5px;
  background:url(../images/entete.jpg) left top no-repeat;
  padding-left:130px;
  overflow:hidden;
 }
/* 
#menus_bas{
 height:28px;
 background:#6699CC;
 color:#fff;
 margin-top:3px;
}*/

#contenu{
 margin-bottom:10px;
 width:98%;
 margin-left:auto;
 margin-right:auto;
}

#logo_proprio{
 width:110px;
 height:110px;
 overflow:hidden;
 float:right;
 margin-right:20px;
 margin-top:10px;
}

#logo_proprio img{
 border:5px solid #fff;
 display:block;
}



#espace_titre_logiciel{
 width:455px;
 height:80px;
 overflow:hidden;
 float:left;
 margin-left:15px;
 margin-top:30px;
}

#slogan_logiciel{
  font-weight:bold;
  font-family: Arial, sans-serif;
  color:#fff;
  float:left;
  margin-left:10px;
  margin-top:100px;
  font-size:14px;
}

#menus_logiciel{
  font-weight:bold;
  text-align:right;
  margin-right:10px;
  margin-top:10px;
  font-size:12px;
  height:15px;
  overflow:hidden;
  width:820px;
  margin-left:auto;
  margin-right:auto;
  color:#fff;
}

#menus_logiciel a{
 color:#EAF8FB;
 text-decoration:underline;
}
#menus_logiciel a:hover{
 text-decoration:none;
}

.miniheader {
	background: #FFF url('../images/search.gif');
	padding: 5px 15px;
	height:23px;
	overflow:hidden;
}

.search-box {

	float: left;
}
#searchform {



}

#searchform #s {

	border: 1px solid #afafaf;
	padding: 2px;
	font-size: 10px;
	width: 150px;

}

#searchform #searchsubmit {
	background: url('../images/search.png');
	border: 0;
	color: #FFF;
	padding: 2px;
	font-size: 10px;
	width: 59px;
}

#footer {
	clear: both;
    background: url(../images/footer.jpg) repeat-x;
	height:72px;
	margin-top:15px;
}


#menus_bas{
 color:#fff;
 float:left;
 padding-left:10px;
 padding-top:3px;
}

#bas_miniheader {
	background: #A09F9F;
	height:15px;
	overflow:hidden;
	background: url(../images/bg_menus.gif) repeat-x;
	margin-top:0px;
}

.top_7{
  margin-top:4px;
}

#operation_groupe{
 border:1px solid #ffffff;
 /*background:#F7F5CF;*/
 color:#1369BF;
 font-size:11px;
}


 #cadre_envoi_sms{
  height:55px;
  overflow:hidden;
  /*border:1px solid #1369BF;
  padding:2px;*/
 }
 
 #cadre_preview{
   height:436px;
 }

  .progress_bar0{
    height:14px;
	overflow:hidden;
	background: #AFAFAF;
	border:1px solid #AFAFAF;
	margin-bottom:10px;
	text-align:left;
	width:98%;
	margin-left:auto;
	margin-right:auto;
   }
   
   .progress_bar{
    height:14px;
	overflow:hidden;
	background: url("../images/bg_progress_1.gif")	repeat-x left top;
	width:0px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	
   }
   
   #cadre_envoi_sms div.statut{
	 font-size:12px;
	 height:20px;
	 margin-bottom:5px;
	 color:#333;
	 text-align:center;
   }
   
   .div_envoi{
	float:left;
	font-size:14px;
	font-weight:bold;
   }
   
   #cadre_envoi_sms div.capture{
     background: url("../images/img_envoi_sms.jpg")	no-repeat left top;
	 height:400px;
	 width:329px;
	 overflow:hidden;
   }
   
   
   div.container table tr.non_fait {background: #EDEDED;}
   div.container table tr.en_cours {background: #EBF3F9;}
   div.container table tr.fait {background: #F5FBE5;}
   div.container table tr.echec {background: #FBE6E7;}
   div.container table tr.mauvais_numero {background: #FACDCF;}
   
   #details_envoi_sms{
     height:500px;
	 overflow:auto;
	 display:block;
	    
   }
   
   .texte_barre{text-decoration: line-through;}
   .div_publipostage{padding:5px 10px;}
   .colonne_publipostage{margin:5px 0px; width:150px; float:left;}	
   .resume_sms{padding:5px 5px;font-size:11px;color:#666;}
   
   #apercu_sms,
   .apercu_sms{line-height:18px;font-weight:normal;color:#000;display:block;margin:0 0 10px 0;padding-bottom:5px;background: url("../images/traitsep.gif")	repeat-x left bottom;}
   
   #menus_recherche a.ok,
   #menus_sms a {
	/*clear:both;*/
	display:block;
	float:left;
	padding:1px 15px;
	margin:0 0px 0px 10px;
	background:#f0f0f0;
	border:1px solid #999999;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	text-align:center;
	color:#000;
	/*font-weight:bold;*/
	width:70px;
  }

  #menus_recherche a.ok:hover,
#menus_sms a:hover {
	color:#cc0000;
	background:#eee;
}


#unicode_notice_content{height:auto;}
p.texte{font-size:12px; line-height:18px; text-align:justify;}

/************************* Infos Bulles ****************************/
.tool-tip {
	color: #333;
	width: 320px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #03A2F7;
	padding: 3px;
	background: url(../images/bubble.gif) top left;
	border-top:1px solid #CC9933;
	border-left:1px solid #CC9933;
	border-right:1px solid #CC9933;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px;
	color:#333;
	background: #FFFFCC;/*url(../images/bubble.gif) bottom right;*/
	border:1px solid #CC9933;
}

.tool-text p {margin-top:4px; line-height:11px;}

.titre_infosbulle{font-weight:bold; font-size:11px; color:#C21209;}

.info-bulle{ position: relative; display : block; left: 10px; top: -1px; width:300px; overflow:hidden;border: 1px solid #c93; padding: 6px 8px; background: url(../images/sep_fleche.gif) center bottom no-repeat; background-color: #ffc; font-family: Verdana, Arial; font-size: 10px;z-index:998;}
.info-pointeur { position: relative; display: block; left: 5px; bottom: 0px; width: 300px; height: 10px; background:url(../images/focused-h.gif) top center no-repeat;	z-index:999;overflow:hidden;}
.curseur{ position: absolute; display : none; width: 340px; height:auto;/*filter:Alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; z-index:100000;overflow:hidden;*/}


.un_orange{color:#F98305;}

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

.div_invite{float:left;margin-left:15px;margin-top:5px;color:#000;font-size:11px;padding-bottom:3px;}
.margin_3{margin-top:3px;}
.montant{float:left;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc; padding:5px 8px; font-size:16px; font-weight:bold;color:#cc0000;display:block; width:100px;text-align:center;overflow:hidden;}
.bg_img1{background: url("../images/sms1.jpg")	no-repeat right bottom;}

div.container h3.sms {padding: 0;float:left;}

div.container table.tarifs_sms td {padding: 7px;border-left:1px solid #fff; border-bottom:1px solid #fff;}
div.container table.tarifs_sms td.droite {text-align:right;}
#div_tarifs p{font-size:12px;line-height:18px;padding:0px;margin:0;font-family:Arial;}
#div_tarifs h3{padding-bottom:2px;margin:0;}
#div_tarifs h3.margin_top{padding-top:25px;}
div.container table.tarifs_sms th {font-size:12px;}
.coul_tarif {color:#ffad0f;font-weight:bold;}

.sep_content{background: transparent url(../images/traitsep.gif) repeat-x left top;height:10px;padding:0px 0px;	}
/*.lien_details{float:right;font-weight:bold;padding-right:10px;font-size:11px;padding: 3px 8px;width:100px;margin-top:10px;}
.lien_details a{font-size:12px; color:#405E05;text-decoration:none;}*/
.cache{display:none;}
.spacer {clear: both;}

.input_486{
   width:486px;
}
/* ------------------ contact -------------------- */ 
#contact{width:600px;min-height:205px;background:url(../images/bg_contact.jpg) top left no-repeat;margin-left:3px;}
#img_contact{width:180px;float:left;margin-left:12px;margin-top:5px;}
#contact_gauche{color:#e26817;font-size:12px;float:left;width:360px;height:325px;}
#titre_contact{color:#e26817;font-size:20px; letter-spacing: 1px;word-spacing: 1px;font-weight:bold;margin-top:75px;margin-left:183px;}

#contact_droit{color:#e26817;font-size:12px;float:left;width:355px;margin-left:55px;height:325px;}

#contact_block3{margin-top:270px;}

  .cadre_haut {
   margin-top:10px; 
  }
   .separateur{
  height:30px;
  }
  
  .titre_contact {
   margin-left:10px;
   float:left;
  }
  
  .liste_contact{
   float:right;
   padding-right:10px;
   margin-right:6px;
  }

  #contact {
  text-align:center;
  margin-top:0 auto; 
  border:1px solid #2B4100;
  padding:15px;
  width:600px;
  }
  #div_principal {
   float:left;
   width:350px;
  }
  #tableau {
  padding-left:0px;
  padding-top:10px; 
  padding-right:0px;
  }
  #div_bas {
  border:1px solid #9EC84A; 
  padding:10px;
  padding-bottom:15px;
  width:97%;
  text-align:left;
  }
  .cadre_cv{background: url("../images/img_cv.jpg")	no-repeat right bottom;}
  #dame_couchee{background: url("../images/dame_couchee.jpg")	no-repeat right bottom;}
  
  .padding_top {
   padding-top:15px; 
   margin-left:15px;
  }
  
  .padding_15 {
   padding-top:15px;
  }
  
.texte_contact{font-size:12px;color:#747474;margin-top:7px;margin-left:183px;line-height:18px;}
.info_contact{color:#747474;font-size:12px;}
.marge_contact{padding-top:14px;}
.marge_contact1{padding-top:13px;}
/* --------------------------------- */

.bg_img1{background: url("../images/sms1.jpg")	no-repeat right bottom;}
.bg_img5{background: url("../images/media.jpg")	no-repeat right bottom;}
.bg_oni{background: url("../images/ONI.gif")	no-repeat right bottom;}
.bg_transport{background: url("../images/voyage.jpg")	no-repeat right bottom;}
.bg_collectivite{background: url("../images/colectivite2.jpg")	no-repeat right bottom;}
.bg_flotte{background: url("../images/flotte.gif")	no-repeat right bottom;}
.bg_enseignement{background: url("../images/enseignement.jpg")	no-repeat right bottom;}
.bg_pub{background: url("../images/pub.jpg")	no-repeat right bottom;}
.bg_agence{background: url("../images/agence_voyage.gif")	no-repeat right bottom;}
.bg_secteur{background: url("../images/secteur.jpg")	no-repeat right bottom;}

/***************Etapes Intermédiaires ******************************/
.content_etape_inter{height:250px;padding:30px 15px;background: url("../images/img_encours2.jpg")	no-repeat right bottom;border:1px solid #ccc;margin-top:15px;}
.content_etape_inter p{font-size:14px; line-height:22px;color:#666;}
.content_etape_inter h1{
	padding-bottom: 0px;
	font: bold 22px Arial, sans-serif;
	color:#000;
}
/***************Exportation******************************/
.content_export{height:300px;padding:30px 15px;background: url("../images/sms_web.jpg")	no-repeat right bottom;border:1px solid #ccc;margin-top:15px;}
.content_export p{font-size:14px; line-height:22px;color:#666;}
.content_export h1{
	padding-bottom: 0px;
	font: bold 22px Arial, sans-serif;
	color:#000;
}

.invisible{visibility:hidden;}
.content_etape_inter #pourcent{height:76px; width:76px;margin-left:auto; margin-right:auto;background: url("../images/img_systeme/wait.gif") no-repeat right bottom;}
.content_etape_inter #pourcent #n_pourcent {display:block;font-size:14px; font-weight:bold; color:#000;padding-top:30px;}
/***************Stats ******************************/
#content_stats{height:250px;padding:30px 15px;background: url("../images/img_encours2.jpg")	no-repeat right bottom;border:1px solid #ccc;margin-top:15px;}
#content_stats p{font-size:14px; line-height:22px;color:#666;}
#content_stats h1{
	padding-bottom: 0px;
	font: bold 22px Arial, sans-serif;
	color:#000;
}
div.container h3.orange{color:#F58502;}
.puce_faq{padding-left: 5px;background: url("../images/help.gif")	no-repeat 0	6px;line-height:20px;}

ul.liste_faq {margin-left: 15px;list-style-type: none;margin-top:6px;}
ul.liste_faq li {margin-bottom: .4em;padding-left: 13px;background: url("../images/secbullet.gif") no-repeat 0 5px;line-height:16px;}

ul.liste{
float: left;
margin: 7px 0px;
padding: 0px 5px;
list-style: none;
}
	
li.liste_ligne{
	  
padding-left     : 10px;
padding-top      : 0px;
padding-bottom      : 8px;
background-image : url(../images/arrow5.gif) ;
background-repeat: no-repeat;
background-position: 0px 5px;
text-align:left;
font-family: Arial, Helvetica, Verdana, Tahoma;
font-size:12px;
line-height: 20px;
}

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

.titre_vert{
 color:#709E15;
}

/***************Moule grd Liste 2 ******************/
  
.affichage_liste_grd2 {
   padding:5px 0px;margin:0px 0px;text-align:left;
   background: transparent url(../images/traitsep.gif) repeat-x left bottom;
   width:340px;
   overflow:hidden;
   float:left;
  }
  .affichage_liste_grd2 .content p {
     padding:0;
	 margin:0;
	 font-size:11px;
	 line-height:15px;
	 text-align:left;
	 height:33px;
	 overflow:hidden;
  }
  .affichage_liste_grd2 i {
    font-weight:bold;color:#dadada;
  }
  .affichage_liste_grd2 .img_news {
    float:left;
	margin:2px 8px 3px 0;text-align:center;
	width:100px;
	overflow:hidden;
	/*background: url(../images/loading-animated-circle.gif) no-repeat center center;*/
  }
  .affichage_liste_grd2 .img_news p{
    text-align:center;
	height:70px;
	overflow:hidden;
  }
  
  .affichage_liste_grd2 .content h4  {
    margin:0;padding:0;font-size:11px;font-weight:none;line-height:16px;color:#709E15;padding-bottom:0px;font-family:Arial
  }
  
  .affichage_liste_grd2 .footer {
    text-align:right;
	color:#ccc;
	font-size:11px;
	height:15px;
	margin-top:10px;
   }
   
   .affichage_liste_grd2 .content {
    height:95px;overflow:hidden;
	
   }
   
   
   .affichage_liste_grd2 .content a{
     text-decoration:none;
	 color:#709E15;
   }
   
   .affichage_liste_grd2 .content a:hover{
     text-decoration:underline;
	 color:#CD3719;
   }
   
   
   .affichage_liste_grd2 .footer a{
     text-decoration:underline;
   }
   
   .margin_18{
    margin-right:18px;
   }
   
   .cadre_agence_d,
   .cadre_agence_g{width:280px; height:100px;float:left;padding:10px;margin-bottom:35px;}
   .cadre_agence_g{margin-right:15px;background:#FDF4E6 url(../images/page_flip.gif) right bottom no-repeat;border:1px solid #F49604;}
   .cadre_agence_d{margin-left:15px;background:#F3FDE4 url(../images/page_flip.gif) right bottom no-repeat;border:1px solid #85BD2C;}	
   .cadre_agence_g h2.agence{font-size:14px;font-weight:bold;padding:0px 0px;color:#9C6104}	
   .cadre_agence_d h2.agence{font-size:14px;font-weight:bold;padding:0px 0px;color:#2C5604}
   .cadre_agence_d p,
   .cadre_agence_g p{font-size:12px;line-height:14px;color:#333;padding:3px 0 0 0;margin:0}	
   .cadre_agence_d p.grand,
   .cadre_agence_g p.grand{font-size:13px; padding-top:10px;}
   .bleu_agence{color:#047FCD}
   .lien{cursor:pointer;}
   h4{font-size:13px;}
   
   #div_contacts{background:url(../images/img_contact.jpg) right bottom no-repeat;}
   #bouton{padding-top:30px;text-align:center;margin-bottom:10px;}
   #image{ width:310px;}
   #image img{padding:4px; border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
   #titre_operation, #titre_intervention, #titre_realisation{font-size:14px; line-height:18px;font-family: Arial, Helvetica, Verdana, Tahoma;color:#396506;margin:0px;padding-left:10px;font-weight:bold;background: url(../images/bt_infos.gif) left no-repeat;margin-bottom:10px;}
   .sep_contenu{background: transparent url(../images/traitsep.gif) repeat-x left bottom;padding:8px 5px;	}
   
   .liste_atout{font-size:12px;text-align:left; line-height:20px;margin:5px 0 5px 10px;padding-top:5px;padding-left:15px;display:block;background:transparent url(../images/catp.gif) 0 11px no-repeat;}
   .liste_atout2{font-size:12px;text-align:left; line-height:16px;margin:5px 0 5px 30px;padding-top:5px;padding-left:15px;display:block;background:transparent url(../images/arrow5.gif) 0 8px no-repeat;}