body{font-size:11px; color:#768585; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin:0}

p{ padding:0; margin: 2px 0 4px 0; text-align:justify;}
em{font-size:13px; color:#768585; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
h1{font-size:22px; color:#860000; font-weight: normal; font-family: Impact, Verdana, Geneva, Arial, Helvetica,  sans-serif; padding:0; margin: 2px 0 4px 0;}
h2{font-size:18px; color:#607887; font-weight: normal; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h3{font-size:16px; color:#4e91bb; font-weight: normal; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h4{font-size:12px; color:#607887; font-weight: bold; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}

div{margin:0;padding:0}
a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#768585;
	font-size:11px; text-decoration:underline;}
a:hover{color:#bdc4c4;}
a:hover .cadre{border:1px solid #94da78;}
ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; margin: 0; text-align:justify;}
ul ul li{background-image: url(images/puce2.gif);background-position: 0 .5em;}
ul ul ul li{background-image: url(images/puce3.gif); background-position: 0 .5em;}

 /* FORMULAIRES */
.champcontact{background:  url("images/fond_champ.gif") repeat-x top; background-color: #ffffff; 
	border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.champfocus{background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff;
	border-left:1px solid #94da78; border-right:1px solid #94da78; border-top:1px solid #6ab94b; border-bottom:1px solid #aedf9a;	color:#407c58;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding: 0 2px 0 2px; margin:0;}
.champcontacterreur{background:  url("images/fond_champerreur.gif") repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.erreur{color:#be0d0d;	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold}
.send{background: url("images/fond_send.gif") repeat-x top; background-color: #b40d0c; color: #FFFFFF;
	border:1px solid #5f0606;	text-align : center; font-weight: normal; font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
	
form{border:0; padding:0; margin:0}
input{margin:0}
.cadre{border: 1px solid #607887; padding:1px;}
.fondgris{background-color: #f3f3f3;padding:5px;}

#liens{color:#768585;margin: 0 10px 0 0;text-align:right;height:27px}
#liens a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#768585;
	font-size:11px; line-height: 26px;text-decoration:none;}
#liens a:hover{color:#bdc4c4;}

#contenu{height:400px; margin:0; padding:0;}
#centre{padding: 0 15px 0 10px;}
#colonnedroite{background: url(images/bande_droite.gif) repeat-x top; color: #ffffff; width:215px; padding:0; margin:0; background-color:#586d78; height:100%}
#colonnedroite h2{margin: 0; color:#860000; font-weight: bold;}
#colonnedroite a{color:#FFFFFF; text-decoration:none;}
#colonnedroite a:hover{color:#FFFFFF; text-decoration:underline;}
#colonnedroite h1{font-size:14px; color:#FFFFFF; font-weight: bold; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}



#sitemap{color:#768585;text-align:left;height:20px; margin: 10px 0 10px 0;}
#sitemap a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#768585;font-size:11px;}
#sitemap a:hover{color:#bdc4c4;}


#talon{background: url(images/talon_fond.gif) repeat-x top; height:22px; padding:0; margin:0;}
#talon p{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#607887;
	font-size:11px; text-align:center; line-height: 26px;
	background: url(images/talon_gauche.gif) no-repeat top left; height:22px}
	
	
	
	/* BACKOFFICE */
#haut{border-top: solid 1px #ededed; border-left: solid 1px #ededed; border-right: solid 1px #ededed}
#main{border-bottom: solid 1px #ededed; border-left: solid 1px #ededed; border-right: solid 1px #ededed}

.table{border: 1px solid #d0dce2;padding:2px}
.table td{border: 1px solid #ededed}
.table thead{background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887}
.table th{background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887}

/* Nouvel ajaxTable */
.newTable{margin: 20px 0 0 0;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: none; padding:0;}
.newTable thead tr{background: transparent url(backoffice/images/fond_onglet2.jpg) repeat-x scroll center bottom;color:#607887;text-align:center;height:18px; border-collapse:collapse }   /* ligne d'entete */
.newTable thead tr.filter{ background-image:none; background-color:#800000;color:white;text-align:center;height:40px;} /* ligne d'entete variante*/

.newTable thead tr div { margin-Top:3px} /* div du filtre */
.newTable thead tr input  /* input du filtre */
{
	height:12px;
	padding-right:20px;
	font-size:9px;
	width:80%;
	/*background-image: url(../images/close.gif);
	background-position:right; background-repeat:no-repeat;*/
	cursor:pointer;
	} 
.newTable tbody{border-collapse:collapse}
.newTable tbody tr.rowAlternate{}
.newTable tbody tr{cursor:pointer; height:20px; border-collapse:collapse}
.newTable tbody tr td {border:1px solid #ededed; border-collapse:collapse;}
.newTable tbody tr.rowGroup {background-color:White; height:30; font-size:14px; font-weight:bold; border-bottom:solid 1px black}
.newTable tbody tr.rowGroup.rowOver {background-color:white}
.newTable tbody tr.rowOver{background-color:#f6d891}
.newTable tbody tr.rowSelected{background-color: #e0f0d9;}

.newTable ul.status {background: url("images/fond_champ.gif") repeat-x top;	color:#607887; float:left; width:100%; height:22px; padding:0; margin:0}
.newTable ul.status li {height:18px; background-image:none;padding-top:3px; width:100px;display:block; float:left}

.newTable ul.objMenu {margin:0; padding:0; border:0; width:100%; height:30px; background-color:transparent; background-image:none; color:black; padding-top:3px}
.newTable ul.objMenu li {width:auto; list-style:none; width:100px; margin: 0 0px 0 5px; min-height:20px; background-image:none; border: solid 1px #efefef}
.newTable ul.objMenu li.selected {background-color:white}
.newTable ul.objMenu li:hover {background-color:#efefef}
.newTable ul.objMenu li:active { background-color:transparent}
.newTable ul.objMenu li img {margin: 0 3px 0 0; vertical-align:top}

.newTable tfoot tr
 
{
	height:25;
	font-weight:bold;
	background-color:#f8e2e2;
	
	}

.newTable.comboFilter{ background-color:white; background-image:none; border: solid 1px black; display:block; position:absolute; padding:0; margin:0; width: 150px; height: 200px; overflow:auto} /* Appliqué au combo du filtre */
.newTable.comboFilter li { list-style:none; padding:0; margin:0; cursor:pointer; overflow:hidden; list-style-image:none; background-image:none}
.newTable.comboFilter li.selected {background-color:#f9c4b4}
.newTable.comboFilter li.over {background-color:#f6d891}


/* fin */


#Ta{font-family: Trebuchet MS; font-size : 11px;}
#Ta_header{border-collapse:collapse;}
#Ta_tablebody{border: 1px solid #d0dce2;border-collapse:collapse; padding:2px}
#Ta_tablebody td{}
#Ta input {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px;}
#Ta textarea {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px; overflow:auto; width:98%;}

#Ta th {background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887;}
#Ta th a {text-decoration: none; margin-right: 10px;}
#Ta th a img {border: 0;}
#Ta tr.alternate{}
#ta tr {background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff;
	border-left:1px solid #94da78; border-right:1px solid #94da78; border-top:1px solid #6ab94b; border-bottom:1px solid #aedf9a;	color:#407c58;background-color : #e0f0d9}
#Ta tr.selected {background-color: #e0f0d9;}
#Ta tr.rowover {background-color:#E8EEF0}
#Ta td{text-align: left;border: 1px solid #ededed;}
#Ta td.rowselector {background-color: #e0f0d9;}
#Ta th a:hover{text-decoration:underline}
#Ta .move{width:200px;height:25px; background-color:#E0F0D9}

.ajaxtable {font-family: Trebuchet MS; font-size : 11px;}
.ajaxtable.header{border-collapse:collapse;}
.ajaxtable.tablebody{border: 1px solid #d0dce2;border-collapse:collapse; padding:0}
.ajaxtable input {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px;}
.ajaxtable select {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px;}
.ajaxtable textarea {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px; overflow:auto; width:98%;}
.ajaxtable th {background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887;}
.ajaxtable th a {text-decoration: none; margin-right: 10px;}
.ajaxtable th a img {border: 0;}
.ajaxtable tr.alternate{}
/*.ajaxtable tr {background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff;
	border-left:1px solid #94da78; border-right:1px solid #94da78; border-top:1px solid #6ab94b; border-bottom:1px solid #aedf9a;	color:#407c58;background-color : #e0f0d9}*/
.ajaxtable tr.selected {background-color: #e0f0d9;}
.ajaxtable tr.rowover {background-color:#E8EEF0}
.ajaxtable td{text-align: left;border: 1px solid #ededed;}
.ajaxtable td.rowselector {background-color: #e0f0d9;}
.ajaxtable th a:hover{text-decoration:underline}
.ajaxtable .move{width:200px;height:25px; background-color:#E0F0D9}


#colonnecentre{padding: 0 10px 10px 10px; }
.fondvisuel{background: url(backoffice/images/visuel.jpg) no-repeat bottom left;}

.onglets{list-style-type: none; background-image:none; text-align:left;border-bottom:1px solid #cccccc; margin: 0; padding:0 0 31px 0;}
.onglets li{width:100px; line-height:30px;display:block; float:left; text-align:center; padding:0;margin:0 25px 0 0;background: url("backoffice/images/fond_onglet2.jpg") repeat-x bottom;border:1px solid #cccccc;}
.onglets li.Over{background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom;border-top:1px solid #860000;border-left:1px solid #860000;border-right:1px solid #860000;}
.onglets li.Selected{background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom;border:1px solid #cccccc;}
.onglets li.Active{background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom;border:1px solid #94da78;}

.ajax_check{padding:0; margin:0; border:0;clear:both; width:100%;}
.ajax_check li{padding:0; margin:0 10px 0 0; border:0; list-style:none; display:block; float: left;}
.ajax_check li input{margin-left:5px;}

.barre{list-style-type: none; background: url("backoffice/images/fond_onglet2.jpg") repeat-x bottom; text-align:left; margin: 0; padding:1px; padding:2px; width:180px; height:25px}
.barre li{height:20px; width:20px; display:block; padding:1px; margin:0 1px 0 0; float:left; text-align:center;  background-image:none; list-style:none  }
.barre li.Over{height:18px; width:18px;background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom; border:1px solid #860000;}
.barre li.Selected{background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom; border:1px solid #860000; }

.barre input{border:0; color:#405058; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial; font-size:11px; padding: 0 2px 0 20px; margin:0;  background: url("backoffice/images/loupe.gif") no-repeat top left;}

.barre2{list-style-type: none;text-align:left; margin: 0; padding:1px;  height:20px; border:1px solid #ededed; background: url("backoffice/images/fond_onglet2.jpg") repeat-x bottom; }
.barre2 li{width:75px; height:19px; padding:1px; margin:0 5px 0 0; display:block; float:left; text-align:center; text-align:center; background-image:none}
.barre2 li.Over{width:73px; height:17px;background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom; border:1px solid #860000;}
.barre2 li.Selected{width:73px; height:17px;background: url("backoffice/images/fond_onglet_click2.jpg") repeat-x bottom; border:1px solid #860000; }

/* border:1px solid transparent; */

/*TreeView*/

.tvedit {font-size:11px; color:#768585; font-family:  "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #768585; padding-left: 1px;}

/* opportunites / default.aspx la liste de opportunités */
#listeop{margin:0;padding:0;border:0}
#listeop li{margin:0 0 10px 3px;padding:0;border:0; list-style-image: none;}

/* Téléchagerments / default.aspx la liste de opportunités */
#doc_tel{margin:0;padding:0;border:0}
#doc_tel li{margin:0 0 10px 3px;padding:0;border:0; list-style-image: none;}

/* opportunites / detail.aspx la liste de dephotos */
 #ListePhotos{clear:both; margin:20px 0 20px 0; padding:0}
 #ListePhotos li {display:block; float:left; list-style:none; margin-right:10px; height: 110px; width: 110px; border: solid 1px #cccccc; text-align:center;}
 #ListePhotos li img {position: relative; cursor:pointer;}
 
 /* opportunites / op_listeenvoi.aspx Liste d'envoi des opportunités */
 .tvlisteenvoi{width:20%; height:100%; display:block; float:left; margin-right:1%;}
 .inListeEnvoi{ background-color: #dacec2;}
 
 /*Opportunites statsDetails --> détail des dates d'ouverture */
 #statsDetails{width: 170px; height: 250px; background-color: #f3f3f3;margin:0;padding:0; border: solid 1px gray;}
 #statsDetails ul{margin: 5px; padding:0; background-color:White; height:210px; overflow:auto;}
 #statsDetails ul li{ list-style:none; display:block; list-style-image:none;margin:0 0 0 3px; padding:0; border:0}
 
 
#colonnedroite .menu{margin:0 0 20px 10px; padding:0 0 1px 0; list-style: none; clear:both;background: url(images/points-h.gif) repeat-x left top;width:180px; text-align:left; }
#colonnedroite .menu li{background: url(images/points-h.gif) repeat-x left bottom; width:164px;text-align:left; }
#colonnedroite .menu li a{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none;
	display: block; margin: 0; padding: 5px 0 5px 18px; color: #c4d6df; height:100%;
	background: url(images/puce-header.gif) no-repeat 0 .4em;}
#colonnedroite .menu li a:hover{color: #ffffff;text-decoration: none;}
#colonnedroite .menu li ul{margin:0; padding:0;}
#colonnedroite .menu li li{width:160px; margin:0 0 0 15px;background: url(images/points-h.gif) repeat-x left top;text-align:left; }
#colonnedroite .menu li li a{background: url(images/puce-carregris.gif) no-repeat 0 .6em;padding: 2px 0 2px 10px;}
#colonnedroite .menu a.selected{color:#ffffff; font-weight:bold}
#colonnedroite .menu a.selected:hover{color:#ffffff;font-weight:bold}

.el2col{width:182px; float: left; text-align:center; height:80px; margin:0 4px;}
.el2col p{text-align:justify; font-size:10px;margin:0 2px;}
.el2col ul li{text-align:left; font-size:10px;margin:0 2px;}
.el2col a{text-decoration: none; font-size:10px;}