/* CSS Document */
html, body { 
	height: 100%; 
	min-height: 100%; 
} 
body
{
	background-color: #EEEEEE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/fond_pages.gif);
	background-repeat: repeat-x;
	background-position: top;
}

a {
	color: #33699F;
	text-decoration: underline;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	margin:0px;/*fiche vendeur*/
	color: #004D8C;
	font-size: 28px;
}

h2 {
	color: #222;
}

.red {
border-bottom:1px solid #FF3300;
}

.petit{
font-size: 13px;
}

.memo{
font-size: 10px;
}

.petit2{
	font-size: 11px;
}

.petitgras{
font-size: 13px;
font-weight: bolder;
}

.moyengras{
	font-size: 16px;
	font-weight: bolder;
}

.petitgras2{
	font-size: 11px;
	font-weight: bolder;
}

.grandgras {
	font-size: medium;
	font-weight: bold;
}
.champs, .champs_num
{
	background-color: #FFF;
	border: 1px solid #999;
	font-size: 13px;
}

.champs_num {
	text-align: right;
}

.champs_r {
        background-color: #FF9999;
        border: 1px solid #999;
        font-size: 13px;
}
.tentete {
        background-color: #1E9CDD;
        filter:alpha(opacity=85);
        font-size: 11px;
        font-weight: bold;
}

.td1, .td2, .tds, .tdr, .aff1, .aff2, .affs, .affr {
	font-size: 13px;	
}

.aff1, .aff2, .affs, .affr {
        color: #000000;
        background-color: #FFF6CD;
}

.td1 {
        color: #000000;
        background-color: #FFF;
}
.td2 {
        color: #000;
        background-color: #CCC;
}
.tds {
        color: #FFF;
        background-color: #003760;
		font-style: italic;
}

.tds a {
	color: #FFF;	
}

.tdr {
        color: #FF0000;
        background-color: #FFF;
}
.tcoche
{
        border: 1px solid #FF3333;
        background-color: #FFFFFF;
}
fieldset
{
        border: 2px solid #004D8C;
        font-size: 13px;
}
legend
{
       font-size: 18px;
       font-weight: bold;
	   margin-left: 20px;
	   padding-left: 5px;
	   padding-right: 5px;
}
.cadre
{
	background-image:url(images/header_cadre.gif);
	background-repeat:no-repeat;
	width: 195px;
	height: 25px;
}
.button
{
	background: url(images/button2.gif) no-repeat;
	border-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width: 150px;
	height:27px;
}

/*affichage onglet fiche vendeur*/
.liste-onglets {
float:right;
margin-top: -40px;
}

.onglet { /* style des onglets inactifs */
  margin:0px 0px 0px 0px ; /* marge extérieure */
  padding:11px 0px 5px 0px ; /* marge intérieure */
  color: #333;
  font-size: 15px; /* taille de la police des onglets */
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:120px ; /* largeur de la boite float */
  background : url(images/onglet1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les liens dans les onglets ne sont pas soulignés */ 
  text-align:center; /* Le texte des onglets est centré */
  cursor: pointer;
  } 

a:hover.onglet {
	color: #0066FF;
}
  
 .separateur_horizontal {
	/*color: #f00;
	background-color: #f00;*/
	background-image: url(images/line_hor1.gif);
	height: 2px;
	border: none;
 }

.obligatoire {color: #FF0000;}

.button_menu {
	background:url(images/button1_bg.gif) top repeat-x;
	display:inline-block;
	font-size:15px;
	color:#363636;
	line-height:34px;
	text-decoration:none;
	margin-top: 10px; 
	}
	
.button_menu span {
	display:block;
	background:url(images/button1_left.png) top left no-repeat;
	}
	
.button_menu span span {
	padding:0 40px; padding-top: 6px;
	background:url(images/button1_right.png) top right no-repeat;
	height:27px;
	}
.button_menu:hover {color:#006abb} 

.bouton_menu_gauche, .bouton {
	border-style:none;
	display:inline-block;
	text-decoration: none;	
	font-size:15px;	
	color:#363636;	
	text-align: center;	
}

.bouton {
	background: url(images/button2.gif) no-repeat;
	width: 150px;
	height:27px;
	line-height:28px;

}

.bouton:hover, .bouton_menu_gauche:hover {color:#006abb} 

/*.bouton_menu_gauche
{
	margin-top: 10px; 
	background: url(images/bouton_menu_gauche.gif) no-repeat;
	width: 130px;
	height:27px;
	line-height:28px;
}*/

.bouton_menu_gauche {
	margin-top: 3px; 
	background: url(images/bouton_menu_gauche.png) no-repeat;
	width: 139px;
	height: 35px;
	line-height: 36px;
}

.bouton_menu_gauche:hover {
	background: url(images/bouton_menu_gauche_hover.png) no-repeat;	
}

.tableau {
	border-top: 1px solid #BBBBBB; 
	border-right: 1px solid #BBBBBB; 
}

.tableau td {
	font-size: 11px;
	border-bottom: 1px solid #BBBBBB; 
	border-left: 1px solid #BBBBBB; 
}

.option_contextuelles {
	position: absolute; top: 10px; right: 20px;
}

/* Alertes */

.contour_alerte {
	border: 1px solid #AAA;
	/*background-color: #EBF2F4;*/
}

.ascenseur {
	overflow: auto; 
	height: 250px;
}

.etiquette {
	background-color: #003760;
	height: 34px;
	margin-bottom: 20px;
	padding-left: 10px;
	background-image: url(images/bg.gif);
	
}

.etiquette div {
	height: 34px;
}

.titre {
	float: left;
	color: #FFF;
	font-size: 20px;
	padding-top: 5px;
	}

.cocher {
	float: right;
	color: #FFF;
	font-size: 15px;
	height: 20px;
	}

.nom_affaire {
	font-size: 22px;
}

.expire {
	color: #C00;	
	font-weight: bold; 
}

.acces_interdit {
	margin-top: 300px;
	margin-left: 100px;
	margin-right: 100px;
	color: #F00;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #F00;
	background-color: #FFD0D0;
	padding: 10px;
	
}

.entete_tb{background:#3D86C3 url(images/fond_entete_tb.png) repeat-x top; font-size:12px; color:#fff;}
.pied_tb{background: url(images/fond_pied_tb.png) repeat-x top; font-size:12px; color:#000; text-align:center;}


.hauteur_fieldset_fiche_centsoixante {
height:350px;
}
.hauteur_fieldset_fiche_centquarante {
height:260px;
}
.hauteur_fieldset_fiche_centvingt {
height:140px;
}

.fiche_colonne1 {
width:15%;
}
.fiche_colonne2 {
width:25%;
}
.fiche_colonne3 {
width:15%;
}

/*Tableau de faisabiilite*/

.tableau_faisabilite td {
	font-size: 11px;
	/*border-bottom: 1px solid #BBBBBB; 
	border-left: 1px solid #BBBBBB; */
}
.bordure_droite {
border-right: 1px solid #7B7B7B;
}
.bordure_cellule_complete {
border-right: 1px solid #7B7B7B;
border-left: 1px solid #7B7B7B;
border-top: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_gauche {
border-right: 1px solid #7B7B7B;
border-top: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_droite {
border-top: 1px solid #7B7B7B;
border-left: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_bas {
border-right: 1px solid #7B7B7B;
border-top: 1px solid #7B7B7B;
border-left: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_bas_droite {
border-left: 1px solid #7B7B7B;
border-top: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_bashaut {
border-right: 1px solid #7B7B7B;
border-left: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_haut {
border-right: 1px solid #7B7B7B;
border-left: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
.bordure_cellule_sauf_basgauche {
border-right: 1px solid #7B7B7B;
border-top: 1px solid #7B7B7B;
}

.bordure_cellule_sauf_hautgauche {
border-right: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
.bordure_cellule_gauche {
border-left: 1px solid #7B7B7B;
}
.bordure_cellule_droite {
border-right: 1px solid #7B7B7B;
}
.texte_blanc {
color:#FFFFFF;
}

.texte_blanc  a {
color:#FFFFFF;
}

/*container photos*/
#containment-wrapper {  margin: 0 auto; width: 950px; }
/*modeles photos*/
.zone-drag-photos { margin:0 auto; width: 950px; clear:both;}

.draggable { width: 80px; height: 55px; padding: 5px; float: left; margin: 0 3px 3px 0; font-size: .9em; text-align:center;}
.ui-widget-header p, .ui-widget-content p { margin: 0; }

/*contenu photos*/
#container-photos { margin:0 auto; width: 950px; clear:both;}
.droppable { width: 200px; height: 160px; padding: 10px; float: left; margin: 0 5px 10px 0; font-size: .9em; text-align:center;}
 
 hr {
                 color: white;
                background-color: white;
                height: 1px;
                border: 0;           
}